html{overflow-x:clip}body{overflow-x:clip}img{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{display:grid;grid-template-columns:auto 1fr auto;gap:25px;position:relative;z-index:30}header nav{justify-content:flex-end;gap:25px;min-width:0}.header-tools{display:flex;align-items:center;gap:12px}.mobile-menu-toggle{display:none}.brand{min-width:0}.brand #studioWordmark{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms)}.scroll-reveal.revealed{opacity:1;transform:none}
.scope{padding:100px 4% 90px;background:#e1e5d9}.expertise-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end;margin-bottom:55px}.expertise-heading h2{max-width:650px;font-size:clamp(42px,5.3vw,78px);letter-spacing:-3px;line-height:1.04;margin:20px 0 0}.expertise-heading>p{font-size:14px;line-height:1.85;color:#6b7563;max-width:390px;margin:0 0 3px}.expertise-rail{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px}.expertise-card{display:block;min-width:0;overflow:hidden}.expertise-visual{aspect-ratio:1.55;overflow:hidden;position:relative;background:#cbd3c1}.expertise-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.3,1),filter .8s;filter:saturate(.82)}.expertise-card:hover .expertise-visual img{transform:scale(1.045);filter:saturate(1)}.expertise-index{position:absolute;top:20px;left:20px;border:1px solid #ffffffa0;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;background:#f3f2e8c9;color:#3e4935;font-size:10px;backdrop-filter:blur(12px)}.expertise-copy{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #bac5ad;padding:25px 0 27px}.expertise-copy h3{font:400 clamp(22px,2.1vw,32px)/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 13px}.expertise-copy p{font-size:12px;color:#6c7763;line-height:1.8;max-width:430px;margin:0}.expertise-copy .scope-arrow{font-size:24px;flex-shrink:0}.expertise-controls{display:none}.scope>.scope-cta{margin-top:42px;min-height:35px;font-size:12px}
#work{padding-top:110px;padding-bottom:110px}.portfolio-heading{display:grid;grid-template-columns:1fr 140px;align-items:end;gap:25px}.portfolio-heading .section-head{margin-bottom:45px}.portfolio-counter{border-left:1px solid var(--line);padding-left:24px;margin-bottom:47px}.portfolio-total{display:block;font-size:67px;line-height:1;letter-spacing:-4px;font-weight:400}.portfolio-counter small{display:block;margin-top:10px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.portfolio-tools{padding-bottom:22px;margin-bottom:42px;gap:25px}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters button{display:flex;gap:8px;align-items:center;min-height:40px;padding:8px 12px;border-radius:0;border:0;color:var(--muted);font-size:11px}.filters button sup{font-size:8px;opacity:.7}.filters button.active{color:var(--ink);box-shadow:inset 0 -1px var(--ink);background:none}.projects{display:grid;grid-template-columns:repeat(12,1fr);column-gap:35px;row-gap:70px}.project{grid-column:span 6;min-width:0}.project:first-child{grid-column:span 8}.project:nth-child(2){grid-column:span 4;margin-top:115px}.project:nth-child(2n){margin-top:0}.project:nth-child(2){margin-top:115px}.project:first-child .project-visual{aspect-ratio:1.3}.project:nth-child(2) .project-visual{aspect-ratio:.8}.project-visual{aspect-ratio:1.35;position:relative;isolation:isolate;overflow:hidden}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#15201538);pointer-events:none}.project-visual img{height:100%;width:100%;object-fit:cover;filter:saturate(.92);transition:transform 1s cubic-bezier(.2,.7,.3,1)}.project-open:hover .project-visual img{transform:scale(1.04)}.project-visual .project-view{position:absolute;right:18px;bottom:18px;background:#f4f2e9ed;border-radius:30px;padding:11px 17px;font-size:10px;color:#30382a;z-index:1;backdrop-filter:blur(12px);transform:translateY(8px);opacity:0;transition:opacity .3s,transform .3s}.project-open:hover .project-view,.project-open:focus-visible .project-view{opacity:1;transform:none}.project-featured{position:absolute;top:20px;left:20px;z-index:1;max-width:80%;background:#eeede7d9;padding:8px 11px;font-size:9px;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(12px)}.project-meta{border:0;display:block;padding:0;margin-top:24px}.project-topline{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:13px}.project-meta h3{font:400 clamp(24px,2.6vw,39px)/1.13 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 14px}.project-description{font-size:12px;color:var(--muted);line-height:1.8;max-width:490px;margin:0 0 18px}.project-location{font-size:10px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:17px;color:#78816e}.project-location span:last-child{font-size:18px;color:var(--ink)}.project-open{height:100%;display:flex;flex-direction:column}.project-open>.project-visual,.project-open>.project-meta{width:100%}#projectDetail{width:min(1000px,94vw);max-width:1000px}.detail-copy{padding:35px}.detail-copy h2{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1px}.detail-copy p{max-width:680px}.project-gallery{grid-template-columns:1fr 1fr;gap:20px}.project-gallery img{aspect-ratio:4/3;height:auto}.empty-projects{grid-column:1/-1}
@media(min-width:1500px){.scope,#work,.studio,.contact{padding-left:max(4%,calc((100vw - 1450px)/2));padding-right:max(4%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){header{gap:18px}header nav{gap:18px}.brand .brand-sub{display:none}.portfolio-heading{grid-template-columns:1fr 100px}.portfolio-counter{padding-left:18px}.portfolio-total{font-size:55px}.project-description{font-size:11px}.project:nth-child(2){margin-top:85px}.expertise-heading h2{font-size:55px}.expertise-copy h3{font-size:25px}.scene-links{top:60px}.build-statement{max-width:90%}}
@media(max-width:800px){header{margin:0;padding:14px 5%;min-height:76px;height:auto;grid-template-columns:minmax(0,1fr) auto;position:sticky;top:0;background:#eeede7f2;backdrop-filter:blur(14px);gap:12px;border-bottom:1px solid var(--line)}.brand #studioWordmark{font-size:26px;max-width:150px}.brand img{max-width:135px;height:40px}.header-tools{gap:9px}.header-tools .language-switcher{max-width:136px;height:40px;padding:6px 8px;font-size:10px}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;padding:8px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.mobile-menu-toggle span{height:1px;width:17px;background:var(--ink);transition:transform .2s}.nav-open .mobile-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-open .mobile-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 5% 28px;background:var(--paper);box-shadow:0 15px 25px #18261612;border-bottom:1px solid var(--line)}header.nav-open nav{display:flex;flex-direction:column;align-items:stretch;gap:0}header nav a,header nav button{display:block;text-align:left;padding:17px 0;font-size:17px;border-bottom:1px solid var(--line);min-height:50px}.intro{padding:38px 5% 10px;display:block}.intro h1{font-size:clamp(47px,10vw,72px);letter-spacing:-3px;line-height:1.06;margin-top:22px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px;line-height:1.8}.intro-side{display:none}.build{height:850svh;margin-top:30px}.stage{height:calc(100svh - 76px);top:76px;min-height:420px}.stage-top{top:18px;left:5%;right:5%;font-size:8px;letter-spacing:.7px}.scene-links{top:48px;left:5%;right:5%;width:auto;gap:0;padding:4px;justify-content:space-between}.scene-links button{padding:10px 7px;font-size:9px;min-height:36px}.stage-bottom{min-height:100px;padding:16px 5% max(16px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:9px}.phase{font-size:23px!important}.phase-note,.stage-count{display:none}.photoreal-assembly{transform-origin:50% 60%}.full-scene{object-position:50% 50%}.scope{padding:65px 0 55px}.expertise-heading{display:block;padding:0 5%;margin-bottom:32px}.expertise-heading h2{font-size:clamp(41px,8vw,60px);letter-spacing:-2px;max-width:600px;margin-top:18px}.expertise-heading>p{font-size:13px;max-width:520px;margin:23px 0 0;line-height:1.8}.expertise-rail{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;padding:0 5%;scroll-padding-inline:5%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.expertise-rail::-webkit-scrollbar{display:none}.expertise-card{flex:0 0 86%;scroll-snap-align:start;overflow:visible;scroll-snap-stop:always}.expertise-visual{aspect-ratio:1.2}.expertise-copy{padding:22px 0 23px;gap:15px}.expertise-copy h3{font-size:24px;line-height:1.2;letter-spacing:-.7px}.expertise-copy p{font-size:12px;line-height:1.8}.expertise-index{top:15px;left:15px;width:32px;height:32px;font-size:9px}.expertise-controls{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:0 5%;font-size:10px;letter-spacing:.4px;color:#748267}.expertise-buttons{display:flex;align-items:center;gap:15px}.expertise-buttons button{width:42px;height:42px;border:1px solid #bbc6af;border-radius:50%;background:none;color:inherit;font-size:18px;cursor:pointer}.expertise-buttons button:disabled{opacity:.3;cursor:default}.expertise-count{font-size:9px;letter-spacing:1px;font-variant-numeric:tabular-nums}.scope>.scope-cta{margin:24px 5% 0;font-size:11px;line-height:1.8}.expertise-card.scroll-reveal{transform:translateY(20px)}.expertise-card.revealed{transform:none}#work{padding:65px 5%}.portfolio-heading{grid-template-columns:1fr 66px;gap:16px}.portfolio-heading .section-head{display:block;margin-bottom:25px}.portfolio-heading .section-head h2{font-size:41px;letter-spacing:-2px}.portfolio-heading .section-head p{font-size:12px;line-height:1.8;max-width:480px;margin-top:22px}.portfolio-counter{padding-left:13px;margin-bottom:29px}.portfolio-total{font-size:42px;letter-spacing:-2px}.portfolio-counter small{font-size:7px;letter-spacing:.7px;line-height:1.8}.portfolio-tools{margin-bottom:30px;padding-bottom:15px;display:flex;align-items:start;flex-direction:column;gap:15px}.filters{flex-wrap:nowrap;overflow:auto;max-width:100%;gap:8px;scrollbar-width:none;padding-bottom:2px}.filters button{white-space:nowrap;min-height:44px;font-size:11px;padding:9px 6px}.projects{display:block}.project,.project:first-child,.project:nth-child(2){margin:0 0 42px;display:block}.project .project-visual,.project:first-child .project-visual{aspect-ratio:1.15}.project:nth-child(2) .project-visual{aspect-ratio:1.15}.project-view{opacity:1!important;transform:none!important;font-size:9px!important;padding:10px 14px!important;bottom:13px!important;right:13px!important}.project-featured{top:13px;left:13px;font-size:8px;padding:7px 9px}.project-meta{margin-top:21px}.project-topline{font-size:8px;letter-spacing:.8px;margin-bottom:11px}.project-meta h3{font-size:31px;letter-spacing:-1px}.project-description{font-size:12px;line-height:1.8;max-width:none;margin-bottom:18px}.project-location{font-size:10px;padding-top:14px}.studio{padding:65px 5%;display:block}.studio>div:first-child{margin-bottom:28px}.studio h2,.contact h2{font-size:42px;letter-spacing:-2px}.studio-copy{font-size:14px;line-height:1.8;margin-top:25px}.services{margin-top:30px}.services div{font-size:12px}.contact{padding:65px 5% 45px}.contact-bottom{margin-top:32px}.contact-button{padding:16px 22px;min-height:50px;font-size:12px}.contact-note{font-size:12px;max-width:350px}footer{padding:24px 0;flex-wrap:wrap;gap:15px;line-height:1.7;font-size:9px}footer>span:nth-child(2){flex-basis:100%;order:3}#projectDetail{width:94vw;max-height:92svh}#detailImage{height:auto;aspect-ratio:1.2}#detailImage img{height:100%;object-fit:cover}.detail-copy{padding:25px 22px}.detail-copy h2{font-size:29px}.detail-copy p{font-size:13px}.detail-close{width:40px;height:40px;z-index:3}.project-gallery{grid-template-columns:1fr;padding:0 22px 22px;gap:14px}.project-gallery img{width:100%;height:auto}.preview-badge{max-width:85vw;font-size:9px}.empty-projects{padding:30px 20px;font-size:12px}dialog input,dialog textarea,dialog select{font-size:16px}}
@media(max-width:380px){.brand #studioWordmark{max-width:118px;font-size:24px}.header-tools{gap:6px}.header-tools .language-switcher{max-width:121px;font-size:9px}.mobile-menu-toggle{width:38px;height:38px}.intro h1{font-size:45px}.scene-links button{font-size:8px;padding:9px 5px}.expertise-heading h2,.portfolio-heading .section-head h2{font-size:37px}.portfolio-heading{grid-template-columns:1fr 54px}.expertise-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}.expertise-visual img,.project-visual img,.project-view,.scope-arrow{transition:none!important}.expertise-rail{scroll-behavior:auto}}

.expertise-credit{font-size:9px;letter-spacing:.3px;color:#7e8a73;margin:23px 0 0}.project-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}header .brand #studioWordmark{display:block}header .brand{min-height:38px}@media(max-width:800px){.expertise-credit{padding:0 5%;margin-top:22px;font-size:8px}}
