:root{--bg:#07090c;--ink:#f6f3ec;--muted:#c9c4b8;--lime:#7cff6b;--lime-deep:#1d3d18;--gold:#f0c14b;--max:1240px;--sans:"IBM Plex Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;padding:0;line-height:1.55}img{max-width:100%;display:block}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.035em;margin:0 0 .35em;font-weight:600;line-height:.98}h1{font-size:clamp(3rem,8vw,6.4rem)}h2{font-size:clamp(2rem,4.4vw,3.4rem)}h3{letter-spacing:-.02em;font-size:1.25rem}p{color:var(--muted);margin:0 0 1em}.wrap{width:min(var(--max), calc(100% - 2.5rem));margin:0 auto}.site-header{z-index:30;background:linear-gradient(#0000008c,#0000);position:absolute;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;padding:1.1rem 0;display:flex}.brand{color:#fff;letter-spacing:.14em;font-size:.78rem;font-weight:700;text-decoration:none}.brand:hover{color:var(--lime);text-decoration:none}.brand span{color:var(--lime)}.nav-links{flex-wrap:wrap;gap:1.25rem;font-size:.92rem;display:flex}.nav-links a{color:#fff;text-shadow:0 1px 8px #00000080}.nav-links a[aria-current=page]{color:var(--lime)}.kicker{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--lime);margin-bottom:.85rem;font-size:.72rem}.lede{color:var(--lime);max-width:36rem;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:500}.sub{color:#ddd6c8;max-width:38rem}.actions{flex-wrap:wrap;gap:.8rem;margin-top:1.7rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.85rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn-lime{background:var(--lime);color:#10240c}.btn-ghost{color:#fff;background:#00000040;border-color:#ffffff73}.splash{isolation:isolate;background:#0b0d10 50%/cover no-repeat;align-items:flex-end;min-height:100vh;display:flex;position:relative}.splash:after{content:"";z-index:0;background:linear-gradient(90deg,#07090cd1 0%,#07090c47 58%,#07090c1f 100%),linear-gradient(#07090c33 0%,#0000 28%,#07090cc7 100%);position:absolute;inset:0}.splash-inner{z-index:1;width:min(var(--max), calc(100% - 2.5rem));grid-template-columns:1.1fr .9fr;align-items:end;gap:2rem;margin:0 auto;padding:8.5rem 0 3.2rem;display:grid;position:relative}.splash h1{color:#fff;text-wrap:balance}.tablet-float{filter:drop-shadow(0 28px 50px #000000a6);border-radius:22px;justify-self:end;width:min(420px,100%);overflow:hidden;transform:rotate(-7deg)translateY(8px)}.tablet-float img{width:100%;height:auto}.seasons{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:-1px;display:grid}.season-tile{color:#fff;background:#111 50%/cover no-repeat;align-items:flex-end;min-height:280px;text-decoration:none;display:flex;position:relative;overflow:hidden}.season-tile:hover{filter:brightness(1.08);text-decoration:none}.season-tile:after{content:"";background:linear-gradient(#0000 30%,#000000c7);position:absolute;inset:0}.season-tile div{z-index:1;padding:1.2rem 1.15rem 1.3rem;position:relative}.season-tile small{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin-bottom:.35rem;font-size:.68rem;display:block}.season-tile p{color:#fff;margin:0;font-size:1.05rem}.loop{color:#fff;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin-top:1.4rem;font-size:.95rem;display:flex}.loop a{color:#fff;border-bottom:1px solid var(--lime)}.loop .arrow{color:var(--lime)}.band{padding:4.2rem 0}.band-dark{background:#0b0e12}.mosaic{grid-template-rows:280px 280px;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-top:1.6rem;display:grid}.tile{color:#fff;background:#111 50%/cover no-repeat;align-items:flex-end;min-height:220px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile:hover{filter:brightness(1.07);text-decoration:none}.tile:after{content:"";background:linear-gradient(#0000 25%,#000c);position:absolute;inset:0}.tile.wide{grid-row:span 2;min-height:100%}.tile .copy{z-index:1;padding:1.15rem 1.2rem 1.25rem;position:relative}.tile .cat{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:.3rem;font-size:.66rem}.tile h3{color:#fff;margin:0 0 .25rem;font-size:1.35rem}.tile p{color:#ddd6c8;margin:0;font-size:.92rem}.grid-mods{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mod-card{color:#fff;background:#111 50%/cover no-repeat;align-items:flex-end;min-height:260px;text-decoration:none;display:flex;position:relative;overflow:hidden}.mod-card:hover{filter:brightness(1.07);text-decoration:none}.mod-card:after{content:"";background:linear-gradient(#0000 20%,#000000d1);position:absolute;inset:0}.mod-card .body{z-index:1;padding:1.1rem 1.15rem 1.2rem;position:relative}.mod-card h3{color:#fff;margin:0 0 .3rem}.mod-card p{color:#ddd6c8;margin:0;font-size:.9rem}.cat{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:.25rem;font-size:.66rem}.page-hero{background:#0b0d10 50%/cover no-repeat;align-items:flex-end;min-height:72vh;display:flex;position:relative}.page-hero:after{content:"";background:linear-gradient(90deg,#07090cc7 0%,#07090c33 70%),linear-gradient(#07090c26,#07090cd1);position:absolute;inset:0}.page-hero .wrap{z-index:1;padding:8rem 0 2.6rem;position:relative}.page-hero h1,.page-hero .lede,.page-hero p{color:#fff}.page-hero .lede{color:var(--lime)}.chips{flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.3rem;display:flex}.chip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#00000059;border:1px solid #7cff6b59;border-radius:999px;padding:.28rem .7rem;font-size:.7rem;text-decoration:none}.chip:hover,.chip.on{color:var(--lime);text-decoration:none}.prose{max-width:48rem;padding:2.4rem 0 1rem}.prose :where(h2){color:var(--ink);margin-top:1.6em}.prose :where(h3){color:var(--ink);margin-top:1.3em}.prose :where(ul,ol){color:var(--muted);padding-left:1.15rem}.prose :where(li){margin:.4rem 0}.prose :where(strong){color:var(--ink);font-weight:600}.prose :where(table){border-collapse:collapse;width:100%;margin:1.1rem 0 1.6rem;font-size:.92rem}.prose :where(th,td){text-align:left;vertical-align:top;border-bottom:1px solid #f6f3ec1f;padding:.55rem .65rem}.prose :where(th){color:var(--lime);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.prose :where(td){color:var(--muted)}.prose :where(code){font-family:var(--mono);color:var(--gold);font-size:.86em}.prose :where(blockquote){color:var(--lime);border:0;margin:1.8rem 0;padding:0;font-size:clamp(1.5rem,3vw,2.1rem);font-style:italic;line-height:1.25}.year-chapter{background:#0b0d10 50%/cover no-repeat;align-items:flex-end;min-height:86vh;display:flex;position:relative}.year-chapter:after{content:"";background:linear-gradient(90deg,#07090ccc 0%,#07090c40 70%),linear-gradient(#0000 20%,#07090ce0);position:absolute;inset:0}.year-chapter .wrap{z-index:1;max-width:46rem;padding:6rem 0 3rem;position:relative}.year-chapter h2,.year-chapter p{color:#fff}.year-chapter .kicker{color:var(--lime)}.related{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:1.2rem;display:grid}.related a{color:#fff;background:#111 50%/cover no-repeat;min-height:120px;padding:1.1rem 1.15rem;text-decoration:none;display:block;position:relative;overflow:hidden}.related a:after{content:"";background:linear-gradient(#0000,#000000c7);position:absolute;inset:0}.related a>*{z-index:1;position:relative}.related a:hover{filter:brightness(1.08);text-decoration:none}.related small{color:var(--lime);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;display:block}.stack{gap:8px;margin:1.6rem 0;display:grid}.stack-row{border-bottom:1px solid #ffffff14;grid-template-columns:180px 1fr;gap:1.2rem;padding:1.3rem 0;display:grid}.stack-row strong{color:var(--lime);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;display:block}.coffee{color:var(--muted);margin:2.6rem 0 0;font-size:.95rem}.site-footer{color:#8d887c;background:#050608;padding:2.2rem 0 2.8rem;font-size:.86rem}.foot{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.foot a{color:#8d887c}.foot a:hover{color:var(--lime)}@media (width<=900px){.splash-inner,.seasons,.mosaic,.grid-mods,.related,.stack-row{grid-template-columns:1fr}.mosaic{grid-template-rows:none}.tile.wide{grid-row:auto;min-height:280px}.tablet-float{display:none}h1{font-size:clamp(2.4rem,12vw,3.6rem)}}
