@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#171412;--paper:#fff0dc;--orange:#ec7a30;--line:#fff0dc38;--gutter:4.5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #ffac65;outline-offset:6px}button{background:none;border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.065em;line-height:.95}p{line-height:1.6}img,video{display:block;max-width:100%}button,summary{touch-action:manipulation}[hidden]{display:none!important}.eyebrow,.small-label{font-size:11px;font-weight:650;letter-spacing:.08em;line-height:1.5}.eyebrow{margin-bottom:24px}.skip{position:fixed;top:-80px;left:20px;background:var(--paper);color:var(--ink);padding:16px;z-index:99}.skip:focus{top:15px}
.header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;gap:40px;padding:25px var(--gutter);background:linear-gradient(#17141265,transparent);font-size:11px;font-weight:700}.logo{font-size:25px;font-weight:800;letter-spacing:-.07em;display:inline-flex;gap:3px}.logo span{font-size:9px;letter-spacing:0}.desktop-nav{display:flex;gap:32px;margin-left:auto}.desktop-nav a,.contact-link{padding:8px 0;border-bottom:1px solid transparent}.desktop-nav a:hover,.contact-link:hover{border-color:currentColor}.contact-link span{margin-left:16px}.header.scrolled{background:#171412c7;backdrop-filter:blur(18px)}#menu-toggle{display:none}#mobile-menu{position:fixed;inset:0;z-index:45;padding:110px 25px 30px;background:#201b17}#mobile-menu a{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line);font-size:26px;letter-spacing:-.04em}#mobile-menu span{font-size:12px}#mobile-menu p{margin-top:42px;font-size:10px;line-height:1.8}.page-progress{position:fixed;z-index:60;right:0;top:0;width:3px;height:100vh;background:#ffffff0b}.page-progress i{display:block;height:100%;background:var(--paper);transform:scaleY(0);transform-origin:top}#motion-toggle{position:fixed;z-index:55;bottom:20px;right:22px;width:36px;height:36px;border:1px solid #ffffff52;border-radius:50%;background:#1714128f;backdrop-filter:blur(8px);font-size:13px}
.story{position:relative}.scene{height:100svh;min-height:640px;position:relative;overflow:hidden}.js .story .scene{position:sticky;top:0}.js .camera-story{height:520svh}.js .light-story{height:320svh}.js .detail-story{height:230svh}.js .work-story{height:250svh}.js .space-story{height:220svh}.scene-bottom{position:absolute;z-index:10;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;font-size:10px;letter-spacing:.03em;font-weight:600}.scene-caption{line-height:1.5}.scene-index{margin-right:20px}.scroll-hint{display:flex;align-items:center;gap:16px}.scroll-hint i{font-style:normal;font-size:21px}.camera-scene{background:#181616}.camera-media{position:absolute;inset:0}.camera-media video{width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 40%,transparent 65%,#0008);pointer-events:none}.phase{position:absolute;z-index:3;left:var(--gutter)}.hero-copy{top:14vh;width:90%}.hero-copy .eyebrow{margin-bottom:12px}h1{font-size:19vw;line-height:.82;letter-spacing:-.075em;width:max-content}h1 span{font-size:.1em;vertical-align:top;display:inline-block;margin-top:12px;letter-spacing:0}.hero-tagline{font-size:clamp(24px,3vw,44px);line-height:1.05;font-weight:650;letter-spacing:-.05em;margin-top:40px}.hero-aside{position:absolute;bottom:125px;right:var(--gutter);z-index:8;width:270px;border-top:1px solid #fff7;padding-top:20px;display:grid;gap:8px;grid-template-columns:1fr 25px}.hero-aside .small-label{grid-column:1/3;font-size:9px;opacity:.7}.hero-aside>span:nth-child(2){font-size:17px}.hero-aside b{font-size:27px;font-weight:400}.orbit-copy,.hand-copy{top:30%;opacity:0;pointer-events:none}.orbit-copy h2,.hand-copy h2{font-size:clamp(58px,8vw,122px);margin-bottom:30px}.orbit-copy p:not(.eyebrow),.hand-copy p:not(.eyebrow){font-size:14px}.hand-copy{left:auto;right:var(--gutter);top:23%;text-align:right}.hand-copy h2{font-size:clamp(60px,8vw,120px)}.text-link{display:inline-flex;gap:25px;align-items:center;margin-top:24px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:650;letter-spacing:.02em}.text-link span{font-size:18px}.edge-light{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;border-radius:35px;box-shadow:inset 14px 0 40px #e65c39,inset -14px 0 40px #1cc6ec,inset 0 12px 20px #fc7180;transition:opacity .35s}.camera-scene:hover .edge-light{opacity:.38}.camera-scene.is-lit .edge-light{opacity:.65}
.studio-picture,.studio-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.light-scene{background:#1c1715}.light-tint{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#141414a8,transparent 70%);transition:background .6s}.light-scene[data-light=warm] .light-tint{background:linear-gradient(90deg,#351303b8,#d6742933);mix-blend-mode:multiply}.light-scene[data-light=cool] .light-tint{background:linear-gradient(90deg,#0a1429c9,#1364b533);mix-blend-mode:multiply}.light-cover{position:absolute;z-index:2;top:0;bottom:0;width:51%;background:#171412}.left-cover{left:0;clip-path:polygon(0 0,100% 0,97% 15%,100% 24%,96% 37%,100% 50%,97% 65%,100% 76%,98% 89%,100% 100%,0 100%)}.right-cover{right:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,2% 85%,0 72%,3% 60%,0 45%,3% 31%,0 19%,3% 7%)}.light-flare{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,#fff8df 0%,#ffb57088 20%,transparent 70%);mix-blend-mode:screen;opacity:0}.light-intro{position:absolute;z-index:3;left:var(--gutter);top:18%;pointer-events:none}.light-intro h2{font-size:clamp(75px,12vw,180px)}.light-info{position:absolute;left:var(--gutter);top:27%;z-index:5;max-width:330px;opacity:0}.light-info h3{font-size:clamp(43px,4.7vw,72px);margin-bottom:24px}.light-info p:not(.eyebrow){font-size:13px}.light-controls{display:flex;gap:8px;margin-top:25px}.light-controls button{min-height:42px;padding:10px 15px;border:1px solid #fff6;border-radius:40px;font-size:9px;background:#1b181554}.light-controls button[aria-pressed=true]{background:var(--paper);color:#171412;border-color:var(--paper)}
.detail-scene{background:#040505}.lens-image{position:absolute;inset:-10% -5% -10% 35%;transform:scale(1.05);transform-origin:65% 45%}.lens-image img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.lens-shade{position:absolute;inset:0;background:linear-gradient(90deg,#040505 12%,#040505e0 30%,#04050555 58%,transparent)}.detail-copy{position:absolute;z-index:3;top:24%;left:var(--gutter)}.detail-copy h2{font-size:clamp(90px,17vw,260px);margin-bottom:25px}.detail-copy>p:not(.eyebrow){font-size:15px}.detail-copy label{display:flex;justify-content:space-between;max-width:240px;margin-top:35px;font-size:9px;letter-spacing:.08em}.detail-copy input{width:240px;max-width:70vw;accent-color:var(--paper);margin:18px 0;cursor:ew-resize}.focus-ring{position:absolute;width:33vw;height:33vw;border:1px dashed #fff7;border-radius:50%;left:58%;top:22%;transform:rotate(-10deg);pointer-events:none}.focus-ring:before,.focus-ring:after{content:'';position:absolute;left:50%;top:-10px;width:1px;height:20px;background:#fff8}.focus-ring:after{top:auto;bottom:-10px}.focus-ring span{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);font-size:8px;white-space:nowrap;letter-spacing:.15em}
.work-scene{background:#ded8cc;color:#242321;display:flex;flex-direction:column;justify-content:center}.work-heading{position:absolute;z-index:0;top:12%;left:var(--gutter)}.work-heading .eyebrow{margin-bottom:12px}.work-heading h2{font-size:clamp(60px,10vw,150px)}.work-track{display:flex;gap:5vw;position:relative;z-index:2;align-items:center;width:max-content;padding:0 12vw;will-change:transform;margin-top:110px}.work-card{position:relative;width:clamp(220px,25vw,375px);flex-shrink:0;transform:rotate(-5deg);box-shadow:0 25px 50px #2c221c22}.work-card:nth-child(2){transform:rotate(4deg) translateY(40px)}.work-card:nth-child(3){transform:rotate(-3deg) translateY(-25px)}.work-card:nth-child(4){transform:rotate(5deg)}.work-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.work-card figcaption{position:absolute;inset:auto 0 0;padding:35px 20px 20px;background:linear-gradient(transparent,#000a);color:var(--paper);display:flex;flex-direction:column;gap:6px}.work-card figcaption span:first-child{font-size:8px;letter-spacing:.1em}.work-card figcaption span:last-child{font-size:27px;letter-spacing:-.05em}.work-footer{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:9px;font-weight:650}
.space-scene{background:#222527}.space-type{position:absolute;left:var(--gutter);top:17%;z-index:2}.space-type h2{display:flex;align-items:center;gap:20px}.five{font-size:clamp(160px,29vw,430px);line-height:.8;letter-spacing:-.08em}.space-type h2>span:last-child{font-size:clamp(32px,5vw,75px)}.studio-film{position:absolute;left:63%;top:12%;height:76%;aspect-ratio:9/16;z-index:1;transform:rotate(5deg);background:#111;box-shadow:0 35px 80px #0008}.studio-film video{width:100%;height:100%;object-fit:cover}.studio-film button{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;font-size:11px;background:#0002}.studio-film button span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid #fff8;background:#14141430;backdrop-filter:blur(12px)}.studio-film.playing button{inset:auto 10px 10px;justify-content:flex-start;width:max-content;background:#15151580;border-radius:40px;padding:7px 14px;font-size:9px}.studio-film.playing button span{width:26px;height:26px;border:0;background:none;backdrop-filter:none}.film-corner{position:absolute;width:24px;height:24px;border:1px solid var(--paper);pointer-events:none}.top-left{top:-12px;left:-12px;border-right:0;border-bottom:0}.bottom-right{right:-12px;bottom:-12px;border-top:0;border-left:0}.space-info{position:absolute;left:var(--gutter);bottom:16%;z-index:2;max-width:450px}.space-info p{font-size:15px}
.services-section{padding:100px var(--gutter) 110px;background:#e4d7c2;color:#29251f}.section-top{display:flex;justify-content:space-between;font-size:10px}.services-section>h2{font-size:clamp(75px,13vw,200px);position:relative;margin:40px 0 70px}.services-section>h2>span{color:#ad552c}.services-section>h2>i{position:absolute;right:3%;top:0;font-style:normal;font-size:1.8em;font-weight:400}.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.service-selector{display:flex;flex-direction:column}.service-selector button{display:flex;align-items:center;text-align:left;border-top:1px solid #29251f40;padding:25px 0;font-size:clamp(20px,2.4vw,36px);letter-spacing:-.04em;color:#29251f78}.service-selector button:last-child{border-bottom:1px solid #29251f40}.service-selector button span{font-size:10px;margin-right:24px;letter-spacing:0}.service-selector button i{font-size:25px;font-style:normal;margin-left:auto;opacity:0}.service-selector button[aria-selected=true]{color:#29251f}.service-selector button[aria-selected=true] i{opacity:1}.service-panels{min-height:400px;max-width:440px}.service-panels h3{font-size:44px;margin-bottom:24px}.service-panels p:not(.eyebrow){font-size:14px}.service-panels .tags{margin-top:26px;font-size:9px!important;font-weight:650;letter-spacing:.04em}.pill{display:inline-flex;justify-content:space-between;gap:45px;border:1px solid #29251f80;border-radius:50px;padding:17px 23px;margin-top:30px;font-size:12px;transition:background .2s,color .2s}.pill:hover{background:#29251f;color:#f7e7d0}
.faq-section{padding:110px var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;background:#22201d}.faq-heading h2{font-size:clamp(42px,5.4vw,82px)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:300;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;max-width:550px;opacity:.75;padding:0 36px 25px 0}
footer{padding:90px var(--gutter) 25px;background:#d96c37;color:#201b16;overflow:hidden}.footer-top>a{display:block;font-size:clamp(70px,12vw,185px);line-height:.95;font-weight:650;letter-spacing:-.07em;position:relative}.footer-top>a span{position:absolute;right:0;top:0;font-weight:400;font-size:1.6em}.footer-info{display:flex;justify-content:space-between;gap:40px;margin:75px 0 85px;font-size:13px;line-height:1.7}.footer-info>div{display:flex;flex-direction:column;gap:8px}.footer-info>div>span{font-size:9px;font-weight:650;letter-spacing:.04em;margin-bottom:12px}address{font-style:normal}.footer-brand{font-size:20vw;line-height:.8;letter-spacing:-.075em;font-weight:800;margin-left:-.8vw;white-space:nowrap}.footer-brand>span{font-size:.1em;vertical-align:top;letter-spacing:0}.footer-bottom{border-top:1px solid #201b164a;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;font-weight:650}
body.reduced .story{height:auto!important}body.reduced .scene{position:relative!important}body.reduced .phase:not(.hero-copy){display:none}body.reduced .light-cover,body.reduced .light-intro,body.reduced .light-flare{display:none}body.reduced .light-info{opacity:1!important;transform:none!important}body.reduced .work-track{width:100%;overflow:auto;transform:none!important;padding:30px var(--gutter);scroll-snap-type:x mandatory}body.reduced .work-card{scroll-snap-align:center}body.reduced .work-scene{height:auto;min-height:900px;padding:230px 0 100px}
@media(min-width:1600px){.scene{max-height:1200px}.header{font-size:12px}.hero-copy{top:16%}.light-info p:not(.eyebrow){font-size:16px}.orbit-copy p:not(.eyebrow),.hand-copy p:not(.eyebrow){font-size:17px}}
@media(max-width:900px){.desktop-nav{gap:20px}.contact-link{display:none}.light-info{max-width:290px}.light-info h3{font-size:48px}.studio-film{left:62%;height:65%;top:19%}.space-type h2>span:last-child{font-size:39px}.service-selector button{font-size:24px}.services-layout{gap:6vw}.faq-section{gap:5vw}}
@media(max-width:700px){
:root{--gutter:23px}.header{padding:21px var(--gutter)}.logo{font-size:24px}.desktop-nav{display:none}#menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:6px;width:42px;height:38px;justify-content:center;align-items:flex-end}#menu-toggle i{height:1px;background:var(--paper);width:26px;transition:transform .2s}#menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}#menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.scene{height:100svh;min-height:620px}.js .camera-story{height:380svh}.js .light-story{height:260svh}.js .detail-story{height:180svh}.js .work-story{height:auto}.js .space-story{height:180svh}.eyebrow{font-size:9px;margin-bottom:16px}.camera-media{inset:19% -34% 17%}.camera-media video{object-fit:cover}.camera-scene{background:#191715}.camera-media:after{content:'';position:absolute;inset:0;background:linear-gradient(#191715 0%,transparent 15%,transparent 80%,#191715)}.scene-shade{background:linear-gradient(#15141266,transparent 35%,transparent 65%,#15141288)}.hero-copy{top:15%;width:calc(100% - 46px)}h1{font-size:20vw;letter-spacing:-.075em}.hero-copy .eyebrow{font-size:8px;margin-bottom:12px}.hero-tagline{margin-top:21px;font-size:29px}.hero-aside{left:var(--gutter);right:auto;bottom:90px;width:calc(100% - 46px);padding-top:14px}.hero-aside .small-label{font-size:8px}.hero-aside>span:nth-child(2){font-size:15px}.scene-bottom{bottom:25px;font-size:8px;right:48px;left:var(--gutter)}.scene-caption{font-size:7px}.scene-index{margin-right:0}.scroll-hint{font-size:8px;gap:8px}.scroll-hint i{font-size:16px}.camera-scene .scene-caption{display:none}.orbit-copy{top:14%;}.orbit-copy h2,.hand-copy h2{font-size:61px;margin-bottom:16px}.orbit-copy p:not(.eyebrow),.hand-copy p:not(.eyebrow){font-size:11px}.hand-copy{top:13%;right:var(--gutter);left:var(--gutter);text-align:left}.hand-copy p:not(.eyebrow){position:absolute;top:57svh;left:0;width:75vw}.hand-copy .text-link{position:absolute;top:66svh;left:0;margin-top:5px}.edge-light{border-radius:20px}.studio-picture img{object-position:center center}.light-intro{top:18%}.light-intro h2{font-size:21vw}.light-info{top:auto;bottom:90px;max-width:90%;padding:18px 18px 20px;background:#1714129e;backdrop-filter:blur(12px);left:var(--gutter);right:var(--gutter)}.light-info .eyebrow{font-size:8px;margin-bottom:12px}.light-info h3{font-size:40px;line-height:.95;margin-bottom:13px}.light-info p:not(.eyebrow){font-size:11px}.light-controls{margin-top:16px}.light-controls button{padding:9px 15px;font-size:8px;min-height:40px}.light-scene .scroll-hint{display:none}.lens-image{inset:13% -25% -12% 0;transform-origin:50% 50%}.lens-image img{object-position:50% 42%}.lens-shade{background:linear-gradient(#040505b0,transparent 50%,#040505a6)}.detail-copy{top:15%}.detail-copy h2{font-size:24vw;margin-bottom:22px}.detail-copy>p:not(.eyebrow){font-size:12px;position:absolute;top:51svh;width:75vw}.detail-copy label{margin-top:0;position:absolute;top:64svh;width:200px}.detail-copy input{position:absolute;top:65svh;width:200px}.focus-ring{left:16%;top:34%;width:70vw;height:70vw}.work-scene{height:auto!important;min-height:850px!important;padding:200px 0 100px;position:relative!important}.work-heading{top:75px}.work-heading h2{font-size:51px}.work-track{margin-top:50px;width:100%;overflow-x:auto;gap:24px;padding:25px 45px 55px 23px;transform:none!important;scroll-snap-type:x mandatory;scrollbar-width:thin}.work-card{width:70vw;max-width:340px;scroll-snap-align:center;transform:rotate(-3deg)}.work-card:nth-child(2){transform:rotate(3deg)}.work-card:nth-child(3){transform:rotate(-2deg)}.work-card:nth-child(4){transform:rotate(3deg)}.work-footer{font-size:8px;gap:20px;bottom:35px;align-items:flex-end}.work-footer>span{max-width:110px}.work-footer>a{max-width:140px;text-align:right}.space-type{top:13%}.space-type h2{gap:10px}.five{font-size:150px}.space-type h2>span:last-child{font-size:36px}.studio-film{top:37%;left:48%;height:43%;transform:rotate(5deg)}.space-info{left:var(--gutter);bottom:13%;width:43%}.space-info p{font-size:11px}.space-info p br{display:none}.space-info .text-link{font-size:8px;line-height:1.5;gap:10px}.space-info .text-link span{display:none}.studio-film button{font-size:8px;gap:6px;flex-direction:column}.studio-film.playing button{font-size:0;padding:3px;left:6px;bottom:6px}.studio-film.playing button span{font-size:12px}.services-section{padding:70px var(--gutter)}.section-top .eyebrow{font-size:8px}.section-top>span{font-size:8px}.services-section>h2{font-size:21vw;margin:25px 0 45px}.services-section>h2>i{font-size:1em;right:0;top:12%}.services-layout{grid-template-columns:1fr;gap:35px}.service-selector button{font-size:25px;padding:18px 0}.service-selector button span{margin-right:17px}.service-panels{min-height:380px}.service-panels h3{font-size:40px}.service-panels p:not(.eyebrow){font-size:13px}.faq-section{padding:70px var(--gutter);grid-template-columns:1fr;gap:40px}.faq-heading h2{font-size:48px}summary{font-size:12px;padding:20px 0}details p{font-size:12px;padding-right:12px}footer{padding:65px var(--gutter) 24px}.footer-top>a{font-size:18vw}.footer-top>a span{font-size:1.1em;top:0}.footer-info{margin:45px 0 55px;display:grid;grid-template-columns:1fr;gap:30px;font-size:12px}.footer-info>div{gap:4px}.footer-info>div>span{margin-bottom:8px}.footer-info>div:last-child{display:none}.footer-brand{font-size:20vw;margin-left:-1vw}.footer-bottom{font-size:7px;gap:14px}.footer-bottom>span:nth-child(2){display:none}#motion-toggle{right:14px;bottom:14px;width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}