@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_f8d09aa0-module__8-C3Kq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}
:root{--ink:#e6e7ea;--muted:#e6e7ea99;--panel:#0c0e14eb;--panel-border:#ffffff14;--accent:#5ad0e5;--accent-strong:#f0b45b;--shadow:#02040ab3;--grid:#ffffff08}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);letter-spacing:.01em;background:#000;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif}h1,h2,p{margin:0}.page{flex-direction:column;gap:3rem;min-height:100vh;padding:4.5rem 7vw 6rem;display:flex}.hero{flex-direction:column;gap:.8rem;max-width:52rem;display:flex}.hero h1{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(2.8rem,4.2vw,4.4rem)}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--muted);font-size:.75rem}.body{color:var(--muted);font-size:1.1rem;line-height:1.6}.shader-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem;display:grid}.shader-card{color:inherit;border:1px solid var(--panel-border);min-height:250px;box-shadow:0 16px 30px var(--shadow);background:linear-gradient(140deg,#0c1018f2,#070a12f2);border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.shader-card:hover{border-color:#5ad0e580;transform:translateY(-3px)}.shader-card-canvas{aspect-ratio:16/9;background:linear-gradient(140deg,#070a12f2,#0c1018f2);border-bottom:1px solid #ffffff0f;height:auto;position:relative}.shader-card:after{content:"";background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);pointer-events:none;opacity:.3;background-size:18px 18px;position:absolute;inset:0}.shader-card-body{flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.2rem;display:flex}.shader-card-body h3{letter-spacing:.08em;text-transform:uppercase;font-size:1.05rem}.shader-card-body p{color:var(--muted);font-size:.95rem}.shader-card-byline{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.68rem}.shader-card-description{margin-top:.15rem;font-size:.88rem;line-height:1.45}.detail-page{flex-direction:column;gap:2.5rem;min-height:100vh;padding:4rem 7vw 6rem;display:flex}.detail-header{flex-direction:column;gap:.7rem;max-width:52rem;display:flex}.detail-header h1{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(2.4rem,3.4vw,3.4rem)}.detail-layout{flex-direction:column;gap:1.5rem;display:flex}.detail-stage{aspect-ratio:16/9;border:1px solid var(--panel-border);background:linear-gradient(140deg,#070a12f2,#0c1018f2);border-radius:12px;min-height:clamp(240px,45vh,560px);position:relative;overflow:hidden}.fullscreen-button{color:#f8fafc;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:#0c1018d9;border:1px solid #fff3;border-radius:6px;padding:.45rem .85rem;font-size:.75rem;position:absolute;top:1rem;right:1rem}.fullscreen-button:hover{border-color:#5ad0e599}.detail-expression{width:100%;padding:0}.detail-expression h3{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-strong);margin-bottom:.6rem;font-size:.85rem}.detail-expression-text{color:var(--muted);white-space:pre-wrap;font-size:1.05rem;line-height:1.5}.shader-canvas{width:100%;height:100%;display:block}.shader-fallback{height:100%;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:1.5rem;font-size:.95rem;display:flex}