:root{--green:#00a65c;--ink:#10120d;--cream:#fff1cb;--yellow:#ffe02d;--red:#ff4d4d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--green);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:3px solid var(--ink);position:absolute;top:0;left:0;right:0;z-index:5;background:var(--green)}.brand{font:900 38px Impact,'Arial Black',sans-serif;transform:rotate(-5deg)}.brand span{color:var(--cream)}nav{display:flex;gap:36px;font-weight:900;font-size:12px;letter-spacing:1px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.tiny{border:2px solid var(--ink);background:var(--yellow);padding:10px 19px;border-radius:50%;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;overflow:hidden;border-bottom:4px solid var(--ink)}.hero-art{position:absolute;inset:75px 0 0;background:url('assets/hero.png') center center/cover no-repeat;animation:arrive 1s both}.hero-copy{position:relative;z-index:2;width:55%;padding:145px 0 100px 6%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;display:block}h1,h2{font-family:Impact,'Arial Black',sans-serif;font-weight:900;letter-spacing:-3px;line-height:.88;margin:28px 0}h1{font-size:clamp(84px,9.7vw,150px);transform:rotate(-3deg);color:var(--cream);-webkit-text-stroke:2px var(--ink);text-shadow:5px 6px 0 var(--ink)}h1>span{display:block}.bang{color:var(--red);display:inline-block;animation:wiggle 4s infinite}em{font-style:normal;color:var(--green)}.ticker{display:inline-block;background:var(--yellow);border:3px solid var(--ink);padding:6px 18px;transform:rotate(4deg);font-weight:900;font-size:20px;box-shadow:3px 3px 0 var(--ink)}.hero-copy p{font-size:21px;line-height:1.35;font-weight:700;margin:25px 0}.actions{display:flex;gap:16px;flex-wrap:wrap}.comic{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:57px;padding:15px 25px;border:3px solid var(--ink);border-radius:48% 43% 39% 32%/18% 25% 20% 26%;box-shadow:5px 6px 0 var(--ink);font-weight:900;font-size:14px;letter-spacing:.3px;transform:rotate(-2deg);transition:transform .2s,box-shadow .2s}.comic:after{content:'';position:absolute;bottom:-12px;left:25px;width:14px;height:14px;background:inherit;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:skew(-20deg) rotate(30deg)}.comic:hover{transform:translate(-2px,-5px) rotate(1deg);box-shadow:7px 10px 0 var(--ink)}.comic:active{transform:translate(3px,4px);box-shadow:1px 1px 0}.red{background:var(--red)}.cream{background:var(--cream)}.green{background:var(--green)}.yellow{background:var(--yellow)}.ca{display:grid;grid-template-columns:1fr 20px;gap:7px;text-align:left;background:var(--cream);border:2px solid var(--ink);border-radius:4px;padding:13px 15px;margin-top:32px;width:min(380px,95%);box-shadow:3px 3px 0 var(--ink)}.ca span{font-size:9px;letter-spacing:1.5px}.ca b{font-family:monospace;font-size:11px;word-break:break-all;grid-column:1}.ca i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:23px}.scroll{position:absolute;bottom:28px;left:6%;font-size:10px;letter-spacing:2px;font-weight:900}.volume{position:absolute;bottom:32px;right:5%;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);width:85px;height:85px;text-align:center;padding:13px;font-size:11px;transform:rotate(12deg)}.volume strong{display:block;font:45px/.9 Impact,sans-serif}.story{position:relative;min-height:850px;background:var(--cream);display:flex;justify-content:flex-end;overflow:hidden;border-bottom:4px solid var(--ink)}.story-art{position:absolute;inset:0;background:url('assets/lore.png') center/cover no-repeat}.story-copy{position:relative;padding:100px 6% 90px 2%;width:47%}h2{font-size:clamp(48px,5.3vw,82px)}.story p{max-width:430px;font-size:18px;line-height:1.55}.handnote{display:block;margin:25px 0 35px;font-size:16px;transform:rotate(-3deg)}.outro{position:relative;overflow:hidden;padding:100px 7% 110px;background:var(--red)}.outro h2{font-size:clamp(48px,7vw,108px)}.outro em{color:var(--cream)}.stamp{position:absolute;right:9%;top:38%;border:4px solid var(--ink);border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(14deg);font-weight:900;line-height:1.3;background:var(--yellow)}footer{display:flex;justify-content:space-between;gap:25px;padding:28px 5%;background:var(--ink);color:var(--cream);font-size:10px;letter-spacing:.5px}footer a{font-weight:900}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,150px) rotate(-2deg);z-index:20;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:16px 24px;font-weight:900;text-align:center;transition:transform .3s;max-width:90%;width:max-content}.toast.show{transform:translate(-50%,0) rotate(-2deg)}.backstage{padding:160px 6% 90px;display:grid;grid-template-columns:1fr 1fr;gap:7%;background:var(--cream);align-items:center}.backstage h1{font-size:clamp(54px,6vw,90px);color:var(--ink);text-shadow:none;-webkit-text-stroke:0;letter-spacing:-2px;transform:rotate(-2deg)}.portrait{position:relative;transform:rotate(-4deg)}.portrait img{width:100%;display:block;border:4px solid var(--ink);border-radius:45% 49% 40% 36%;box-shadow:9px 11px 0 var(--ink)}.portrait-label{display:block;font-size:11px;font-weight:900;letter-spacing:1px;text-align:center;margin-top:25px}.intro{font-size:20px;line-height:1.5}dl{margin:30px 0}dl div{display:flex;justify-content:space-between;gap:20px;border-top:2px solid var(--ink);padding:14px 0}dt{font-size:11px;font-weight:900}dd{font-size:13px;margin:0}#opinion{font-weight:700;line-height:1.5;min-height:50px;margin-top:30px}.press{padding:90px 10%;background:var(--yellow);border-top:4px solid var(--ink)}.press em{color:var(--red)}.downloads{margin:35px 0}.downloads a{display:flex;justify-content:space-between;padding:24px 0;border-top:3px solid var(--ink);font-weight:900}.downloads a:last-child{border-bottom:3px solid var(--ink)}.downloads a:hover{padding-left:12px}.downloads span{font-size:12px}.footer-copy{background:none;color:var(--cream);border:0;font-weight:900;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}:focus-visible{outline:4px dashed var(--ink);outline-offset:7px}@keyframes wiggle{0%,85%,100%{transform:rotate(0)}89%{transform:rotate(8deg)}94%{transform:rotate(-5deg)}}@keyframes arrive{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(min-width:1600px){.hero-art{background-position:center 45%}}@media(max-width:850px){header{height:74px;padding:0 5%}nav{gap:16px;font-size:9px}.brand{font-size:30px}.hero{height:auto;min-height:1040px}.hero-art{inset:340px -20% 0 -42%;background-position:64% center}.hero-copy{width:100%;padding:112px 6% 0}.hero-copy h1{font-size:105px;margin:22px 0;width:300px}.hero-copy .eyebrow{font-size:9px}.hero-copy p{font-size:18px;max-width:250px}.hero-copy .ticker{position:absolute;top:210px;right:8%;transform:rotate(12deg)}.hero-copy .actions{margin-top:340px}.hero-copy .ca{width:340px}.volume{bottom:30px;right:7%;width:65px;height:65px;padding:9px}.volume strong{font-size:33px}.scroll{font-size:8px;max-width:220px}.story{padding-top:340px;min-height:0}.story-art{bottom:auto;height:430px;background-position:22% center;background-size:auto 100%}.story-copy{width:100%;padding:55px 7% 70px;background:var(--cream)}.story h2{font-size:62px}.outro{padding:70px 7% 85px}.outro h2{font-size:54px;letter-spacing:-2px}.stamp{width:95px;height:95px;font-size:10px;right:7%;top:auto;bottom:45px}.backstage{grid-template-columns:1fr;padding:125px 7% 60px;gap:55px}.portrait{max-width:420px;margin:auto}.backstage h1{font-size:70px}.press{padding:65px 7%}.press h2{font-size:46px;letter-spacing:-2px}footer{flex-wrap:wrap;line-height:1.6}footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media(min-width:851px){.story-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 39%,rgba(255,241,203,.95) 54%,var(--cream) 63%)}}
@media(max-width:380px){.hero-copy h1{font-size:92px}.comic{padding:14px 18px}.hero-copy .ca{width:100%}.press h2{font-size:39px}}
@media(max-width:850px){.hero{min-height:1140px}.hero-art{top:410px}.hero-copy{padding-bottom:95px}}