:root{--bg:#140d08;--surface:#19120d;--ink:#f0dfd6;--muted:#b8a69a;--accent:#ffb785;--line:#514137;--soft-line:#35271e;--sans:'Lexend',sans-serif;--mono:'Geist Mono',monospace;--type:'Courier Prime',monospace;--pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:300 15px/1.8 var(--sans);overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a,button,summary,input,textarea{outline-offset:6px}:focus-visible{outline:2px solid var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300}h2{font-size:clamp(36px,4.3vw,70px);line-height:1.15;letter-spacing:-.055em}h2 span{color:var(--accent)}p{max-width:70ch}.mono{font:400 11px/1.65 var(--mono);letter-spacing:.07em}.muted{color:var(--muted)}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:300;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;vertical-align:middle}.section-frame{padding-left:var(--pad);padding-right:var(--pad);max-width:1800px;margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:10px}
.site-header{padding:22px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--soft-line);background:#140d08ee;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;min-height:98px}.wordmark{font:400 34px/1 var(--sans);letter-spacing:-2px;white-space:nowrap}.brand-dot{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:5px}.header-meta{margin-right:auto;margin-left:8vw;font-size:10px}.header-meta span{color:var(--muted)}.menu-toggle{display:flex;align-items:center;gap:28px;font:400 11px var(--mono);padding:12px 0}.menu-toggle .material-symbols-outlined{border:1px solid var(--line);padding:10px;font-size:21px}.menu-toggle:hover{color:var(--accent)}
.hero{min-height:calc(100svh - 98px);display:flex;flex-direction:column;padding-top:34px}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:6vw;align-items:center;flex:1;padding:40px 0 50px}.hero h1{font-size:clamp(58px,7.5vw,120px);line-height:1.04;letter-spacing:-.075em;font-weight:300}.hero h1 span{color:var(--accent);font-family:var(--type);font-size:.92em;letter-spacing:-.08em}.hero-copy>p{margin:34px 0 25px;font-size:16px;color:var(--muted)}.text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;font:400 12px/1.5 var(--mono)}.text-link .material-symbols-outlined{transition:transform .3s}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link:hover .material-symbols-outlined{transform:translate(3px,-3px)}.image-placeholder{background:#000;min-height:100px;position:relative}.hero-art{position:relative;padding:24px 0}.hero-placeholder{height:clamp(330px,54vh,620px);width:100%}.measure{position:absolute;top:0;width:100%;display:flex;justify-content:space-between;gap:10px;font-size:8px;color:var(--muted)}.hero-art-label{position:absolute;bottom:-12px;right:0;color:var(--muted);font-size:9px}.image-corner{position:absolute;width:25px;height:25px;pointer-events:none}.corner-one{left:-10px;top:14px;border-left:1px solid var(--accent);border-top:1px solid var(--accent)}.corner-two{right:-10px;bottom:14px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent)}.hero-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between}.hero-bottom>a{display:flex;align-items:center;gap:20px}.scroll-indicator{height:36px;position:relative;width:1px;overflow:hidden}.scroll-indicator span{position:absolute;inset:0;background:var(--accent);animation:scroll-down 2s ease infinite}@keyframes scroll-down{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.section-label{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-top:1px solid var(--line);color:var(--muted);align-items:center}.essence{padding-top:90px;padding-bottom:100px}.essence-heading{text-align:center;padding:70px 0 22px}.essence-heading>p{margin:0 auto 12px;color:var(--muted);font-family:var(--type);font-size:clamp(20px,2.3vw,34px)}.essence-heading h2{font-size:clamp(40px,5.2vw,82px)}.plan-stage{height:clamp(480px,48vw,750px);max-width:1100px;margin:0 auto 50px;position:relative;isolation:isolate;touch-action:pan-y}.plan-stage:before{content:'';position:absolute;inset:4% 18%;border-radius:50%;background:radial-gradient(ellipse,#ffb78509,transparent 65%);z-index:-1}#plans{width:100%;height:100%;display:block}.plan-axis{position:absolute;background:var(--soft-line);opacity:.55;z-index:-1}.axis-horizontal{left:0;right:0;top:50%;height:1px}.axis-vertical{top:0;bottom:0;left:50%;width:1px}.stage-coordinate{position:absolute;top:40px;left:0;color:var(--muted);font-size:9px}.plan-caption{position:absolute;bottom:26px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;pointer-events:none}.plan-dots{display:flex;gap:8px;pointer-events:auto}.plan-dots button{width:22px;height:22px;padding:7px;background:transparent}.plan-dots button:after{content:'';display:block;width:6px;height:6px;border:1px solid var(--muted);border-radius:50%}.plan-dots button[aria-pressed=true]:after{background:var(--accent);border-color:var(--accent)}.mesh-settings{position:absolute;right:0;top:20px;z-index:3;font:400 10px/1.6 var(--mono);width:190px}.mesh-settings summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center;justify-content:flex-end;color:var(--muted)}.mesh-settings summary::-webkit-details-marker{display:none}.mesh-settings .material-symbols-outlined{font-size:16px}.mesh-settings-content{background:#19120df5;border:1px solid var(--line);padding:16px;margin-top:10px}.mesh-settings label{display:grid;grid-template-columns:1fr auto;gap:5px;margin-bottom:13px}.mesh-settings input{grid-column:1/-1;width:100%;accent-color:var(--accent)}.small-button{display:flex;align-items:center;gap:8px;font:inherit;padding:6px 0}.essence-copy{max-width:1050px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.essence-copy>p{font-size:clamp(20px,2vw,29px);line-height:1.6;letter-spacing:-.025em}.essence-copy>div>p{color:var(--muted);margin-bottom:22px}
.work,.studio,.allies,.contact{padding-bottom:110px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:45px 0 65px}.section-intro p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:60px 5vw}.project-main{grid-row:span 2}.project-card .image-placeholder{aspect-ratio:1.65}.project-main .image-placeholder{aspect-ratio:.73}.project-info{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--soft-line)}.project-info .mono{font-size:9px}.project-info h3{font-size:19px;line-height:1.4;margin-top:10px}.project-info>.material-symbols-outlined{color:var(--accent);transition:transform .3s}.project-card:hover .project-info>.material-symbols-outlined{transform:translate(3px,-3px)}.project-card:hover .project-info{border-color:var(--accent)}.work-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:50px;color:var(--muted)}.work-bottom .mono{font-size:10px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:55px}.studio-portraits{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.studio-portraits>div:nth-child(2){margin-top:90px}.portrait{aspect-ratio:.7}.studio-portraits h3{font-size:15px;margin-top:18px}.studio-portraits p{font-size:10px;margin-top:3px}.studio-copy blockquote{font-size:18px;line-height:1.8;color:var(--muted);margin:35px 0 20px}.studio-copy>.text-link{margin-top:35px}.allies-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;padding:50px 0 35px}.allies h2{font-size:clamp(30px,3vw,48px)}.allies-placeholders{display:flex;gap:25px}.allies-placeholders>div{flex:1;aspect-ratio:1.5;min-height:90px}.contact{padding-top:15px;background:var(--surface)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:55px}.contact h2{font-size:clamp(50px,6.7vw,105px)}.contact-grid>div>p{color:var(--muted);margin-top:30px}.contact-email{display:inline-block;font:400 12px var(--mono);margin-top:40px;border-bottom:1px solid var(--line);padding-bottom:8px}.contact-form{padding-top:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:block;font:400 10px/1.6 var(--mono);color:var(--muted);margin-bottom:26px}.contact-form input,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 0;color:var(--ink);font:300 13px/1.6 var(--sans);resize:vertical}.contact-form input::placeholder{color:#88786c}.filled-button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);color:#502400;width:100%;padding:18px 24px;font:500 12px var(--mono);transition:background .2s}.filled-button:hover{background:#ffd2af}.form-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:15px}.form-status{font-size:11px;color:var(--accent);margin-top:10px}
.site-footer{padding-top:55px;padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;font:400 11px/1.8 var(--mono)}.footer-top>div>a{display:block;margin-bottom:5px}.footer-wordmark{font:400 clamp(80px,18.7vw,330px)/1.3 var(--sans);letter-spacing:-.085em;display:block;text-align:center;margin:40px 0 25px;opacity:.9}.footer-bottom{display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:9px}.footer-bottom button{font:inherit;padding:0}.footer-bottom .material-symbols-outlined{font-size:16px}
.page-view{min-height:70vh;padding-top:55px;padding-bottom:100px}.page-breadcrumb{font:400 10px var(--mono);color:var(--muted);display:flex;align-items:center;gap:20px;margin-bottom:65px}.page-heading{margin-bottom:50px}.page-heading .mono{color:var(--muted);margin-bottom:24px}.page-heading h1{font-size:clamp(40px,6vw,90px);line-height:1.15;letter-spacing:-.06em;max-width:1100px}.page-heading p:not(.mono){margin-top:25px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.detail-grid>.image-placeholder{aspect-ratio:.9}.detail-copy{font-size:20px;line-height:1.8}.detail-copy .mono{font-size:10px;margin-bottom:20px;color:var(--muted)}.detail-copy .text-link{margin-top:32px}.detail-nav{margin-top:70px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px}.testimony-quote{font:400 clamp(25px,3vw,46px)/1.5 var(--type);max-width:900px;margin:60px 0}.page-view .contact-grid{padding:0}.page-view .allies-placeholders{max-width:650px;margin:55px 0}.page-view .allies-placeholders>div{aspect-ratio:1.7}.page-view .studio-grid{padding-top:0}.motion-paused *{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.reveal{transition:opacity 1s ease,transform 1s ease}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}
@media(min-width:1800px){.site-header{padding-left:max(var(--pad),calc((100vw - 1624px)/2));padding-right:max(var(--pad),calc((100vw - 1624px)/2))}}
@media(max-width:900px){.header-meta{margin-left:auto}.hero-grid{gap:35px}.hero h1{font-size:clamp(55px,8vw,85px)}.hero-grid{padding:60px 0}.section-label{font-size:9px}.studio-grid{gap:45px}.studio-copy blockquote{font-size:15px}.project-info h3{font-size:16px}.essence-copy{gap:45px}.contact-grid{gap:45px}.menu-content{grid-template-columns:1fr;gap:40px;max-width:650px;margin:auto}.menu-content>div>h2{display:none}.menu-content>div>.text-link{margin-top:20px}.menu-dialog{overflow:auto}.house-nav{grid-template-rows:140px 140px}.footer-top{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.detail-grid{gap:35px}.mesh-settings{width:175px}.mesh-settings summary{font-size:9px}}
@media(max-width:620px){:root{--pad:24px}.site-header{min-height:82px;padding-top:18px;padding-bottom:18px}.wordmark{font-size:28px}.header-meta{display:none}.menu-toggle{gap:16px;font-size:9px}.menu-toggle .material-symbols-outlined{padding:7px}.hero{min-height:auto;padding-top:25px}.hero-top{font-size:8px;gap:15px}.hero-grid{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}.hero h1{font-size:clamp(60px,13vw,85px)}.hero-copy>p{font-size:13px;margin:24px 0 14px}.hero-placeholder{height:auto;aspect-ratio:1.5}.hero-art{width:90%;margin-left:auto}.hero-bottom{padding:20px 0}.hero-bottom .mono{font-size:8px}.scroll-indicator{height:27px}.section-label{align-items:start;font-size:8px}.section-label>span:last-child{max-width:46%;text-align:right}.essence{padding-top:55px;padding-bottom:70px}.essence-heading{padding-top:45px}.essence-heading h2{font-size:38px}.essence-heading h2 span{display:block}.essence-heading>p{font-size:19px}.plan-stage{height:500px;margin:0 -10px 32px}.stage-coordinate{top:26px;font-size:8px}.plan-caption{font-size:7px;bottom:10px}.mesh-settings{top:19px}.mesh-settings-content{font-size:9px}.essence-copy{grid-template-columns:1fr;gap:24px}.essence-copy>p{font-size:21px}.essence-copy>div>p{font-size:13px}.work,.studio,.allies,.contact{padding-bottom:70px}.section-intro{align-items:start;padding:35px 0;gap:24px}.section-intro p{font-size:11px;max-width:35%}.section-intro h2{font-size:36px}.project-grid{grid-template-columns:1fr;gap:34px}.project-main .image-placeholder{aspect-ratio:1.15}.project-card:not(.project-main) .image-placeholder{aspect-ratio:1.6}.project-info h3{font-size:17px}.work-bottom{align-items:start;flex-direction:column;margin-top:30px;gap:15px}.work-bottom .mono{font-size:8px}.studio-grid{grid-template-columns:1fr;gap:45px;padding-top:25px}.studio-portraits{gap:18px}.studio-portraits>div:nth-child(2){margin-top:55px}.studio-portraits h3{font-size:13px}.studio-portraits p{font-size:8px}.studio-copy blockquote{font-size:17px;margin-top:24px}.allies-grid{grid-template-columns:1fr;gap:30px;padding-top:30px}.allies h2{font-size:31px}.allies-placeholders{gap:20px}.contact-grid{grid-template-columns:1fr;gap:35px;padding-top:35px}.contact h2{font-size:60px}.contact-grid>div>p{font-size:13px}.contact-email{font-size:10px;margin-top:25px}.form-row{gap:20px}.contact-form input{font-size:11px}.contact-form label{font-size:9px}.footer-top{font-size:9px;gap:22px}.footer-top .mono{font-size:9px}.footer-wordmark{font-size:20vw;margin:35px 0 25px}.footer-bottom{font-size:8px;gap:18px}.footer-bottom>span{width:100%}.menu-dialog{padding:25px 24px}.menu-top .wordmark{font-size:30px}.menu-content{padding:40px 0;min-height:calc(100svh - 220px)}.menu-content>div>.mono{font-size:9px}.house-nav{grid-template-rows:140px 140px;padding:4px;gap:2px}.room{font-size:14px;padding:20px 7px}.room-id{left:8px;font-size:8px}.door{width:25px;height:25px}.menu-bottom{flex-direction:column;align-items:start;font-size:8px;gap:10px}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-grid>.image-placeholder{aspect-ratio:1.3}.detail-copy{font-size:16px}.page-breadcrumb{margin-bottom:40px;font-size:9px}.page-view{padding-top:35px;padding-bottom:60px}.page-heading h1{font-size:42px}.detail-nav{font-size:10px}.detail-nav .text-link{font-size:10px;gap:12px}.testimony-quote{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
