.project-root{background:var(--project-bg,#0e1b2c);color:var(--project-fg,#f5ebdd)}.project-status-mask{z-index:2147483647;pointer-events:none;background:#000;height:0;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}@media (max-width:720px){.project-status-mask{height:1rem;top:-.5rem}}.project-root .nav-clock,.project-root .nav-menu-btn{color:color-mix(in srgb, var(--project-fg,#fff) 78%, transparent)}.project-root .nav-menu-btn:hover{color:var(--project-fg,#fff)}.project-root .audio-toggle{border-color:color-mix(in srgb, var(--project-fg,#fff) 22%, transparent)}.project-root .audio-toggle:hover{border-color:color-mix(in srgb, var(--project-fg,#fff) 55%, transparent)}.project-root .eq-bar{background:color-mix(in srgb, var(--project-fg,#fff) 40%, transparent)}.project-root .eq--active .eq-bar{background:var(--project-fg,#fff)}.project-root{width:100%;min-height:100svh;font-family:var(--font-geist-mono), "Geist Mono", ui-monospace, monospace;overflow-x:clip}.project-root--pre-anim .project-hero__title-line{transform:translateY(110%)}.project-root--pre-anim .project-hero__desc p,.project-root--pre-anim .project-hero__col,.project-root--pre-anim .project-hero__launch{opacity:0;transform:translateY(28px)}.project-hero{box-sizing:border-box;align-items:flex-start;width:100%;min-height:88svh;padding:clamp(96px,11vh,140px) clamp(20px,3vw,48px) clamp(24px,3vw,48px);display:flex;position:relative}@media (min-width:900px){.project-hero{min-height:78svh;padding-left:clamp(48px,7vw,120px);padding-right:clamp(48px,7vw,120px)}}.project-hero__inner{flex-direction:column;gap:clamp(18px,1.8vw,28px);width:100%;max-width:1320px;margin:0 auto;display:flex}.project-hero__meta{font-family:var(--font-ibm-plex-mono), "IBM Plex Mono", monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.7;gap:24px;font-size:12px;display:flex}.project-hero__title{font-family:"nm", var(--font-host-grotesk), system-ui, sans-serif;letter-spacing:-.025em;text-transform:uppercase;flex-wrap:wrap;gap:.2em;margin:0;font-size:clamp(52px,7.4vw,116px);font-weight:500;line-height:.95;display:flex}.project-hero__title-mask{padding-bottom:.06em;display:inline-flex;overflow:hidden}.project-hero__title-line{will-change:transform;display:inline-block}.project-hero__desc{opacity:.92;flex-direction:column;gap:.7em;max-width:560px;font-size:clamp(13px,.95vw,15px);line-height:1.55;display:flex}.project-hero__desc p{margin:0}.project-hero__cols{grid-template-columns:minmax(0,200px) minmax(0,200px);gap:clamp(28px,4vw,72px);max-width:560px;margin-top:4px;display:grid}.project-hero__col h4{font-family:var(--font-host-grotesk), "Host Grotesk", system-ui, sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin:0 0 10px;font-size:10px;font-weight:500}.project-hero__col ul{font-family:var(--font-ibm-plex-mono), "IBM Plex Mono", monospace;letter-spacing:.02em;flex-direction:column;gap:5px;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}.project-hero__col a{color:inherit;border-bottom:1px solid;padding-bottom:1px;text-decoration:none;transition:opacity .2s}.project-hero__col a:hover{opacity:.65}.project-hero__launch{background:var(--project-fg,#f5ebdd);color:var(--project-bg,#0e1b2c);font-family:var(--font-ibm-plex-mono), "IBM Plex Mono", monospace;letter-spacing:.2em;text-transform:uppercase;isolation:isolate;box-shadow:inset 0 0 0 1px transparent, 0 14px 30px -16px color-mix(in srgb, var(--project-bg,#000) 70%, transparent);border:none;border-radius:999px;align-self:flex-start;align-items:center;margin-top:clamp(8px,1.5vw,20px);padding:12px 26px 12px 18px;font-size:12px;font-weight:600;text-decoration:none;transition:box-shadow .45s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden}.project-hero__launch:before{content:"";background:var(--project-bg,#0e1b2c);z-index:-1;transition:transform .55s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translate(-101%)}.project-hero__launch:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;border:2px solid #0000;transition:border-color .4s;position:absolute;inset:0}.project-hero__launch-dot,.project-hero__launch-label,.project-hero__launch-arrow{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s,width .45s cubic-bezier(.2,.8,.2,1),margin .45s cubic-bezier(.2,.8,.2,1),color .4s,background .4s,box-shadow .4s}.project-hero__launch-label{margin-left:14px}.project-hero__launch-arrow{opacity:0;width:0;margin-left:0;font-size:22px;font-weight:400;line-height:.8;display:inline-block;overflow:hidden;transform:translate(-10px,6px)scale(.6)}.project-hero__launch:hover{color:var(--project-fg,#f5ebdd);box-shadow:0 22px 44px -18px color-mix(in srgb, var(--project-bg,#000) 80%, transparent)}.project-hero__launch:hover:after{border-color:var(--project-fg,#f5ebdd)}.project-hero__launch:hover:before{transform:translate(0)}.project-hero__launch:hover .project-hero__launch-label{transform:translate(2px)}.project-hero__launch:hover .project-hero__launch-dot{background:var(--project-fg,#f5ebdd);transform:scale(1.15)}.project-hero__launch:hover .project-hero__launch-arrow{opacity:1;width:1.05em;margin-left:10px;transform:translate(0)scale(1)}.project-hero__launch-dot{background:var(--project-bg,#0e1b2c);border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite project-launch-pulse;display:inline-block}.project-hero__launch-label{position:relative;top:.5px}@keyframes project-launch-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--project-bg,#000) 22%, transparent), 0 0 0 0 color-mix(in srgb, var(--project-bg,#000) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--project-bg,#000) 6%, transparent), 0 0 0 10px color-mix(in srgb, var(--project-bg,#000) 0%, transparent)}}.project-media{flex-direction:column;gap:clamp(56px,6vw,100px);padding:0 0 clamp(56px,7vw,110px);display:flex;position:relative}.project-slide{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;position:relative}.project-slide__frame{will-change:transform, border-radius;background:#0003;width:100%;position:relative;overflow:hidden}.project-slide__media{will-change:transform;width:100%;height:auto;display:block}.project-slide--full{padding:0 clamp(20px,3vw,48px)}.project-slide--full .project-slide__frame{width:100%;max-width:1320px;margin:0 auto}.project-slide--centered{padding:0 clamp(20px,3vw,48px)}.project-slide--centered .project-slide__frame{width:46%;margin:0 auto}.project-slide--left{align-items:flex-start;padding:0 clamp(20px,3vw,48px)}.project-slide--left .project-slide__frame{width:46%;margin-left:clamp(20px,3vw,48px)}.project-slide--right{align-items:flex-end;padding:0 clamp(20px,3vw,48px)}.project-slide--right .project-slide__frame{width:46%;margin-right:clamp(20px,3vw,48px)}.project-slide__caption{font-family:var(--font-ibm-plex-mono), "IBM Plex Mono", monospace;letter-spacing:.06em;opacity:.7;box-sizing:border-box;align-items:baseline;gap:14px;width:100%;margin:6px 0 0;padding:0 clamp(20px,3vw,56px);font-size:12px;display:flex}.project-slide--left .project-slide__caption{padding-left:calc(6vw + clamp(20px,3vw,48px))}.project-slide--right .project-slide__caption{justify-content:flex-end;padding-right:calc(6vw + clamp(20px,3vw,48px))}.project-slide--centered .project-slide__caption{justify-content:center}.project-slide__caption-num{opacity:.55}.project-next{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(80px,12vw,160px) clamp(20px,3.4vw,56px);display:flex;position:relative}.project-next__inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(20px,2.4vw,36px);width:100%;max-width:1280px;display:flex}.project-next__label{font-family:var(--font-barlow-condensed), "Barlow Condensed", sans-serif;letter-spacing:.28em;text-transform:uppercase;opacity:.6;font-size:14px;font-weight:600}.project-next__title{font-family:"nm", var(--font-host-grotesk), system-ui, sans-serif;letter-spacing:-.025em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.22em;margin:0;font-size:clamp(60px,8vw,120px);font-weight:500;line-height:.95;display:flex}.project-next__title-mask{padding-bottom:.06em;display:inline-flex;overflow:hidden}.project-next__title-line{will-change:transform;display:inline-block}.project-next__bar{width:min(420px,70%);height:2px;margin-top:clamp(12px,1.5vw,24px);position:relative}.project-next__bar-track{opacity:.18;background:currentColor;position:absolute;inset:0}.project-next__bar-fill{transform-origin:0;will-change:transform;background:currentColor;transition:transform 80ms linear;position:absolute;inset:0;transform:scaleX(0)}.project-next__cue{font-family:var(--font-geist-mono), "Geist Mono", ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:500}.project-transition{z-index:200;pointer-events:none;will-change:transform;justify-content:center;align-items:center;transition:transform .85s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0;transform:translateY(100%)}.project-transition--in{pointer-events:auto;transform:translateY(0)}.project-transition__inner{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:14px;transition:opacity .5s .35s,transform .7s cubic-bezier(.2,.8,.2,1) .35s;display:flex;transform:translateY(24px)}.project-transition--in .project-transition__inner{opacity:1;transform:translateY(0)}.project-transition__label{font-family:var(--font-ibm-plex-mono), "IBM Plex Mono", monospace;letter-spacing:.22em;text-transform:uppercase;opacity:.6;font-size:11px}.project-transition__title{font-family:"nm", var(--font-host-grotesk), system-ui, sans-serif;letter-spacing:-.025em;text-transform:uppercase;font-size:clamp(48px,9vw,140px);font-weight:500;line-height:.95}@media (max-width:720px){.project-hero{padding-top:96px}.project-hero__cols{grid-template-columns:1fr 1fr;gap:32px}.project-slide__frame{width:100%!important;max-width:none!important;margin:0!important}.project-slide--left,.project-slide--right{align-items:stretch}.project-slide--left .project-slide__caption,.project-slide--right .project-slide__caption{justify-content:flex-start;padding-left:clamp(20px,3vw,56px);padding-right:clamp(20px,3vw,56px)}}
