:root{--paper:#fff;--ink:#111;--accent:#384aa3;--grey-1:#f5f5f5;--grey-2:#d9d9d9;--grey-3:#666;--font:"Poppins", system-ui, sans-serif;--gutter:clamp(20px, 5vw, 96px);--nav-h:72px;--ease:cubic-bezier(.33, 0, .13, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:2000;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;position:fixed;inset:-50%}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}canvas{display:block}.loader{z-index:3000;background:var(--paper);transition:opacity .7s var(--ease), visibility .7s;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader__mark{letter-spacing:.42em;text-indent:.42em;font-size:13px;font-weight:600}.loader__bar{background:var(--grey-2);width:160px;height:1px;position:relative;overflow:hidden}.loader__bar span{background:var(--accent);transform-origin:0;display:block;position:absolute;inset:0;transform:scaleX(0)}.loader__pct{color:var(--grey-3);letter-spacing:.18em;font-variant-numeric:tabular-nums;font-size:11px}.cursor{z-index:2500;border:1px solid var(--ink);pointer-events:none;width:10px;height:10px;transition:width .3s var(--ease), height .3s var(--ease), border-color .3s, background .3s, border-radius .3s;will-change:transform;position:fixed;top:0;left:0;transform:translate(-50%,-50%)rotate(45deg)}.cursor.is-hover{border-color:var(--accent);width:28px;height:28px}.cursor.is-down{background:var(--accent);border-color:var(--accent)}@media (hover:none),(pointer:coarse){.cursor{display:none}}.nav{z-index:1500;height:var(--nav-h);padding:0 var(--gutter);mix-blend-mode:normal;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav__mark{letter-spacing:.3em;text-transform:uppercase;flex-direction:column;font-size:14px;font-weight:600;line-height:1.25;display:flex}.nav__mark span{letter-spacing:.44em;color:var(--grey-3);font-size:9px;font-weight:300}.nav__links{align-items:center;gap:clamp(16px,2.6vw,40px);display:flex}.nav__links a{letter-spacing:.14em;text-transform:uppercase;color:var(--grey-3);font-size:11px;font-weight:400;transition:color .3s;position:relative}.nav__links a em{color:var(--grey-2);vertical-align:.16em;margin-right:5px;font-size:8.5px;font-style:normal;transition:color .3s}.nav__links a:hover,.nav__links a.is-active{color:var(--ink)}.nav__links a.is-active em{color:var(--accent)}.nav__links a.is-active:after{content:"";background:var(--accent);width:14px;height:1px;position:absolute;bottom:-6px;left:0}.nav__contact{border:1px solid var(--grey-2);padding:8px 16px;color:var(--ink)!important;transition:border-color .3s,background .3s,color .3s!important}.nav__contact:hover{border-color:var(--accent);color:var(--accent)!important}@media (width<=860px){.nav__links a:not(.nav__contact){display:none}}.seq-canvas{background:var(--paper);width:100%;height:100%;position:absolute;inset:0}.seq-canvas--frame{background:var(--paper)}.section-index{padding:0 var(--gutter);letter-spacing:.26em;text-transform:uppercase;align-items:baseline;gap:14px;font-size:11px;display:flex}.section-index em{color:var(--accent);font-size:11px;font-style:normal;font-weight:500}.section-index span{color:var(--grey-3);font-weight:400}.section-index:after{content:"";background:var(--grey-2);flex:1;height:1px;transform:translateY(-3px)}.section-index--in{padding:0}.section-index--light span{color:#1111118c}[data-reveal]{opacity:0}.hero{height:420vh;position:relative}.hero__stage{height:100svh;position:sticky;top:0;overflow:hidden}.hero__type{padding:0 var(--gutter) 15vh;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0}.hero__title{letter-spacing:.012em;color:var(--accent);flex-direction:column;font-size:clamp(44px,9.6vw,152px);font-weight:600;line-height:.98;display:flex}.hero__line{display:block;overflow:hidden}.hero__tags{letter-spacing:.22em;text-transform:uppercase;color:var(--grey-3);gap:clamp(14px,2.6vw,42px);margin-top:28px;font-size:clamp(10px,1.1vw,13px);font-weight:400;display:flex}.hero__tags li{padding-left:16px;position:relative}.hero__tags li:before{content:"";border:1px solid var(--accent);width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(45deg)}.hero__meta{padding:0 var(--gutter) 26px;letter-spacing:.24em;text-transform:uppercase;color:var(--grey-3);justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.scroll-cue{flex-direction:column;align-items:center;gap:8px;display:flex}.scroll-cue span{letter-spacing:.34em;text-indent:.34em}.scroll-cue i{background:var(--grey-2);width:1px;height:44px;display:block;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--accent);width:100%;height:50%;animation:cue 2.2s var(--ease) infinite;position:absolute;top:-50%;left:0}@keyframes cue{0%{top:-50%}to{top:110%}}@media (width<=700px){.hero__meta .hero__est{display:none}}.philosophy{padding:22vh 0 26vh}.philosophy__stage{padding:16vh var(--gutter) 0;max-width:1280px}.philosophy__quote{letter-spacing:.005em;font-size:clamp(30px,5.4vw,84px);font-weight:300;line-height:1.18}.ph-line{display:block}.ph-line--accent{color:var(--accent)}.philosophy__note{max-width:560px;color:var(--grey-3);margin-top:9vh;font-size:clamp(14px,1.35vw,17px);line-height:1.9}.capabilities{height:520vh;position:relative}.capabilities__stage{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.capabilities__stage .seq-canvas{width:62%;height:100%;position:absolute;inset:0 auto 0 0}.capabilities__panel{z-index:2;background:var(--paper);border-left:1px solid var(--grey-2);padding:var(--nav-h) clamp(24px, 4vw, 72px);flex-direction:column;grid-column:2;justify-content:center;gap:6vh;display:flex;position:relative}.capabilities__list li{border-bottom:1px solid var(--grey-1);color:var(--grey-2);transition:color .5s var(--ease), letter-spacing .5s var(--ease);align-items:baseline;gap:18px;padding:clamp(10px,1.9vh,20px) 0;font-size:clamp(19px,2.1vw,30px);font-weight:300;display:flex}.capabilities__list li i{letter-spacing:.2em;text-transform:uppercase;color:var(--grey-2);font-size:10px;font-style:normal;transition:color .5s}.capabilities__list li.is-active{color:var(--ink);letter-spacing:.01em}.capabilities__list li.is-active i{color:var(--accent)}.capabilities__note{color:var(--grey-3);letter-spacing:.06em;font-size:12px;line-height:1.9}@media (width<=900px){.capabilities{height:460vh}.capabilities__stage{grid-template-rows:46vh 1fr;grid-template-columns:1fr}.capabilities__stage .seq-canvas{width:100%;height:46vh;inset:0 0 auto}.capabilities__panel{border-left:0;border-top:1px solid var(--grey-2);grid-area:2/1;justify-content:flex-start;gap:3vh;padding-top:4vh}}.work{background:var(--paper);position:relative}.work__intro{height:260vh;position:relative}.work__intro .seq-canvas{height:100svh;position:sticky;top:0}.work__introType{flex-direction:column;justify-content:flex-end;gap:5vh;height:100svh;margin-top:-100vh;padding-bottom:12vh;display:flex;position:sticky;top:0}.work__heading{padding:0 var(--gutter);color:var(--accent);font-size:clamp(34px,6vw,92px);font-weight:300;line-height:1.06}.work__grid{padding:16vh var(--gutter) 20vh;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2.4vw,40px);display:grid}.card{perspective:1200px;cursor:pointer;grid-column:span 5;position:relative}.card:nth-child(4n+1){grid-column:2/span 5}.card:nth-child(4n+2){grid-column:8/span 4;margin-top:18vh}.card:nth-child(4n+3){grid-column:3/span 4;margin-top:-6vh}.card:nth-child(4n+4){grid-column:8/span 5;margin-top:10vh}.card__object{transform-style:preserve-3d;transition:transform .7s var(--ease);will-change:transform;position:relative}.card__img{aspect-ratio:4/3;background:var(--grey-1);position:relative;overflow:hidden;transform:translateZ(24px);box-shadow:0 30px 60px -34px #11111161}.card__img img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--ease);display:block}.card__frame{border:1px solid var(--grey-2);transition:border-color .5s;position:absolute;inset:-14px;transform:translateZ(-26px)}.card__shadow{filter:blur(2px);background:radial-gradient(50% 100% at 50% 0,#11111129,#0000 70%);height:30px;position:absolute;inset:auto 8% -34px;transform:translateZ(-60px)}.card:hover .card__img img{transform:scale(1.045)}.card:hover .card__frame{border-color:var(--accent)}.card__label{align-items:baseline;gap:14px;margin-top:40px;display:flex;transform:translateZ(10px)}.card__label em{color:var(--accent);letter-spacing:.2em;font-size:10px;font-style:normal;font-weight:500}.card__label strong{font-size:clamp(16px,1.6vw,22px);font-weight:400}.card__label span{letter-spacing:.22em;text-transform:uppercase;color:var(--grey-3);margin-left:auto;font-size:10px}@media (width<=900px){.work__grid{grid-template-columns:1fr;padding-top:10vh}.card,.card:nth-child(4n+1),.card:nth-child(4n+2),.card:nth-child(4n+3),.card:nth-child(4n+4){grid-column:1;margin-top:0}.card+.card{margin-top:9vh}}.process{height:560vh;position:relative}.process__stage{grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.process__stage .seq-canvas{width:64%;height:100%;position:absolute;inset:0 0 0 auto}.process__panel{z-index:2;background:var(--paper);border-right:1px solid var(--grey-2);padding:var(--nav-h) clamp(24px, 3.4vw, 64px);flex-direction:column;grid-column:1;justify-content:center;gap:5vh;display:flex;position:relative}.process__list{counter-reset:step}.process__list li{border-bottom:1px solid var(--grey-1);opacity:.32;transition:opacity .5s var(--ease);grid-template-rows:auto auto;grid-template-columns:34px 1fr;column-gap:12px;padding:clamp(8px,1.6vh,18px) 0;display:grid;position:relative}.process__list li.is-active{opacity:1}.process__list li em{letter-spacing:.14em;color:var(--grey-3);grid-row:1/3;padding-top:7px;font-size:10px;font-style:normal;font-weight:500}.process__list li.is-active em{color:var(--accent)}.process__list li strong{font-size:clamp(18px,1.9vw,26px);font-weight:400;line-height:1.3}.process__list li span{color:var(--grey-3);letter-spacing:.03em;grid-column:2;font-size:11.5px}@media (width<=900px){.process{height:500vh}.process__stage{grid-template-rows:40vh 1fr;grid-template-columns:1fr}.process__stage .seq-canvas{width:100%;height:40vh;inset:0 0 auto}.process__panel{border-right:0;border-top:1px solid var(--grey-2);grid-row:2;justify-content:flex-start;gap:2.4vh;padding-top:3vh}}.materials{height:600vh;position:relative}.materials__stage{height:100svh;position:sticky;top:0;overflow:hidden}.materials__chrome{padding:calc(var(--nav-h) + 12px) 0 0;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.materials__caption{margin:0 var(--gutter) 7vh;-webkit-backdrop-filter:blur(10px);border:1px solid var(--grey-2);border-left:2px solid var(--accent);background:#ffffffdb;flex-direction:column;gap:6px;width:min(420px,78vw);padding:22px 26px 24px;display:flex}.materials__caption em{letter-spacing:.3em;color:var(--accent);font-size:9.5px;font-style:normal;font-weight:500}.materials__caption strong{font-size:clamp(20px,2.2vw,28px);font-weight:400}.materials__caption span{color:var(--grey-3);letter-spacing:.03em;font-size:12px;line-height:1.75}.approach{padding:26vh 0 30vh}.approach__lines{padding:14vh var(--gutter) 0;flex-direction:column;gap:16vh;display:flex}.approach__line{max-width:1100px;font-size:clamp(28px,4.6vw,68px);font-weight:300;line-height:1.25}.approach__line:nth-child(2){text-align:right;align-self:flex-end}.approach__line:nth-child(3){color:var(--grey-3);font-size:clamp(20px,3vw,44px)}.contact{border-top:1px solid var(--grey-1);flex-direction:column;min-height:100svh;display:flex}.contact__center{text-align:center;padding:0 var(--gutter);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7vh;display:flex}.contact__lead{font-size:clamp(32px,5.8vw,88px);font-weight:300;line-height:1.12}.contact__btn{letter-spacing:.26em;text-transform:uppercase;text-indent:.26em;border:1px solid var(--ink);transition:color .45s var(--ease), border-color .45s;z-index:1;padding:20px 44px;font-size:12px;font-weight:500;position:relative;overflow:hidden}.contact__btn:before{content:"";z-index:-1;background:var(--accent);transform-origin:bottom;transition:transform .45s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.contact__btn:hover{color:#fff;border-color:var(--accent)}.contact__btn:hover:before{transform:scaleY(1)}.footer{padding:26px var(--gutter);border-top:1px solid var(--grey-1);letter-spacing:.2em;text-transform:uppercase;color:var(--grey-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 36px;font-size:10.5px;display:flex}.footer a:hover{color:var(--accent)}.overlay{z-index:1800;background:var(--paper);visibility:hidden;opacity:0;flex-direction:column;display:flex;position:fixed;inset:0}.overlay.is-open{visibility:visible;opacity:1}.overlay__bar{padding:0 var(--gutter);height:var(--nav-h);border-bottom:1px solid var(--grey-1);flex:none;justify-content:space-between;align-items:center;display:flex}.overlay__title{align-items:baseline;gap:16px;display:flex}.overlay__title em{color:var(--accent);letter-spacing:.2em;font-size:10px;font-style:normal;font-weight:500}.overlay__title strong{font-size:clamp(15px,1.8vw,22px);font-weight:400}.overlay__title span{letter-spacing:.22em;text-transform:uppercase;color:var(--grey-3);font-size:10px}.overlay__close{letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--grey-2);padding:10px 22px;font-size:11px;transition:border-color .3s,color .3s}.overlay__close:hover{border-color:var(--accent);color:var(--accent)}.overlay__scroll{overscroll-behavior:contain;padding:6vh var(--gutter) 10vh;flex:1;overflow-y:auto}.overlay__desc{max-width:640px;color:var(--grey-3);margin-bottom:7vh;font-size:clamp(15px,1.5vw,19px);line-height:1.85}.overlay__gallery{grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,32px);display:grid}.overlay__gallery figure{background:var(--grey-1);overflow:hidden}.overlay__gallery figure:nth-child(3n+1){grid-column:1/span 8}.overlay__gallery figure:nth-child(3n+2){grid-column:9/span 4;align-self:end}.overlay__gallery figure:nth-child(3n){grid-column:3/span 8}.overlay__gallery img{width:100%;height:auto;display:block}.overlay__gallery figure.is-lead{aspect-ratio:4/3}.overlay__gallery figure.is-lead img{object-fit:cover;height:100%}.overlay__next{justify-content:center;margin-top:10vh;display:flex}.overlay__next button{letter-spacing:.26em;text-transform:uppercase;border:1px solid var(--grey-2);padding:16px 36px;font-size:11px;transition:border-color .3s,color .3s}.overlay__next button:hover{border-color:var(--accent);color:var(--accent)}@media (width<=900px){.overlay__gallery figure,.overlay__gallery figure:nth-child(3n+1),.overlay__gallery figure:nth-child(3n+2),.overlay__gallery figure:nth-child(3n){grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.scroll-cue i:after{animation:none}[data-reveal]{opacity:1}.cursor{display:none}}