:root{color:#20241f;font-synthesis:none;--paper:#f1ecdf;--paper-light:#f8f5ed;--ink:#20241f;--green:#20382c;--green-light:#355142;--terracotta:#ad6044;--line:#20241f47;background:#181a19;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#181a19;margin:0;overflow-x:hidden}body,button,a{-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:clamp(4.4rem,7vw,8.7rem);line-height:.84}h2{font-size:clamp(3rem,4.8vw,6.2rem);line-height:.92}p{line-height:1.55}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f1ecdff5;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 4vw;display:grid;position:sticky;top:0}.brand{letter-spacing:-.04em;font-family:Georgia,serif;font-size:1.55rem;font-weight:700}.primary-nav,.header-actions,.button-row{align-items:center;gap:1.35rem;display:flex}.primary-nav a{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #0000;padding:8px 0;font-size:.8rem}.primary-nav a.active{border-color:var(--terracotta)}.header-actions{justify-content:flex-end}.menu-button{background:0 0;border:0;display:none}.button{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;justify-content:center;align-items:center;min-height:47px;padding:0 1.4rem;font-size:.78rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover,.text-link:hover{transform:translateY(-2px)}.button-accent{color:#fff;background:var(--terracotta);border-color:var(--terracotta)}.button-dark{color:var(--paper);background:var(--ink)}.button-outline{background:0 0}.button:disabled{opacity:.48;cursor:not-allowed}.share-wrap{align-items:center;gap:.5rem;display:inline-flex;position:relative}.share-button{cursor:pointer;background:0 0;border:1px solid;border-radius:999px;align-items:center;gap:.65rem;min-height:46px;padding:0 1.25rem;display:flex}.share-button.compact{justify-content:center;width:38px;min-height:38px;padding:0}.share-status{white-space:nowrap;font-size:.75rem;position:absolute;top:calc(100% + 8px);right:0}.hero{background:var(--paper);grid-template-columns:44% 56%;min-height:calc(100vh - 76px);display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:8vh 5vw 6vh;display:flex;position:relative}.hero-copy h1{margin:8vh 0 2.2rem}.hero-intro{max-width:640px;font-family:Georgia,serif;font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.38}.hero-copy .button-row{margin-top:1.5rem}.section-label{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:.8rem;font-size:.72rem;display:flex}.section-label>span{background:var(--terracotta);width:48px;height:1px}.section-label.light{color:#f6f0e4}.studio-note{border-top:1px solid var(--line);grid-template-columns:1fr 1.25fr;gap:2rem;margin-top:auto;padding-top:4rem;display:grid}.studio-note p{margin:0;font-size:.86rem}.hero-showcase{background:var(--green);color:#fff;grid-template-rows:minmax(0,1fr) auto auto;gap:1.1rem;padding:3vw;display:grid}.featured-project{min-height:480px;position:relative;overflow:hidden}.featured-project img{object-fit:cover;height:100%;transition:transform .7s}.featured-project:hover img{transform:scale(1.015)}.featured-caption{background:linear-gradient(#0000,#000000bd);grid-template-columns:46px 1fr;padding:1.2rem;display:grid;position:absolute;bottom:0;left:0;right:0}.featured-caption h2{letter-spacing:0;margin:0;font-family:Arial,sans-serif;font-size:1.35rem}.featured-caption p{margin:.25rem 0 0;font-size:.82rem}.project-switcher{border-top:1px solid #ffffff4d;grid-template-columns:repeat(3,1fr);display:grid}.project-switcher button{color:#ffffffa1;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;gap:.2rem;padding:1rem .75rem;display:grid}.project-switcher button.active{color:#fff;border-color:var(--terracotta)}.project-switcher strong{font-weight:500}.project-switcher small{line-height:1.35}.demo-disclosure,.fine-print{opacity:.68;margin:0;font-size:.75rem}.section,.page-intro{background:var(--paper-light);padding:9vw 6vw}.split-heading{grid-template-columns:1.45fr .55fr;align-items:end;gap:8vw;margin-top:5rem;display:grid}.split-heading h1,.split-heading h2{margin-bottom:0}.split-heading p{margin-bottom:.8rem;font-size:1.05rem}.three-columns{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:7rem;display:grid}.value-item,.direct-item{border-right:1px solid var(--line);padding:2rem 2.5rem 0 0}.value-item+.value-item,.direct-item+.direct-item{padding-left:2.5rem}.value-item:last-child,.direct-item:last-child{border-right:0}.value-item>span{color:var(--terracotta);font-size:.8rem}.value-item h3,.direct-item h3{margin:2.7rem 0 1rem;font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.work-preview{background:var(--paper)}.project-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.work-preview .project-grid{margin-top:6rem}.project-card:nth-child(2){margin-top:5rem}.project-image{background:#d8cfbb;height:38vw;max-height:580px;display:block;overflow:hidden}.project-image img{object-fit:cover;height:100%;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.02)}.project-meta{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr;gap:.5rem;padding:1rem 0;display:grid}.project-meta>span{color:var(--terracotta);font-size:.75rem}.project-meta h3{margin:0;font-size:1rem}.project-meta p{margin:.25rem 0 0;font-size:.8rem}.text-link{text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;margin-top:1rem;padding-bottom:.35rem;font-size:.76rem;transition:transform .2s;display:inline-block}.work-preview .fine-print{margin-top:3rem}.direct-section{color:#f5efe4;background:var(--green)}.direct-section .split-heading,.direct-section .three-columns,.direct-item{border-color:#ffffff42}.services-preview{grid-template-columns:42% 58%;gap:8vw;display:grid}.services-preview h2{margin:4rem 0 3rem}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;align-items:start;gap:1rem;padding:1.5rem 0;display:grid}.service-row>span{color:var(--terracotta);font-size:.75rem}.service-row h3,.service-row h2{letter-spacing:0;margin:0;font-size:1.1rem}.service-row.expanded{padding:2rem 0}.service-row.expanded h2{font-family:Georgia,serif;font-size:2rem;font-weight:400}.service-row.expanded p{max-width:620px;margin:.8rem 0 0}.process-preview{background:var(--paper)}.process-line{grid-template-columns:repeat(3,1fr);margin-top:6rem;display:grid}.process-step{border-top:1px solid var(--line);min-height:210px;padding:1.5rem 2rem 1.5rem 0}.process-step:nth-child(n+4){border-bottom:1px solid var(--line)}.process-step>span{color:var(--terracotta);font-size:.72rem}.process-step h3{margin:3.5rem 0 .8rem;font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.process-step p{max-width:300px;font-size:.86rem}.about-preview{background:var(--green);color:#fff;grid-template-columns:50% 50%;display:grid}.about-preview img{object-fit:cover;height:100%;min-height:650px}.about-preview>div{flex-direction:column;justify-content:center;padding:9vw 6vw;display:flex}.about-preview h2{margin:5rem 0 2rem}.about-preview p{max-width:520px}.contact-banner{color:var(--ink);background:var(--terracotta);grid-template-columns:1.2fr .8fr;gap:8vw;padding:7vw 6vw;display:grid}.contact-banner h2{margin:0}.contact-banner p{max-width:480px;margin-bottom:2rem}footer{color:var(--paper);background:#181a19;justify-content:space-between;gap:2rem;padding:2.3rem 4vw;font-size:.75rem;display:flex}footer p{margin:0}footer nav{flex-wrap:wrap;gap:1.3rem;display:flex}.page{background:var(--paper);min-height:80vh}.page-intro{padding-top:10vw}.page-intro .split-heading{align-items:end}.page-intro h1{font-size:clamp(4rem,7vw,8rem)}.page>.project-grid{padding-top:2vw}.case-hero{background:var(--paper);grid-template-columns:42% 58%;min-height:760px;display:grid}.case-hero>div{flex-direction:column;justify-content:center;padding:8vw 5vw;display:flex}.case-hero img{object-fit:cover;height:100%}.case-number{color:var(--terracotta);margin-top:6rem}.case-hero h1{margin:1rem 0 2rem;font-size:clamp(4rem,6vw,7.4rem)}.case-hero .button{align-self:flex-start;margin-top:2rem}.case-details{grid-template-columns:42% 58%;gap:8vw;display:grid}.case-details h2{margin-top:4rem;font-size:4rem}.services-page{background:var(--paper);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(3rem,7vw,8rem);padding:9vw 6vw;display:grid}.services-page>*,.about-page>*{min-width:0}.services-page h1{margin:5rem 0 2rem;font-size:clamp(4rem,6vw,7.2rem)}.services-page>div:first-child>p{max-width:460px}.services-page .button{margin-top:2rem}.scope-note{background:var(--paper-light);grid-template-columns:1fr 1fr;gap:8vw;display:grid}.scope-note h2{font-size:3.5rem}.process-full{padding-top:2vw}.about-page{background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,7vw,8rem);padding:7vw 6vw;display:grid}.about-image img{object-fit:cover;height:65vw;max-height:850px}.about-image p{margin-top:1rem;font-family:Georgia,serif;font-style:italic}.about-page>div:last-child{padding-top:5vw}.about-page h1{overflow-wrap:normal;max-width:10ch;margin:5rem 0 3rem;font-size:clamp(4rem,5.4vw,6.5rem)}.about-page>div:last-child>p{max-width:650px;font-size:1.1rem}.principles{border-top:1px solid var(--line);margin-top:5rem}.principles>div{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;padding:1.25rem 0;display:grid}.principles span{color:var(--terracotta);font-size:.75rem}.principles h3{margin:0;font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.contact-layout{grid-template-columns:1fr 1fr;gap:8vw;display:grid}.contact-layout h2{font-size:3.2rem}.contact-layout li{border-bottom:1px solid var(--line);padding:.7rem 0}.contact-panel{background:var(--green);color:#fff;padding:3.5rem}.contact-panel .button-outline{color:#fff;border-color:#fff}.contact-panel .share-wrap{margin-top:3rem}@media (width<=920px){.site-header{grid-template-columns:1fr auto}.menu-button{display:block}.primary-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:1.5rem 4vw;display:none;position:absolute;top:76px;left:0;right:0}.primary-nav.is-open{display:flex}.header-actions .button{display:none}.hero,.about-preview,.case-hero,.services-page,.about-page{grid-template-columns:1fr}.hero-copy{min-height:720px}.hero-showcase{min-height:760px}.split-heading,.services-preview,.contact-banner,.scope-note,.contact-layout,.case-details{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.project-card:nth-child(2){margin-top:0}.project-card:last-child{grid-column:1/-1;width:50%}.project-image{height:60vw}.process-line{grid-template-columns:1fr 1fr}.about-preview img{min-height:520px}footer{flex-direction:column}}@media (width<=620px){.site-header{height:68px}.primary-nav{top:68px}.hero-copy{min-height:690px;padding:4rem 1.25rem 2rem}.hero-copy h1{margin:4.5rem 0 2rem;font-size:4.2rem}.hero-intro{font-size:1.25rem}.button-row{flex-direction:column;align-items:stretch}.studio-note{grid-template-columns:1fr;gap:1rem}.hero-showcase{min-height:670px;padding:1.1rem}.featured-project{min-height:400px}.project-switcher button small{display:none}.section,.page-intro,.services-page,.about-page{padding:5.5rem 1.25rem}.split-heading{gap:2rem;margin-top:3rem}.three-columns,.project-grid,.process-line{grid-template-columns:1fr}.three-columns{margin-top:4rem}.value-item,.direct-item,.value-item+.value-item,.direct-item+.direct-item{border-right:0;border-bottom:1px solid var(--line);padding:1.5rem 0}.project-card:last-child{grid-column:auto;width:auto}.project-image{height:110vw}.services-preview{gap:4rem}.process-step,.process-step:nth-child(n+4){border-bottom:1px solid var(--line)}.about-preview>div,.contact-banner{padding:5rem 1.25rem}.about-preview img{min-height:420px}.contact-banner h2,.scope-note h2,.contact-layout h2{font-size:2.7rem}.case-hero>div{padding:6rem 1.25rem}.case-hero img{min-height:520px}.contact-panel{padding:2rem 1.25rem}}
