:root{--night:#0b1530;--night-2:#13204a;--bone:#f4efe4;--ink:#0a0f1f;--accent:#f59e0b;--panel-border:3px solid var(--ink);--radius:6px;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--bone);background-color:var(--night);background-image:radial-gradient(#f4efe412 1px,#0000 1.5px);background-size:10px 10px;margin:0;line-height:1.6}a{color:var(--accent)}main{max-width:1040px;margin:0 auto;padding:0 16px 96px}section{padding-top:96px}.sfx{letter-spacing:.02em;text-transform:uppercase;color:var(--accent);text-shadow:3px 3px 0 var(--ink);margin:0 0 24px;font-size:clamp(2rem,6vw,3.25rem);font-weight:900;display:inline-block;transform:rotate(-2deg)}.panel{background:var(--bone);color:var(--ink);border:var(--panel-border);border-radius:var(--radius);box-shadow:6px 6px 0 var(--accent);padding:24px}.panel a{color:var(--ink);font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.tag{border:2px solid var(--ink);border-radius:999px;margin:0 6px 6px 0;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3,.sfx,.sfx-small,.mno{letter-spacing:.04em;font-family:Bangers,Impact,system-ui,sans-serif;font-weight:400}.sfx{font-size:clamp(2.5rem,7vw,4rem)}h3{margin:0 0 8px;font-size:1.6rem}.hero{border-bottom:4px solid var(--ink);background:radial-gradient(circle at 75% 55%, var(--night-2) 0 30%, transparent 60%), var(--night);position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:end;gap:24px;max-width:1040px;min-height:min(92vh,820px);margin:0 auto;padding:48px 16px 0;display:grid;position:relative}.hero-copy{align-self:center;padding-bottom:48px}.sfx-small{color:var(--accent);text-shadow:3px 3px 0 var(--ink);margin:0;font-size:2rem;display:inline-block;transform:rotate(-6deg)}.hero h1{color:var(--bone);text-shadow:5px 5px 0 var(--accent), 9px 9px 0 var(--ink);margin:4px 0 0;font-size:clamp(3.5rem,11vw,7.5rem);line-height:.9}.role{color:var(--accent);margin:20px 0 0;font-weight:700}.tagline{max-width:36ch;margin:12px 0 0;font-size:1.25rem}.where{opacity:.7;margin:8px 0 0}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{border:var(--panel-border);border-radius:var(--radius);align-items:center;min-height:44px;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex}.btn.primary{background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--bone)}.btn.ghost{border-color:var(--bone);color:var(--bone)}.panel .btn.small,.btn.small{background:var(--ink);min-height:40px;color:var(--bone);padding:0 14px}.panel .btn.primary{color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.hero-art{place-self:end center;margin:0;position:relative}.hero-art img{width:auto;height:min(78vh,700px);display:block;position:relative}.burst{aspect-ratio:1;background:radial-gradient(var(--accent) 1.6px, transparent 2px) 0 0 / 12px 12px;opacity:.55;border-radius:50%;width:120%;position:absolute;top:18%;left:50%;transform:translate(-50%);mask-image:radial-gradient(circle,#000 25%,#0000 70%)}.bubble{background:var(--bone);width:200px;color:var(--ink);border:var(--panel-border);border-radius:18px;padding:12px 16px;font-weight:700;line-height:1.3;position:absolute;top:6%;right:72%}.bubble:after{content:"";border:10px solid #0000;border-left:16px solid var(--ink);position:absolute;top:28px;right:-18px}.hero-banner{display:none}.banner .hero-banner{display:block;position:absolute;inset:0 42% 0 0}.banner .hero-banner img{object-fit:cover;object-position:48% 30%;width:100%;height:100%;mask-image:linear-gradient(90deg,#000 55%,#0000 98%)}.banner .hero-banner:after{content:"";background:0 0;position:absolute;inset:0}.banner .hero-inner{grid-template-columns:1fr 1fr}.banner .hero-copy{grid-column:2}.banner .hero-art{display:none}.origin p{font-size:1.1rem}.origin p:first-child:first-letter{float:left;color:var(--accent);-webkit-text-stroke:1px var(--ink);margin:4px 8px 0 0;font:3.4rem/.8 Bangers,Impact,sans-serif}.power,.mission,.duty{transition:transform .15s}.power:hover,.mission:hover,.duty:hover{transform:translate(-3px,-3px)rotate(-.5deg)}.section-head{position:relative}.head-pose{z-index:1;left:calc(var(--x) * 100%);height:var(--h);position:absolute;bottom:-46px;transform:translate(-50%)}.head-pose.flip{transform:translate(-50%)rotate(-12deg)}.section-head+.panel,.section-head+.contact .panel,.section-head+.grid>:nth-child(-n+4){padding-top:64px}.mno{color:#9a5b00;margin:0;font-size:1rem}.mission{flex-direction:column;display:flex}.mission-links{gap:10px;margin-top:auto;display:flex}.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.duty p{margin:0}.chapters{gap:28px;margin:0;padding:8px 0;list-style:none;display:grid;position:relative}.chapters:before{content:"";background:repeating-linear-gradient(var(--accent) 0 14px, transparent 14px 22px);width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.chapter{width:calc(50% - 40px);position:relative}.chapter:nth-child(2n){margin-left:calc(50% + 40px)}.chapter+.chapter{margin-top:-64px}.chapter:before,.chapter:after{content:"";position:absolute;top:30px}.chapter:before{border-top:3px solid var(--bone);width:40px;right:-40px}.chapter:after{border:3px solid var(--ink);background:var(--accent);border-radius:50%;width:22px;height:22px;top:20px;right:-51px}.chapter:nth-child(2n):before{left:-40px;right:auto}.chapter:nth-child(2n):after{left:-51px;right:auto}.chapter.education:after{background:#6fa8dc}.chapter-card{padding:20px 22px}.chapter.education .chapter-card{box-shadow:6px 6px #6fa8dc}.c-meta{align-items:center;gap:10px;margin:0 0 6px;display:flex}.c-kind{border:2px solid var(--ink);letter-spacing:.1em;text-transform:uppercase;background:var(--accent);border-radius:4px;padding:1px 8px;font-size:.7rem;font-weight:800}.education .c-kind{background:#cfe0f2}.c-when{letter-spacing:.04em;font:1.5rem/1 Bangers,Impact,sans-serif}.chapter-card h3{letter-spacing:0;margin:0;font-family:system-ui,sans-serif;font-size:1.05rem;font-weight:800}.c-where{color:#4a4f66;margin:4px 0 0}.wins{border-top:2px dashed var(--ink);gap:10px;margin:16px 0 0;padding:14px 0 0;list-style:none;display:grid}.wins li{grid-template-columns:82px 1fr;gap:8px;padding-left:30px;font-size:.92rem;line-height:1.4;display:grid;position:relative}.wins li:before{content:"";background:var(--accent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:20px;height:20px;position:absolute;top:0;left:0}.w-when{font-weight:800}.contact{align-items:end;gap:24px;display:flex}.signal{flex:1;align-self:center}.signal-line{margin-top:0;font-size:1.2rem;font-weight:700}.links{flex-wrap:wrap;gap:12px;margin:0;display:flex}@media (width<=760px){.hero-inner,.banner .hero-inner{grid-template-columns:1fr;padding-top:32px}.banner .hero-banner{inset:0 0 45%}.banner .hero-copy{grid-column:1;padding-top:46vh}.banner .hero-banner:after{background:linear-gradient(transparent 60%, var(--night) 100%)}.hero-copy{padding-bottom:0}.hero-art img{height:52vh}.bubble{width:150px;font-size:.85rem;left:55%;right:auto}.bubble:after{display:none}.head-pose{height:calc(var(--h) * .6);bottom:-28px;left:auto;right:0;transform:none}.head-pose.flip{transform:rotate(-12deg)}.chapters:before{left:11px}.chapter,.chapter:nth-child(2n){width:auto;margin-left:40px}.chapter+.chapter{margin-top:0}.chapter:before,.chapter:nth-child(2n):before{display:none}.chapter:after,.chapter:nth-child(2n):after{left:-40px;right:auto}.wins li{grid-template-columns:1fr;gap:0}}