:root{--ink:#20211f;--paper:#f2f0e9;--muted:#686b63;--line:#d2d1c8;--copper:#c9ab8b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:2px solid #af7954;outline-offset:7px}::selection{background:#ccb191;color:#20211f}.skip{position:fixed;top:-80px;background:var(--paper);padding:16px;z-index:100}.skip:focus{top:8px}header{background:var(--ink);color:var(--paper);padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #41423c}.brand{display:flex;align-items:center;gap:24px}.brand img{width:63px;height:49px}.brand span{font-size:10px;letter-spacing:2.3px;line-height:1.6}nav{display:flex;align-items:center;gap:38px;font-size:12px}nav a{padding:7px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--copper)}.nav-contact{margin-left:20px}.nav-contact span{margin-left:22px}.hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;padding:58px 5% 0;gap:0 5%;overflow:hidden}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;line-height:1.6}.hero-copy>.eyebrow{color:var(--copper);margin:9px 0 42px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(70px,8.8vw,144px);margin:0 0 42px}h1 em,h2 em{font-weight:400;letter-spacing:-.065em}h1 em{color:var(--copper)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:410px;padding-bottom:36px}.hero-bottom p{font-size:14px;color:#c8cbc0;margin:0}.circle-link{border:1px solid #686b61;border-radius:100%;height:52px;width:52px;display:grid;place-items:center;font-size:23px;transition:background .2s,color .2s}.circle-link:hover{background:var(--paper);color:var(--ink)}figure{margin:0}.hero-image{align-self:stretch;min-width:0;position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;max-height:610px;object-fit:cover;object-position:54% 50%}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:22px 24px;background:linear-gradient(transparent,#211a1380);display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:25px 0;color:#b3b7ab;font-size:9px;letter-spacing:1.4px}.section{padding:110px 5%}.section-top{display:flex;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}h2{font-size:clamp(42px,5.1vw,80px)}.work-intro{display:flex;align-items:end;justify-content:space-between;gap:8%;margin:60px 0 70px}.work-intro h2{margin:0;max-width:730px}.work-intro p{max-width:310px;font-size:13px;color:var(--muted);margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:85px 5%;align-items:start}.project.offset{margin-top:120px}.image-button{display:block;width:100%;padding:0;border:0;position:relative;overflow:hidden;background:#e0ded5;text-align:left}.image-button>img{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;transition:transform .7s ease}.image-button:hover>img{transform:scale(1.035)}.view{position:absolute;bottom:22px;right:22px;background:var(--paper);padding:9px 15px;font-size:10px;display:flex;gap:26px;align-items:center}.project-caption{display:flex;justify-content:space-between;gap:20px;margin-top:22px;align-items:end}.project-caption .eyebrow{font-size:9px;color:var(--muted)}.project-caption h3{font-family:Georgia,serif;font-weight:400;font-size:40px;line-height:1;margin:9px 0 0;letter-spacing:-2px}.material{font-size:10px;color:var(--muted);text-align:right}.project-line{margin:13px 0 0;font-size:12px;color:var(--muted)}.studio{background:#e6e7de}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:65px 0 70px}.studio-grid h2{margin-bottom:36px}.studio-note{font-size:12px;color:var(--muted);max-width:270px}.large-copy{font:30px/1.4 Georgia,serif;letter-spacing:-.6px}.studio-right>p:not(.large-copy){font-size:14px;color:#555a50;max-width:390px}.line-link{display:flex;justify-content:space-between;gap:35px;border-bottom:1px solid var(--ink);padding:20px 0 12px;font-size:12px;max-width:390px}.line-link:hover span{transform:translate(3px,-3px)}.line-link span{transition:transform .2s}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:4%}.services article{border-top:1px solid #b6baae;padding-top:20px}.services article>span{font-size:10px;color:var(--muted)}.services h3{font:24px/1.2 Georgia,serif;letter-spacing:-.5px;margin:25px 0 15px}.services p{font-size:12px;color:#555a50;line-height:1.8;margin-bottom:0}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px}.process-grid h2{margin:0}.process-grid article{display:flex;gap:35px;padding:0 0 30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.process-grid article>span{font:italic 20px Georgia,serif;color:var(--muted)}.process-grid h3{font-size:17px;font-weight:400;margin:0 0 12px}.process-grid p{font-size:12px;color:var(--muted);margin:0;max-width:370px}.package{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%}.package .eyebrow{color:var(--copper)}.package h2{margin:32px 0}.price{font:70px Georgia,serif;letter-spacing:-3px;margin:45px 0 0}.price span{display:block;font:11px Arial,sans-serif;letter-spacing:0;margin-top:16px;color:#bfc4b7}.scope{padding-top:38px}.scope-title{font:25px Georgia,serif;line-height:1.3;max-width:320px}.scope ul{list-style:none;padding:0;margin:30px 0}.scope li{padding:13px 0;border-bottom:1px solid #484c42;font-size:12px}.scope li:before{content:'+';margin-right:18px;color:var(--copper)}.small{font-size:11px;color:#bfc4b7}.scope .line-link{border-color:#9c9f94}.contact{padding-top:85px;padding-bottom:90px}.contact h2{font-size:clamp(60px,9vw,140px);margin:65px 0 45px}.contact h2 em{color:#6c715f}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-bottom p{font-size:13px;color:var(--muted);margin:0}.contact-link{font:26px Georgia,serif;display:flex;gap:90px;padding-bottom:12px;border-bottom:1px solid var(--ink)}.email{display:block;text-align:right;font-size:11px;margin-top:18px;color:var(--muted)}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px}footer>img{width:80px;height:62px}footer>div>span{font-size:10px;letter-spacing:2px}footer p{font-size:10px;color:var(--muted);margin:8px 0 0}footer>a{font-size:11px;margin-left:auto}dialog{width:min(1040px,92vw);max-height:90vh;padding:24px;border:0;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#10140fdd;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.close-dialog{background:none;border:1px solid var(--line);padding:8px 15px;font-size:12px}.dialog-top .eyebrow{font-size:9px}#dialog-image{width:100%;max-height:62vh;object-fit:contain;background:#e7e5dd}.dialog-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px 0 5px}.dialog-copy h2{font-size:40px;margin:8px 0 0}.dialog-copy>p{font-size:13px;color:var(--muted);margin:0;align-self:center}.modal-open{overflow:hidden}@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}}@media(max-width:800px){header{padding:20px 6%}.brand{gap:14px}.brand img{width:48px;height:38px}.brand span{font-size:8px;letter-spacing:1.3px}nav{gap:20px;font-size:10px}nav>a:nth-child(2){display:none}.nav-contact{margin:0}.nav-contact span{margin-left:10px}.hero{padding:40px 6% 0;grid-template-columns:1fr}.hero-copy>.eyebrow{margin:0 0 27px}h1{font-size:clamp(78px,16vw,125px);margin-bottom:30px}.hero-bottom{max-width:none;padding-bottom:30px}.hero-bottom p{font-size:12px}.hero-image>img{height:auto;max-height:none;aspect-ratio:1.15;object-fit:cover}.hero-foot{font-size:8px;padding:20px 0}.hero-foot>span:first-child{display:none}.section{padding:70px 6%}.section-top .eyebrow{font-size:8px;letter-spacing:1.3px}.work-intro{display:block;margin:36px 0 40px}h2{font-size:clamp(42px,8.5vw,65px)}.work-intro p{margin:25px 0 0;max-width:360px}.projects{gap:45px 6%}.project.offset{margin-top:75px}.project-caption{display:block}.material{display:block;text-align:left;font-size:9px;margin-top:12px}.project-caption h3{font-size:32px}.project-caption .eyebrow{font-size:8px}.project-line{font-size:10px}.view{font-size:9px;bottom:12px;right:12px;padding:7px 10px;gap:13px}.studio-grid{gap:8%;padding:40px 0}.large-copy{font-size:24px}.services{grid-template-columns:1fr 1fr;gap:32px 6%}.services h3{font-size:23px}.process-grid{gap:7%;margin-top:40px}.process-grid article{gap:20px}.package{gap:6%}.price{font-size:60px}.contact h2{margin:45px 0 35px}.contact-link{font-size:22px;gap:40px}.contact-bottom p{font-size:12px}}@media(max-width:500px){nav>a:first-child{display:none}.projects{grid-template-columns:1fr;gap:42px}.project.offset{margin-top:0}.image-button>img{aspect-ratio:1.1}.project-caption{display:flex}.material{text-align:right;font-size:9px;max-width:140px;margin:0}.project-caption h3{font-size:36px}.project-line{font-size:11px}.studio-grid,.process-grid,.package{grid-template-columns:1fr}.studio-grid{gap:25px}.studio-grid h2{margin-bottom:22px}.studio-note{max-width:280px}.studio-right .large-copy{font-size:27px}.process-grid>h2{margin-bottom:35px}.scope{padding-top:45px}.scope-title{max-width:none}.contact-bottom{display:block}.contact-link{margin-top:35px;justify-content:space-between;font-size:25px}.email{text-align:left}.contact h2{font-size:clamp(55px,12.5vw,75px)}footer{gap:24px;flex-wrap:wrap}footer>a{margin-left:auto}footer>img{width:58px;height:45px}footer>div>span{font-size:8px;letter-spacing:1px}footer p{font-size:9px}dialog{padding:15px;width:94vw}.dialog-copy{display:block;padding-top:22px}.dialog-copy>p{margin-top:20px}.dialog-top .eyebrow{max-width:180px;font-size:8px}.close-dialog{padding:7px 10px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.icon-arrow{display:inline-block;width:16px;height:16px;vertical-align:middle}.hero-foot{color:#c2c6ba}.hero-image figcaption{font-size:10px}.project-caption .eyebrow{font-size:10px}.material{font-size:11px}.project-caption .eyebrow,.material,.project-line{color:#60645b}@media(max-width:500px){.section-top .eyebrow{font-size:9px}.project-caption .eyebrow{font-size:9px}.material{font-size:10px}.hero-foot{font-size:9px}}/* A continuous warm-neutral tonal system; rendered product colours stay untouched. */
:root{--paper:#f2ece2;--muted:#666057;--line:#cfc2b1;--copper:#c7a783;--bronze:#806044;--stone:#e8dfd2}
body{background:var(--paper)}header{background:#24231f;border-color:#4c443a}.hero{background:linear-gradient(145deg,#24231f 45%,#342c24 100%)}.hero-copy>.eyebrow{color:#d2b593}.hero-bottom p,.hero-foot{color:#d1c8ba}.hero-image figcaption{color:#fff7eb;background:linear-gradient(transparent,#251b13a8)}.hero-foot{border-top:1px solid #6b594540;margin-top:20px}.tonal-bridge{height:110px;background:linear-gradient(#342c24 0%,#726456 32%,#c4b7a6 72%,#f2ece2 100%)}.work{padding-top:45px;background:var(--paper)}.section-top{border-color:var(--line)}.section-top .eyebrow,.project-caption .eyebrow{color:#75573e}.work-intro h2 em,.studio h2 em,.process h2 em,.package h2 em,.contact h2 em{color:var(--bronze)}.work-intro p,.project-caption .material,.project-line,.studio-note,.studio-right>p:not(.large-copy),.services p,.process-grid p,.contact-bottom p,.email,footer p{color:var(--muted)}.image-button{background:#e2d8ca;box-shadow:0 12px 30px -25px #4a382a66}.view{background:#f2ece2f2;color:var(--ink);border:1px solid #cbb79c66}.view .icon-arrow,.line-link .icon-arrow,.contact-link .icon-arrow{color:var(--bronze)}.project-caption{padding-top:18px;border-top:1px solid #cfc2b180}.studio{background:linear-gradient(var(--paper),var(--stone))}.services article{border-color:#c5b5a0}.services article>span,.process-grid article>span{color:#806044}.process{background:linear-gradient(var(--stone),var(--paper))}.package{background:linear-gradient(var(--paper),#e4d5c0);color:var(--ink)}.package .eyebrow{color:#75573e}.scope li{border-color:#c4b197}.scope li:before{color:#806044}.scope .small,.price span{color:#62584c}.scope .line-link{border-color:#806044}.contact{background:linear-gradient(#e4d5c0,var(--paper) 72%)}footer{background:var(--paper);border-color:var(--line)}.circle-link{border-color:#b39b80}.circle-link:hover{background:var(--copper);color:#24231f}.line-link{border-color:#806044}.contact-link{border-color:#806044}dialog{background:var(--paper)}dialog::backdrop{background:#252019e6}#dialog-image{background:#e8dfd2}.dialog-copy>p{color:var(--muted)}@media(max-width:800px){.tonal-bridge{height:80px}.work{padding-top:35px}}
:root{--muted:#62584c}.dialog-copy>p{color:var(--muted)}
/* Keep the header-to-gallery transition deliberate, not a drop shadow. */
.tonal-bridge{height:28px;background:linear-gradient(180deg,#342c24 0%,#9c8b76 48%,#f2ece2 100%)}.skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}.skip:focus{width:auto;height:auto;clip-path:none;opacity:1}.work{padding-top:65px}@media(max-width:800px){.tonal-bridge{height:20px}.work{padding-top:45px}}
/* Clearer enquiry and a complete original FORM study. */
.form-extra[hidden]{display:none}.form-extra{border-top:1px solid var(--line);margin-top:28px;padding-top:35px}.case-heading{max-width:640px}.case-heading h3{font:34px/1.1 Georgia,serif;letter-spacing:-1px;margin-bottom:18px}.case-heading>p:not(.eyebrow){font-size:13px;color:var(--muted)}.case-views{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.case-views img{width:100%;height:auto}.case-views figcaption{display:block;font-size:11px;padding:15px 0}.case-views figcaption strong{font-weight:400;display:block;color:var(--bronze);margin-bottom:6px}.case-views figcaption span{color:var(--muted)}.case-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:15px 0 0}.faq{background:linear-gradient(#e4d5c0,#ebe0d0)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:55px}.faq-grid h2{margin:0}.faq-grid h2 em{color:var(--bronze)}.faq-list details{border-bottom:1px solid #c4b197}.faq-list summary{padding:20px 28px 20px 0;position:relative;list-style:none;cursor:pointer;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;color:var(--bronze)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.8;padding-right:15px;margin-bottom:25px}.faq-list summary:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}.contact{background:linear-gradient(#ebe0d0,var(--paper) 72%)}.enquiry-brief{max-width:390px}.enquiry-brief ol{padding:0 0 0 20px;margin:16px 0;color:var(--ink);font-size:13px}.enquiry-brief li{padding:4px 0}.enquiry-brief .enquiry-note{font-size:11px;line-height:1.6;color:var(--muted)}@media(max-width:700px){.faq-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.faq-list summary{font-size:14px}.case-views{grid-template-columns:1fr}.case-heading h3{font-size:30px}.studio-note{max-width:none}.contact-bottom{align-items:start}}
