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}@font-face{font-family:Pretendard Variable;src:url(/assets/PretendardVariable-DqkGIZII.woff2)format("woff2");font-style:normal;font-weight:45 920;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-Light-CVGbaEQ-.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-Regular-Tx-akx-5.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-Medium-CEBCRrxS.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-SemiBold-B1Odwxx7.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-Bold-DLpP3abW.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-BoldItalic-fso4miux.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-ExtraBold-DVjP9nJK.woff2)format("woff2");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-Black-w4YwoOsD.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/BarlowSemiCondensed-BlackItalic-_Mp6GlfY.woff2)format("woff2");font-style:italic;font-weight:900;font-display:swap}@font-face{font-family:Oswald;src:url(/assets/Oswald-Regular-fWfG8e_f.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Oswald;src:url(/assets/Oswald-Medium-x_XLl5UF.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Oswald;src:url(/assets/Oswald-SemiBold-Xn0LTvZ7.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Oswald;src:url(/assets/Oswald-Bold-CMloygj8.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Gmarket Sans;src:url(/assets/GmarketSansTTFLight-Cg43XIte.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Gmarket Sans;src:url(/assets/GmarketSansTTFMedium-C11ZBZ5z.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Gmarket Sans;src:url(/assets/GmarketSansTTFBold-BdECtyAZ.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--deep-green:#285f35;--green:#328744;--yellow:#f6ca4d;--cream:#f9e199;--red:#d0413a;--white:#f2f2f2;--black:#3a3a3a;--bg:#f8f7ea;--card:#fff6d6;--ink:var(--black);--night:#000;--paper:var(--white);--title:"Barlow Semi Condensed", var(--sans);--sans:"Gmarket Sans", "Pretendard Variable", system-ui, sans-serif;--label:var(--sans);--px-fluid:calc(100vw / 1920);--px:var(--px-fluid);--gutter:calc(160 * var(--px));--content-w:calc(100vw - 2 * var(--gutter));--nav-top:max(14px, calc(32 * var(--px)));--intro-name-size:max(28px, min(calc(60 * var(--px-fluid)), 7.5vh));--intro-role-size:max(11px, calc(17 * var(--px-fluid)));--intro-portrait-top:max(56px, 9svh);--scroll-hint-w:max(24px, calc(32 * var(--px-fluid)));--scroll-hint-bottom:calc(40vh - var(--scroll-hint-w) * 64 / 24 - max(20px, calc(28 * var(--px-fluid))));--nav-item-h:max(30px, calc(46 * var(--px-fluid)));font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}@media (width>=403px) and (width<=1280px){:root{--intro-name-size:clamp(36px, 5vw, 48px)}}@media (width<=402px){:root{--px:1px;--gutter:5vw;--nav-item-h:clamp(30px, 11.2vw, 48px);--nav-bottom:max(10px, env(safe-area-inset-bottom));--status-h:max(env(safe-area-inset-top,0px), 47px);--stage-h:calc(100svh - var(--status-h));--nav-clear:calc(var(--nav-item-h) + 10px + var(--nav-bottom) + 12px)}}html,body{overscroll-behavior:none}html{scrollbar-width:thin;scrollbar-color:var(--yellow) #30312d}@supports selector(::-webkit-scrollbar){html{scrollbar-width:auto;scrollbar-color:auto}html::-webkit-scrollbar{width:14px}html::-webkit-scrollbar-track{background:#30312d}html::-webkit-scrollbar-thumb{background:var(--yellow);border:3px solid #30312d;border-radius:999px;min-height:56px}html::-webkit-scrollbar-thumb:hover{background:var(--cream)}html::-webkit-scrollbar-button{width:0;height:0;display:none}}body{background:var(--bg);margin:0}h1,p{margin:0}html.has-cursor-hint,html.has-cursor-hint *{cursor:none!important}html.has-cursor-hint :is(input,textarea,[contenteditable=true]){cursor:text!important}.cursor-hint{--size:max(72px, calc(92 * var(--px-fluid)));z-index:1000;pointer-events:none;color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-hint.is-visible{opacity:1}.cursor-hint.is-hidden{opacity:0}.cursor-hint__badge{width:var(--size);height:var(--size);transition:scale .25s cubic-bezier(.3,1.6,.5,1);display:block;overflow:visible;translate:-50% -50%}.cursor-hint.is-click .cursor-hint__badge{scale:1.12}.cursor-hint.is-pressed .cursor-hint__badge{scale:.9}.cursor-hint__ring{transform-origin:100px 100px;transition:opacity .18s;animation:14s linear infinite cursor-hint-spin}.cursor-hint.is-click .cursor-hint__ring{opacity:0;animation-play-state:paused}.cursor-hint__click-label{fill:currentColor;font:800 26px var(--label);letter-spacing:.02em;opacity:0;transition:opacity .18s}.cursor-hint.is-click .cursor-hint__click-label{opacity:1}.cursor-hint__text{font:800 27px var(--label);letter-spacing:.02em;fill:currentColor;opacity:0;transition:opacity .25s}.cursor-hint__text.is-active{opacity:1}.cursor-hint__icon{fill:none;stroke:currentColor;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-origin:100px 100px;transition:opacity .2s,scale .3s cubic-bezier(.3,1.6,.5,1);scale:.6}.cursor-hint__icon--click path:first-child{stroke-width:5px}.cursor-hint:not(.is-click,.is-contact) .cursor-hint__icon--scroll,.cursor-hint.is-contact:not(.is-click) .cursor-hint__icon--wave,.cursor-hint.is-click .cursor-hint__icon--click{opacity:1;scale:1}.cursor-hint__icon--scroll path{animation:1.6s ease-in-out infinite cursor-hint-nudge}.cursor-hint__icon--wave path{fill:currentColor;stroke:none}.cursor-hint__hand{transform-box:view-box;transform-origin:100px 142px;animation:1.4s ease-in-out infinite cursor-hint-wave}.cursor-hint__burst{stroke-width:5px;animation:1.2s ease-out infinite cursor-hint-burst}@keyframes cursor-hint-spin{to{rotate:360deg}}@keyframes cursor-hint-nudge{0%,to{translate:0 -4px}50%{translate:0 6px}}@keyframes cursor-hint-wave{0%,to{rotate:-14deg}50%{rotate:16deg}}@keyframes cursor-hint-burst{0%,30%{opacity:0}55%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor-hint__ring,.cursor-hint__icon--scroll path,.cursor-hint__hand,.cursor-hint__burst{animation:none}}@media not ((hover:hover) and (pointer:fine)){.cursor-hint{display:none}}.green-wash{--in:clamp(0, calc((var(--p,0) - .808) / .01), 1);--full:min(clamp(0, calc((var(--p,0) - .818) * 1000), 1), clamp(0, calc((.94 - var(--p,0)) * 1000), 1));--dark:min(clamp(0, calc((var(--p,0) - .818) / .01), 1), clamp(0, calc((.94 - var(--p,0)) / .01), 1));--out:max(var(--full), clamp(0, calc((var(--green-r,0) - .12) / .6), 1));clip-path:circle(calc(var(--green-r,0) * 100vh + var(--full) * 200vmax) at 50% 50%);opacity:min(var(--in), var(--out));background:#000}.red-wash{--dark:min(clamp(0, calc((var(--p,0) - .23) / .03), 1), clamp(0, calc((.53 - var(--p,0)) / .01), 1));--full:clamp(0, calc((.53 - var(--p,0)) * 1000), 1);--in:clamp(0, calc((var(--p,0) - .205) / .015), 1);--out:max(var(--full), clamp(0, calc((var(--lens-r,0) - .12) / .6), 1));clip-path:circle(calc(var(--lens-r,0) * 100vh + var(--full) * 200vmax) at 50% 50%);opacity:min(var(--in), var(--out));background:#000}.toolkit-wash{--in:clamp(0, calc((var(--p,0) - .95) / .015), 1);--full:clamp(0, calc((var(--p,0) - .965) * 1000), 1);--settle:clamp(0, calc((var(--p,0) - .979) / .009), 1);--out:max(var(--full), clamp(0, calc((var(--toolkit-r,0) - .12) / .6), 1));background:color-mix(in srgb, #30312d calc(var(--settle) * 100%), #ffb900);clip-path:circle(calc(var(--toolkit-r,0) * 100vh + var(--full) * 200vmax) at 50% 50%);opacity:min(var(--in), var(--out))}.yellow-wash{--in:clamp(0, calc((var(--p,0) - .595) / .015), 1);--full:clamp(0, calc((.77 - var(--p,0)) * 1000), 1);--soft:clamp(0, calc((var(--p,0) - .61) / .012), 1);--pale:clamp(0, calc((var(--p,0) - .64) / .02), 1);--out:max(var(--full), clamp(0, calc((var(--yellow-r,0) - .12) / .6), 1));clip-path:circle(calc(var(--yellow-r,0) * 100vh + var(--full) * 200vmax) at 50% 50%);opacity:min(var(--in), var(--out));background:#f6e6ab}.lens-wash{z-index:2;pointer-events:none;position:absolute;inset:0}.scroll-hint,.scroll-hint__label{--at-intro:clamp(0, calc(1 - var(--p,0) / .03), 1);--off-back:calc(var(--p,0) - .568);--at-back:clamp(0, calc(1 - max(var(--off-back), -1 * var(--off-back)) / .004), 1)}.scroll-hint__label{z-index:5;bottom:40vh;left:var(--gutter);color:var(--ink);font:600 var(--intro-name-size) / 1 var(--title);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;opacity:var(--at-back);pointer-events:none;margin:0;position:fixed}.scroll-hint{z-index:5;bottom:var(--scroll-hint-bottom);left:calc(var(--hint-x,var(--gutter)) + (var(--hint-x-back,var(--hint-x,var(--gutter))) - var(--hint-x,var(--gutter))) * var(--at-back));width:var(--scroll-hint-w);color:var(--ink);opacity:max(var(--at-intro), var(--at-back));pointer-events:none;position:fixed;translate:-50%}.scroll-hint__mouse{width:100%;height:auto;display:block;overflow:visible}.scroll-hint__mouse *{stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.scroll-hint__tap{display:none}.scroll-hint__wheel{animation:1.6s ease-in-out infinite scroll-hint-wheel}.scroll-hint__chevron{opacity:.25;animation:1.6s ease-in-out infinite scroll-hint-chevron}.scroll-hint__chevron--2{animation-delay:.2s}.scroll-hint__chevron--3{animation-delay:.4s}@keyframes scroll-hint-wheel{0%{opacity:0;translate:0 -2px}30%{opacity:1}to{opacity:0;translate:0 11px}}@keyframes scroll-hint-chevron{0%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.scroll-hint__wheel,.scroll-hint__chevron{opacity:1;animation:none}}@media (width<=1280px) and (width>=403px){.scroll-hint{--at-intro:0;width:clamp(64px,9vw,76px)}.scroll-hint__mouse{display:none}.scroll-hint__tap{width:100%;height:auto;display:block;overflow:visible}.scroll-hint__tap-text{fill:currentColor;font:800 25px var(--label);letter-spacing:.02em}.scroll-hint__tap-arrow{fill:none;stroke:currentColor;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;animation:1.6s ease-in-out infinite scroll-hint-nudge}}@media (aspect-ratio<=4/5) and (width>=403px){.scroll-hint__label{top:calc(var(--intro-portrait-top) + 2.1 * var(--intro-role-size));bottom:auto}.scroll-hint{top:calc(var(--intro-portrait-top) + 2.1 * var(--intro-role-size) + var(--intro-name-size) + max(20px, calc(28 * var(--px-fluid))));bottom:auto}}@media (width<=402px){.scroll-hint,.scroll-hint__label{display:none}}.sign-nav{--item-h:var(--nav-item-h);top:var(--nav-top);right:var(--gutter);z-index:900;opacity:0;pointer-events:none;transition:opacity .6s,translate .6s;position:fixed;translate:0 -8px}.sign-nav.is-ready{opacity:1;pointer-events:auto;translate:0}.sign-nav__list{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.sign-nav__button{height:var(--item-h);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:translate .25s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative}.sign-nav__button:before,.sign-nav__toggle:before{content:"";position:absolute;inset:-12px -6px}.sign-nav__model{height:var(--model-h,var(--item-h));width:auto;filter:drop-shadow(0 1.5px 2.5px color-mix(in srgb, var(--black) 22%, transparent));transition:scale .25s cubic-bezier(.3,1.6,.5,1),filter .25s;display:block}.sign-nav__item--red .sign-nav__model,.sign-nav__item--yellow .sign-nav__model,.sign-nav__item--green .sign-nav__model{--model-h:var(--item-h)}.sign-nav__item--toolkit .sign-nav__model{--model-h:calc(var(--item-h) * 1.1)}.sign-nav__button:hover .sign-nav__model,.sign-nav__button:focus-visible .sign-nav__model{scale:1.12}.sign-nav__item--about .sign-nav__model{--model-h:calc(var(--item-h) * .32);rotate:-24deg}.sign-nav__item{--glow:var(--yellow);--glow-white:var(--white)}.sign-nav__item--red{--glow:var(--red)}.sign-nav__item--intro{--glow:var(--cream)}.sign-nav__item--intro .sign-nav__model{--model-h:calc(var(--item-h) * .72)}.sign-nav__item--yellow,.sign-nav__item--contact{--glow:var(--yellow)}.sign-nav__item--contact .sign-nav__model{--model-h:calc(var(--item-h) * 1.03)}.sign-nav__item--green{--glow:var(--green)}.sign-nav__button[aria-current] .sign-nav__model{filter:drop-shadow(0 0 .5px var(--glow-white)) drop-shadow(0 0 .75px var(--glow-white)) drop-shadow(0 0 2.5px var(--glow)) drop-shadow(0 0 5.5px var(--glow));animation:2.4s ease-in-out infinite sign-nav-glow;scale:1.16}@keyframes sign-nav-glow{50%{filter:drop-shadow(0 0 .5px var(--glow-white)) drop-shadow(0 0 .75px var(--glow-white)) drop-shadow(0 0 3.5px var(--glow)) drop-shadow(0 0 8px var(--glow))}}.sign-nav__item--toolkit .sign-nav__button[aria-current] .sign-nav__model{filter:drop-shadow(0 1.5px 2.5px #2928202e);animation:none}.sign-nav__button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:8px}.sign-nav__label{background:var(--ink);color:var(--paper);font:700 11px var(--label);letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:4px 8px;transition:opacity .2s,translate .2s;position:absolute;top:calc(100% + 12px);left:50%;translate:-50% -4px}.sign-nav__button:hover .sign-nav__label,.sign-nav__button:focus-visible .sign-nav__label{opacity:1;translate:-50%}.sign-nav__item{--gap:max(3px, calc(10 * var(--px)));max-width:400px;padding-left:var(--gap);transition:max-width .45s cubic-bezier(.3, 1.1, .5, 1) calc(var(--i,0) * 35ms), padding .45s cubic-bezier(.3, 1.1, .5, 1) calc(var(--i,0) * 35ms), opacity .3s ease calc(var(--i,0) * 35ms), translate .45s cubic-bezier(.3, 1.2, .5, 1) calc(var(--i,0) * 35ms), scale .3s ease calc(var(--i,0) * 35ms), visibility 0s}.sign-nav.is-collapsed .sign-nav__item:not(.sign-nav__item--toggle,.is-current){opacity:0;visibility:hidden;max-width:0;transition-delay:calc(var(--i,0) * 35ms), calc(var(--i,0) * 35ms), calc(var(--i,0) * 35ms), calc(var(--i,0) * 35ms), calc(var(--i,0) * 35ms), .5s;padding-left:0;overflow:hidden;translate:28px;scale:.6}.sign-nav.is-ready.is-collapsed{pointer-events:none}.sign-nav.is-collapsed .sign-nav__item.is-current{pointer-events:auto}.sign-nav__toggle{width:max(24px, calc(var(--item-h) * .5));height:max(24px, calc(var(--item-h) * .5));color:var(--ink);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;transition:scale .25s cubic-bezier(.3,1.6,.5,1),color .35s;display:grid;position:relative}.sign-nav.on-dark .sign-nav__toggle{color:var(--paper)}.sign-nav__toggle svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:62%;height:62%;transition:rotate .45s cubic-bezier(.3,1.2,.5,1)}.sign-nav.is-collapsed .sign-nav__toggle svg{rotate:180deg}.sign-nav__toggle:hover,.sign-nav__toggle:focus-visible{scale:1.12}.sign-nav__toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sign-nav,.sign-nav__button,.sign-nav__model{transition:none;animation:none!important}}@media (width<=402px){.sign-nav{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;cursor:grab;-webkit-user-select:none;user-select:none;padding:10px 10px 0;inset:auto 0 0;overflow:auto hidden;translate:0 8px}.sign-nav::-webkit-scrollbar{display:none}.sign-nav.is-ready{translate:0}.sign-nav__list{width:max-content;padding:10px 12px var(--nav-bottom);box-shadow:0 -2px 12px color-mix(in srgb, var(--black) 10%, transparent);background:#fefcf8;border-radius:40px 40px 0 0;margin-inline:auto}.sign-nav__item{--gap:4px}.sign-nav__button{min-width:44px}.sign-nav__toggle{width:44px;height:44px;margin-inline:4px}.sign-nav__label{display:none}}.sign-nav__item--toggle{--gap:max(1px, calc(2 * var(--px)))}.touch-pager{display:none}@media (width<=1280px){.touch-pager{--touch-control-size:clamp(58px, 8.6vw, 70px);right:max(18px, var(--gutter));bottom:max(18px, env(safe-area-inset-bottom));z-index:880;color:#fff;mix-blend-mode:difference;align-items:center;gap:clamp(6px,1.4vw,12px);display:flex;position:fixed}.touch-pager__button{width:var(--touch-control-size);height:var(--touch-control-size);color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .2s,scale .22s cubic-bezier(.3,1.6,.5,1)}.touch-pager__button:active{scale:.88}.touch-pager__button:focus-visible{outline-offset:3px;outline:3px solid}.touch-pager__button:disabled{opacity:.18;pointer-events:none}.touch-pager__button svg{width:100%;height:100%;display:block;overflow:visible}.touch-pager__ring{transform-origin:100px 100px;animation:16s linear infinite touch-pager-spin}.touch-pager__button--before .touch-pager__ring{animation-direction:reverse}.touch-pager__text{fill:currentColor;font:800 25px var(--label);letter-spacing:.02em}.touch-pager__arrow{fill:none;stroke:currentColor;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}html:has(dialog[open]) .touch-pager{visibility:hidden}}@media (width<=402px){.touch-pager{--touch-control-size:clamp(50px, 13.5vw, 56px);z-index:920;height:calc(var(--nav-item-h) + 10px + var(--nav-bottom));pointer-events:none;display:block;bottom:0;left:0;right:0}.touch-pager__button{bottom:var(--nav-bottom);pointer-events:auto;position:absolute}.touch-pager__button--before{left:var(--gutter)}.touch-pager__button--next{right:var(--gutter)}.sign-nav:not(.is-collapsed)+.touch-pager{visibility:hidden}}@media (prefers-reduced-motion:reduce){.touch-pager__ring{animation:none}}@keyframes touch-pager-spin{to{rotate:360deg}}.paper-crumple{isolation:isolate;width:100%;position:relative;overflow:hidden}.paper-crumple-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.paper-crumple-fallback{width:var(--pc-image-width,60%);height:var(--pc-image-height,72%);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:50%;left:50%}.paper-crumple-hit{appearance:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;background:0 0;border:0;border-radius:2px;margin:0;padding:0;position:absolute;top:0;left:0;box-shadow:none!important;outline:none!important}.paper-crumple-hit[data-held=true]{cursor:grabbing}.paper-crumple-hit:focus,.paper-crumple-hit:focus-visible{box-shadow:none!important;outline:none!important}.paper-crumple-focus{opacity:0;pointer-events:none;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:24px;left:calc(50% - 2px)}.paper-crumple-hit:not([data-pointer=true]):focus-visible+.paper-crumple-focus{opacity:.55}.paper-crumple-hit:disabled{cursor:default}.paper-crumple-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about{--about-in:clamp(0, calc((var(--p,0) - .075) / .013), 1);--about-out:clamp(0, calc(1 - (var(--p,0) - .104) / .016), 1);z-index:1;pointer-events:none;opacity:var(--about-in);position:absolute;inset:0;overflow:hidden}.about__flyer{--about-fly-x:52vw;--about-fly-y:-42vh;--about-fly-z:-850px;--about-fly-yaw:-26deg;--about-fly-tilt:-12deg;aspect-ratio:1050/1498;width:min(34.65vw,665.5px,60.83vh);transform:perspective(1200px) translate3d(calc((1 - var(--about-in)) * var(--about-fly-x)), calc(-50% + (1 - var(--about-in)) * var(--about-fly-y)), calc((1 - var(--about-in)) * var(--about-fly-z))) rotateY(calc((1 - var(--about-in)) * var(--about-fly-yaw))) rotateZ(calc((1 - var(--about-in)) * var(--about-fly-tilt))) scale(calc(.22 + var(--about-in) * .78));filter:blur(calc((1 - var(--about-in)) * 6px));transform-origin:50%;will-change:transform, filter, opacity;position:absolute;top:50%;left:38vw;container-type:inline-size}.about__paper-crumple{width:calc(100% + 48px);opacity:clamp(0, calc(var(--about-out) * 16), 1);pointer-events:none;will-change:opacity;position:absolute;inset:-24px;height:calc(100% + 48px)!important}.about__paper-crumple .paper-crumple-hit,.about__paper-crumple .paper-crumple-focus{display:none}@media (width>=403px) and (width<=1280px){.about__flyer{width:min(clamp(380px,60vw,720px),64vh);transform:perspective(1200px) translate3d(calc(-50% + (1 - var(--about-in)) * var(--about-fly-x)), calc(-50% + (1 - var(--about-in)) * var(--about-fly-y)), calc((1 - var(--about-in)) * var(--about-fly-z))) rotateY(calc((1 - var(--about-in)) * var(--about-fly-yaw))) rotateZ(calc((1 - var(--about-in)) * var(--about-fly-tilt))) scale(calc(.22 + var(--about-in) * .78));left:50%}}@media (width<=402px){.about__flyer{--flyer-top:24svh;--flyer-w:min(90vw, 460px, calc((100svh - var(--flyer-top) - var(--nav-clear) - 8px) * .7));--about-fly-x:72vw;--about-fly-y:-34vh;--about-fly-z:-620px;--about-fly-yaw:-20deg;--about-fly-tilt:-9deg;top:var(--flyer-top);left:calc(50% - var(--flyer-w) / 2);width:var(--flyer-w);transform:perspective(1200px) translate3d(calc((1 - var(--about-in)) * var(--about-fly-x)), calc((1 - var(--about-in)) * var(--about-fly-y)), calc((1 - var(--about-in)) * var(--about-fly-z))) rotateY(calc((1 - var(--about-in)) * var(--about-fly-yaw))) rotateZ(calc((1 - var(--about-in)) * var(--about-fly-tilt))) scale(calc(.22 + var(--about-in) * .78));right:auto}}@media (prefers-reduced-motion:reduce){.about__flyer{--about-fly-x:0px;--about-fly-y:0px;--about-fly-z:0px;--about-fly-yaw:0deg;--about-fly-tilt:0deg;filter:none}}.green{--paint:#163b21;--accent:#009b48;--u:var(--px-fluid);--edge:clamp(24px, 4.85vw, 93px);--chapter-in:clamp(0, calc((var(--p,0) - .82) / .012), 1);--chapter-out:clamp(0, calc((.93 - var(--p,0)) / .015), 1);--intro:0;--outro-progress:0;z-index:3;color:var(--paper);opacity:min(var(--chapter-in), var(--chapter-out));pointer-events:none;background:#1f1d18;position:absolute;inset:0;overflow:hidden}.green__bg{z-index:0;width:calc(1600 * var(--u));height:calc(1622.4 * var(--u));max-width:none;opacity:calc((1 - var(--outro-progress)) * .2);pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .35s;position:absolute;top:50%;left:50%;translate:-50% -50%}.green__bg.is-active{opacity:calc(1 - var(--outro-progress))}.green__bg.is-hover{opacity:calc((1 - var(--outro-progress)) * .55)}.green__hit{z-index:3;cursor:pointer;pointer-events:none;background:0 0;border:0;width:44%;height:37%;padding:0;position:absolute}.is-live .green__hit{pointer-events:auto}.green__hit--tr{top:0;right:0}.green__hit--br{bottom:0;right:0}.green__hit--bl{bottom:0;left:0}.green__hit--tl{top:0;left:0}.is-finale .green__hit{display:none}.green__bg--tr{clip-path:inset(0 0 50% 50%)}.green__bg--br{clip-path:inset(50% 0 0 50%)}.green__bg--bl{clip-path:inset(50% 50% 0 0)}.green__bg--tl{clip-path:inset(0 50% 50% 0)}.green__arrow{z-index:1;max-width:none;opacity:calc((1 - var(--outro-progress)) * .22);pointer-events:none;transition:opacity .35s;display:block;position:absolute;translate:-50% -50%}.green__arrow.is-active{opacity:calc(1 - var(--outro-progress))}.green__arrow--1{top:calc(50% + 182.3 * var(--u));left:calc(50% - 339.7 * var(--u));width:calc(63.08 * var(--u));height:calc(64.95 * var(--u));rotate:-135deg}.green__arrow--2{top:calc(50% - 178.8 * var(--u));left:calc(50% - 355.4 * var(--u));width:calc(32 * var(--u));height:calc(67.52 * var(--u));rotate:135.03deg;scale:-1 1}.green__arrow--3{top:calc(50% - 159.85 * var(--u));left:calc(50% + 338.5 * var(--u));width:calc(57.97 * var(--u));height:calc(97.59 * var(--u));rotate:-134.69deg;scale:-1 1}.green__arrow--4{top:calc(50% + 171.3 * var(--u));left:calc(50% + 363.8 * var(--u));width:calc(32 * var(--u));height:calc(67.52 * var(--u));rotate:-44.97deg;scale:-1 1}.green__walker{z-index:4;width:0;height:0;translate:calc(var(--x1) * var(--u)) calc(var(--y1) * var(--u));opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;top:50%;left:50%}.green__walker.is-there{opacity:calc((1 - var(--outro-progress)) * .2)}.green__walker.is-walking{opacity:calc(1 - var(--outro-progress))}.green__walker.is-gathering{opacity:1;transition:opacity .4s;animation:1.6s ease-in-out both green-gather;translate:0}@keyframes green-gather{0%{translate:calc(var(--x1) * var(--u)) calc(var(--y1) * var(--u))}}.green__walker.is-gathering .green__frame--0{animation:.4s step-end 4 both green-step-a}.green__walker.is-gathering .green__frame--1{animation:.4s step-end 4 both green-step-b}.green__walker.is-gathering .green__frame--solo{animation:.4s ease-in-out 4 both green-sway}.green__bloom{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.green__bloom circle{fill:var(--paint);transform-box:fill-box;transform-origin:50%;transition:scale .6s;scale:0}.is-finale .green__bloom circle{transition:scale var(--seconds) cubic-bezier(.25, .7, .3, 1) var(--delay);scale:1}.green__slot{transition:opacity .4s}.is-finale .green__slot{opacity:0}.green__walker.is-walking{animation:3.2s linear both green-walk}.green__frame{max-width:none;translate:-50% -50%;rotate:var(--heading);position:absolute;top:0;left:0}.green__frame--1{opacity:0}.green__walker.is-walking .green__frame--0{animation:.4s step-end 8 both green-step-a}.green__walker.is-walking .green__frame--1{animation:.4s step-end 8 both green-step-b}.green__walker.is-walking .green__frame--solo{animation:.4s ease-in-out 8 both green-sway}@keyframes green-walk{0%{translate:calc(var(--x0) * var(--u)) calc(var(--y0) * var(--u));opacity:0}8%{opacity:1}to{translate:calc(var(--x1) * var(--u)) calc(var(--y1) * var(--u))}}@keyframes green-step-a{0%{opacity:1}50%{opacity:0}}@keyframes green-step-b{0%{opacity:0}50%{opacity:1}}@keyframes green-sway{0%,to{rotate:calc(var(--heading) - 3deg)}50%{rotate:calc(var(--heading) + 3deg)}}.green__title-line{display:block}.green__title-rest{visibility:hidden}.green__title{z-index:3;top:calc(50% - 47 * var(--u));color:#fffdfd;font:700 calc(87 * var(--u)) / 1 "Oswald", var(--title);letter-spacing:-.05em;text-align:center;text-transform:uppercase;white-space:nowrap;opacity:calc(var(--intro) * (1 - var(--outro-progress)));margin:0;position:absolute;left:50%;translate:-50% -50%}.green__marks{margin:0;padding:0;list-style:none}.green__mark{z-index:2;color:var(--accent);font:700 calc(49 * var(--u)) / 1 "Oswald", var(--title);letter-spacing:-.05em;text-transform:uppercase;opacity:calc(var(--intro) * (1 - var(--outro-progress)) * .2);transition:opacity .35s;position:absolute;translate:-50% -50%}.green__mark.is-active{opacity:calc(var(--intro) * (1 - var(--outro-progress)))}.green__mark--1{top:calc(50% - 351.1 * var(--u));left:calc(50% + 180.9 * var(--u));rotate:-135deg}.green__mark--2{top:calc(50% + 348.6 * var(--u));left:calc(50% + 183.3 * var(--u));rotate:-41.78deg}.green__mark--3{top:calc(50% + 340.4 * var(--u));left:calc(50% - 173.3 * var(--u));rotate:45deg}.green__mark--4{top:calc(50% - 351 * var(--u));left:calc(50% - 184.1 * var(--u));rotate:133.55deg}.green__slot{z-index:3;top:calc(50% - 85 * var(--u));width:calc(338 * var(--u));position:absolute}.green__slot--left{left:calc(50% - 754.8 * var(--u));text-align:left}.green__slot--right{left:calc(50% + 416.8 * var(--u));text-align:right}.green__copy{gap:calc(30 * var(--u));opacity:var(--intro);flex-direction:column;animation:.5s cubic-bezier(.22,1,.36,1) both green-copy-in;display:flex}.green__copy h3{color:var(--accent);font:700 calc(36 * var(--u)) / 1.3 var(--title);margin:0}.green__copy p{color:#fff;font:350 calc(20 * var(--u)) / 1.55 var(--sans);word-break:keep-all;margin:0}.green__description--development{white-space:pre-line}.green__copy span{margin-top:calc(-12 * var(--u));color:#a6a69d;font:400 calc(14 * var(--u)) / 1.4 var(--sans);letter-spacing:.01em;text-transform:uppercase;display:block}@keyframes green-copy-in{0%{opacity:0;translate:0 14px}}.green__outro{z-index:6;inset:clamp(160px, 19vh, 220px) var(--edge) clamp(150px, 18vh, 210px);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.green__outro-identity h2,.green__outro-identity strong,.green__outro>p>span,.green__outro>span{opacity:0;transition:opacity .55s,translate .7s cubic-bezier(.22,1,.36,1);translate:0 18px}.is-finale .green__outro-identity h2,.is-finale .green__outro-identity strong,.is-finale .green__outro>p>span,.is-finale .green__outro>span{opacity:1;translate:0}.is-finale .green__outro-identity h2{transition-delay:2.4s}.is-finale .green__outro-identity strong{transition-delay:2.7s}.is-finale .green__outro>p>span:first-child{transition-delay:3s}.is-finale .green__outro>p>span:nth-child(2){transition-delay:3.25s}.is-finale .green__outro>span{transition-delay:3.55s}.green__outro-identity h2{color:var(--paper);font:700 clamp(48px, 6.2vw, 118px)/.88 var(--title);letter-spacing:-.01em;white-space:nowrap;margin:0}.green__outro-identity strong{color:var(--yellow);font:700 clamp(12px, 1vw, 18px)/1 var(--label);letter-spacing:.1em;margin-top:clamp(12px,1.2vw,20px);display:block}.green__outro>p{color:var(--paper);font:500 clamp(14px, 1.15vw, 20px)/1.65 var(--sans);margin:clamp(28px,3vw,50px) 0 0}.green__outro>p>span{display:block}.green__outro>span{color:var(--yellow);font:700 clamp(13px, 1.15vw, 20px)/1 var(--label);letter-spacing:.12em;margin-top:clamp(24px,2.4vw,42px)}.green__mobile-controls{display:none}@media (width<=402px){.green{--edge:5vw;--u:calc(100svh / 1080)}.green__hit,.green__walker{display:none}.green__title{top:calc(var(--status-h) + 14vh);font-size:clamp(38px,11vw,56px)}.green__mark{font-size:clamp(20px,6vw,30px)}.green__slot,.green__slot--left,.green__slot--right{top:50%;right:var(--edge);left:var(--edge);text-align:left;width:auto}.green__copy{gap:12px}.green__copy h3{font-size:24px}.green__copy p{white-space:normal;font-size:14px;font-weight:400}.green__copy span{margin-top:0;font-size:11px}.green__outro{inset:120px var(--edge) calc(var(--nav-clear) + 24px)}.green__outro-identity h2{font-size:clamp(34px,10vw,52px)}.green__outro-identity strong{font-size:10px}.green__outro>p{margin-top:24px;font-size:11px}.green__outro>span{margin-top:20px;font-size:10px}.green__mobile-controls{z-index:8;bottom:calc(var(--nav-clear) + 12px);pointer-events:auto;gap:8px;display:flex;position:absolute;left:50%;translate:-50%}.green__mobile-controls button{aspect-ratio:1;border:1px solid var(--accent);background:var(--night);width:38px;color:var(--accent);font:700 17px/1 var(--sans);cursor:pointer;border-radius:50%;place-items:center;transition:opacity .2s,border-color .2s;display:grid}.green__mobile-controls button:disabled{border-color:color-mix(in srgb, var(--paper) 26%, transparent);color:color-mix(in srgb, var(--paper) 34%, transparent);opacity:.55;cursor:default}}@media (prefers-reduced-motion:reduce){.green__copy,.green__walker.is-walking,.green__walker.is-gathering .green__frame,.green__walker.is-walking .green__frame{animation:none}}.intro{--intro-out:clamp(0, calc(1 - var(--p,0) / .05), 1);z-index:1;pointer-events:none;opacity:var(--intro-out);position:absolute;inset:0}.intro__name-block{bottom:40vh;left:var(--gutter);text-align:left;translate:calc((1 - var(--intro-out)) * calc(-48 * var(--px))) 0;position:absolute}.intro__name{font:600 var(--intro-name-size) / 1 var(--title);letter-spacing:.03em}.intro__role{font-size:var(--intro-role-size);letter-spacing:.06em;font-family:var(--title);margin:0 0 .6em}@media (aspect-ratio<=4/5){.intro__name-block{top:var(--intro-portrait-top);bottom:auto}}@media (width<=402px){.intro__name{font-size:clamp(28px,9vw,44px)}.intro__name-block{top:var(--intro-portrait-top);bottom:auto;left:var(--gutter);translate:calc((1 - var(--intro-out)) * -48px) 0}}.flex-carousel{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.flex-carousel[data-hover=open]{cursor:zoom-in}.flex-carousel[data-hover=close]{cursor:zoom-out}.flex-carousel[data-dragging]{cursor:grabbing}.flex-carousel:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--black) 55%, transparent)}.flex-carousel__caption{left:0;right:0;top:calc(50% + var(--flex-carousel-half) * var(--flex-carousel-lift,1) + 22px);pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 16px;animation:.9s both flex-carousel-reveal;display:flex;position:absolute}.flex-carousel__title{flex-direction:column;align-items:center;max-width:100%;font-size:15px;font-weight:500;line-height:1.35;animation:.52s cubic-bezier(.22,1,.36,1) flex-carousel-title;display:flex}.flex-carousel__subtitle{opacity:.6;font-weight:400}.flex-carousel__count{font-variant-numeric:tabular-nums;opacity:.5;align-items:center;gap:3px;font-size:12px;line-height:1;transition:opacity .4s;display:inline-flex}.flex-carousel__count[data-hidden]{opacity:0}.flex-carousel__digits{display:inline-flex}.flex-carousel__digit{height:1em;display:inline-block;overflow:hidden}.flex-carousel__reel{flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex}.flex-carousel__reel span{height:1em}.flex-carousel__slash{opacity:.6}.flex-carousel__live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes flex-carousel-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flex-carousel-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.flex-carousel__caption,.flex-carousel__title{animation:none}.flex-carousel__reel{transition:none}}@property --word-turn{syntax:"<number>";inherits:true;initial-value:0}.projects-word{--state:1;--flow:var(--word-turn);z-index:0;font:700 13vh / 1 var(--label);text-transform:uppercase;color:#6e0c14;opacity:.2;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;animation:300s linear infinite reverse projects-word-turn;display:flex;position:absolute;inset:0}@keyframes projects-word-turn{to{--word-turn:1}}.projects-word__row{height:1em;position:relative}.projects-word__letter{--i:var(--i-desktop);--t:calc(mod(var(--flow) * var(--speed) + var(--i), 1) / .7 - .15);--head:calc((var(--t) - .5) * -2);transform:perspective(calc(640 * var(--px))) translateX(-50%) rotateY(calc(var(--head) * -10deg * var(--state))) translate3d(calc(var(--head) * 50vw * var(--state)), calc(var(--iy) * 50% * var(--head) * var(--head) * var(--state)), 0);display:block;position:absolute;top:0;left:50%}.projects-word__letter:before{z-index:-1;content:attr(data-letter);color:#120205;opacity:min(var(--state) * 2, 1);transform:scale(1.05, 1.02) translate3d(calc(var(--head) * .1rem * var(--state) * var(--state)), 0, 0);transform-origin:calc(50% - var(--head) * 50%) -50%;position:absolute;inset:0}@media (width<=1280px){.projects-word__letter{--i:var(--i-touch)}.projects-word__letter:nth-child(n+13){display:none}}@media (width<=402px){.projects-word__letter{--i:var(--i-phone)}.projects-word__letter:nth-child(n+9){display:none}}@media (prefers-reduced-motion:reduce){.projects-word{animation:none}}.projects{--visible:clamp(0, calc((var(--p,0) - .22) / .006), 1);--exit:clamp(0, calc((.528 - var(--p,0)) / .008), 1);--enter:clamp(0, calc((var(--p,0) - .222) / .018), 1);--accent:var(--red);--projects-black:#0c0a0f;z-index:3;isolation:isolate;color:var(--white);background:var(--projects-black);opacity:min(var(--visible), var(--exit));pointer-events:none;position:absolute;inset:0;overflow:hidden}.projects.is-live{pointer-events:auto}@media (width<=1280px){html:has(.projects.is-live){background:#0c0a0f}body:has(.projects.is-live){background:#0c0a0f}body:has(.projects.is-live) #root{background:#0c0a0f}body:has(.projects.is-live) .scroll-track{background:#0c0a0f}}.projects__back{top:calc(40 * var(--px));right:auto;left:calc(44 * var(--px));z-index:5;border:1px solid color-mix(in srgb, var(--white) 28%, transparent);color:color-mix(in srgb, var(--white) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:400 max(13px, calc(18 * var(--px-fluid))) / 1 var(--title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;opacity:var(--enter);background:#0c0a0fad;border-radius:999px;align-items:center;gap:.55em;padding:.62em .88em;transition:color .22s,border-color .22s,background .22s,transform .32s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute}.projects__back span{font-family:var(--sans);align-items:center;font-size:1.25em;line-height:1;display:inline-flex;transform:translateY(.12em)}.projects__back:hover,.projects__back:focus-visible{color:var(--white);border-color:var(--accent);background:#c51e25b8;transform:translate(-5px)}.projects__back:focus-visible{outline:1px solid var(--accent);outline-offset:8px}.projects__media{z-index:1;width:120vw;height:min(68svh, calc(760 * var(--px)));cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;opacity:var(--enter);transform:translateY(calc((1 - var(--enter)) * -30px));background:0 0;position:absolute;top:-2svh;left:-10vw;overflow:hidden}.projects__media .flex-carousel{color:var(--white)}.projects__content{z-index:2;top:min(56svh, calc(610 * var(--px)));width:min(calc(1600 * var(--px)), 90vw);transform:translate(-50%, calc((1 - var(--enter)) * 26px));opacity:var(--enter);position:absolute;left:50%}.projects__selector{width:var(--description-w,calc(800 * var(--px)));max-width:100%;height:max(64px, calc(84 * var(--px-fluid)));margin-inline:auto;overflow:hidden}.projects__selector-track{--selector-position:4;width:100%;height:100%;transform:translate3d(calc((1 - var(--selector-position)) * 33.3333%), 0, 0);will-change:transform;grid-auto-columns:33.3333%;grid-auto-flow:column;align-items:stretch;display:grid}.projects__selector-track.is-moving{transition:transform .56s cubic-bezier(.22,1,.36,1)}.projects__selector-track.is-moving .projects__selector-main{transition:left .56s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}.projects__selector-button{width:100%;min-width:0;height:100%;padding:0 calc(10 * var(--px)) calc(4 * var(--px));color:color-mix(in srgb, var(--white) 40%, var(--black));font:400 max(38px, calc(68 * var(--px-fluid))) / 1 var(--title);letter-spacing:-.05em;text-align:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;transition:color .32s,opacity .32s;display:block;position:relative}.projects__selector-main{bottom:calc(4 * var(--px));transform-origin:50% 100%;align-items:flex-end;transition:none;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)scale(1)}.projects__selector-button[data-side=left] .projects__selector-main{transform-origin:0 100%;left:0;transform:translate(0)scale(.42)}.projects__selector-button[data-side=right] .projects__selector-main{transform-origin:100% 100%;left:100%;transform:translate(-100%)scale(.42)}.projects__selector-label{display:inline-block}.projects__selector-button:hover,.projects__selector-button:focus-visible{color:color-mix(in srgb, var(--white) 75%, var(--black))}.projects__selector-button:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.projects__selector-button.is-active{color:var(--white)}.projects__selector-button:not(.is-active){animation:2.2s ease-in-out infinite projects-selector-hint}.projects__selector-button:not(.is-active):hover,.projects__selector-button:not(.is-active):focus-visible{animation:none}@keyframes projects-selector-hint{50%{color:color-mix(in srgb, var(--red) 65%, var(--white))}}.projects__counter{margin:0 0 calc(10 * var(--px));color:var(--white);font:300 max(14px, calc(24 * var(--px-fluid))) / 1 var(--title);letter-spacing:-.04em;text-align:center;pointer-events:none;position:absolute;bottom:100%;left:0;right:0}.projects__counter b{color:var(--accent);font-weight:300}.projects__details{animation:.48s cubic-bezier(.22,1,.36,1) both projects-details-in}.projects__description{box-sizing:border-box;width:100%;min-height:3.2em;margin:calc(22 * var(--px)) auto 0;color:color-mix(in srgb, var(--white) 88%, transparent);font:300 max(13px, calc(18 * var(--px-fluid))) / 1.65 var(--sans);letter-spacing:-.035em;text-align:center;white-space:nowrap;word-break:keep-all}.projects__description strong{color:var(--accent);font-weight:500}.projects__links{justify-content:center;gap:calc(40 * var(--px));margin-top:calc(34 * var(--px));font:400 max(14px, calc(21 * var(--px-fluid))) / 1 var(--title);letter-spacing:.02em;text-transform:uppercase;display:flex}.projects__sign{width:max(150px, calc(250 * var(--px-fluid)));aspect-ratio:431/116;align-items:center;text-decoration:none;transition:transform .2s;display:grid;position:relative}.projects__sign-board{width:100%;height:100%;position:absolute;inset:0}.projects__sign-text{text-align:center;white-space:nowrap;position:relative}.projects__sign--left{color:var(--white)}.projects__sign--left .projects__sign-board{transform:scaleX(-1)}.projects__sign--left .projects__sign-text{padding:0 8% 0 16%}.projects__sign--right{color:var(--black)}.projects__sign--right .projects__sign-text{padding:0 16% 0 8%}.projects__sign--left:hover,.projects__sign--left:focus-visible{transform:translateX(calc(-8 * var(--px)))}.projects__sign--right:hover,.projects__sign--right:focus-visible{transform:translateX(calc(8 * var(--px)))}.projects__sign:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.projects__sign.is-disabled{opacity:.34}@keyframes projects-details-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=403px) and (width<=1280px) and (orientation:portrait){.projects__media{width:132vw;height:56svh;top:8svh;left:-16vw}.projects__content{width:min(92vw,860px);top:62svh}.projects__description{margin-top:clamp(16px,2.2svh,26px)}.projects__links{margin-top:clamp(22px,3svh,34px)}}@media (width<=402px){.projects__back{top:calc(var(--status-h) + 8px);font-size:13px;left:5vw;right:auto}.projects__media{top:var(--status-h);width:132vw;height:max(300px, calc(var(--stage-h) - var(--nav-clear) - 286px));left:-16vw}.projects__content{top:auto;bottom:calc(var(--nav-clear) + 12px);width:90vw}.projects__selector{height:52px}.projects__selector-button{padding-inline:4px;font-size:clamp(25px,8vw,38px)}.projects__counter{margin-bottom:8px;font-size:14px}.projects__description{white-space:normal;min-height:7.8em;margin-top:14px;font-size:13px;line-height:1.55}.projects__description br{display:none}.projects__links{gap:16px;margin-top:20px;font-size:13px}.projects__sign{width:min(44vw,190px)}}@media (prefers-reduced-motion:reduce){.projects__selector-track.is-moving,.projects__selector-button,.projects__selector-main,.projects__back{transition:none}.projects__details,.projects__selector-button:not(.is-active){animation:none}}.contact-open{color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0}.contact{--u:var(--px-fluid);box-sizing:border-box;padding:calc(18 * var(--u)) 0;color:var(--ink);pointer-events:auto;text-align:left;letter-spacing:normal;background:0 0;border-radius:0;overflow:auto}.contact__close{top:calc(14 * var(--u));right:calc(20 * var(--u));color:var(--ink);font:400 max(22px, calc(36 * var(--u))) / 1 var(--sans);cursor:pointer;background:0 0;border:0;padding:4px 8px;position:absolute}.contact__title{margin:0 0 calc(22 * var(--u));font:700 max(28px, calc(52 * var(--u))) / 1 var(--title);letter-spacing:.02em}.contact__form{gap:calc(20 * var(--u));display:grid}.contact__row{gap:calc(12 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact__field{gap:calc(6 * var(--u));min-width:0;display:grid}.contact__label{color:var(--ink);font:600 max(12px, calc(16 * var(--u))) / 1.2 var(--sans);letter-spacing:0}.contact__label em{opacity:.68;font-size:.78em;font-style:normal;font-weight:500}.contact__field input,.contact__field textarea{box-sizing:border-box;width:100%;padding:calc(13 * var(--u)) calc(18 * var(--u));background:var(--card);color:var(--ink);font:400 max(14px, calc(18 * var(--u))) / 1.4 var(--sans);resize:none;border:0;border-radius:999px;transition:border-color .3s}.contact__field input::placeholder,.contact__field textarea::placeholder{color:color-mix(in srgb, var(--ink) 45%, transparent)}.contact__field input:focus-visible,.contact__field textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.contact__field textarea{min-height:calc(112 * var(--u));border-radius:calc(28 * var(--u))}.contact__honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.contact__error{color:color-mix(in srgb, var(--red) 55%, var(--white));font:500 max(12px, calc(14 * var(--u))) / 1.5 var(--sans);margin:0}.contact__submit{padding:calc(14 * var(--u)) calc(30 * var(--u));background:var(--ink);color:var(--card);font:700 max(13px, calc(16 * var(--u))) / 1 var(--sans);letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;justify-self:start}.contact__submit:hover:not(:disabled),.contact__submit:focus-visible{background:var(--yellow);color:var(--ink)}.contact__submit:disabled{opacity:.6;cursor:progress}.contact__done{gap:calc(24 * var(--u));font:500 max(14px, calc(19 * var(--u))) / 1.6 var(--sans);display:grid}.contact__done p{margin:0}@media (width<=402px){.contact{--u:calc(var(--content-w) / 400);border-radius:0;padding:16px 0}.contact__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.contact-guide{z-index:1;width:calc(300 * var(--u));height:var(--ah);color:#051548;cursor:pointer;opacity:0;translate:0 calc(16 * var(--u));pointer-events:none;background:0 0;border:0;place-items:center;padding:0;transition:opacity .4s,translate .4s;display:grid;position:absolute}.contact-guide--intro{top:0;right:calc(50% + 90 * var(--u))}.contact-guide--projects{top:var(--ah);left:calc(50% + 90 * var(--u))}.toolkit__outro.is-live .contact-guide{opacity:1;pointer-events:auto;transition:opacity .7s 1.7s,translate .7s cubic-bezier(.22,1,.36,1) 1.7s;translate:0}.toolkit__outro.is-live .outro--form .contact-guide{opacity:0;pointer-events:none;transition-delay:0s}.contact-guide__mark{width:100%;height:calc(226 * var(--u));transition:scale .25s cubic-bezier(.3,1.6,.5,1);animation:3.4s ease-in-out infinite alternate contact-guide-float;display:block;position:relative}.contact-guide--projects .contact-guide__mark{animation-delay:-1.7s}.contact-guide__curve{width:100%;height:100%;translate:0 calc(46 * var(--u));position:absolute;inset:0;overflow:visible}.contact-guide--projects .contact-guide__curve{translate:0 calc(6 * var(--u))}.contact-guide__curve path{fill:none}.contact-guide__curve text{fill:currentColor;font:700 8.5px var(--label);letter-spacing:.1em}.contact-guide__model{width:auto;height:calc(150 * var(--u));filter:drop-shadow(0 0 calc(8 * var(--u)) color-mix(in srgb, var(--white) 65%, transparent)) drop-shadow(0 0 calc(22 * var(--u)) color-mix(in srgb, var(--white) 38%, transparent));display:block;position:absolute;bottom:0;left:50%;translate:-50%}.contact-guide--intro .contact-guide__model{height:calc(120 * var(--u))}.contact-guide:hover .contact-guide__mark,.contact-guide:focus-visible .contact-guide__mark{scale:1.1}.contact-guide:focus-visible{outline-offset:5px;border-radius:50%;outline:2px solid}@keyframes contact-guide-float{0%{transform:translateY(calc(4 * var(--u)))}to{transform:translateY(calc(-10 * var(--u)))}}@media (prefers-reduced-motion:reduce){.contact-guide__mark{animation:none}}@media (width<=402px){.contact-guide{display:none}}.toolkit{--toolkit-ink:#3a3a3a;--toolkit-card:#fff8e9;--toolkit-yellow:#f4c542;--toolkit-unit:calc(100vw / 1920);--wheel-w:min(100vw, calc(100svh * 1920 / 1080));--wheel-h:calc(var(--wheel-w) * 1080 / 1920);z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.toolkit__intro{--frac:clamp(0, calc((var(--p,0) - .979) / .009), 1);width:max-content;max-width:var(--content-w);text-align:center;position:absolute;top:50%;left:50%;translate:-50% -50%}.toolkit__title{--reveal:clamp(0, calc((var(--p,0) - .965) / .003), 1);font:700 calc(128 * var(--toolkit-unit)) / 1.05 var(--title);letter-spacing:.02em;color:var(--ink);opacity:var(--reveal);translate:0 calc((1 - var(--reveal)) * calc(24 * var(--px)));margin:0}.toolkit__lead{font:400 calc(24 * var(--toolkit-unit)) / 1.6 var(--sans);color:var(--ink);margin:.9em 0 0}.toolkit__lead-line{--reveal:0;opacity:var(--reveal);translate:0 calc((1 - var(--reveal)) * calc(18 * var(--px)));display:block}.toolkit__lead-line--1{--reveal:clamp(0, calc((var(--p,0) - .968) / .003), 1)}.toolkit__lead-line--2{--reveal:clamp(0, calc((var(--p,0) - .971) / .003), 1)}.toolkit__outro{--frac:clamp(0, calc(1 - (var(--p,0) - 1.031) / .009), 1);--u:var(--px-fluid);z-index:2;width:100%;height:100%;color:var(--ink);opacity:clamp(0, calc((var(--p,0) - 1.031) * 1000), 1);background:#ffb900;position:absolute;top:50%;left:50%;translate:-50% -50%}.outro-covers .toolkit__wheel,.outro-covers .toolkit-wash{visibility:hidden}.toolkit__outro.is-live .fracture__slices{display:none}.toolkit__outro .fracture__whole{height:100%}.outro{--aw:calc(700 * var(--u));--ah:calc(260 * var(--u));--sw:calc(260 * var(--u));--fs:calc(110 * var(--u));--pad0:calc(60 * var(--u));justify-content:center;align-items:center;gap:calc(70 * var(--u));width:100%;height:100%;padding-top:calc(60 * var(--u));box-sizing:border-box;text-align:center;flex-direction:column;display:flex}.outro__head{align-items:center;gap:calc(8 * var(--u));flex-direction:column;display:flex}.toolkit__outro-title{font:700 calc(64 * var(--u)) / 1.1 var(--title);letter-spacing:.02em;margin:0}.outro__name{font:700 calc(120 * var(--u)) / 1 var(--title);letter-spacing:.01em;margin:0}.outro__role{margin:calc(6 * var(--u)) 0 0;font:500 calc(24 * var(--u)) / 1.4 var(--sans);letter-spacing:.06em}.outro__stage{width:100%;height:calc(2 * var(--ah));flex:none;position:relative}.outro__sign{--tilt:0deg;transition:transform 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.outro--form .outro__sign{transform:translateX(calc(-296 * var(--u))) scale(.72)}.outro__stage .contact{right:var(--gutter);width:calc(560 * var(--u));max-height:calc(100svh - 24 * var(--u));opacity:0;translate:calc(60 * var(--u)) -50%;transition:opacity .5s,translate 1s cubic-bezier(.22,1,.36,1);position:absolute;top:50%}.outro__stage .contact.is-open{opacity:1;transition-delay:.25s;translate:0 -50%}.toolkit__outro.is-live .outro__sign{--tilt:30deg}.sign__arrow{width:var(--aw);height:var(--ah);perspective:calc(1800 * var(--u));--pad:var(--pad0);position:absolute}.sign__arrow--right{perspective-origin:0 100%;top:0;left:50%}.sign__arrow--left{right:50%;top:var(--ah);perspective-origin:100% 0}.sign__body{box-sizing:border-box;transform-style:preserve-3d;will-change:transform;align-items:center;transition:padding .8s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1) .15s;display:flex;position:absolute;inset:0}.sign__arrow--right .sign__body{padding-left:var(--pad);transform-origin:0;transform:rotateY(var(--tilt));color:var(--ink);justify-content:flex-start}.sign__arrow--left .sign__body{padding-right:var(--pad);transform-origin:100%;transform:rotateY(calc(-1 * var(--tilt)));color:var(--card);justify-content:flex-end}.sign__face,.sign__side{height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);position:absolute;top:0}.sign__face{width:100%}.sign__arrow--right .sign__face{fill:var(--card);left:0}.sign__arrow--left .sign__face{fill:var(--ink);right:0}.sign__side{width:var(--sw)}.sign__arrow--right .sign__side{background:color-mix(in srgb, var(--yellow) 72%, var(--black));transform-origin:100%;right:100%;transform:rotateY(-90deg)}.sign__arrow--left .sign__side{background:color-mix(in srgb, var(--ink) 75%, var(--yellow));transform-origin:0;left:100%;transform:rotateY(90deg)}.sign__text{font:700 var(--fs) / 1.1 var(--title);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;padding-bottom:.14em;display:block;transform:translateZ(1px)}.sign__link{cursor:pointer;pointer-events:auto;text-decoration:none}.sign__link:focus-visible{outline-offset:6px;outline:3px solid}.fracture__slice .sign__body{will-change:auto;transition:none;transform:none}.fracture__slice .sign__side{display:none}.sign__arrow:hover{--pad:calc(var(--pad0) + 24 * var(--u))}.sign__arrow:has(.sign__link:focus-visible){--pad:calc(var(--pad0) + 24 * var(--u))}.sign__arrow:hover .sign__face{width:calc(100% + 60 * var(--u))}.sign__arrow:has(.sign__link:focus-visible) .sign__face{width:calc(100% + 60 * var(--u))}.fracture__whole{opacity:clamp(0, calc(1 - var(--frac) * 1000), 1)}.fracture__slices{opacity:clamp(0, calc(var(--frac) * 1000), 1);pointer-events:none;position:absolute;inset:0}.fracture__slice{clip-path:inset(calc(var(--k) * 100% / 7) -20% calc((6 - var(--k)) * 100% / 7) -20%);opacity:clamp(0, calc(2 * (1 - var(--frac)) - var(--k) * .06), 1);transform:translate(calc(var(--dir) * (80 + 50 * var(--k)) * var(--px) * var(--frac)), calc((var(--k) - 3) * 18 * var(--px) * var(--frac))) rotate(calc(var(--dir) * (.6deg + var(--k) * .15deg) * var(--frac)));position:absolute;inset:0}.toolkit__wheel{--in:clamp(0, calc((var(--p,0) - .986) / .007), 1);--raw:0;--cards:clamp(0, calc(1 - (var(--p,0) - 1.016) / .005), 1);--flood-t:clamp(0, calc((var(--p,0) - 1.022) / .009), 1);--flood:calc(var(--flood-t) * var(--flood-t) * (3 - 2 * var(--flood-t)));width:var(--wheel-w);height:var(--wheel-h);opacity:var(--in);scale:calc(.92 + var(--in) * .08);position:absolute;top:50%;left:50%;translate:-50% -50%}.toolkit__plate,.toolkit__rule,.toolkit__shot,.toolkit__label{opacity:var(--cards)}.toolkit__disc{--d0:calc(.51552 * var(--wheel-w));--cx0:calc(.50052 * var(--wheel-w));--cy0:calc(.04722 * var(--wheel-h) + var(--d0) / 2);left:calc(var(--cx0) - var(--d0) / 2);top:calc(var(--cy0) - var(--d0) / 2);width:var(--d0);height:var(--d0);transform:rotate(calc(var(--raw,0) * -45deg));position:absolute}.toolkit__disc:before,.toolkit__disc:after{content:"";z-index:-1;clip-path:var(--flower);position:absolute}.toolkit__disc:before{background:color-mix(in srgb, #ffb900 calc(var(--flood) * 100%), #f7b500);transform:scale(calc(1 + var(--flood) * 4));inset:0}.toolkit__disc:after{transform:scale(calc(1 - var(--flood)));background:#fddc56;inset:8.14%}.toolkit__spoke,.toolkit__rim-word{--d:calc(var(--spoke) - var(--raw,0));--dist:min(max(var(--d), -1 * var(--d)), max(var(--d) - 4, 4 - var(--d)), max(var(--d) - 8, 8 - var(--d)));opacity:min(clamp(0, calc((.9 - var(--dist)) / .3), 1), var(--cards))}.toolkit__spoke{rotate:calc(var(--spoke) * 45deg);position:absolute;inset:0}.toolkit__rim-print{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.toolkit__rim-word{font-family:var(--sans);fill:var(--ink);font-size:17.2px}.toolkit__ring{font-family:var(--sans);font-size:calc(.00888 * var(--wheel-w));color:var(--toolkit-ink);white-space:nowrap;left:50%;top:calc(.266205 * var(--wheel-h));line-height:1;position:absolute;translate:-50% -50%}.toolkit__sign-title,.toolkit__nav{display:none}.toolkit__plate{--plate-r:calc(.01927 * var(--wheel-w));background:var(--toolkit-card);position:absolute}.toolkit__plate--left{left:calc(.08333 * var(--wheel-w));top:calc(.21296 * var(--wheel-h));width:calc(.30625 * var(--wheel-w) + 1px);height:calc(.58889 * var(--wheel-h));border-radius:var(--plate-r) 0 0 var(--plate-r)}.toolkit__plate--right{left:calc(.61128 * var(--wheel-w) - 1px);top:calc(.21291 * var(--wheel-h));width:calc(.30546 * var(--wheel-w) + 1px);height:calc(.58905 * var(--wheel-h));border-radius:0 var(--plate-r) var(--plate-r) 0}.toolkit__plate--head{left:calc(.38958 * var(--wheel-w) - 1px);top:calc(.21296 * var(--wheel-h));width:calc(.22188 * var(--wheel-w) + 2px);height:calc(.05278 * var(--wheel-h))}.toolkit__plate--waist{left:calc(.38958 * var(--wheel-w) - 1px);top:calc(.36111 * var(--wheel-h));width:calc(.22188 * var(--wheel-w) + 2px);height:calc(.29259 * var(--wheel-h))}.toolkit__plate--foot{left:calc(.38958 * var(--wheel-w) - 1px);top:calc(.74907 * var(--wheel-h));width:calc(.22188 * var(--wheel-w) + 2px);height:calc(.05278 * var(--wheel-h))}.toolkit__rule{top:calc(.21291 * var(--wheel-h));width:max(1px, calc(1.43 * var(--toolkit-unit)));height:calc(.58905 * var(--wheel-h));background:color-mix(in srgb, var(--ink) 15%, transparent);position:absolute}.toolkit__rule--left{left:calc(.36732 * var(--wheel-w))}.toolkit__rule--right{left:calc(.63305 * var(--wheel-w))}.toolkit__reel{transform:translateY(calc(var(--raw,0) * -100%));flex-direction:column;display:flex;position:absolute;inset:0}.toolkit__slide{flex:1 0 100%;place-items:center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.toolkit__shot{position:absolute;overflow:hidden}.toolkit__shot .toolkit__slide{--off:min(1, max(var(--raw,0) - var(--i), var(--i) - var(--raw,0)));filter:brightness(calc(1 - var(--off) * .45))}.toolkit__shot--art{left:calc(.11674 * var(--wheel-w));top:calc(.26481 * var(--wheel-h));width:calc(.21719 * var(--wheel-w));height:calc(.48519 * var(--wheel-h))}.toolkit__shot--art .toolkit__slide{grid-template:minmax(0,1fr)/minmax(0,1fr);padding:4%}.toolkit__shot--art,.toolkit__shot--art .toolkit__slide{clip-path:inset(0 -10%);overflow:visible}.toolkit__art-backdrop{visibility:hidden;aspect-ratio:1;pointer-events:none;background:url(/assets/flower-backdrop_texture-DGOufatA.svg) 50%/contain no-repeat;grid-area:1/1;width:125%;position:relative}.toolkit__shot--art img{z-index:1;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 calc(12 * var(--wheel-w) / 1920) #ffe38a66) drop-shadow(0 0 calc(32 * var(--wheel-w) / 1920) #f7b5002e);grid-area:1/1;display:block;position:relative;scale:.9}.toolkit__shot--tools{left:calc(.66655 * var(--wheel-w));top:calc(.26523 * var(--wheel-h));width:calc(.21744 * var(--wheel-w));height:calc(.48453 * var(--wheel-h))}.toolkit__shot--tools .toolkit__slide{padding:calc(.0208 * var(--wheel-w));align-items:center}.toolkit__tools{row-gap:0;column-gap:calc(.0755 * var(--wheel-w));grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(0,1fr);width:100%;height:100%;margin:0;padding:0;list-style:none;display:grid}.toolkit__tool{justify-content:center;align-items:center;gap:calc(.0111 * var(--wheel-h));text-align:center;flex-direction:column;min-width:0;display:flex}.toolkit__tool-icon{width:calc(.05 * var(--wheel-w));height:calc(.05 * var(--wheel-w));flex:none;place-items:center;display:grid}.toolkit__tool img{object-fit:contain;width:80%;height:80%}.toolkit__tool-icon--adobe img{width:72%;height:72%}.toolkit__tool-soon{width:calc(.05 * var(--wheel-w));height:calc(.05 * var(--wheel-w));border:1.5px dashed color-mix(in srgb, var(--ink) 25%, transparent);background:var(--card);border-radius:50%}.toolkit__tool p{font-size:calc(.0104 * var(--wheel-w));font-family:var(--sans);color:var(--toolkit-ink);white-space:nowrap;margin:0}.toolkit__label{left:calc(.38958 * var(--wheel-w));top:calc(.36111 * var(--wheel-h));width:calc(.22188 * var(--wheel-w));height:calc(.29259 * var(--wheel-h));position:absolute;overflow:hidden}.toolkit__reel--title .toolkit__slide{justify-content:center;align-items:center;gap:calc(.00833 * var(--wheel-w));flex-direction:row;padding:0 6%;display:flex}.toolkit__no{font:500 calc(.00938 * var(--wheel-w)) / 1 var(--title);color:#706d65;letter-spacing:.04em;white-space:nowrap;flex:none;margin:0}.toolkit__name{font:700 calc(.03 * var(--wheel-w)) / 1 var(--title);color:var(--toolkit-ink);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0}.toolkit__name--long{font-size:calc(.0225 * var(--wheel-w))}@media (prefers-reduced-motion:reduce){.toolkit__reel{transition:none}}@media (width<=402px){.toolkit__intro,.toolkit__outro{top:calc(50% + (var(--status-h) - var(--nav-clear)) / 2);width:var(--content-w)}.toolkit__title{font-size:clamp(44px,15.5vw,76px)}.toolkit__lead{font-size:clamp(14px,4.1vw,18px)}.toolkit__outro{--u:calc(var(--content-w) / 400);height:auto}.toolkit__outro .fracture__whole{height:auto}.outro{--aw:calc(190 * var(--u));--ah:calc(80 * var(--u));--sw:calc(68 * var(--u));--fs:calc(32 * var(--u));gap:calc(36 * var(--u));height:auto;padding-top:0}.toolkit__outro-title{font-size:calc(24 * var(--u))}.outro__name{font-size:calc(44 * var(--u))}.outro__role{font-size:calc(11 * var(--u))}.sign__text{letter-spacing:0}.outro__stage{height:calc(2 * var(--ah))}.outro--form .outro__stage{height:auto}.outro--form .outro__sign{display:none}.outro__stage .contact{width:100%;max-height:none;position:relative;inset:auto;translate:none}.outro__stage .contact:not(.is-open){display:none}.outro__stage .contact.is-open{translate:none}.outro{--pad0:calc(16 * var(--u))}.toolkit__wheel{--wheel-w:100vw;--wheel-h:calc(var(--stage-h) - var(--nav-clear) - 12px);--sign-d:70vw;--card-top:calc(var(--sign-d) / 2 + 28px);top:calc(var(--status-h) + var(--wheel-h) / 2)}.toolkit__disc{--d0:var(--sign-d);--cx0:calc(.5 * var(--wheel-w));--cy0:var(--card-top)}.toolkit__plate--right,.toolkit__plate--head,.toolkit__plate--waist,.toolkit__plate--foot,.toolkit__rule--left,.toolkit__rule--right,.toolkit__shot--art,.toolkit__label,.toolkit__ring,.toolkit__rim-print{display:none}.toolkit__plate--left{left:5%;top:var(--card-top);width:90%;height:calc(var(--wheel-h) - var(--card-top));border-radius:30px}.toolkit__sign-title{width:64%;color:var(--toolkit-ink);font:700 clamp(26px, 8.4vw, 38px) / 1.05 var(--title);letter-spacing:.01em;text-align:center;text-wrap:balance;margin:0;display:block;position:absolute;top:29%;left:50%;translate:-50% -50%}.toolkit__sign-title--long{font-size:clamp(17px,5.6vw,25px)}.toolkit__shot--tools{width:82%;left:9%;top:calc(var(--card-top) + 24px);height:calc(var(--wheel-h) - var(--card-top) - 40px)}.toolkit__shot--tools .toolkit__slide{padding:0}.toolkit__tools{grid-template-columns:repeat(2,1fr);gap:16px 12px}.toolkit__tool{gap:6px}.toolkit__tool-icon,.toolkit__tool-soon{width:clamp(44px,min(17vw,9svh),64px);height:clamp(44px,min(17vw,9svh),64px)}.toolkit__tool p{font-size:clamp(13px,3.9vw,16px);line-height:1.2}.toolkit__nav{left:5%;right:5%;top:calc(var(--card-top) - 64px);opacity:var(--cards);pointer-events:none;justify-content:space-between;display:flex;position:absolute}.toolkit__nav button{aspect-ratio:1;border:1.5px solid var(--ink);width:44px;color:var(--ink);font:700 19px/1 var(--sans);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:opacity .2s;display:grid}.toolkit__nav.is-live button{pointer-events:auto}.toolkit__nav button:disabled{opacity:.3;cursor:default}}.fracture__slices .sign__link{pointer-events:none}.toolkit__editorial{display:none}@media (width>=403px){.toolkit__wheel>.toolkit__plate,.toolkit__wheel>.toolkit__rule,.toolkit__wheel>.toolkit__shot,.toolkit__wheel>.toolkit__label{display:none}.toolkit__editorial{--e:calc(var(--wheel-w) / 1920);border-radius:calc(48 * var(--e));background:var(--toolkit-card);width:83.334%;height:66%;color:var(--toolkit-ink);opacity:var(--cards);font-family:var(--sans);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;top:18%;left:8.333%;overflow:hidden}.toolkit__editorial.is-live{pointer-events:auto}.toolkit__editorial-art{min-width:0;position:relative}.toolkit__editorial-info{min-width:0;padding:calc(54 * var(--e)) calc(38 * var(--e)) calc(42 * var(--e));border-left:1px solid #3a3a3a1f;flex-direction:column;display:flex}.toolkit__micro{font-size:calc(15 * var(--e));color:#817e72;margin:0;line-height:1.12;position:absolute}.toolkit__micro--top{top:9%;left:14%}.toolkit__micro--bottom{bottom:9%;left:14%}.toolkit__editorial-reel{z-index:1;position:absolute;inset:15% 22%;overflow:hidden}.toolkit__editorial-reel .toolkit__slide{grid-template:minmax(0,1fr)/minmax(0,1fr)}.toolkit__editorial-reel img{z-index:1;object-fit:contain;width:100%;height:94%;filter:drop-shadow(0 calc(24 * var(--e)) calc(22 * var(--e)) #6c531a2e);position:relative}.toolkit__orbit{z-index:0;pointer-events:none;border:1px solid #a6a79b;border-radius:50%;width:78%;height:20%;position:absolute;top:46%;left:12%;rotate:-25deg}.toolkit__editorial-top{color:#77766f;font-size:calc(22 * var(--e));justify-content:space-between;align-items:center;display:flex}.toolkit__dots{gap:calc(8 * var(--e));display:flex}.toolkit__dots button{width:calc(28 * var(--e));height:calc(28 * var(--e));padding:calc(5 * var(--e));cursor:pointer;background:0 0;border:0}.toolkit__dots button:after{content:"";border:1px solid #e5c66d;border-radius:50%;width:100%;height:100%;display:block}.toolkit__dots button[aria-pressed=true]:after{background:#f7c541;border-color:#f7c541}.toolkit__editorial-copy h3{margin:0 0 calc(20 * var(--e));font:750 calc(76 * var(--e)) / 1 var(--sans);letter-spacing:-.055em}.toolkit__editorial-copy h3.is-long{font-size:calc(48 * var(--e));letter-spacing:-.045em}.toolkit__editorial-copy>p{max-width:95%;font-size:calc(21 * var(--e));word-break:keep-all;margin:0;line-height:1.7}.toolkit__editorial-keywords{padding-top:calc(26 * var(--e));color:#89877e;font-size:calc(17 * var(--e));border-top:1px solid #3a3a3a2b;margin-top:auto;line-height:1.6}.toolkit__editorial-keywords p{margin:0 0 calc(6 * var(--e))}.toolkit__editorial-next{min-height:calc(108 * var(--e));margin-top:calc(30 * var(--e));background:linear-gradient(115deg,#f4c442,#f6d25b,#f2c13d);border-radius:999px;align-items:stretch;display:flex}.toolkit__editorial-next button{color:#3a3a3a;cursor:pointer;background:0 0;border:0;font-family:inherit}.toolkit__editorial-next button:first-child,.toolkit__editorial-next button:last-child{width:19%;font-size:calc(30 * var(--e))}.toolkit__editorial-next button:nth-child(2){justify-content:center;align-items:center;gap:calc(5 * var(--e));flex-direction:column;flex:1;display:flex}.toolkit__editorial-next small{font-size:calc(17 * var(--e));font-weight:400}.toolkit__editorial-next strong{font-size:calc(17 * var(--e))}.toolkit__editorial-next button:disabled{opacity:.3;cursor:default}.toolkit__editorial button:focus-visible{outline-offset:3px;border-radius:20px;outline:2px solid #3a3a3a}.toolkit__editorial-info{border-right:1px solid #3a3a3a1f}.toolkit__wheel>.toolkit__shot--tools{z-index:1;left:calc(.66655 * var(--wheel-w));top:calc(.26523 * var(--wheel-h));width:calc(.21744 * var(--wheel-w));height:calc(.48453 * var(--wheel-h));display:block}.toolkit__editorial{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201600%20712.8'%20preserveAspectRatio='none'%3e%3cdefs%3e%3cmask%20id='window'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='1600'%20height='712.8'%3e%3crect%20width='1600'%20height='712.8'%20fill='white'/%3e%3crect%20x='571.333'%20y='562.8'%20width='457.334'%20height='108'%20rx='54'%20fill='black'/%3e%3c/mask%3e%3c/defs%3e%3crect%20width='1600'%20height='712.8'%20fill='%23FFF8E9'%20mask='url(%23window)'/%3e%3c/svg%3e") 50%/100% 100% no-repeat}.toolkit__editorial-next{height:calc(108 * var(--e));background:0 0;flex-shrink:0}.toolkit__ring{top:calc(50% - .24565 * var(--wheel-h));font-size:calc(24 * var(--wheel-w) / 1920);font-weight:500;rotate:180deg}.toolkit__editorial-top{font-size:calc(18 * var(--e));letter-spacing:.06em;color:#89867c;font-weight:400}.toolkit__editorial-copy{margin-top:calc(42 * var(--e))}.toolkit__editorial-copy h3,.toolkit__editorial-copy h3.is-long{font-size:calc(47 * var(--e));letter-spacing:-.045em;margin-bottom:calc(26 * var(--e));font-weight:750;line-height:1.08}.toolkit__editorial-copy>p{font-size:calc(20 * var(--e));letter-spacing:-.025em;color:#55534d;text-wrap:pretty;font-weight:400;line-height:1.75}.toolkit__editorial-keywords{padding-top:calc(24 * var(--e))}.toolkit__editorial-keywords p:first-child{font-size:calc(15 * var(--e));letter-spacing:.01em;color:#706c61;margin-bottom:0;font-weight:500;line-height:1.8}.toolkit__ring{font-size:calc(20 * var(--wheel-w) / 1920);font-weight:400}.toolkit__editorial-reel,.toolkit__editorial-reel .toolkit__slide{clip-path:inset(0 -35%);overflow:visible}.toolkit__editorial{transform-origin:50%;transform:scale(.8)}.toolkit__wheel>.toolkit__shot--tools{transform-origin:calc((.5 - .66655) * var(--wheel-w)) calc((.51 - .26523) * var(--wheel-h));transform:scale(.8)}.toolkit__ring{top:calc(50% - .19743 * var(--wheel-h));font-size:calc(16 * var(--wheel-w) / 1920)}}.why{--reveal:clamp(0, calc((var(--p,0) - .612) / .016), 1);--title-out:clamp(0, calc((var(--p,0) - .636) / .026), 1);--handoff:clamp(0, calc((var(--p,0) - .628) / .044), 1);--cards-in:clamp(0, calc((var(--p,0) - .636) / .046), 1);--flip:clamp(0, calc((var(--p,0) - .706) / .034), 1);--sheet-content-in:clamp(0, calc((var(--p,0) - .74) / .004), 1);--mini-in:clamp(0, calc((var(--p,0) - .747) / .012), 1);--sheet-rest-top:calc(192 * var(--card-px));--sheet-final-top:1svh;--sheet-height:calc(783.78 * var(--card-px));--sheet-shift:calc(var(--mini-in) * (var(--sheet-final-top) - var(--sheet-rest-top)));--hold:clamp(0, calc((.77 - var(--p,0)) / .006), 1);--vector-h:calc(133 * var(--px-fluid));--card-px:min(calc(100vw / 1920), calc(100vh / 1080));z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.why:before{content:"";z-index:0;opacity:min(var(--reveal), var(--hold));background:linear-gradient(#f6e6ab 0% 54%,#f5dfa0 70%,#f3d260 88%,#efc128 100%);position:absolute;inset:0}.yellow__copy{z-index:2;padding:4vh var(--gutter) 20vh;opacity:min(var(--reveal), calc(1 - var(--title-out)), var(--hold));transform:translateY(calc((1 - var(--reveal)) * 7vh - var(--title-out) * 72vh));will-change:opacity, transform;place-items:center;display:grid;position:absolute;inset:0}.yellow__title{width:min(8.2em, var(--content-w));color:var(--ink);font-family:var(--title);font-size:max(64px, calc(150 * var(--px-fluid)));letter-spacing:-.005em;text-align:center;text-wrap:balance;transform:scale(calc(.94 + var(--reveal) * .06));transform-origin:50%;will-change:transform;margin:0;font-weight:800;line-height:.95}.yellow__title span{white-space:nowrap;display:block}.yellow__handoff{z-index:1;height:calc(100% + var(--vector-h));opacity:min(var(--reveal), var(--hold));transform:translateY(calc((1 - var(--handoff)) * 82vh - var(--handoff) * var(--vector-h)));will-change:opacity, transform;position:absolute;top:0;left:0;right:0}.yellow__handoff:after{content:"";top:calc(var(--vector-h) - 3px);background:#fcb902;position:absolute;bottom:0;left:0;right:0}.yellow__vector{width:100%;height:var(--vector-h);display:block;position:absolute;top:0;left:0}.yellow__cards{z-index:3;justify-content:center;align-items:flex-start;gap:calc(50 * var(--card-px) * (1 - var(--flip)));padding:calc(192 * var(--card-px)) calc(81 * var(--card-px)) calc(104 * var(--card-px));perspective:calc(1600 * var(--card-px));opacity:min(var(--reveal), var(--hold));transform:translateY(calc((1 - var(--cards-in)) * 96vh - (1 - var(--hold)) * 7vh));transform-style:preserve-3d;will-change:opacity, transform;margin:0;list-style:none;display:flex;position:absolute;inset:0}.yellow-card{flex:0 0 calc(556.66 * var(--card-px));height:calc(783.78 * var(--card-px));border-radius:calc(37 * var(--card-px));color:var(--ink);transform-style:preserve-3d;will-change:transform;background:0 0;position:relative;overflow:visible}.yellow-card:first-child{transform:translateY(calc((1 - var(--cards-in)) * 55%))}.yellow-card:nth-child(2){transform:translateY(calc((1 - var(--cards-in)) * -50%))}.yellow-card:nth-child(3){transform:translateY(calc((1 - var(--cards-in)) * 50%))}.yellow-card__turn{border-radius:calc(37 * var(--card-px));transform-style:preserve-3d;will-change:transform;position:absolute;inset:0;overflow:visible}.yellow-card:first-child .yellow-card__turn{transform:rotateY(calc(var(--flip) * 180deg))}.yellow-card:nth-child(2) .yellow-card__turn{transform:rotateY(calc((1 - var(--cards-in)) * -360deg + var(--flip) * 180deg))}.yellow-card:nth-child(3) .yellow-card__turn{transform:rotateY(calc(var(--flip) * 180deg))}.yellow-card__front,.yellow-card__back{border-radius:calc(37 * var(--card-px));background:var(--card);backface-visibility:hidden;will-change:transform;position:absolute;inset:0;overflow:hidden}.yellow-card__front{transform:rotateY(0)translateZ(1px)}.yellow__sheet,.yellow__mini{display:none}@media (width>=403px){.yellow-card{--r:calc(37 * var(--card-px));--r-in:calc(var(--r) * (1 - var(--flip)));translate:0 var(--sheet-shift)}.yellow-card__back{inset:0 calc(var(--flip) * -1px)}.yellow-card:first-child .yellow-card__back{border-radius:var(--r) var(--r-in) var(--r-in) var(--r)}.yellow-card:nth-child(2) .yellow-card__back{border-radius:var(--r-in)}.yellow-card:nth-child(3) .yellow-card__back{border-radius:var(--r-in) var(--r) var(--r) var(--r-in)}.yellow-card__proof{visibility:hidden}.yellow__sheet{--sheet-pad:calc((48 - 16 * var(--mini-in)) * var(--card-px));z-index:3;top:var(--sheet-rest-top);width:calc(3 * 556.66 * var(--card-px));height:var(--sheet-height);align-items:center;gap:calc(64 * var(--card-px));padding:var(--sheet-pad);color:var(--ink);opacity:var(--sheet-content-in);transform:translateX(-50%) translateY(var(--sheet-shift)) translateZ(3px);transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;pointer-events:none;display:flex;position:absolute;left:50%}.yellow__sheet-media{aspect-ratio:4/3;border-radius:calc(20 * var(--card-px));background:var(--ink);flex:none;width:auto;height:100%;overflow:hidden}.yellow__sheet-info{flex-direction:column;flex:1 1 0;justify-content:flex-start;min-width:0;height:100%;display:flex}.yellow__sheet-info>*,.yellow__sheet-heading>*{margin:0}.yellow__sheet-eyebrow{font:700 calc(16 * var(--card-px)) / 1 var(--title);letter-spacing:.18em}.yellow__sheet-title{margin-top:calc(14 * var(--card-px));font:800 calc(84 * var(--card-px)) / .95 var(--title);letter-spacing:-.005em}.yellow__sheet-title span{white-space:nowrap;display:block}.yellow__sheet-kind{margin-top:calc(26 * var(--card-px));font:500 calc(24 * var(--card-px)) / 1.3 var(--sans)}.yellow__sheet-stack{margin-top:calc(14 * var(--card-px));font:700 calc(15 * var(--card-px)) / 1.3 var(--title);letter-spacing:.12em}.yellow__sheet-info>.yellow__sheet-links{align-items:flex-start;gap:calc(12 * var(--card-px));padding-top:calc(24 * var(--card-px));flex-direction:column;margin-top:auto;display:flex}.yellow__sign{width:min(100%, calc(320 * var(--card-px)));aspect-ratio:431/116;min-height:32px;color:var(--black);font:700 calc(22 * var(--card-px)) / 1 var(--title);letter-spacing:.02em;text-decoration:none;transition:transform .2s;display:grid;position:relative}.yellow__sign-board{width:100%;height:100%;position:absolute;inset:0}.yellow__sign-content{align-items:center;gap:calc(13 * var(--card-px));white-space:nowrap;padding:0 12% 0 13%;display:flex;position:relative}.yellow__sign-icon{width:calc(40 * var(--card-px));height:calc(40 * var(--card-px));flex:none}.yellow__sign--github{color:var(--white)}.yellow__sign--github .yellow__sign-icon{filter:invert()}.yellow__sign:hover,.yellow__sign:focus-visible{transform:translateX(calc(8 * var(--card-px)))}.yellow__sheet-links a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.yellow__sheet.is-live .yellow__sheet-links a{pointer-events:auto}.yellow__sheet-video{pointer-events:none;border:0;width:100%;height:100%;display:block}.yellow__mini{z-index:2;top:calc(var(--sheet-rest-top) + var(--sheet-height));width:calc(3 * 556.66 * var(--card-px));height:auto;padding:calc(8 * var(--card-px)) calc(32 * var(--card-px));border-radius:calc(37 * var(--card-px));background:var(--card);color:var(--ink);opacity:clamp(0, calc(var(--mini-in) * 2), 1);transform:translateX(-50%) translateY(calc(var(--sheet-shift) + var(--mini-in) * .4svh)) rotateX(calc((1 - var(--mini-in)) * -92deg)) translateZ(-2px);transform-origin:top;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;left:50%}.yellow__mini-side-title{top:50%;right:calc(100% - 10 * var(--card-px));z-index:-1;color:var(--card);font:800 calc(76 * var(--card-px)) / .75 var(--title);text-align:center;margin:0;position:absolute;transform:translateY(-50%)}.yellow__mini-side-title span{display:block}.yellow__mini-grid{gap:calc(12 * var(--card-px)) calc(32 * var(--card-px));flex:none;grid-template-rows:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;width:100%;max-width:100%;min-height:0;display:grid}.yellow__mini-project{gap:calc(8 * var(--card-px));grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;margin:0;display:grid}.yellow__mini-media{--mini-media-radius:calc(12 * var(--card-px));border-radius:var(--mini-media-radius);clip-path:inset(0 round var(--mini-media-radius));aspect-ratio:16/9;background:#000;align-self:center;width:100%;overflow:hidden}.yellow__mini-media video{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.yellow__mini-project figcaption{align-self:center;min-width:0}.yellow__mini-project h4{font:800 calc(22 * var(--card-px)) / 1 var(--title);letter-spacing:.06em;text-align:center;margin:0}}.yellow-card__back{transform:rotateY(180deg)translateZ(1px)}.yellow-card__proof{opacity:0;top:calc(78 * var(--card-px));left:calc(50.38 * var(--card-px));width:calc(456.66 * var(--card-px));align-items:center;gap:calc(50 * var(--card-px));flex-direction:column;display:flex;position:absolute}.yellow-card:first-child .yellow-card__proof,.yellow-card:nth-child(2) .yellow-card__proof,.yellow-card:nth-child(3) .yellow-card__proof{opacity:var(--flip)}.proof-card__header{align-items:center;gap:calc(12 * var(--card-px));text-align:center;flex-direction:column;display:flex}.proof-card__header h3,.proof-card__header p,.proof-card__item h4,.proof-card__item p{margin:0}.proof-card__header h3{color:var(--ink);font-family:var(--title);font-size:calc(56 * var(--card-px));white-space:nowrap;font-weight:700;line-height:1}.proof-card__header p{font-family:var(--sans);font-weight:500;font-size:calc(18 * var(--card-px));line-height:1}.proof-card__content{gap:calc(32 * var(--card-px));flex-direction:column;width:100%;display:flex}.proof-card__item{gap:calc(12 * var(--card-px));flex-direction:column;display:flex}.proof-card__label{align-items:center;gap:calc(16 * var(--card-px));display:flex}.proof-card__label img{width:calc(51.85 * var(--card-px));height:calc(46.37 * var(--card-px));object-fit:contain}.proof-card__item:first-child .proof-card__label img{width:calc(40.93 * var(--card-px))}.proof-card__label h4{font-family:var(--sans);font-size:calc(24 * var(--card-px));font-weight:700;line-height:1.6}.proof-card__item>p{font-family:var(--sans);font-size:calc(18 * var(--card-px));word-break:keep-all;font-weight:500;line-height:1.6}.yellow-card__title{top:calc(78 * var(--card-px));width:100%;color:var(--ink);font-family:var(--title);font-size:calc(65 * var(--card-px));text-align:center;white-space:nowrap;margin:0;font-weight:700;line-height:1;position:absolute;left:0}.yellow-card__subtitle{top:calc(158 * var(--card-px));left:calc(50 * var(--card-px));width:calc(456.66 * var(--card-px));color:var(--ink);font-family:var(--sans);font-size:calc(22 * var(--card-px));text-align:center;word-break:keep-all;margin:0;font-weight:500;line-height:1.3;position:absolute}.yellow-card__body{top:calc(212 * var(--card-px));left:calc(50 * var(--card-px));width:calc(456.66 * var(--card-px));font-family:var(--sans);font-size:calc(18 * var(--card-px));word-break:normal;line-break:anywhere;margin:0;font-weight:500;line-height:1.6;position:absolute}.yellow-card__graphic{top:calc(340 * var(--card-px));width:auto;height:calc(320 * var(--card-px));display:block;position:absolute;left:50%;transform:translate(-50%)}.yellow-card__tags{bottom:calc(36 * var(--card-px));left:calc(50 * var(--card-px));width:calc(456.66 * var(--card-px));color:var(--ink);font:500 calc(14 * var(--card-px)) / 1.2 var(--sans);letter-spacing:.08em;text-align:center;margin:0;position:absolute}@media (width>=403px) and (width<=1280px){.yellow__mini{top:calc(var(--sheet-rest-top) + var(--sheet-height));width:calc(3 * 556.66 * var(--card-px));border-radius:24px;gap:0;height:auto;padding:8px 20px}.yellow__mini-grid{align-content:center;gap:18px 22px;width:100%}.yellow__mini-project{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px}.yellow__mini-project h4{text-align:center;margin-bottom:5px;font-size:clamp(14px,1.8vw,18px)}}@media (width<=402px),(width>=403px) and (width<=1280px) and (orientation:portrait){.why{--vector-h:clamp(96px, 18vh, 150px);--mobile-spread:clamp(0, calc((var(--p,0) - .656) / .026), 1);--mobile-card-gap:clamp(8px, 1.4vh, 12px);--mobile-inner-radius:calc(18px * (1 - var(--flip)));--yellow-safe-top:var(--status-h,0px);--yellow-nav-clear:var(--nav-clear,max(78px, 9svh))}.yellow__copy{padding:calc(2vh + var(--yellow-safe-top)) var(--gutter) 16vh}.yellow__title{width:min(8.2em,90vw);font-size:clamp(54px,17vw,92px);line-height:.95}.yellow__vector{width:auto;min-width:150vw;left:50%;transform:translate(-50%)}.yellow__cards{top:0;bottom:calc(var(--yellow-nav-clear) + 12px);justify-content:stretch;align-items:stretch;gap:calc(var(--mobile-card-gap) * (1 - var(--flip)));padding:calc(var(--yellow-safe-top) + clamp(14px, 2.5vh, 28px)) 5vw 0;perspective:1000px;transform:translateY(calc((1 - var(--handoff)) * 82vh + (1 - var(--handoff)) * var(--vector-h) - (1 - var(--hold)) * 7vh));grid-template-rows:repeat(3,1fr);display:grid}.yellow-card{width:100%;height:auto;min-height:0;translate:0 calc(var(--mini-in) * -110vh);border-radius:18px}.yellow-card:first-child{z-index:3;transform:scale(calc(.98 + var(--mobile-spread) * .02))}.yellow-card:nth-child(2){z-index:2;transform:translateX(calc((1 - var(--mobile-spread)) * 5px)) translateY(calc((1 - var(--mobile-spread)) * -100%)) scale(calc(.97 + var(--mobile-spread) * .03))}.yellow-card:nth-child(3){z-index:1;transform:translateX(calc((1 - var(--mobile-spread)) * 10px)) translateY(calc((1 - var(--mobile-spread)) * -200%)) scale(calc(.96 + var(--mobile-spread) * .04))}.yellow-card:first-child .yellow-card__turn,.yellow-card:nth-child(2) .yellow-card__turn,.yellow-card:nth-child(3) .yellow-card__turn{transform:rotateY(calc(var(--flip) * 180deg))}.yellow__sheet,.yellow__mini{top:calc(var(--yellow-safe-top) + clamp(14px, 2.5vh, 28px));background:var(--card);width:auto;height:auto;color:var(--ink);border-radius:18px;position:absolute;bottom:0;left:5vw;right:5vw}.yellow__sheet{z-index:5;opacity:1;transform:translateY(calc(var(--mini-in) * -110vh)) rotateY(calc((1 - var(--flip)) * -180deg)) translateZ(2px);transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;pointer-events:none;flex-direction:column;gap:18px;padding:18px;display:flex}.yellow__sheet-media{background:var(--ink);border-radius:14px;width:100%;height:40%;min-height:0;overflow:hidden}.yellow__sheet-video{pointer-events:none;border:0;width:100%;height:100%;display:block}.yellow__sheet-info{text-align:left;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;width:100%;min-height:0;display:flex}.yellow__sheet-info>*,.yellow__sheet-heading>*{margin:0}.yellow__sheet-eyebrow{font:700 12px/1 var(--title);letter-spacing:.16em}.yellow__sheet-title{font:800 clamp(38px, 12vw, 54px) / .92 var(--title);margin-top:8px}.yellow__sheet-title span{display:block}.yellow__sheet-kind{font:500 clamp(15px, 4vw, 19px) / 1.3 var(--sans);margin-top:clamp(18px,3vh,30px)}.yellow__sheet-stack{font:700 12px/1.3 var(--title);letter-spacing:.1em;margin-top:clamp(8px,1.4vh,14px)}.yellow__sheet-info>.yellow__sheet-links{flex-direction:row;justify-content:center;align-items:center;gap:clamp(10px,2.4vw,22px);width:100%;margin-top:auto;padding-top:16px;padding-bottom:2px;display:flex}.yellow__sign{aspect-ratio:431/116;width:auto;min-width:0;max-width:clamp(150px,34vw,280px);min-height:44px;color:var(--black);font:700 clamp(16px, 2.4vw, 20px) / 1 var(--title);flex:150px;text-decoration:none;display:grid;position:relative}.yellow__sign-board{width:100%;height:100%;position:absolute;inset:0}.yellow__sign-content{white-space:nowrap;justify-content:center;align-items:center;gap:clamp(5px,1.4vw,10px);padding:0 5%;display:flex;position:relative}.yellow__sign-icon{width:clamp(18px,2.8vw,26px);height:clamp(18px,2.8vw,26px)}.yellow__sign--github{color:var(--white)}.yellow__sign--github .yellow__sign-icon{filter:invert()}.yellow__sign--github .yellow__sign-board{transform:scaleX(-1)}.yellow__sheet.is-live .yellow__sheet-links a{pointer-events:auto}.yellow__mini{z-index:6;height:auto;transform:translateY(calc((1 - var(--mini-in)) * 110vh));flex-direction:column;gap:0;padding:10px;display:flex;bottom:auto}.yellow__mini-side-title{display:none}.yellow__mini-grid{flex:none;grid-template-rows:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:14px 12px;width:100%;min-height:0;display:grid}.yellow__mini-project{grid-template-rows:auto auto;align-content:start;gap:8px;min-width:0;min-height:0;margin:0;display:grid}.yellow__mini-media{--mini-media-radius:9px;border-radius:var(--mini-media-radius);min-height:0;clip-path:inset(0 round var(--mini-media-radius));aspect-ratio:16/9;background:#000;align-self:start;width:100%;overflow:hidden}.yellow__mini-media video{border-radius:inherit;object-fit:contain;width:100%;height:100%;display:block}.yellow__mini-project h4{font:800 clamp(9px, 2vw, 14px) / 1 var(--title);text-align:center;margin:0 0 4px}.yellow-card__turn,.yellow-card__front,.yellow-card__back{border-radius:18px}.yellow-card__proof{visibility:hidden}.yellow-card:first-child .yellow-card__back{border-radius:18px 18px var(--mobile-inner-radius) var(--mobile-inner-radius)}.yellow-card:nth-child(2) .yellow-card__back{border-radius:var(--mobile-inner-radius)}.yellow-card:nth-child(3) .yellow-card__back{border-radius:var(--mobile-inner-radius) var(--mobile-inner-radius) 18px 18px}.yellow-card__proof{gap:clamp(8px,1.6vh,20px);width:88%;top:6%;left:6%}.yellow-card:first-child .yellow-card__proof,.yellow-card:nth-child(2) .yellow-card__proof,.yellow-card:nth-child(3) .yellow-card__proof{opacity:var(--flip)}.proof-card__header{gap:3px}.proof-card__header h3{font-size:clamp(22px,5vw,34px)}.proof-card__header p{font-size:clamp(8px,1.8vw,11px)}.proof-card__content{gap:clamp(6px,1.2vh,14px)}.proof-card__item{gap:clamp(2px,.5vh,6px)}.proof-card__label{gap:clamp(6px,1.5vw,10px)}.proof-card__label img,.proof-card__item:first-child .proof-card__label img{width:clamp(16px,3.5vw,22px);height:clamp(16px,3.5vw,22px)}.proof-card__label h4{font-size:clamp(12px,3vw,17px);line-height:1.1}.proof-card__item>p{font-size:clamp(9px,2.2vw,13px);line-height:1.35}.yellow-card__title{text-align:left;width:52%;font-size:clamp(23px,7vw,34px);top:13%;left:5%}.yellow-card__subtitle{text-align:left;width:54%;font-size:clamp(9px,2.6vw,12px);top:calc(13% + clamp(38px,8vw,50px));left:5%}.yellow-card__tags{text-align:left;width:54%;font-size:clamp(8px,2.2vw,10px);bottom:7%;left:5%}.yellow-card__body{width:54%;font-size:clamp(9px,2.5vw,12px);line-height:1.5;top:max(35%,13% + clamp(62px,14vw,88px));left:5%}.yellow-card__graphic{object-fit:contain;width:auto;max-width:36%;height:64%;top:50%;left:79%;transform:translate(-50%,-50%)}}@media (width>=403px) and (width<=1280px) and (orientation:portrait){.yellow__cards{--tablet-card-inline:2vw;bottom:calc(var(--yellow-nav-clear) + 18px)}.yellow__sheet{height:43svh;padding:1.5vh var(--tablet-card-inline);transform:rotateY(calc((1 - var(--flip)) * -180deg)) translateZ(2px);border-radius:22px 22px 0 0;gap:clamp(9px,1.2vh,13px);bottom:auto;box-shadow:0 12px 28px #3e2d041a}.yellow__sheet-media{border-radius:14px;flex:0 0 52%;height:52%}.yellow__sheet-info{flex:none;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) clamp(165px,27vw,230px);align-items:start;column-gap:clamp(18px,4vw,42px);height:auto;display:grid}.yellow__sheet-heading{grid-area:1/1}.yellow__sheet-title{margin-top:6px;font-size:clamp(28px,5.5vw,44px)}.yellow__sheet-kind{grid-area:2/1;margin-top:clamp(9px,1.3vh,14px)}.yellow__sheet-stack{grid-area:3/1;margin-top:5px}.yellow__sheet-info>.yellow__sheet-links{flex-direction:column;grid-area:1/2/4;justify-content:center;align-self:center;align-items:stretch;gap:8px;width:100%;margin:0;padding:0}.yellow__sign{flex:none;width:100%;max-width:none;min-height:48px;font-size:clamp(15px,2.1vw,18px)}.yellow__sign-content{text-align:left;justify-content:flex-start;padding-inline:13%}.yellow__sign--github .yellow__sign-board{transform:none}.yellow__mini{top:calc(var(--yellow-safe-top) + clamp(14px, 2.5vh, 28px) + 43svh);width:auto;height:auto;padding:6vh var(--tablet-card-inline) 1.4vh;border-top:2px solid color-mix(in srgb, var(--ink) 82%, transparent);background:var(--card);opacity:var(--sheet-content-in);border-radius:0 0 22px 22px;bottom:0;left:5vw;right:5vw;transform:none;box-shadow:0 18px 30px #3e2d041a}.yellow__mini-side-title{top:8px;right:var(--tablet-card-inline);left:var(--tablet-card-inline);z-index:0;color:#0000;font:800 clamp(58px, 9.5vw, 90px) / .9 var(--title);-webkit-text-stroke:1.5px color-mix(in srgb, var(--yellow) 72%, var(--ink));opacity:.58;pointer-events:none;justify-content:space-between;margin:0;display:flex;position:absolute;transform:none}.yellow__mini-side-title span{display:inline}.yellow__mini-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5vh 10%;width:100%;margin-inline:auto;position:relative}.yellow__mini-project{gap:5px}.yellow__mini-media{border-radius:10px}.yellow__mini-project h4{text-align:left;font-size:clamp(11px,1.6vw,15px)}}@media (width>=403px) and (width<=1280px) and (orientation:landscape){.yellow__sheet-info{text-align:left}.yellow__sheet-info>.yellow__sheet-links{flex-direction:row;justify-content:center;align-items:center;gap:clamp(8px,1.4vw,18px);width:100%}.yellow__sign{flex:130px;width:auto;min-width:0;max-width:clamp(130px,18vw,220px);font-size:clamp(14px,1.6vw,18px)}.yellow__sign-content{justify-content:center;gap:clamp(4px,.8vw,10px);padding-inline:5%}.yellow__sign--github .yellow__sign-board{transform:scaleX(-1)}}@media (width<=402px){.yellow__mini{justify-content:center;height:auto;padding:1.2svh 4vw;bottom:0;overflow:hidden}.yellow__mini-grid{grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr);row-gap:.5svh;width:min(72vw,30svh);margin:auto}.yellow__mini-project{gap:.25svh}.yellow__mini-project h4{text-align:left;margin:0;font-size:min(3vw,1.7svh)}.yellow__sheet-info>.yellow__sheet-links{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}.yellow__sign{flex:none;width:min(100%,190px);max-width:190px;font-size:14px}.yellow__sign--github .yellow__sign-board{transform:none}.yellow__sign-content{text-align:left;justify-content:flex-start;padding-inline:13%}}@media (prefers-reduced-motion:reduce){.yellow__sign{transition:none}.yellow__sign:hover,.yellow__sign:focus-visible,.yellow__copy,.yellow__title,.yellow__handoff,.yellow__cards,.yellow-card,.yellow-card__turn{transform:none}}.scroll-track{position:relative}.stage{height:100svh;transition:opacity .22s;position:sticky;top:0;overflow:hidden}.is-jumping .stage{opacity:0}.scene{opacity:0;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;transition:opacity 1.2s;position:absolute;inset:0}@media (width<=1280px){.scene{touch-action:none}}.scene.ready{opacity:1}.scene canvas{display:block}