@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/c20989d0ca19588a-s.27o4gizbvqutg.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/d15d098cb9f8a9a8-s.2htx65doj24w-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/8fe4c34884868de9-s.p.3a61lpijapf4p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_e76b969e-module__rLU37a__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_e76b969e-module__rLU37a__variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.1zpt8rrvsu92z.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.0mxk1tgo-hrwu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.1akpt5k8ff_pw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.2rlmbw0a3_pri.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.hanken_grotesk_24c6a3e4-module__dWcE-G__className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.hanken_grotesk_24c6a3e4-module__dWcE-G__variable{--font-hanken:"Hanken Grotesk", "Hanken Grotesk Fallback"}
:root{--paper-0:#fff;--paper-50:#fafaf8;--paper-100:#f3f2ef;--paper-200:#e9e8e4;--graphite-900:#151513;--graphite-700:#34332f;--graphite-500:#5c5a55;--void-1000:#121110;--void-900:#0d0c0b;--void-800:#1b1a17;--void-700:#25231f;--bone-100:#efe9df;--bone-400:#a39c90;--bone-500:#7d776d;--mint-400:#7bd6b7;--mint-300:#a6e6cf;--mint-600:#2e9977;--mint-800:#19684f;--c-bg:var(--paper-50);--c-bg-raised:var(--paper-0);--c-bg-sunk:var(--paper-100);--c-fg:var(--graphite-900);--c-fg-muted:var(--graphite-500);--c-line:#1515131a;--c-line-strong:#15151333;--c-accent:var(--mint-800);--c-accent-fill:var(--mint-400);--c-accent-fg:var(--graphite-900);--c-invert-bg:var(--graphite-900);--c-invert-fg:var(--paper-50);--c-stage:var(--paper-50);--shadow-raised:0 1px 2px #1515130d, 0 18px 40px -24px #15151338;--shadow-float:0 40px 80px -40px #15151359;--font-display:var(--font-bricolage), "Bricolage Grotesque", system-ui, sans-serif;--font-body:var(--font-hanken), "Hanken Grotesk", system-ui, sans-serif;--font-mono:var(--font-hanken), "Hanken Grotesk", system-ui, sans-serif;--fs-display:clamp(2.9rem, 12.6vw, 7.5rem);--fs-h2:clamp(2.1rem, 8.6vw, 4.9rem);--fs-h3:clamp(1.35rem, 5.2vw, 1.875rem);--fs-lead:clamp(1.0625rem, 4.3vw, 1.3125rem);--fs-body:1rem;--fs-small:.875rem;--fs-label:.75rem;--display-wdth:88;--display-wght:500;--gutter:20px;--section-y:clamp(6rem, 24vw, 11rem);--max-w:1320px;--r-card:22px;--r-inner:16px;--r-field:12px;--r-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1);--dur-fast:.18s;--dur-base:.32s;--dur-theme:.7s;--z-sheet:1;--z-nav:40;--z-menu:60;--z-experience:80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tone-studio,:root[data-mode="3d"]{--c-bg:var(--void-1000);--c-bg-raised:var(--void-800);--c-bg-sunk:var(--void-900);--c-fg:var(--bone-100);--c-fg-muted:var(--bone-400);--c-line:#efe9df1a;--c-line-strong:#efe9df33;--c-accent:var(--mint-400);--c-accent-fill:var(--mint-400);--c-accent-fg:var(--void-1000);--c-invert-bg:var(--bone-100);--c-invert-fg:var(--void-1000);--shadow-raised:0 1px 0 #ffffff0f inset, 0 30px 60px -30px #000000e6;--shadow-float:0 50px 100px -40px #000000f2;color:var(--c-fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode="3d"]{--c-stage:var(--void-1000)}@media (min-width:768px){:root{--gutter:40px}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--c-stage);transition:background-color var(--dur-theme) var(--ease-inout);overflow-x:clip}body{background:var(--c-stage);min-height:100dvh;color:var(--c-fg);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;font-feature-settings:"kern", "liga", "calt";overscroll-behavior-y:none;transition:background-color var(--dur-theme) var(--ease-inout), color var(--dur-theme) var(--ease-inout);margin:0;line-height:1.55}img,svg,canvas{max-width:100%;display:block}p{text-wrap:pretty;hanging-punctuation:first}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--c-accent-fill);color:var(--c-accent-fg)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:6px}[id]{scroll-margin-top:92px}.container{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);margin-inline:auto}.display{font-family:var(--font-display);font-weight:var(--display-wght);font-variation-settings:"wdth" var(--display-wdth);letter-spacing:-.034em;word-spacing:.02em;text-wrap:balance;transition:font-variation-settings .9s var(--ease-inout), font-weight .9s var(--ease-inout), letter-spacing .9s var(--ease-inout);line-height:.95}.label{font-family:var(--font-body);font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--c-fg-muted);font-weight:600}.muted{color:var(--c-fg-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--r-pill);background:var(--c-invert-bg);color:var(--c-invert-fg);transition:transform var(--dur-base) var(--ease-out);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}@property --lit{syntax:"<percentage>";inherits:false;initial-value:130%}:root[data-js] .display[data-reveal]{opacity:0;transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:calc(var(--reveal-i,0) * 70ms);transform:translateY(28px)}:root[data-js] .display[data-reveal].is-in{opacity:1;transform:none}:root[data-js] [data-reveal]:not(.display):not(.is-in){transform:translateY(16px);-webkit-mask-image:linear-gradient(#000 0%,#0000 0%);mask-image:linear-gradient(#000 0%,#0000 0%)}:root[data-js] [data-reveal]:not(.display).is-in:not(.is-lit){-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--lit) - 30%), transparent var(--lit));-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--lit) - 30%), transparent var(--lit));mask-image:linear-gradient(180deg, #000 calc(var(--lit) - 30%), transparent var(--lit));animation:lit 1.4s var(--ease-out) backwards;animation-delay:calc(var(--reveal-i,0) * 90ms)}:root[data-js] .is-instant{transition:none!important;animation:none!important}@keyframes lit{0%{--lit:0%;transform:translateY(16px)}to{--lit:130%;transform:none}}:root[data-js] .label{transition:opacity .8s var(--ease-out), letter-spacing 1.3s var(--ease-out)}:root[data-js] .label:not(.is-in){opacity:0;letter-spacing:.48em}:root[data-js] h3:not(.display){transition:clip-path .9s var(--ease-out), transform .9s var(--ease-out);transition-delay:.12s}:root[data-js] h3:not(.display):not(.is-in){clip-path:inset(0 0 100%);transform:translateY(.5em)}:root[data-js] h3:not(.display).is-in{clip-path:inset(-.2em -.2em -.3em)}.roll{vertical-align:top;line-height:1.3;display:inline-block;overflow:hidden}.roll-in{transition:transform .52s var(--ease-spring);display:block;position:relative}.roll-in:after{content:attr(data-text);position:absolute;top:100%;left:0}@media (hover:hover){:is(a,button):hover .roll-in{transform:translateY(-100%)}}:where(footer,[aria-label=Sections],[aria-label=Footer]) a,.draw-link{background:linear-gradient(var(--c-accent), var(--c-accent)) 0 100% / 0% 1.5px no-repeat;transition:background-size .55s var(--ease-out)}@media (hover:hover){:where(footer,[aria-label=Sections],[aria-label=Footer]) a:hover,.draw-link:hover{background-size:100% 1.5px}}@media (hover:hover) and (pointer:fine){:root[data-js] .display[data-reveal]{filter:blur(8px);transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out), filter 1s var(--ease-out), font-variation-settings .9s var(--ease-inout), font-weight .9s var(--ease-inout), letter-spacing .9s var(--ease-inout)}:root[data-js] .display[data-reveal].is-in{filter:none}}.kw{display:inline-block}[data-kinetic] .kw{transform-origin:50% 100%;will-change:transform, opacity}:root[data-js] [data-magnetic]{isolation:isolate;transform:perspective(520px) translate3d(var(--mx,0px), var(--my,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--press,1));transition:transform .5s var(--ease-spring), box-shadow var(--dur-base) var(--ease-out), background-color var(--dur-theme) var(--ease-inout), color var(--dur-theme) var(--ease-inout);position:relative;overflow:hidden}:root[data-js] [data-magnetic]:active{--press:.96}:root[data-js] [data-magnetic-well]{transform:translate3d(calc(var(--mx,0px) * .6), calc(var(--my,0px) * .6), 0);transition:transform .5s var(--ease-spring)}@media (prefers-reduced-motion:no-preference){:root[data-js] [data-magnetic]:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#a6e6cf52 50%,#0000 70%);transition:transform;position:absolute;inset:0;transform:translate(-120%)}:root[data-js] [data-magnetic]:is(:hover,:focus-visible,:active):after{transition:transform .9s var(--ease-out);transform:translate(120%)}:root[data-js] [data-magnetic]:is(:hover,:focus-visible){box-shadow:0 0 0 1px #7bd6b78c,0 18px 40px -18px #7bd6b78c}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}:root[data-js] [data-reveal],:root[data-js] .display[data-reveal]{opacity:1;filter:none;transform:none;animation:none!important;-webkit-mask-image:none!important;mask-image:none!important}:root[data-js] .label,:root[data-js] h3{opacity:1!important;clip-path:none!important;transform:none!important}:root[data-js] .label:not(.is-in){letter-spacing:.16em}.roll-in{transform:none!important}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(.sheet-in){z-index:1}::view-transition-group(.sheet-back-out){z-index:1}::view-transition-group(.sheet-out){z-index:0}::view-transition-group(.sheet-back-in){z-index:0}::view-transition-old(.sheet-out){animation:sheet-lift .52s var(--ease-inout) both}::view-transition-new(.sheet-in){animation:sheet-arrive .76s var(--ease-out) 80ms both}::view-transition-old(.sheet-back-out){animation:sheet-drop .52s var(--ease-inout) both}::view-transition-new(.sheet-back-in){animation:sheet-return .68s var(--ease-out) 60ms both}::view-transition-group(.morph){z-index:2;animation-duration:.76s;animation-timing-function:var(--ease-out)}::view-transition-image-pair(.morph){animation:morph-soften .76s var(--ease-out)}@keyframes sheet-lift{to{opacity:.25;filter:brightness(.8);transform:translateY(-6%)scale(.96)}}@keyframes sheet-arrive{0%{transform:translateY(100%);box-shadow:0 -40px 80px #15151340}to{transform:none;box-shadow:0 -40px 80px #15151300}}@keyframes sheet-drop{to{transform:translateY(100%)}}@keyframes sheet-return{0%{opacity:.25;transform:translateY(-6%)scale(.96)}}@keyframes morph-soften{35%{filter:blur(2px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root[data-transforming],:root[data-transforming] body{background:var(--void-1000);overflow-anchor:none;scroll-behavior:auto}:root[data-transforming] *,:root[data-transforming] :before,:root[data-transforming] :after{transition:none!important}:root[data-transforming] #sheet{background:var(--c-bg)}.mode-veil,.mode-beam{z-index:calc(var(--z-nav) - 1);pointer-events:none;opacity:0;position:fixed;inset:0}.mode-veil{background:var(--void-1000)}.mode-veil[data-tone=light]{background:var(--paper-50)}.mode-beam{mix-blend-mode:screen;background:radial-gradient(34% 80% at 50% -14%,#ffecd280,#ffe2bd24 52%,#0000 74%),radial-gradient(70% 28% at 50% 104%,#7bd6b71a,#0000 70%)}:root[data-scan]::view-transition-old(root){mix-blend-mode:normal}:root[data-scan]::view-transition-new(root){mix-blend-mode:normal}:root[data-scan]::view-transition-new(root){-webkit-mask-image:linear-gradient(#0000 48%,#000 52%);mask-image:linear-gradient(#0000 48%,#000 52%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 220%;mask-size:100% 220%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mode-scan{z-index:calc(var(--z-nav) + 2);pointer-events:none;transform-origin:50% 0;background:radial-gradient(42% 22% at 50% 0,#ffffff80,#0000 100%),linear-gradient(#fffffff2,#d6fff0e6 2px,#7bd6b780 5px,#7bd6b733 14%,#7bd6b712 46%,#0000);width:100%;height:34vh;position:fixed;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}:root[data-transforming] #sheet,:root[data-transforming] #main{transform-style:preserve-3d}:root[data-transforming] #main>*,:root[data-transforming] #sheet>footer{background:var(--c-bg);backface-visibility:hidden}:where(section,footer):has(>.section-backdrop){isolation:isolate;position:relative}.section-backdrop{display:none}:root[data-mode="3d"] .section-backdrop{z-index:-1;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:backdrop-up 1.4s var(--ease-out) both;display:block;position:absolute;inset:0}:root[data-mode="3d"] .section-film{z-index:-1;object-fit:cover;pointer-events:none;width:100%;height:100%;animation:backdrop-up 1.8s var(--ease-out) both;position:absolute;inset:0}@keyframes backdrop-up{0%{opacity:0;transform:scale(1.06)}}:root[data-mode="3d"] picture.section-backdrop>img{object-fit:cover;object-position:var(--bg-pos,50% 50%);width:100%;height:100%;display:block}@media (max-aspect-ratio:4/5){:root[data-mode="3d"] picture.section-backdrop>img{object-position:50% 50%}}:root[data-mode="3d"] .display{text-shadow:0 1px #efe9df38,0 2px #efe9df24,0 3px #efe9df17,0 4px #12111099,0 22px 36px #0000008c}@media (prefers-reduced-motion:no-preference){:root[data-mode="3d"] .section-backdrop,:root[data-mode="3d"] .section-film{scale:1.14;translate:0 calc(var(--p,0) * -5%)}}:root[data-mode="3d"] :where(section,footer):has(>.section-backdrop,>.section-film){overflow:clip}main>section:not(:first-child),main>article>section~section,#sheet>footer{content-visibility:auto;contain-intrinsic-size:auto 1200px}html.lenis{scroll-behavior:auto!important}.cursor-aura{z-index:calc(var(--z-menu) + 5);pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.cursor-aura__ring{background:var(--mint-400);opacity:0;width:36px;height:36px;transition:transform .45s var(--ease-spring), opacity .25s var(--ease-out);border-radius:50%;position:absolute;top:-18px;left:-18px;transform:scale(.4);box-shadow:0 10px 30px -10px #00000059}.cursor-aura[data-on][data-state=label]:not([data-hidden]) .cursor-aura__ring{opacity:1;transform:scale(2.4)}.cursor-aura[data-press] .cursor-aura__ring{transform:scale(2.1)}.cursor-aura__label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--void-1000);opacity:0;transition:opacity .25s var(--ease-out), transform .45s var(--ease-spring);font-size:.75rem;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.6)}.cursor-aura[data-on][data-state=label]:not([data-hidden]) .cursor-aura__label{opacity:1;transform:translate(-50%,-50%)scale(1)}.scroll-progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.scroll-progress{z-index:calc(var(--z-nav) + 1);background:linear-gradient(90deg, var(--mint-600), var(--mint-400));transform-origin:0;pointer-events:none;height:2px;animation:linear both progress;animation-timeline:scroll(root);display:block;position:fixed;top:0;left:0;right:0}}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:root[data-phase=world] .scroll-progress,:root[data-phase=entering] .scroll-progress{display:none}:root[data-mode="3d"] body:after{content:"";z-index:calc(var(--z-nav) - 2);pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}