@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650&display=swap";.tech-ribbon[data-v-0fd4da3f]{grid-column:1/-1;min-width:0}.tech-panel[data-v-0fd4da3f]{will-change:transform;flex-direction:column;justify-content:space-between;height:clamp(230px,62svh,660px);padding-block:clamp(18px,3.5vh,40px);display:flex;position:relative}.tech-panel h2[data-v-0fd4da3f]{font:600 clamp(36px, 5vw, 80px)/1 var(--font-primary);color:#171614;letter-spacing:-.055em;margin:0}.tech-type[data-v-0fd4da3f]{width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));height:72%;font:inherit;letter-spacing:-.045em;color:#282724;pointer-events:none;font-size:clamp(36px,5.6vw,92px);position:relative;overflow:visible}.tech-word[data-v-0fd4da3f]{white-space:nowrap;will-change:transform, opacity;line-height:1;position:absolute;top:0;left:0}.tech-list[data-v-0fd4da3f]{flex-wrap:wrap;gap:.4em 1em;margin:1.5rem 0 0;padding:0;font-size:clamp(22px,3.2vw,48px);list-style:none;display:flex}@media (prefers-reduced-motion:reduce){.tech-panel[data-v-0fd4da3f]{height:auto}}.about-dialog[data-v-84a950ca]{background:var(--paper);color:#1b1b18;border:1px solid #d8d4cc;width:min(1180px,100vw - 64px);max-width:none;height:min(900px,100dvh - 64px);max-height:none;margin:auto;padding:0;overflow:hidden}.about-dialog[open][data-v-84a950ca]{flex-direction:column;display:flex}.about-dialog[data-v-84a950ca]::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27272050}.about-toolbar[data-v-84a950ca]{letter-spacing:.06em;border-bottom:1px solid #d8d4cc;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:14px clamp(24px,4vw,58px);font-size:11px;display:flex}.about-close[data-v-84a950ca]{z-index:2;justify-content:center;align-items:center;width:44px;min-height:44px;display:flex;position:absolute;top:14px;right:clamp(20px,4vw,48px)}.about-close[data-v-84a950ca]:focus-visible{outline-offset:4px;outline:1px solid}.about-cross[data-v-84a950ca]{width:18px;height:18px;transition:transform .45s var(--ease);position:relative}.about-close:hover .about-cross[data-v-84a950ca],.about-close:focus-visible .about-cross[data-v-84a950ca]{transform:rotate(90deg)}.about-cross[data-v-84a950ca]:before,.about-cross[data-v-84a950ca]:after{content:"";background:currentColor;width:100%;height:1px;position:absolute;top:50%;left:0;transform:rotate(45deg)}.about-cross[data-v-84a950ca]:after{transform:rotate(-45deg)}.about-content[data-v-84a950ca]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aaa69d transparent;min-height:0;padding:76px clamp(24px,4vw,58px) 20px;overflow-y:auto}.about-eyebrow[data-v-84a950ca]{color:#646158;font-size:12px}.about-heading[data-v-84a950ca]{padding-bottom:clamp(36px,5vw,68px)}.about-heading h2[data-v-84a950ca]{letter-spacing:-.065em;outline:none;margin:14px 0 0;font-size:clamp(48px,7vw,100px);font-weight:500;line-height:1}.about-section[data-v-84a950ca]{border-top:1px solid #d8d4cc;grid-template-columns:.85fr 1.15fr;gap:40px;padding:36px 0;display:grid}.about-section-heading[data-v-84a950ca]{align-items:baseline;gap:24px;display:flex}.about-section[data-v-84a950ca]:first-of-type{border-top:0;padding-top:0}.about-industries[data-v-84a950ca]{margin-top:28px}.about-industries ul[data-v-84a950ca]{gap:10px;margin:18px 0 0;padding:0;font-size:clamp(17px,1.5vw,20px);line-height:1.5;list-style:none;display:grid}.about-number[data-v-84a950ca]{font-variant-numeric:tabular-nums;color:#777369;flex-shrink:0;font-size:12px}.about-section h3[data-v-84a950ca]{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.4vw,32px);font-weight:500;line-height:1.2}.about-section p[data-v-84a950ca]{color:#4c4942;text-wrap:pretty;margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.about-section.will-appear[data-v-84a950ca]{opacity:0;transition:opacity .6s ease, transform .7s var(--ease);transform:translateY(20px)}.about-section.is-visible[data-v-84a950ca]{opacity:1;transform:none}.about-bottom[data-v-84a950ca]{letter-spacing:.1em;color:#777369;padding-top:38px;font-size:12px}.about-modal-enter-active[data-v-84a950ca],.about-modal-leave-active[data-v-84a950ca]{transition:opacity .28s ease, transform .4s var(--ease)}.about-modal-enter-from[data-v-84a950ca],.about-modal-leave-to[data-v-84a950ca]{opacity:0;transform:translateY(24px)scale(.98)}@media (width<=767px){.about-dialog[data-v-84a950ca]{width:calc(100vw - 20px);height:calc(100dvh - 24px)}.about-toolbar[data-v-84a950ca]{padding-inline:20px;font-size:10px}.about-content[data-v-84a950ca]{padding:76px 20px max(24px, env(safe-area-inset-bottom))}.about-section[data-v-84a950ca]{grid-template-columns:1fr;gap:18px;padding:28px 0}.about-section-heading[data-v-84a950ca]{gap:18px}.about-section p[data-v-84a950ca]{font-size:17px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.about-modal-enter-active[data-v-84a950ca],.about-modal-leave-active[data-v-84a950ca],.about-section.will-appear[data-v-84a950ca]{transition:none}.about-section.will-appear[data-v-84a950ca]{opacity:1;transform:none}.about-cross[data-v-84a950ca]{transition:none}}.project-case{z-index:25;background:var(--paper,#f8f5ef);color:#151513;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#15151340 transparent;--case-pad:clamp(24px, 3vw, 52px);--case-ease:cubic-bezier(.22, 1, .36, 1);position:fixed;inset:0;overflow:auto}.project-reading{z-index:35;transform-origin:0;pointer-events:none;background:#151513;height:2px;position:fixed;top:0;left:0;right:0}.project-case[inert]{pointer-events:none;touch-action:none}.case-shell{grid-template-columns:42% 58%;align-items:start;display:grid}.project-nav{z-index:5;padding:16px var(--case-pad);pointer-events:none;color:#fff;mix-blend-mode:difference;background:0 0;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.project-nav>*{pointer-events:auto}.project-brand{letter-spacing:-1.2px;font-size:24px;font-weight:550}.project-brand span{vertical-align:top;margin-left:4px;font-size:10px}.project-close{border-radius:2px;align-items:center;gap:18px;min-height:44px;padding:0 12px 0 18px;font-size:15px;display:flex}.close-icon{width:24px;height:24px;position:relative}.close-icon:before,.close-icon:after{content:"";width:20px;height:1px;transition:transform .4s var(--case-ease);background:currentColor;position:absolute;top:11px;left:2px;transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.project-close:hover .close-icon:before{transform:rotate(135deg)}.project-close:hover .close-icon:after{transform:rotate(45deg)}.case-info{padding:clamp(100px, 14svh, 160px) var(--case-pad) 50px;scrollbar-width:thin;background:#f0ede6;min-height:100svh;max-height:100svh;position:sticky;top:0;overflow:auto}.project-heading h1{letter-spacing:-.065em;overflow-wrap:anywhere;text-wrap:balance;outline:none;margin:22px 0;font-size:clamp(36px,4.4vw,80px);font-weight:500;line-height:1.03}.project-kicker{letter-spacing:.08em;font-size:9px}.project-heading-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.project-heading-bottom p{letter-spacing:-.02em;margin:0;font-size:clamp(15px,1.4vw,21px);line-height:1.4}.project-down{font-size:24px}.project-overview{margin-top:clamp(32px,6svh,70px)}.project-description,.project-delivery{margin:0;font-size:clamp(12px,1vw,15px);line-height:1.65}.project-delivery{margin-top:25px}.project-facts{margin:28px 0 0}.project-facts>div{border-top:1px solid #15151320;grid-template-columns:36% 1fr;gap:16px;padding:16px 0;display:grid}.project-facts dt{letter-spacing:.05em;font-size:8px;line-height:1.8}.project-facts dd{margin:0;font-size:12px;line-height:1.5}.case-media{background:var(--paper);min-width:0;padding:6px}.mobile-cover-detail{display:none}.project-case figure{margin:0}.project-cover{background:#e9e6df;border-radius:4px;height:calc(100svh - 12px);overflow:hidden}.image-button{width:100%;text-align:initial;border-radius:inherit;line-height:0;display:block;position:relative;overflow:hidden}.project-cover .image-button{height:100%}.project-cover picture{width:100%;height:100%;display:block}.image-button img{opacity:0;width:100%;height:auto;transition:opacity .5s;display:block}.project-cover img{object-fit:cover;opacity:1;height:100%}.image-loaded img{opacity:1}.image-magnify{color:#151513;text-align:center;opacity:0;background:#f8f5efeb;border-radius:50%;width:38px;height:38px;font-size:20px;line-height:38px;transition:opacity .3s,transform .3s;position:absolute;bottom:18px;right:18px;transform:translateY(5px)}.image-button:hover .image-magnify,.image-button:focus-visible .image-magnify{opacity:1;transform:none}.image-error{background:var(--paper);place-items:center;font-size:14px;line-height:1.5;display:grid;position:absolute;inset:0}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:6px;display:grid}.project-shot{align-self:start;min-width:0}.project-shot.shot-wide{grid-column:1/-1}.project-shot .image-button{border-radius:3px}.project-shot figcaption{padding:12px 12px 22px;font-size:9px}.project-highlight{grid-column:1/-1;padding:clamp(45px,7vw,110px) 5vw;position:relative}.project-highlight p{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(26px,3.4vw,52px);line-height:1.15}.highlight-star{text-align:right;margin-top:25px;font-size:42px;display:block}.project-end{padding:70px 3vw 25px}.project-section-label{letter-spacing:.05em;font-size:9px}.project-next{text-align:left;border-block:1px solid #15151325;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:20px;padding:35px 0;display:flex}.project-next>span:first-child{letter-spacing:-.045em;flex-direction:column;gap:16px;font-size:clamp(28px,3.5vw,60px);line-height:1.1;display:flex}.project-next small{letter-spacing:.05em;font-size:9px}.next-arrow{transition:transform .4s var(--case-ease);font-size:36px}.project-next:hover .next-arrow{transform:translate(5px,-5px)}.project-end-bottom{justify-content:space-between;align-items:center;margin-top:25px;font-size:10px;display:flex}.project-end-bottom button{min-height:44px}.will-reveal{opacity:0;transition:opacity .8s var(--case-ease), transform 1s var(--case-ease);transform:translateY(36px)}.will-reveal.is-visible{opacity:1;transform:none}.case-info>*{animation:case-content-in .9s var(--case-ease) .25s both}.case-info>:last-child{animation-delay:.4s}@keyframes case-content-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.case-morph{z-index:45;pointer-events:none;background:#e9e6df;position:fixed;overflow:hidden}.case-morph img{object-fit:cover;width:100%;height:100%;display:block}.case-morph-wash{background:#0000003d;position:absolute;inset:0}.project-lightbox{z-index:40;background:#f8f5effa;outline:none;position:fixed;inset:0}.lightbox-tools{height:75px;padding:0 var(--case-pad);border-bottom:1px solid #15151320;justify-content:space-between;align-items:center;display:flex}.lightbox-tools button{min-height:44px;font-size:12px}.lightbox-image{touch-action:pan-x pan-y pinch-zoom;justify-content:center;align-items:center;height:calc(100% - 75px);padding:24px;display:flex;overflow:auto}.lightbox-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.lightbox-image.is-enlarged{display:block}.lightbox-image.is-enlarged img{width:1920px;max-width:none;height:auto;max-height:none}.has-zoom{overflow:hidden}.image-view-enter-active,.image-view-leave-active{transition:opacity .3s}.image-view-enter-from,.image-view-leave-to{opacity:0}@media (width<=767px){.project-case{scrollbar-width:none;scrollbar-gutter:auto}.case-shell{flex-direction:column;display:flex}.case-info{order:1;min-height:auto;max-height:none;padding:48px 24px;position:relative;overflow:visible}.project-heading h1{font-size:clamp(40px,11vw,72px)}.project-nav{padding:10px 22px}.project-close{gap:12px;padding-right:0;font-size:10px}.project-overview{margin-top:30px}.project-description,.project-delivery{font-size:14px}.case-media{display:contents}.project-cover{border-radius:0;width:100%;height:100dvh}.project-gallery{order:2;grid-template-columns:1fr;gap:12px;width:100%;padding:12px}.mobile-cover-detail{display:block}.project-highlight{padding:54px 24px}.project-end{order:3;width:100%;padding:60px 20px 20px}.image-magnify{opacity:1;transform:none}.lightbox-tools{padding-inline:20px}.lightbox-image{padding:12px}}@media (prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}.project-case *,.close-icon:before,.close-icon:after{transition:none!important;animation:none!important}}.reel[data-v-429420af]{color:#151513;--card:min(50vw, 64svh);--height:calc(var(--card) / 1.2);--stride:calc(var(--height) * .8 + 4svh);--row:clamp(58px, 7.5svh, 82px);--expanded-width:calc(var(--card) * 2);--expanded-height:calc(var(--height) * 2);background:0 0;position:absolute;inset:0;overflow:clip}.slide[data-v-429420af]{--display-size:var(--size);width:calc(var(--card) + (var(--expanded-width) - var(--card)) * var(--grow));height:calc(var(--height) + (var(--expanded-height) - var(--height)) * var(--grow));transform:translate3d(-50%, calc(-50% + var(--y) * var(--stride)), 0) scale(var(--display-size));pointer-events:auto;touch-action:pan-y;will-change:transform;background:#e9e6df;position:absolute;top:50%;left:50%;overflow:hidden}.slide picture[data-v-429420af],.slide img[data-v-429420af]{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.cover-wash[data-v-429420af]{background:#0000003d;position:absolute;inset:0}.slide[data-v-429420af]:focus-visible{outline-offset:-5px;outline:2px solid #151513}.reel-index[data-v-429420af]{z-index:40;pointer-events:none;color:#fff;position:absolute;inset:50% 0 auto}.index-row[data-v-429420af]{width:min(90vw, calc(var(--card) * 1.45));transform:translate(-50%, calc(-50% + var(--offset) * var(--row) + var(--entry-shift) * (var(--stride) - var(--row))));letter-spacing:-.035em;text-shadow:0 1px 6px #0006;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,4vw,58px);font-size:clamp(26px,2.4vw,36px);font-weight:600;line-height:1.12;display:grid;position:absolute;left:50%}.index-row span[data-v-429420af]{transform:scale(calc(.8 + .2 * var(--weight)));transform-origin:0}.index-row span[data-v-429420af]:first-child{text-align:right;transform-origin:100%}.ticks[data-v-429420af]{position:absolute;top:0;left:50%}.ticks i[data-v-429420af]{width:clamp(24px,2.5vw,36px);height:1px;transform:translate(-50%, calc(-50% + var(--offset) * var(--row) + var(--entry-shift) * (var(--stride) - var(--row)))) scaleX(var(--tick));background:currentColor;position:absolute}.reel-controls[data-v-429420af]{z-index:40;white-space:nowrap;align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.reel-controls>span[data-v-429420af]{opacity:.65}.reel-controls button[data-v-429420af]{pointer-events:auto;width:36px;height:44px;font-size:18px}@media (width<=767px){.reel[data-v-429420af]{--card:min(92vw, 64svh);--height:calc(var(--card) / .9);--expanded-width:100vw;--expanded-height:100dvh;--row:56px}.slide[data-v-429420af]{--display-size:calc(.35 + var(--weight) * .65)}.index-row[data-v-429420af]{gap:28px;width:94vw;font-size:clamp(18px,5.1vw,23px)}.reel-controls[data-v-429420af]{bottom:67px}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.scroll-driver{opacity:0;pointer-events:none;z-index:-2;scrollbar-width:none;overscroll-behavior:none;position:fixed;inset:0;overflow:hidden auto}.scroll-driver::-webkit-scrollbar{display:none}.scroll-driver-content{pointer-events:none;width:1px;min-height:100%}.profile-eyebrow{letter-spacing:.1em;color:#7f818a;margin-bottom:22px;font-size:8px;display:block}.profile-socials{letter-spacing:.025em;justify-content:center;align-items:center;gap:22px;margin-top:22px;font-size:10px;display:flex}.profile-socials a{align-items:center;min-height:34px;transition:color .25s;display:flex;position:relative}.profile-socials a:hover{color:var(--active-color,#171715)}.profile-socials a:after{content:"";transform-origin:0;height:1px;transition:transform .4s var(--ease);background:currentColor;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.profile-socials a:hover:after{transform:scaleX(1)}.profile-content .profile-specialties{margin-top:24px}.profile-content .profile-links{color:#8c8d93;margin-top:15px;font-size:9px}.has-webgl .mouse-follower{mix-blend-mode:normal}.has-webgl .mouse-follower:before{width:9px;height:9px;transition:width .45s var(--ease), height .45s var(--ease), border-color .35s;background:0 0;border:1px solid #fffc;box-shadow:0 0 10px #ffffff18}.has-webgl .mouse-follower.labeled:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff04;border-color:#ffffff70;width:53px;height:53px}.has-webgl .mouse-follower>span{color:#fff;letter-spacing:.07em;font-size:8px}.has-webgl .mouse-follower.dragging:before{background:0 0;border-color:#ffffffb0;width:66px;height:66px}.mobile-stage-ui{z-index:4;pointer-events:none;transition:opacity .45s;position:fixed;inset:0}.mobile-pagination{pointer-events:auto;width:calc(100% - 60px);max-width:360px;display:flex;position:absolute;bottom:89px;left:50%;transform:translate(-50%)}.mobile-pagination button{flex:1;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:0 4px;display:flex}.mobile-pagination button>span{background:#ffffff32;border-radius:3px;width:100%;height:2px;transition:background .45s,transform .45s,box-shadow .45s;display:block}.mobile-pagination button.active>span{background:var(--active-color);box-shadow:0 0 12px color-mix(in srgb, var(--active-color), transparent 45%);transform:scaleY(1.5)}.mobile-scroll-hint{font-variant-numeric:tabular-nums;color:#888991;letter-spacing:.06em;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:78px;left:34px;right:34px}.mobile-scroll-hint>span{color:#666874;letter-spacing:.1em;font-size:7px}.has-panel .mobile-stage-ui{opacity:0;pointer-events:none}.has-panel .mobile-pagination{pointer-events:none}@media (width<=767px){.has-webgl .profile-content{letter-spacing:-.015em;width:73vw;max-width:330px;padding:0;font-size:14px;line-height:1.5}.has-webgl .profile-eyebrow{letter-spacing:.07em;margin-bottom:21px;font-size:7px}.has-webgl .profile-content .profile-specialties{letter-spacing:.015em;max-width:240px;margin-top:21px;margin-left:auto;margin-right:auto;font-size:7px;line-height:1.8}.has-webgl .profile-socials{gap:18px;margin-top:14px;font-size:9px}.has-webgl .profile-socials a{min-height:44px}.has-webgl .profile-content .profile-links{gap:26px;margin-top:2px;font-size:8px}.has-webgl .profile-links button{min-height:35px}.is-mobile .project-hit{touch-action:pan-y pinch-zoom;border-radius:22px}.has-webgl .site-header:before,.has-webgl .site-footer:before{height:75px}}@media (height<=700px) and (width<=767px){.mobile-kicker{top:72px}.mobile-pagination{bottom:72px}.mobile-scroll-hint{bottom:61px}.has-webgl .profile-content{font-size:12px;line-height:1.4}.has-webgl .profile-eyebrow{margin-bottom:12px}.has-webgl .profile-content .profile-specialties{margin-top:13px}.has-webgl .profile-socials{margin-top:7px}}:root{--font-primary:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--paper:#f8f5ef;font-family:var(--font-primary);color:#f3f3f1;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gutter:5.35vw;--edge:5.2vh;--ease:cubic-bezier(.22, 1, .36, 1);background:#000;font-weight:400}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}html,body,#app{width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:6px;outline:1px solid #fff}button{touch-action:manipulation}::selection{color:#fff;background:#181815}.portfolio{isolation:isolate;width:100%;height:100%}.scene{z-index:-1;opacity:0;width:100%;height:100%;transition:opacity 1.6s var(--ease);position:fixed;inset:0}.is-ready .scene{opacity:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.intro{z-index:90;letter-spacing:.02em;text-transform:uppercase;transition:opacity .75s var(--ease), visibility .75s;background:#000;justify-content:center;align-items:center;gap:24px;font-size:11px;display:flex;position:fixed;inset:0}.intro-line{transform-origin:0;width:75px;height:1px;animation:load-line 1s var(--ease) both;background:#777}.is-ready .intro{opacity:0;visibility:hidden;pointer-events:none}@keyframes load-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.site-header,.site-footer{left:var(--gutter);right:var(--gutter);z-index:20;pointer-events:none;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(10px,.7vw,13px);font-weight:500;line-height:1;display:flex;position:fixed}.site-header{top:var(--edge)}.site-footer{bottom:var(--edge)}.site-header>a,.site-header>button,.site-footer>button,.site-footer>nav{pointer-events:auto}.nav-link{text-transform:uppercase;white-space:nowrap;padding:8px 0;line-height:1.1;transition:color .3s,opacity .3s;display:inline-block;position:relative}.nav-link:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:3px;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.rolling-label{display:block;overflow:hidden}.rolling-label>span{animation:roll-in .5s var(--ease);display:block}@keyframes roll-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}.site-footer nav{align-items:center;gap:6px;display:flex}.muted{color:#666}.nav-slash{color:#8d8d8d}.gallery-caption{pointer-events:none;flex-direction:column;align-items:center;gap:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gallery-counter{font-variant-numeric:tabular-nums;color:#aaa;font-size:9px}.gallery-counter>span{color:#444}.gallery-instruction{letter-spacing:.08em;color:#555;font-size:8px}.project-hits{z-index:1;pointer-events:none;position:fixed;inset:0}.project-hit{pointer-events:auto;will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border-radius:24px;position:absolute;top:0;left:0}.project-hit:focus-visible{outline-offset:-10px;outline:1px solid #fff}.is-dragging,.is-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.mouse-follower{z-index:100;pointer-events:none;opacity:0;mix-blend-mode:difference;will-change:transform;transition:opacity .2s;position:fixed;top:0;left:0}.mouse-follower:before{content:"";width:7px;height:7px;transition:width .4s var(--ease), height .4s var(--ease);background:#fff;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.mouse-follower.visible{opacity:1}.mouse-follower.labeled:before,.mouse-follower.dragging:before{width:72px;height:72px}.mouse-follower>span{font-family:var(--font-primary);letter-spacing:.025em;color:#000;mix-blend-mode:normal;font-size:10px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.mouse-follower.labeled,.mouse-follower.dragging{mix-blend-mode:normal}.mouse-follower.dragging:before{background:0 0;border:1px solid #fff}.mouse-follower.dragging>span{color:#fff}.mobile-gallery{scrollbar-width:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow:hidden auto}.mobile-gallery::-webkit-scrollbar{display:none}.case-study::-webkit-scrollbar{display:none}.mobile-track{padding:90px 20px}.mobile-cycle{flex-direction:column;gap:20px;padding-bottom:20px;display:flex}.color-card{aspect-ratio:1.5;background:var(--cover);width:100%;color:var(--ink);text-align:left;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:18px;display:flex;position:relative;overflow:hidden}.cover-top{letter-spacing:.02em;opacity:.7;justify-content:space-between;gap:20px;font-size:8px;display:flex}.cover-phrase{font-family:var(--font-primary);letter-spacing:-.035em;max-width:80%;font-size:clamp(33px,8vw,66px);font-style:italic;font-weight:400;line-height:.95}.cover-bottom{color:#fff;letter-spacing:-.035em;justify-content:space-between;align-items:center;font-size:18px;display:flex}.round-arrow{color:#fff;width:25px;height:25px;font-family:var(--font-primary);background:#111;border-radius:50%;place-items:center;font-size:14px;display:grid}.fallback-gallery{scroll-snap-type:x mandatory;align-items:center;gap:18px;padding:0 28vw;display:flex;position:fixed;inset:0;overflow-x:auto}.fallback-gallery .color-card{scroll-snap-align:center;width:43vw}.fallback-gallery .cover-phrase{font-size:5vw}.project-index{z-index:2;padding:100px var(--gutter);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:36px;display:flex;position:fixed;inset:0}.index-inner{text-align:center;letter-spacing:-.055em;max-width:1040px;font-size:clamp(24px,2.55vw,44px);line-height:1.65}.index-inner a{white-space:nowrap;transition:color .25s;position:relative}.index-inner a:hover{color:var(--preview-color)}.index-inner sup{letter-spacing:0;opacity:.45;vertical-align:super;margin-left:5px;font-size:9px}.index-dot{color:#777;margin:0 .22em}.index-caption{color:#555;text-align:center;letter-spacing:.015em;font-size:10px}.index-enter-active,.index-leave-active{transition:opacity .65s var(--ease), clip-path .9s var(--ease)}.index-enter-from{opacity:0;clip-path:ellipse(0% 0%)}.index-enter-to,.index-leave-from{clip-path:ellipse(90% 100%)}.index-leave-to{opacity:0;clip-path:ellipse(0% 0%)}.profile-panel{z-index:10;pointer-events:none;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-content{text-align:center;letter-spacing:-.025em;pointer-events:auto;width:min(31vw,560px);font-size:clamp(13px,.95vw,19px);line-height:1.45;position:relative}.profile-content>p{margin:0}.profile-specialties{color:#969696;letter-spacing:0;margin-top:36px;font-size:clamp(8px,.62vw,12px);display:block}.profile-links{letter-spacing:0;justify-content:center;gap:26px;margin-top:32px;font-size:clamp(9px,.68vw,13px);display:flex}.profile-links button{line-height:1.8;position:relative}.profile-links button:hover{color:#171715}.sr-only-focusable:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sr-only-focusable:focus{margin:20px auto;display:block}.panel-enter-active,.panel-leave-active{transition:opacity .6s var(--ease), transform .8s var(--ease)}.panel-enter-active .profile-content{transition:opacity .65s .2s var(--ease), transform .8s .15s var(--ease)}.panel-enter-from .profile-content{opacity:0;transform:translateY(25px)scale(.95)}.panel-leave-to{opacity:0}.contact-panel{z-index:15;outline:none;place-items:center;display:grid;position:fixed;inset:0}.contact-backdrop{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;width:100%;height:100%;position:absolute;inset:0}.contact-content{text-align:center;padding:90px 24px;position:relative}.eyebrow{letter-spacing:.025em;color:#888;font-size:10px}.contact-content h2{letter-spacing:-.065em;margin:30px 0 40px;font-size:clamp(40px,5.5vw,90px);font-weight:400;line-height:1.02}.contact-content em{font-family:var(--font-primary);letter-spacing:-.06em;color:#171715;font-weight:400}.email-link{letter-spacing:-.03em;width:max-content;max-width:100%;margin:0 auto 20px;font-size:clamp(18px,2vw,29px);display:block}.copy-email{letter-spacing:.04em;color:#888;min-height:30px;font-size:9px}.copy-email:hover{color:#fff}.contact-content p{color:#777;margin-top:45px;font-size:12px;line-height:1.5}.panel-enter-from .contact-content{opacity:0;transform:translateY(30px)}.contact-content{transition:transform .8s var(--ease), opacity .7s var(--ease)}.case-study{z-index:5;scrollbar-width:none;overscroll-behavior:contain;background:#050505;position:fixed;inset:0;overflow-y:auto}.case-progress{z-index:30;transform-origin:0;background:#fff;height:2px;position:fixed;top:0;left:0;right:0}.case-hero{min-height:100svh;padding:17vh var(--gutter) 8vh;background:var(--case-color);color:var(--case-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.on-case{mix-blend-mode:difference;color:#fff}.case-back{width:max-content;font-size:10px}.case-hero-label{letter-spacing:.02em;justify-content:space-between;align-items:center;margin-top:12vh;font-size:10px;display:flex}.case-hero h2{letter-spacing:-.075em;max-width:90%;margin:35px 0 22px;font-size:clamp(75px,12.5vw,210px);font-weight:400;line-height:.9}.case-hero-phrase{font-family:var(--font-primary);letter-spacing:-.045em;align-self:flex-end;margin-top:3vh;font-size:clamp(30px,4vw,68px);font-style:italic}.case-scroll-label{letter-spacing:.04em;justify-content:space-between;margin-top:auto;padding-top:80px;font-size:9px;display:flex}.case-scroll-label>span{font-size:20px;animation:1.8s ease-in-out infinite float-down}@keyframes float-down{50%{transform:translateY(6px)}}.case-description{padding:140px var(--gutter);grid-template-columns:1fr 2fr;gap:60px 10vw;display:grid}.case-description p{letter-spacing:-.045em;margin:0;font-size:clamp(23px,2.6vw,44px);line-height:1.3}.case-facts{color:#777;grid-column:2;gap:50px;font-size:9px;line-height:1.8;display:flex}.case-facts strong{color:#ddd;margin-top:12px;font-size:12px;font-weight:400;display:inline-block}.case-visuals{grid-template-columns:1fr 1fr;gap:20px;padding:0 20px 100px;display:grid}.case-visual{background:var(--case-color);min-height:40vw;color:var(--case-ink);border-radius:10px;justify-content:center;align-items:center;padding:35px;display:flex;position:relative;overflow:hidden}.case-visual>span:first-child{letter-spacing:.02em;font-size:9px;position:absolute;top:32px;left:32px}.case-visual em{font-family:var(--font-primary);letter-spacing:-.05em;font-size:clamp(40px,7vw,120px);font-weight:400;line-height:.95}.visual-wide{grid-column:1/-1;min-height:58vw}.visual-light{background:color-mix(in srgb, var(--case-color), #fff 58%)}.visual-dark{background:color-mix(in srgb, var(--case-color), #000 67%);color:#eee}.visual-orbit{aspect-ratio:1;border:1px solid var(--case-color);border-radius:50%;width:55%;animation:16s linear infinite orbit;position:relative}.visual-orbit:before,.visual-orbit:after{content:"";border:1px solid var(--case-color);border-radius:50%;position:absolute;inset:-12%;transform:rotateY(60deg)}.visual-orbit:after{transform:rotateY(-60deg)}@keyframes orbit{to{transform:rotate(360deg)}}.next-project{width:100%;padding:120px var(--gutter) 150px;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:35px;transition:background .6s,color .6s;display:flex}.next-project>span:last-child{letter-spacing:-.06em;font-size:clamp(38px,7vw,120px);line-height:1}.next-project i{transition:transform .5s var(--ease);font-size:.65em;font-style:normal;display:inline-block}.next-project:hover{background:var(--next-color);color:#151515}.next-project:hover i{transform:translate(10px,-10px)}.case-enter-active{transition:clip-path 1s var(--ease), opacity .6s var(--ease)}.case-leave-active{transition:opacity .5s var(--ease), transform .7s var(--ease)}.case-enter-from{clip-path:inset(18% 24% round 22px);opacity:0}.case-enter-to{clip-path:inset(0)}.case-leave-to{opacity:0;transform:scale(.94)}@media (hover:hover) and (pointer:fine){.project-hit{cursor:none}.mouse-follower:not(.labeled):before{width:6px;height:6px}}@media (width>=768px) and (aspect-ratio<=1){.profile-content{width:53vw}.fallback-gallery .color-card{width:65vw}.gallery-instruction{display:none}}@media (width<=767px){:root{--gutter:30px;--edge:25px}.site-header,.site-footer{font-size:10px}.site-header{top:max(20px, env(safe-area-inset-top))}.site-footer{bottom:max(20px, env(safe-area-inset-bottom))}.site-header:before,.site-footer:before{content:"";z-index:-1;pointer-events:none;height:92px;position:fixed;left:0;right:0}.site-header:before{background:linear-gradient(#000 20%,#0000);top:0}.site-footer:before{background:linear-gradient(#0000,#000 80%);bottom:0}.site-header.on-case:before{display:none}.intro{flex-direction:column;gap:20px;font-size:10px}.intro-line{width:45px}.mouse-follower{display:none}.project-index{gap:30px;padding:100px 30px;overflow-y:auto}.index-inner{letter-spacing:-.045em;max-width:500px;font-size:30px;line-height:1.6}.index-inner sup{font-size:8px}.index-dot{margin:0 .15em}.index-caption{max-width:220px;font-size:9px;line-height:1.6}.profile-panel.css-portal{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000c2;overflow:hidden}.profile-content{width:74vw;max-width:410px;padding:20px 0;font-size:14px;line-height:1.5}.profile-specialties{margin-top:30px;font-size:8px;line-height:1.8}.profile-links{margin-top:25px;font-size:10px}.mobile-portal{aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#080b10 0deg,#9ba6a9 3deg,#e1e9e3 5deg,#63584d 7deg,#9bacb1 9deg,#101216 12deg,#c8cfd0 17deg,#c4a190 19deg,#222 24deg);border-radius:50%;width:132vw;animation:12s ease-in-out infinite portal-wobble;position:absolute;box-shadow:0 0 0 1px #6c7e83,inset 0 0 5px 2px #dbf6f3,0 0 30px #000}.mobile-portal:after{content:"";background:#000;border-radius:50%;position:absolute;inset:18px;box-shadow:0 0 6px 4px #0b1011,inset 0 0 4px #bed2d3}.css-portal .profile-content{z-index:1}.contact-content h2{font-size:48px}.contact-content .eyebrow{font-size:9px}.contact-content p{margin-top:35px}.case-hero{min-height:100svh;padding:125px 25px 35px}.case-hero-label{margin-top:17vh;font-size:8px}.case-hero h2{max-width:100%;margin:35px 0 25px;font-size:22vw}.case-hero-phrase{align-self:flex-start;margin-top:4vh;font-size:10vw}.case-back{font-size:9px}.case-description{flex-direction:column;gap:30px;padding:80px 25px;display:flex}.case-description p{font-size:27px}.case-facts{flex-wrap:wrap;gap:25px;margin-top:15px;display:flex}.case-facts strong{font-size:11px}.case-visuals{grid-template-columns:1fr;gap:12px;padding:0 12px 50px}.case-visual{border-radius:6px;grid-column:1;min-height:115vw;padding:24px}.case-visual>span:first-child{font-size:8px;top:22px;left:22px}.case-visual em{font-size:16vw}.visual-wide{min-height:100vw}.visual-dark{min-height:95vw}.next-project{gap:25px;padding:80px 25px 110px}.next-project>span:last-child{font-size:12vw}.case-enter-from{clip-path:inset(10% 5% round 16px)}.site-header.on-case{mix-blend-mode:difference}.panel-enter-active .profile-content{transition-delay:.1s}}@keyframes portal-wobble{0%,to{transform:rotate(-8deg)scaleY(1.08)}50%{transform:rotate(7deg)scaleX(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mouse-follower{display:none}}.has-panel .project-index,.has-panel .case-study{opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}@media (width<=767px){.is-mobile .site-header{top:max(12px, env(safe-area-inset-top));min-height:44px;font-size:11px;left:26px;right:26px}.is-mobile .site-footer{bottom:max(12px, env(safe-area-inset-bottom));min-height:44px;font-size:11px;left:26px;right:26px}.is-mobile .site-header .nav-link,.is-mobile .site-footer .nav-link{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.is-mobile .site-footer nav{gap:4px}}.razko{background:var(--paper)}.scroll-driver.lenis.lenis-stopped{overflow:hidden}.razko .wordmark{letter-spacing:-.075em;text-transform:none;transform-origin:0 0;will-change:transform;padding:0;font-size:24px;font-weight:600;line-height:1}.razko .wordmark:after{display:none}.brand-anchor{visibility:hidden}.header-actions{pointer-events:auto;align-items:center;gap:clamp(16px,2.4vw,36px);display:flex}.header-actions .nav-link{font-size:inherit}.profile-disabled{opacity:.25;cursor:default}.profile-disabled:after{display:none}.footer-mark{color:#5c5953;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:9px}.razko .site-footer{font-size:10px}.razko .site-header:before,.razko .site-footer:before{display:none}.company-intro{background:var(--paper);z-index:0;position:fixed;inset:0;overflow:hidden}.company-intro:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(var(--story-bg,var(--paper)), transparent 100px, transparent calc(100% - 90px), var(--story-bg,var(--paper)));position:absolute;inset:0}.company-flow{will-change:transform;position:relative}.company-hero{height:100svh;min-height:460px;position:relative}.letter-interaction{cursor:crosshair;border-radius:50%;width:min(48%,55svh);height:56%;position:absolute;top:21%;left:50%;transform:translate(-50%)}.letter-interaction:focus-visible{outline-offset:8px;outline:1px dashed #171715}.hero-baseline{bottom:13%;left:var(--gutter);right:var(--gutter);color:#5c5953;justify-content:space-between;align-items:center;display:flex;position:absolute}.hero-baseline>span{letter-spacing:-.075em;color:#171715;font-size:clamp(62px,8.5vw,140px);font-weight:450;line-height:1}.hero-baseline button{color:#5c5953;border:1px solid #24221e55;border-radius:50%;width:48px;height:48px;font-size:19px;transition:border-color .25s,color .25s}.hero-baseline button:hover{color:#171715;border-color:#171715}.symbol-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:fixed;inset:0}.company-story{padding:8vh var(--gutter) 0;grid-template-columns:1fr 1fr;gap:clamp(100px,19vh,210px) 8vw;display:grid}.story-block{min-width:0;position:relative}.story-number{font:12px/1 var(--font-primary);letter-spacing:.06em;color:#5c5953;margin-bottom:30px;display:block}.reading-copy{letter-spacing:normal;margin:0;font-size:clamp(26px,2.55vw,42px);font-weight:400;line-height:1.42}.read-word{white-space:nowrap;letter-spacing:normal;display:inline-block}.read-char{letter-spacing:normal;--fill:0%;color:#0000;background:linear-gradient(90deg, #050505 0%, #050505 var(--fill), #61605c var(--fill), #61605c 100%);-webkit-background-clip:text;background-clip:text;display:inline-block}.story-block-0{grid-column:1/-1;max-width:1180px;padding-bottom:4vh}.story-block-0 .reading-copy,.story-block-1 .reading-copy{letter-spacing:normal;font-size:clamp(38px,4.8vw,76px);line-height:1.28}.story-block-0 .story-number{margin-bottom:34px}.story-block-1{grid-column:1/-1;max-width:1180px}.story-block-1 .reading-copy+.reading-copy{margin-top:.85em}.story-block-2{grid-column:1;max-width:530px}.story-block-3{border-top:1px solid #24221e28;border-bottom:1px solid #ffffff16;grid-column:1/-1;padding:8vh 0}.story-block-3 .reading-copy{max-width:1120px;font-size:clamp(32px,3.65vw,58px);line-height:1.25}.story-block-4,.story-block-5{align-self:start}.story-block-4{grid-column:1/-1;max-width:680px}.story-block-5{grid-column:2}.gallery-approach{color:#171715;justify-content:center;align-items:center;height:65vh;font-size:28px;display:flex}.gallery-stage{z-index:3;pointer-events:none;position:fixed;inset:0}.gallery-stage:before{content:"";background:var(--paper);opacity:var(--scene-wash,0);pointer-events:none;position:absolute;inset:0}.gallery-stage .scene{z-index:0;opacity:1;transition:none}.gallery-stage[inert] .project-hit,.gallery-stage[inert] .mobile-pagination{pointer-events:none}.html-project-stage{background:#000;place-items:center;display:grid;position:absolute;inset:0}.html-project-stage .color-card{--slot-width:min(60vw, 125vh);width:min(calc(var(--slot-width) * .9), calc(var(--slot-width) / 2.55 * var(--cover-aspect)));aspect-ratio:var(--cover-aspect);color:#fff;pointer-events:auto;grid-area:1/1}.cover-fade-enter-active,.cover-fade-leave-active{transition:opacity .35s}.cover-fade-leave-active{pointer-events:none}.cover-fade-enter-from,.cover-fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.cover-fade-enter-active,.cover-fade-leave-active{transition:none}}.razko .mouse-follower>span{font-size:7px}.razko .contact-panel,.razko .contact-content h2{color:var(--paper)}@media (width>=768px){.story-block-2{margin-top:-8vh}}@media (width<=767px){.razko{--gutter:26px}.razko .wordmark{font-size:25px}.company-hero{min-height:420px}.letter-interaction{width:82%;height:55%}.hero-baseline{bottom:15%}.hero-baseline>span{font-size:clamp(66px,17vw,100px)}.company-story{grid-template-columns:1fr;row-gap:90px;padding-top:5vh}.story-block{grid-column:1;margin-top:0}.story-number{margin-bottom:25px;font-size:9px}.reading-copy{letter-spacing:normal;font-size:clamp(25px,6.4vw,33px);line-height:1.48}.story-block-0 .reading-copy,.story-block-1 .reading-copy{font-size:clamp(34px,9vw,46px);line-height:1.3}.story-block-0{padding-bottom:10px}.story-block-3{padding:55px 0}.story-block-3 .reading-copy{font-size:clamp(30px,7.8vw,38px);line-height:1.27}.gallery-approach{height:55vh}.html-project-stage .color-card{--slot-width:calc(100vw - 32px);width:min(calc(var(--slot-width) * .96), calc(var(--slot-width) / 2.1 * var(--cover-aspect)))}.razko .site-footer .nav-link{font-size:10px}.razko.in-gallery .footer-mark{visibility:hidden}}@media (height<=500px) and (orientation:landscape){.company-hero{min-height:100svh}.hero-baseline{bottom:15%}.hero-baseline>span{font-size:38px}}@media (prefers-reduced-motion:reduce){.read-char{opacity:1!important}}.razko{color:#151513}.company-intro:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#423b3008 3px 4px),linear-gradient(#49413109 1px,#0000 1px),linear-gradient(90deg,#49413109 1px,#0000 1px);background-size:auto,64px 64px,64px 64px;position:absolute;inset:0}.razko .site-header,.razko .site-footer{color:#151513;mix-blend-mode:normal}.razko .site-header.on-contact{color:var(--paper)}.razko .footer-mark{color:inherit}.razko .hero-baseline>span{font-weight:600}.razko .nav-link:focus-visible,.hero-baseline button:focus-visible{outline-color:currentColor}