/* Cinematic studio direction. Ink, paper, sage and the same acid-lime accent. */
html{scrollbar-width:none;scrollbar-gutter:auto}::-webkit-scrollbar{width:0;height:0}body{overflow-x:clip}
.depth-intro{position:relative;height:195svh;background:#d8ff36}.depth-pin{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));min-height:600px;perspective:1300px;perspective-origin:50% 45%;overflow:clip;isolation:isolate;background:#d8ff36}
.depth-backdrop{position:absolute;inset:0;overflow:hidden;color:#1a210f;background:#d8ff36;z-index:0}.portal-eyebrow,.portal-footer{position:absolute;left:5.2%;font-size:11px;letter-spacing:.07em}.portal-eyebrow{top:45px}.portal-footer{bottom:40px}.portal-title{position:absolute;left:5%;top:23%;font-family:var(--display);font-size:clamp(70px,13.8vw,260px);line-height:.9;font-weight:650;letter-spacing:-.075em;z-index:1}.portal-title>span{color:transparent;-webkit-text-stroke:2px #1a210f}.portal-sample{position:absolute;width:29%;border-radius:6px;box-shadow:0 20px 60px #28350044;pointer-events:none}.portal-left{left:-5%;top:67%;transform:rotate(-12deg)}.portal-right{right:-7%;top:5%;transform:rotate(12deg)}
.depth-pin>.hero{position:relative;width:100%;height:100%;min-height:0;background:var(--bg);z-index:2;overflow:clip;transform-origin:50% 48%;will-change:transform;box-shadow:0 25px 100px #28350044;backface-visibility:hidden}.hero-content{width:78%;padding-top:clamp(60px,10vh,120px);pointer-events:none}.hero h1{max-width:75vw}.hero-work-link{pointer-events:auto}.hero-edge{bottom:30px}.sculpture-stage{position:absolute;right:-2%;top:0;width:57%;height:97%;z-index:1}.sculpture-stage canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}.sculpture-stage.is-ready canvas{opacity:1}.sculpture-fallback{position:absolute;width:78%;left:10%;top:40%;transform:rotate(-7deg);border-radius:8px;opacity:.8}.sculpture-stage.is-ready .sculpture-fallback{visibility:hidden}.sculpture-label{position:absolute;bottom:8%;left:29%;font-size:13px;letter-spacing:-.02em}.sculpture-index{position:absolute;top:12%;right:15%;font-size:9px;letter-spacing:.13em;color:var(--muted)}
.work-reel{height:155svh;min-height:1000px}.reel-sticky{top:var(--nav)}.motion-toggle{background:transparent}.reel-item img{aspect-ratio:auto}.reel-foot{font-size:13px}
/* Full-screen horizontal case sequence; ordinary vertical layout remains on small screens. */
.work-section{--bg:#eeefe6;--ink:#171c12;--muted:#59634e;--soft:#6b785d;--line:#c4cbb8;--surface:#e0e5d7;background:var(--bg);color:var(--ink);counter-reset:work;isolation:isolate}
.work-heading{margin-bottom:32px}.work-heading h2{font-size:clamp(58px,6.2vw,115px)}.work-viewport{position:relative}.walk-footer{display:none}.project-card{counter-increment:work}.project-caption::before{content:'0' counter(work);font-size:11px;color:var(--muted);margin-right:12px;padding-top:8px}.phone-frame img{object-fit:contain;height:auto}.corporate-phone{aspect-ratio:345/780}.concept-phone{aspect-ratio:365/822}
.motion-belts{--bg:#eeefe6;--ink:#171c12;background:var(--bg);color:var(--ink)}.approach-section{--bg:#c5d0b5;--ink:#182011;--muted:#4f5c42;--soft:#68775a;--line:#a6b694;--surface:#b7c5a4;background:var(--bg);color:var(--ink);padding-block:100px 140px}.studio-section{--bg:#eeefe6;--ink:#171c12;--muted:#59634e;--soft:#6b785d;--line:#c4cbb8;background:var(--bg);color:var(--ink);padding-block:120px}.contact-section{--bg:#d8ff36;--ink:#1a210f;--muted:#4b5c28;--soft:#4b5c28;--line:#a9c927;background:var(--bg);color:var(--ink);overflow:hidden}.contact-section h2{font-size:clamp(80px,13vw,210px);line-height:.92}.contact-circle{background:#1a210f;color:#d8ff36}.contact-circle:hover{background:#33431b}.footer-wordmark{overflow:clip}
body[data-scene=paper] .site-header{--ink:#171c12;--line:#c4cbb8;--header:rgba(238,239,230,.94);color:var(--ink);background:var(--header)}body[data-scene=lime] .site-header{--ink:#1a210f;--line:#b5d52e;--header:rgba(216,255,54,.94);color:var(--ink);background:var(--header)}body[data-scene=sage] .site-header{--ink:#182011;--line:#a6b694;--header:rgba(197,208,181,.94);color:var(--ink);background:var(--header)}body[data-scene=ink] .site-header{--ink:#f0f2e8;--line:#373e30;--header:rgba(19,21,15,.94);color:var(--ink);background:var(--header)}.site-header{transition:background-color .45s,color .45s,border-color .45s}
@media(min-width:851px){
 .work-section{height:calc(100svh - var(--nav));min-height:670px;padding-block:32px 24px;overflow:hidden;display:flex;flex-direction:column}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex:none;margin-bottom:26px}.work-heading h2{font-size:clamp(52px,5.4vw,92px);line-height:.93}.work-filters{padding-bottom:5px;gap:8px}.filter-button{font-size:10px;padding:10px 12px}.work-viewport{width:calc(100% + var(--gutter)*2);margin-inline:calc(var(--gutter)*-1);overflow:clip;flex:1;min-height:0}.project-grid{display:flex;align-items:stretch;gap:4vw;width:max-content;height:100%;padding-inline:var(--gutter);will-change:transform;perspective:1300px}.project-card{flex:0 0 auto;width:66vw;height:100%;display:flex;flex-direction:column}.project-wide{width:76vw}.project-small{width:53vw}.project-visual{height:calc(100% - 83px);min-height:270px;max-height:670px;aspect-ratio:auto;flex:1}.project-caption{flex:none;min-height:83px;padding-top:18px;gap:12px;align-items:flex-start}.project-caption p{font-size:12px;max-width:500px}.project-title{font-size:clamp(21px,2.1vw,35px)}.project-type{font-size:10px}.project-caption::before{display:block}.walk-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;flex:none;padding-top:18px;font-size:10px;letter-spacing:.03em}.walk-progress{width:32%;height:2px;background:#c4cbb8;overflow:hidden}.walk-progress>span{display:block;width:100%;height:100%;background:#171c12;transform:scaleX(0);transform-origin:left}.corporate-browser,.concept-browser{top:18%;width:76%}.corporate-phone,.concept-phone{width:auto;height:83%;max-height:83%;bottom:8%;right:5%;left:auto;max-width:25%;object-fit:contain}.browser-primary{top:9%;width:66%;right:4%}.browser-secondary{bottom:7%;width:44%;left:5%}.showcase-word{font-size:6.4vw}.commerce-title{font-size:clamp(35px,4vw,75px)}.commerce-browser{top:28%;width:86%;left:7%}
}
@media(max-width:1100px) and (min-width:851px){.work-heading h2{font-size:52px}.work-filters{flex-wrap:wrap;max-width:340px}.project-card{width:77vw}.project-small{width:65vw}.hero h1{font-size:10.2vw}.sculpture-stage{width:61%;right:-5%}}
@media(max-width:850px){.work-section{padding-block:70px 60px}.work-viewport{overflow:visible}.project-grid{display:grid;transform:none!important}.project-caption::before{display:none}.walk-footer{display:none}.depth-intro{height:175svh}.depth-pin{min-height:600px}.portal-title{font-size:14vw;top:34%}.portal-sample{width:45%}.portal-left{top:69%}.portal-right{top:13%}.portal-eyebrow,.portal-footer{font-size:9px}.portal-footer{max-width:220px;line-height:1.6}}
@media(max-width:700px){.depth-pin{min-height:680px}.depth-pin>.hero{padding-bottom:0}.hero-content{padding-top:45px;width:100%;display:block}.hero h1{font-size:clamp(34px,11.2vw,76px);max-width:100%}.hero-intro{font-size:12px;margin-top:24px}.hero-work-link{margin-top:24px}.sculpture-stage{width:115%;right:-7.5%;top:36%;height:65%}.sculpture-label{bottom:8%;left:19%;font-size:11px}.sculpture-index{top:13%;right:13%;font-size:7px}.sculpture-fallback{top:31%}.work-reel{height:145svh;min-height:900px}.work-heading h2{font-size:52px}.portal-title{top:35%;font-size:16vw;left:4%}.portal-title>span{-webkit-text-stroke:1px #1a210f}.portal-eyebrow{top:28px}.portal-footer{bottom:30px;left:5%}.approach-section{padding-block:70px 80px}.studio-section{padding-block:75px}.contact-section h2{font-size:17vw}.contact-circle{width:130px;height:130px}.project-caption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.depth-intro{height:auto}.depth-pin{position:relative;top:0;perspective:none;height:calc(100svh - var(--nav));min-height:680px}.depth-backdrop{display:none}.depth-pin>.hero{transform:none!important;opacity:1!important}.work-section{height:auto;min-height:0;display:block;padding-block:70px}.project-grid{display:grid;width:auto;height:auto;transform:none!important;padding:0;gap:50px}.project-card,.project-wide,.project-small{width:auto;height:auto;display:block}.project-visual{height:auto;min-height:300px;aspect-ratio:1.5}.work-viewport{width:auto;margin:0;overflow:visible}.work-heading{display:block}.work-filters{margin-top:25px}.walk-footer{display:none}.work-reel{height:auto;min-height:0}.sculpture-stage canvas{transition:none}}
.depth-intro{scroll-margin-top:var(--nav)}body[data-scene=paper] .site-header{--bg:#eeefe6}body[data-scene=lime] .site-header{--bg:#d8ff36}body[data-scene=sage] .site-header{--bg:#c5d0b5}body[data-scene=ink] .site-header{--bg:#13150f}
@media(min-width:851px){.work-section{min-height:580px}}
.work-section,.approach-section,.studio-section{scroll-margin-top:var(--nav)}.project-caption{justify-content:flex-start}.project-caption>div{margin-right:auto}.phone-speaker{display:none}.site-footer{--bg:#13150f;--ink:#eff2e5;--muted:#a7b09c;--line:#373e30;background:var(--bg);color:var(--ink)}
@media(min-width:851px){.project-grid.is-single .project-card{width:calc(100vw - var(--gutter)*2)}}
@media(max-width:700px){.depth-pin{min-height:0}}
section[id].work-section,section[id].approach-section,section[id].studio-section{scroll-margin-top:var(--nav)}
@media(min-width:851px){.project-grid{gap:7vw}.project-type{max-width:110px;text-align:right;flex-shrink:0}}
.depth-backdrop{visibility:hidden}