:root{--paper:#f4f2ec;--ink:#27332d;--muted:#667067;--line:#cfd1c7;--green:#33493c;--soft:#e9e9e0;--cream:#ece9dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #bac8b5;outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}p{line-height:1.65}.wrap{width:min(1440px,calc(100% - 104px));margin-inline:auto}.header{height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:24px}.wordmark{font-weight:600;letter-spacing:-7px;font-size:64px;line-height:1}.brand-dot{color:#6b7964}.brand-description{font-size:9px;line-height:1.6;letter-spacing:1.35px;border-left:1px solid var(--line);padding-left:22px;padding-top:5px}.header nav{display:flex;gap:37px;align-items:center;font-size:12px}.header nav a{padding-block:12px}.header nav a:hover,.text-link:hover{opacity:.65}.nav-contact{border-bottom:1px solid var(--ink)}.nav-contact span{padding-left:26px}.menu-toggle{display:none}.eyebrow,.section-label,.drawing-label,.image-overline{font-size:10px;font-weight:400;letter-spacing:1.9px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.square{display:inline-block;width:5px;height:5px;background:var(--ink)}.hero-intro{display:flex;justify-content:space-between;gap:40px;padding:60px 0 46px;align-items:end}h1{font-size:clamp(66px,7.4vw,114px);line-height:.97;letter-spacing:-6px;font-weight:400}h1 em{font-size:1.06em;letter-spacing:-5px}.hero-copy{padding-bottom:7px;max-width:320px;margin-right:7%}.hero-copy>p{font-size:16px;line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);font-size:12px;padding-bottom:12px;margin-top:30px;transition:opacity .2s}.text-link span{font-size:21px}.hero-figure{position:relative}.hero-figure>img{height:clamp(390px,45vw,650px);object-position:center 55%;background:#cfc8b8}.image-overline{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;color:#fff;text-shadow:0 1px 6px #0008;pointer-events:none}.hero-figure figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:10px;letter-spacing:.4px;color:var(--muted)}.section-space{padding-block:100px}.section-label{display:flex;justify-content:space-between;align-items:center;padding-bottom:34px;border-top:1px solid var(--line);padding-top:20px}.small-cross{font-size:24px;line-height:12px;font-weight:300;letter-spacing:0}h2{font-size:clamp(38px,4.1vw,62px);line-height:1.09;letter-spacing:-2.6px;font-weight:400}h2 em{letter-spacing:-2px}.studio-body{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:18px}.studio-copy{max-width:460px;padding-top:5px}.studio-copy .lead{font-size:23px;line-height:1.5;letter-spacing:-.4px;color:var(--ink);margin-bottom:23px}.studio-copy p{color:var(--muted);margin-top:18px;font-size:14px}.expertise{background:var(--soft)}.expertise-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:15px 0 56px}.expertise-intro p{color:var(--muted);font-size:14px;padding-right:30px}.service-list{border-top:1px solid #c1c7bb}.service-list details{border-bottom:1px solid #c1c7bb}.service-list summary{display:flex;align-items:center;gap:34px;cursor:pointer;list-style:none;min-height:102px}.service-list summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:var(--muted);width:8%}.service-list h3{font-weight:400;font-size:32px;letter-spacing:-1px}.detail-sign{margin-left:auto;position:relative;height:20px;width:20px}.detail-sign:before,.detail-sign:after{content:'';height:1px;width:17px;position:absolute;top:10px;left:1px;background:var(--ink)}.detail-sign:after{transform:rotate(90deg);transition:transform .2s}details[open] .detail-sign:after{transform:rotate(0)}.service-content{margin-left:calc(8% + 34px);padding:0 0 32px;display:flex;align-items:end;gap:50px;justify-content:space-between}.service-content p{max-width:590px;font-size:14px;color:#58665b}.service-content>span{font-size:9px;letter-spacing:1.3px;white-space:nowrap;padding-bottom:5px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;margin-top:20px;align-items:start}.approach-visual{background:#e8e7dc;color:#6f7869;padding:28px 24px 24px}.drawing-label{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.2px}.plan{display:block;width:100%;height:auto;margin-top:15px}.drawing-caption{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:15px;text-align:center;margin-top:5px}.approach-content{padding-top:15px}.approach-content h2{font-size:clamp(36px,3.4vw,51px)}.process{margin-top:40px}.process article{display:flex;gap:30px;border-top:1px solid var(--line);padding:23px 0}.process article>span{font-size:10px;color:var(--muted);padding-top:4px}.process h3{font-weight:400;font-size:21px;letter-spacing:-.4px}.process p{font-size:13px;color:var(--muted);margin-top:9px;max-width:340px}.contact{background:var(--green);color:var(--paper)}.contact .section-label{border-color:#718170}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:20px}.contact h2{font-size:clamp(54px,5.4vw,82px);letter-spacing:-3.5px}.contact h2 em{letter-spacing:-2.5px}.contact-grid>div>p{margin-top:30px;font-size:14px;color:#d2d7c9}.contact-email{display:flex;width:max-content;gap:36px;font-size:23px;letter-spacing:-.5px;margin-top:45px;padding-bottom:12px;border-bottom:1px solid #758473}.contact-phone{display:block;width:max-content;margin-top:19px;letter-spacing:1px;font-size:16px}.contact-whatsapp{display:inline-block;margin-top:22px;font-size:12px;border-bottom:1px solid #758473;padding-bottom:7px}.contact-whatsapp span{margin-left:20px}form{padding-top:8px}form h3{font-size:20px;font-weight:400;letter-spacing:-.3px;margin-bottom:31px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:11px;letter-spacing:.2px;margin-bottom:25px}.optional{opacity:.65;font-size:10px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #849180;background:transparent;color:var(--paper);border-radius:0;padding:13px 0 12px;resize:vertical;font-size:14px}input::placeholder,textarea::placeholder{color:#c2cbbd;opacity:.8}select{cursor:pointer}select option{color:var(--ink);background:var(--paper)}textarea{min-height:90px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--cream);background:var(--cream);color:var(--ink);padding:17px 20px;font-size:12px;transition:background .2s}.button:hover{background:#fff}.button span{font-size:20px;line-height:1}.email-button{border:0;padding:10px 0;background:transparent;color:var(--paper);font-size:11px;border-bottom:1px solid #849180}.email-button span{margin-left:10px}.form-note{font-size:10px;color:#c4cdbb;line-height:1.7;max-width:380px;margin-top:19px}#form-status{font-size:12px;margin-top:13px;max-width:420px;line-height:1.6}#form-status a{text-decoration:underline}.footer{display:flex;align-items:center;gap:40px;padding-block:35px}.footer .wordmark{font-size:51px;letter-spacing:-5px}.footer p{font-size:9px;letter-spacing:1.4px}.footer>span{margin-left:auto;color:var(--muted);font-size:10px}.back-top{font-size:10px;margin-left:25px}.skip-link{position:fixed;left:20px;top:-90px;padding:16px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}
@media(min-width:1600px){.hero-copy{margin-right:10%}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:24px}.brand{gap:16px}.brand-description{padding-left:15px;font-size:8px}.hero-copy{margin-right:0;max-width:250px}.hero-copy>p{font-size:14px}h1{letter-spacing:-4px}.studio-body,.approach-grid,.contact-grid{gap:45px}.service-content{gap:25px}.service-content>span{display:none}.contact-email{font-size:20px;gap:20px}.section-space{padding-block:80px}.approach-visual{padding:20px 15px}.drawing-label{font-size:7px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:720px){html{scroll-padding-top:16px}.wrap{width:calc(100% - 40px)}.header{height:94px;position:relative}.wordmark{font-size:53px;letter-spacing:-5px}.brand-description{font-size:7px;letter-spacing:.8px;padding-left:13px}.menu-toggle{display:flex;align-items:center;gap:15px;background:transparent;border:0;color:var(--ink);font-size:12px;padding:14px 0 14px 14px}.menu-toggle span{font-size:23px;font-weight:300}.header nav{display:none;position:absolute;top:93px;left:-20px;right:-20px;background:var(--paper);padding:22px 28px 30px;z-index:10;border-bottom:1px solid var(--line)}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:6px}.header nav a{font-size:15px;padding-block:13px}.nav-contact{width:max-content}.hero-intro{display:block;padding:35px 0 30px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:22px}h1{font-size:clamp(58px,12.5vw,88px);letter-spacing:-3.7px;line-height:1.01}h1 em{letter-spacing:-3.4px}.hero-copy{max-width:none;margin-top:24px;display:flex;align-items:end;justify-content:space-between;gap:17px}.hero-copy>p{font-size:12px;max-width:180px;line-height:1.6}.hero-copy .text-link{font-size:10px;gap:10px;margin:0;padding-bottom:7px;white-space:nowrap}.hero-copy .text-link span{font-size:16px}.desktop-break{display:none}.hero-figure>img{height:440px;object-position:53% center}.image-overline{left:16px;right:16px;top:17px;font-size:7px;letter-spacing:1.1px}.hero-figure figcaption{font-size:8px;letter-spacing:0;line-height:1.5}.hero-figure figcaption span:first-child{max-width:50%}.hero-figure figcaption span:last-child{text-align:right}.section-space{padding-block:65px}.section-label{font-size:8px;letter-spacing:1.6px;padding-top:17px;padding-bottom:27px}.studio-body,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:30px;padding-top:7px}h2{font-size:40px;letter-spacing:-1.9px}h2 em{letter-spacing:-1.5px}.studio-copy{max-width:100%;padding-top:0}.studio-copy .lead{font-size:20px}.studio-copy p{font-size:13px}.expertise-intro{display:block;margin:7px 0 32px}.expertise-intro p{margin-top:24px;font-size:12px}.service-list summary{gap:15px;min-height:90px}.service-number{width:15px;font-size:10px}.service-list h3{font-size:23px;letter-spacing:-.8px}.detail-sign{flex-shrink:0}.service-content{margin-left:30px;padding-bottom:28px}.service-content p{font-size:13px}.approach-grid{margin-top:6px;gap:38px}.approach-visual{padding:24px}.drawing-label{font-size:7px}.approach-content{padding-top:0}.approach-content h2{font-size:40px}.process{margin-top:27px}.process article{padding-block:22px}.process p{max-width:none}.contact h2{font-size:61px;letter-spacing:-3px}.contact-grid{gap:55px}.contact-grid>div>p{margin-top:23px}.contact-email{font-size:23px;margin-top:30px}.contact-phone{font-size:15px}.form-row{grid-template-columns:1fr 1fr;gap:18px}form h3{font-size:19px}.button{font-size:11px;gap:18px;padding:15px 17px}.form-actions{gap:17px}.footer{flex-wrap:wrap;gap:22px;padding-block:30px}.footer .wordmark{font-size:44px}.footer p{font-size:8px}.footer>span{margin-left:auto;font-size:9px}.back-top{margin:0 0 0 auto}.footer .back-top{display:none}}
@media(max-width:380px){.hero-copy{align-items:start;flex-direction:column;gap:18px}.hero-copy>p{max-width:240px}.brand-description{display:none}.hero-figure>img{height:380px}.form-row{grid-template-columns:1fr;gap:0}.service-list h3{font-size:21px}.contact-email{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.brand-logo{width:174px;height:auto;object-fit:contain}.footer .brand-logo{width:140px;height:auto}
@media(max-width:720px){.brand-logo{width:126px;height:auto}.footer .brand-logo{width:115px;height:auto}.footer{gap:20px}}