:root{--paper: #f4efe2;--ink: #111111;--yellow: #ffe14a;--pink: #ff2f86;--blue: #2d5bff;--white: #fffdf8;--shadow: 8px 8px 0 var(--ink);--line: 3px solid var(--ink);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace}a{color:inherit}.page{min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:16px}.top,.panel,.shout,footer{border:var(--line);background:var(--white);box-shadow:var(--shadow)}.top{display:flex;align-items:center;gap:18px;padding:12px 14px;background:var(--paper)}.brand{min-width:220px}.word{margin:0;font-family:Archivo Black,Impact,sans-serif;font-size:28px;letter-spacing:-.04em;line-height:.9}.tag{margin:4px 0 0;font-size:11px;font-weight:700;letter-spacing:.08em}.nav{display:flex;gap:8px;flex:1}.nav a,.cta,.shout-bar a{border:var(--line);background:var(--white);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px}.nav a:hover,.cta:hover,.shout-bar a:hover,.ok:hover{background:var(--yellow)}.cta{background:var(--ink);color:var(--yellow);white-space:nowrap}.grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:16px;align-items:stretch}.panel{padding:22px}.manifesto h1,.hero h2,.shout h2{font-family:Archivo Black,Impact,sans-serif;letter-spacing:-.04em;line-height:.9;margin:0 0 14px}.manifesto h1{font-size:clamp(36px,4vw,54px)}.manifesto p,.hero-copy p,.shout-copy p{font-size:14px;line-height:1.45;max-width:42ch}.manifesto ul{list-style:none;padding:0;margin:18px 0}.manifesto li{border-top:var(--line);padding:8px 0 8px 28px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;position:relative}.manifesto li:before{content:"";width:14px;height:14px;border:var(--line);background:var(--yellow);position:absolute;left:0;top:9px}.dialog{border:var(--line);background:var(--white);box-shadow:6px 6px 0 var(--ink);max-width:360px}.dialog-bar{display:flex;justify-content:space-between;background:var(--blue);color:#fff;padding:6px 8px;font-size:12px;font-weight:700}.dialog p{margin:12px;max-width:none}.ok{margin:0 12px 12px auto;display:block;border:var(--line);background:var(--white);font:inherit;font-weight:700;padding:6px 18px}.hero{background:linear-gradient(var(--ink) 1px,transparent 1px) 0 0 / 100% 28px,linear-gradient(90deg,var(--ink) 1px,transparent 1px) 0 0 / 28px 100%,var(--yellow);background-blend-mode:normal;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(17,17,17,.18) 27px 28px);pointer-events:none}.hero-copy,.stage,.loader{position:relative;z-index:1}.kicker,.shout-kicker{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin:0 0 8px}.hero-copy{min-width:0}.hero h2{font-size:clamp(36px,3.2vw,52px);max-width:11ch}.stage{display:flex;align-items:flex-end;gap:10px}.window{background:var(--ink);border:var(--line);box-shadow:var(--shadow);width:min(320px,34vw)}.window-bar{display:flex;align-items:center;gap:8px;color:var(--paper);font-size:12px;font-weight:700;padding:6px 8px;background:#1b1b1b}.dots{display:flex;gap:4px}.dots i{width:10px;height:10px;background:var(--yellow);display:block;border:2px solid var(--paper)}.dots i:nth-child(2){background:var(--pink)}.dots i:nth-child(3){background:var(--blue)}.screen{height:min(62vh,560px);aspect-ratio:9 / 16;width:100%;background:var(--ink)}.cursor{width:74px;height:74px;background:var(--pink);border:var(--line);box-shadow:6px 6px 0 var(--ink);align-self:end;margin-bottom:28px;clip-path:polygon(0 0,100% 42%,58% 50%,78% 100%,58% 92%,42% 54%,0 70%)}.loader{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--ink);color:var(--paper);padding:10px 12px;font-size:12px;font-weight:700}.track{height:16px;background:#2a2a2a;border:2px solid var(--paper)}.fill{display:block;height:100%;width:100%;background:repeating-linear-gradient(90deg,var(--paper) 0 10px,transparent 10px 14px)}.shout{display:grid;grid-template-columns:1.2fr auto;background:var(--paper);position:relative;overflow:hidden;min-height:280px}.shout-copy{padding:28px}.shout h2{font-size:clamp(48px,7vw,92px)}.shout h2 .pink{color:var(--pink)}.smile{width:180px;margin:28px 36px 0 0;filter:drop-shadow(10px 10px 0 var(--yellow))}.smile svg{display:block;width:100%;height:auto}.shout-bar{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--blue);color:#fff;border-top:var(--line);padding:12px 16px;font-weight:700;letter-spacing:.06em}.shout-bar a{background:var(--yellow);color:var(--ink)}footer{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}@media(max-width:980px){.top,.grid,.shout,footer,.loader,.shout-bar{display:flex;flex-direction:column}.hero{display:flex;flex-direction:column}.nav{flex-wrap:wrap}.window{width:min(100%,360px)}.track{width:100%}.screen{height:auto;aspect-ratio:9 / 16}.smile{margin:0 28px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}