@font-face{font-family:Display;src:url('assets/fonts/display.woff') format('woff');font-display:swap}
@font-face{font-family:Body;src:url('assets/fonts/body.woff') format('woff');font-display:swap}
@font-face{font-family:Body;src:url('assets/fonts/body-bold.woff') format('woff');font-display:swap;font-weight:700}
:root{color-scheme:dark;--ink:#171321;--purple:#282039;--yellow:#ffe33b;--cyan:#3ee9ed;--cream:#fffbee;--muted:#bdb5c9}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;min-width:320px;color:var(--cream);font:16px/1.5 Body,Arial,sans-serif;background:radial-gradient(circle at 72% 42%,#36234c 0,#171321 54%);overflow-x:hidden}
.site-shell{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.site-header,.hero,footer{width:min(100% - 96px,1390px);margin-inline:auto}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:26px;border-bottom:1px solid #ffffff23}
.brand-lockup{display:flex;align-items:center;gap:11px;font:700 16px/0.95 Body,Arial,sans-serif;letter-spacing:.045em}
.brand-lockup img{object-fit:contain}
.status{display:flex;align-items:center;gap:10px;border:1px solid #ffe33b8e;border-radius:999px;color:var(--yellow);font:700 11px/1 Body,Arial,sans-serif;letter-spacing:.15em;padding:11px 14px;white-space:nowrap}
.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}
.hero{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,86px);padding-block:52px 70px}
.hero-copy{z-index:1;max-width:630px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--cyan);font:700 clamp(10px,1vw,13px)/1.3 Body,Arial,sans-serif;letter-spacing:.18em}
.rule{display:inline-block;width:34px;height:2px;background:currentColor;flex:none}
h1{font:clamp(75px,9vw,145px)/.85 Display,Impact,sans-serif;letter-spacing:-.045em;margin:0 0 28px;text-transform:uppercase;text-shadow:8px 10px 0 #100d1a}
h1>span{color:var(--yellow)}
.bang{color:var(--cyan)}
.lead{font:clamp(20px,2vw,30px)/1.2 Display,Impact,sans-serif;letter-spacing:.015em;margin:0 0 14px}
.summary{color:#d5cfdf;max-width:460px;font-size:clamp(15px,1.2vw,18px);margin:0 0 40px;line-height:1.6}
.dispatch{display:flex;gap:18px;align-items:start;border-top:1px solid #ffffff38;padding-top:19px;max-width:430px}
.dispatch-number{flex:none;color:var(--cyan);font:700 12px/1.5 Body,Arial,sans-serif;letter-spacing:.07em}
.dispatch strong{color:var(--cream);font-size:12px;letter-spacing:.11em}
.dispatch p{color:var(--muted);font-size:14px;margin:3px 0 0}
.hero-art{position:relative;display:grid;place-items:center;aspect-ratio:1.04;max-height:600px;width:100%;border:1px solid #73e5ed6e;background:radial-gradient(circle at 48% 48%,#493463 0,#2b2240 40%,#211a31 78%);box-shadow:18px 18px 0 #100d1a;transform:rotate(1deg)}
.art-grid{position:absolute;inset:0;opacity:.26;background:linear-gradient(#ffffff19 1px,transparent 1px),linear-gradient(90deg,#ffffff19 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent)}
.art-ring{position:absolute;width:72%;aspect-ratio:1;border:2px dashed #3ee9ed7a;border-radius:50%;transform:rotate(-13deg)}
.art-ring:after{content:'';position:absolute;inset:8%;border:1px solid #ffffff39;border-radius:50%}
.logo-plate{position:relative;width:min(84%,510px);transform:rotate(-6deg);filter:drop-shadow(12px 18px 0 #100d1a88)}
.logo-plate img{display:block;width:100%;height:auto}
.art-corner{position:absolute;width:54px;height:54px;border-color:var(--cyan);border-style:solid}
.art-corner-top{top:18px;left:18px;border-width:4px 0 0 4px}
.art-corner-bottom{right:18px;bottom:18px;border-width:0 4px 4px 0}
.art-index{position:absolute;left:28px;bottom:24px;color:var(--cyan);font:700 11px/1 Body,Arial,sans-serif;letter-spacing:.2em}
.art-stamp{position:absolute;top:27px;right:27px;display:grid;place-items:center;width:92px;height:92px;border:2px solid var(--yellow);border-radius:50%;color:var(--yellow);font:700 13px/1.05 Body,Arial,sans-serif;text-align:center;letter-spacing:.07em;transform:rotate(17deg)}
.tape{width:100%;overflow:hidden;background:var(--yellow);color:var(--ink);transform:rotate(-1deg) scale(1.02);font:700 13px/1 Body,Arial,sans-serif;letter-spacing:.16em;white-space:nowrap}
.tape div{width:max-content;padding:14px 0;word-spacing:14px}
.tape span{color:#a51b8f;margin-inline:16px}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:18px 24px;color:#a99db8;font-size:12px;letter-spacing:.04em}
.studio-credit{display:flex;align-items:center;gap:15px;min-width:0}
.studio-credit img{display:block;width:90px;height:auto;flex:none}
.footer-tagline{color:var(--yellow);font-weight:700;letter-spacing:.08em}
@media(max-width:1000px){.site-header,.hero,footer{width:min(100% - 56px,800px)}.hero{grid-template-columns:1fr;gap:38px;padding-block:55px 65px}.hero-copy{max-width:none}.hero-art{width:min(100%,600px);margin-inline:auto;max-height:none}h1{font-size:clamp(84px,15vw,145px)}.summary{margin-bottom:25px}}
@media(max-width:600px){.site-header,.hero,footer{width:calc(100% - 36px)}.site-header{padding-block:17px}.brand-lockup{font-size:12px;gap:6px}.brand-lockup img{width:34px;height:34px}.status{font-size:9px;letter-spacing:.08em;padding:8px}.hero{padding-block:48px 53px;gap:30px}.eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:20px}.rule{width:21px}h1{font-size:clamp(65px,16vw,98px);margin-bottom:22px;text-shadow:5px 6px 0 #100d1a}.lead{font-size:21px}.summary{font-size:15px}.dispatch{padding-top:15px}.hero-art{box-shadow:9px 9px 0 #100d1a}.art-stamp{width:61px;height:61px;font-size:9px;top:14px;right:14px}.art-corner{width:30px;height:30px}.art-corner-top{top:11px;left:11px}.art-corner-bottom{right:11px;bottom:11px}.art-index{left:18px;bottom:16px;font-size:8px}footer{align-items:flex-start;flex-direction:column;gap:8px;padding-block:23px;font-size:11px}.studio-credit img{width:76px}}
@media(prefers-reduced-motion:reduce){.hero-art,.logo-plate,.art-stamp,.tape{transform:none}}