:root{--bg:#0b0c10;--surface:#14161c;--surface-hover:#1d2029;--text:#edeef0;--text-dim:#9aa0ac;--accent:#f2a93b;--accent-cyan:#4fd8ea;--border:#262a33;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--card-w:150px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700}p{margin:0}button{color:inherit;font-family:inherit}a{color:var(--accent-cyan)}.page-container{z-index:1;max-width:1600px;margin-inline:auto;position:relative}.cursor-glow{z-index:0;pointer-events:none;opacity:var(--spot-opacity,0);background:radial-gradient(32rem circle at var(--spot-x,50%) var(--spot-y,50%), #f2a93b24, #4fd8ea12 40%, transparent 70%);position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.cursor-glow{transition:opacity .3s}}.nav{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0b0c10f2,#0b0c1099);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}#rows,#about,.footer{scroll-margin-top:5.5rem}.nav__wordmark{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);font-size:1rem;font-weight:700;text-decoration:none}.nav__links{align-items:center;gap:.6rem;display:flex}.nav__link{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem 1rem;font-size:.8rem}.nav__link:hover{background:var(--surface-hover)}.nav__link--accent{border-color:var(--accent);color:var(--accent)}.nav__link--accent:hover{background:#f2a93b1f}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:2rem 1.25rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#f2a93b14,#4fd8ea0d 45%,#0000 70%);width:60rem;height:60rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__grid{z-index:0;pointer-events:none;background-image:radial-gradient(#edeef017 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 40%,#000,#0000 72%)}.hero__terminal,.hero__content{z-index:1;position:relative}.hero__terminal{font-family:var(--font-mono);text-align:left;color:var(--text);max-width:32rem;font-size:clamp(.85rem,2vw,1.1rem);line-height:1.8}.hero__line--prompt{color:var(--accent-cyan)}.hero__line--output{color:var(--text-dim);padding-left:1.2rem}.hero__cursor{background:var(--accent);vertical-align:text-bottom;width:.55em;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@media (prefers-reduced-motion:reduce){.hero__cursor{animation:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.splash{z-index:100;background:var(--bg);justify-content:center;align-items:center;padding:2rem 1.25rem;transition:opacity .4s;display:flex;position:fixed;inset:0}.splash.is-exiting{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.splash{transition:none}}.splash__terminal{font-family:var(--font-mono);text-align:left;color:var(--text);width:min(32rem,90vw);font-size:clamp(.85rem,2vw,1.1rem);line-height:1.8}.splash__enter-cta{border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;margin-top:1.5rem;padding:.6rem 1.25rem;font-size:.95rem;transition:background .2s,color .2s;display:block}@media (prefers-reduced-motion:no-preference){.splash__enter-cta{animation:.4s both splashEnterFadeIn}}@keyframes splashEnterFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.splash__enter-cta:hover,.splash__enter-cta:focus-visible{background:var(--accent-cyan);color:var(--bg)}.hero__content{opacity:0;transform:translateY(8px)}.hero__content.is-settled{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.hero__content{transition:opacity .4s,transform .4s}}.hero__name{background:linear-gradient(100deg, var(--text) 25%, var(--accent) 42%, var(--accent-cyan) 52%, var(--text) 68%);color:#0000;background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(1.75rem,6vw,3.5rem)}@media (prefers-reduced-motion:no-preference){.hero__name{animation:7s ease-in-out infinite heroNameShine}}@media (prefers-reduced-motion:reduce){.hero__name{color:var(--text);background:0 0}}@keyframes heroNameShine{0%,15%{background-position:100% 0}60%,to{background-position:-100% 0}}.hero__pitch{color:var(--text-dim);max-width:40rem;margin:0 auto 2rem;font-size:clamp(1rem,2.2vw,1.25rem)}.hero__role{color:var(--accent);font-weight:600;font-family:var(--font-mono)}.hero__role-cursor{background:var(--accent-cyan);vertical-align:text-bottom;width:.5em;height:1em;margin-left:2px;display:inline-block}@media (prefers-reduced-motion:no-preference){.hero__role-cursor{animation:1s step-end infinite blink}}.hero__scroll-cta{background:var(--accent);color:#14120a;font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600}.hero__scroll-cta:hover{filter:brightness(1.08)}.hero__mascot{z-index:1;pointer-events:none;opacity:.9;width:clamp(56px,9vw,96px);height:auto;position:absolute;bottom:.5rem}.hero__mascot--right{right:.5rem}.hero__mascot--left{left:.5rem;transform:scaleX(-1)}@media (width<=480px){.hero__mascot{display:none}}.hero__grads-row{z-index:1;pointer-events:none;position:absolute;inset:0}.hero__grads{aspect-ratio:3/4;width:min(clamp(250px,28vw,400px),28vh);position:absolute;top:min(clamp(1.25rem,4vw,2.25rem),3vh)}@media (prefers-reduced-motion:no-preference){.hero__grads--left{animation:6s ease-in-out infinite heroFloat}.hero__grads--right{animation:6s ease-in-out -3s infinite heroFloat}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__grads--left{left:min(clamp(1.25rem,4vw,2.25rem),4vh)}.hero__grads--right{right:min(clamp(1.25rem,4vw,2.25rem),4vh)}.hero__grad-photo{aspect-ratio:3/4;object-fit:cover;border:2px solid var(--border);border-radius:12px;width:78%;position:absolute;box-shadow:0 10px 26px #00000061}.hero__grads--left .hero__grad-photo--back{opacity:.85;top:0;right:0;transform:rotate(6deg)}.hero__grads--left .hero__grad-photo--front{bottom:0;left:0;transform:rotate(-4deg)}.hero__grads--right .hero__grad-photo--back{opacity:.85;top:0;left:0;transform:rotate(-6deg)}.hero__grads--right .hero__grad-photo--front{bottom:0;right:0;transform:rotate(4deg)}@media (width>=769px) and (height<=820px){.hero__grads{width:min(clamp(190px,20vw,280px),17vh)}}@media (width>=769px) and (height<=600px){.hero__grads{width:min(clamp(150px,16vw,220px),12vh)}}@media (width<=768px){.hero__grads-row{pointer-events:auto;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative;inset:auto}.hero__grads{width:min(50vw,270px);position:relative;top:auto;left:auto;right:auto}}.verse-strip{font-family:var(--font-mono);color:var(--text-dim);text-align:center;max-width:44rem;margin:0 auto 2.5rem;padding:0 1.25rem;font-size:.75rem;line-height:1.6}.verse-strip__text{display:block}.verse-strip__credit{opacity:.6}.row{opacity:0;padding:0 1.25rem 2rem;position:relative;transform:translateY(16px)}.row.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.row{transition:opacity .5s,transform .5s}}.row__label{font-family:var(--font-mono);color:var(--text-dim);margin-bottom:.9rem;font-size:.9rem;font-weight:500}.row__wrap{position:relative}.row__track{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:.9rem;padding:.5rem .25rem 1rem;display:flex;overflow-x:auto}.row__track>*{scroll-snap-align:start;flex-shrink:0}.row__nav-btn{width:2.5rem;color:var(--text);cursor:pointer;z-index:2;opacity:0;background:#0b0c10b3;border:none;justify-content:center;align-items:center;font-size:1.25rem;transition:opacity .15s;display:none;position:absolute;top:0;bottom:1rem}.row:hover .row__nav-btn,.row:focus-within .row__nav-btn{opacity:1}.row__nav-btn--prev{left:0}.row__nav-btn--next{right:0}.row__label--trending{color:#e50914}.rank-card{align-items:center;display:flex;position:relative}.rank-card .card{z-index:2;position:relative}.rank-card__number{font-family:var(--font-display);color:#e50914;text-shadow:-2px -2px #00000073,2px -2px #00000073,-2px 2px #00000073,2px 2px #00000073;-webkit-text-stroke:2px #00000073;z-index:1;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-left:-1.1rem;font-size:clamp(5rem,11vw,9rem);font-weight:700;line-height:1;position:relative}.timeline{max-width:46rem;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:.3rem;bottom:.3rem;left:.95rem}.timeline__item{gap:1rem;margin-bottom:1.75rem;display:flex;position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__dot-col{flex-shrink:0;justify-content:center;width:2rem;padding-top:.35rem;display:flex}.timeline__dot{width:.85rem;height:.85rem;box-shadow:0 0 0 4px var(--bg);z-index:1;border-radius:50%;position:relative}.timeline__content{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:8px;flex:1;padding:1rem 1.25rem;font-family:inherit}@media (prefers-reduced-motion:no-preference){.timeline__content{transition:background .2s,border-color .2s}}.timeline__content:hover,.timeline__content:focus-visible{background:var(--surface-hover);border-color:var(--accent-cyan)}.timeline__top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.timeline__year{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem}.timeline__title{margin-bottom:.35rem;font-size:1.05rem}.timeline__tagline{color:var(--text-dim);margin-bottom:.75rem;font-size:.9rem}.timeline__chips{flex-wrap:wrap;gap:.35rem;display:flex}.card{width:var(--card-w);background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;color:var(--text);border-radius:8px;padding:0;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.card{transition:transform .2s,background .2s}}.card:hover,.card:focus-visible{background:var(--surface-hover);z-index:3;transform:scale(1.06)}.card--placeholder{cursor:default;opacity:.55}.card--placeholder:hover{background:var(--surface);transform:none}.card__media{aspect-ratio:16/10;width:100%;display:block}.card__media img{object-fit:cover;width:100%;height:100%;display:block}.card__placeholder{background:linear-gradient(135deg, var(--surface), var(--surface-hover));width:100%;height:100%;font-family:var(--font-display);color:#edeef01f;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.11rem;padding:.6rem .7rem .3rem;font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card__title--muted{color:var(--text-dim);font-style:italic;font-weight:500}.card__meta{opacity:0;flex-direction:column;gap:.5rem;min-height:5rem;padding:0 .7rem .7rem;display:flex;transform:translateY(4px)}@media (prefers-reduced-motion:no-preference){.card__meta{transition:opacity .2s,transform .2s}}.card:hover .card__meta,.card:focus-visible .card__meta{opacity:1;transform:translateY(0)}.card__chips{flex-wrap:wrap;gap:.3rem;display:flex}.chip{font-family:var(--font-mono);white-space:nowrap;border:1px solid;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;line-height:1.4}.status{font-family:var(--font-mono);align-items:center;gap:.35rem;font-size:.7rem;display:inline-flex}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:640px;max-height:85vh;padding:2rem;position:relative;overflow-y:auto}.modal__close{z-index:2;background:var(--surface-hover);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;width:2.2rem;height:2.2rem;font-size:1rem;position:absolute;top:1rem;right:1rem}.modal__header{margin-bottom:1rem;padding-right:2rem}.modal__title{margin-bottom:.4rem;font-size:1.4rem}.modal__tagline{color:var(--text-dim);font-size:.95rem}.modal__meta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.modal__year{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem}.modal__body{color:var(--text);white-space:pre-line;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.modal__chips{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.modal__actions{flex-wrap:wrap;gap:.75rem;display:flex}.carousel{margin:-2rem -2rem 1.25rem}.carousel__viewport{aspect-ratio:16/10;background:var(--surface-hover);position:relative;overflow:hidden}.carousel__backdrop{object-fit:cover;filter:blur(28px)brightness(.55);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.carousel__image{object-fit:contain;width:100%;height:100%;display:block;position:relative}.carousel__nav{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0b0c108c;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel__nav:hover,.carousel__nav:focus-visible{background:#0b0c10cc}.carousel__nav--prev{left:.6rem}.carousel__nav--next{right:.6rem}.carousel__counter{color:var(--text);font-family:var(--font-mono);background:#0b0c10a6;border-radius:999px;padding:.2rem .5rem;font-size:.7rem;position:absolute;bottom:.6rem;right:.6rem}.carousel__dots{background:var(--surface);justify-content:center;gap:.4rem;padding:.7rem 0;display:flex}.carousel__dot{background:var(--border);cursor:pointer;border:none;border-radius:999px;width:.5rem;height:.5rem;padding:0}.carousel__dot.is-active{background:var(--accent)}.btn{font-family:var(--font-display);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:#14120a}.btn--primary:hover{filter:brightness(1.08)}.btn--ghost{border-color:var(--border);color:var(--text);background:0 0}.btn--ghost:hover{background:var(--surface-hover)}.about-section{padding:0 1.25rem 3rem}.about-section__hero-line{font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:2rem;font-size:.9rem}@media (width>=1024px){.about-section{padding:0 2.5rem 3.5rem}}.about-cards{flex-direction:column;gap:1rem;display:flex}.about-card{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);cursor:default;color:var(--text);text-align:left;border-radius:10px;padding:0;font-family:inherit;position:relative;overflow:hidden}@media (width>=640px){.about-cards{flex-direction:row;align-items:stretch}.about-card{aspect-ratio:auto;flex:1;min-width:0;height:320px}.about-card:hover,.about-card:focus-visible{flex-grow:4}}@media (width>=640px) and (prefers-reduced-motion:no-preference){.about-card{transition:flex-grow .4s}}.about-card__media{position:absolute;inset:0}.about-card__media img{object-fit:cover;width:100%;height:100%;display:block}.about-card__media .card__placeholder{position:absolute;inset:0}.about-card__scrim{pointer-events:none;background:linear-gradient(#0b0c1000 40%,#0b0c10eb);position:absolute;inset:0}.about-card__title{font-family:var(--font-display);color:var(--text);padding:1rem 1.1rem;font-size:clamp(1.05rem,2.6vw,1.3rem);font-weight:700;position:absolute;bottom:0;left:0;right:0}.about-card__reveal{opacity:0;background:#0b0c10f2;padding:1.1rem;position:absolute;inset:0;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.about-card__reveal{transition:opacity .25s}}.about-card:hover .about-card__reveal,.about-card:focus-visible .about-card__reveal{opacity:1}@media (width>=640px) and (prefers-reduced-motion:no-preference){.about-card:hover .about-card__reveal,.about-card:focus-visible .about-card__reveal{transition:opacity .25s .4s}}.about-card__description{color:var(--text);font-size:.85rem;line-height:1.6}.footer{border-top:1px solid var(--border);text-align:center;margin-top:2rem;padding:4rem 1.25rem 2.5rem}.footer__heading{margin-bottom:.6rem;font-size:clamp(1.4rem,4vw,2.25rem)}.footer__pitch{color:var(--text-dim);max-width:34rem;margin:0 auto 2rem}.footer__links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem;display:flex}.footer__copyright{font-family:var(--font-mono);color:var(--text-dim);opacity:.7;font-size:.75rem}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (width>=640px){:root{--card-w:190px}.hero{padding:2rem}}@media (width>=1024px){:root{--card-w:230px}.hero{min-height:100svh}.row{padding:0 2.5rem 2.5rem}.nav{padding:1.25rem 2.5rem}.row__nav-btn{display:flex}}@media (width>=1440px){.page-container{max-width:1400px;margin-inline:auto}}