@font-face{font-family:Display;src:url('/assets/fonts/big-shoulders-display-normal-latin.woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url('/assets/fonts/dmmono-400.woff2');font-display:swap}@font-face{font-family:Marker;src:url('/assets/fonts/permanent-marker.woff2');font-display:swap}
:root{color-scheme:dark;--acid:#c8ff00;--pink:#ff3984;--ink:#10130b;--paper:#f2ebce}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper)}::selection{background:var(--pink);color:#111}.poster{position:relative;isolation:isolate;min-height:700px;height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#58762288,transparent 65%),#11160d;border:12px solid var(--acid)}.poster:after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:url('/assets/img/grain.svg');opacity:.25}.topline{position:absolute;top:21px;left:28px;right:28px;display:flex;justify-content:space-between;color:var(--acid);font:10px Mono,monospace;letter-spacing:1.4px;z-index:5}.backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#10130b 0%,#10130b44 50%,#10130bc9 100%),url('/assets/film-stills/toxic-screen-9.webp') center 38%/cover;opacity:.32}.backdrop:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#0004 3px 4px)}.character{position:absolute;z-index:-1;width:clamp(200px,27vw,430px);height:auto;max-height:75%;object-fit:contain;filter:drop-shadow(15px 20px 5px #0009)}.toxie{left:2.5%;top:13%;transform:rotate(-17deg)}.kabuki{right:2%;top:16%;transform:rotate(15deg)}.headline{text-align:center;position:relative;width:100%;z-index:2;transform:rotate(-5deg);margin-top:-65px}.pretitle{font:10px Mono,monospace;letter-spacing:4px;background:var(--ink);display:table;margin:0 auto 12px;padding:8px 15px;color:var(--acid)}h1{font:900 clamp(100px,21vw,350px)/.85 Display,Impact,sans-serif;letter-spacing:-.055em;color:var(--acid);margin:0;text-shadow:4px 4px 0 var(--ink),-3px -3px 0 var(--ink),-3px 3px 0 var(--ink),3px -3px 0 var(--ink),9px 12px 0 #050701,12px 15px 0 var(--pink)}h1 span{color:var(--paper)}.tagline{font:clamp(21px,3.6vw,60px)/1.1 Marker,cursive;color:var(--pink);margin:15px 0 0;text-shadow:3px 4px 0 #10130b,-2px -2px 0 #10130b}.blast{position:absolute;z-index:3;right:9%;top:7%;width:130px;height:130px;background:var(--pink);color:var(--ink);clip-path:polygon(50% 0,61% 12%,76% 5%,79% 22%,96% 24%,89% 41%,100% 52%,87% 62%,94% 79%,76% 80%,73% 97%,57% 89%,45% 100%,35% 86%,18% 94%,17% 76%,0 70%,10% 54%,0 41%,17% 34%,15% 16%,34% 18%);display:grid;place-content:center;transform:rotate(14deg);text-align:center}.blast span{font:900 32px/.85 Display,sans-serif}.blast small{display:block;font:8px Mono,monospace;margin-top:10px}.bottom{position:absolute;bottom:40px;z-index:4;text-align:center;padding:0 20px}.intro{font:12px/1.7 Mono,monospace;letter-spacing:.2px;margin:0 0 17px;text-shadow:0 2px 5px #000}.bottom a{display:inline-flex;align-items:center;gap:35px;color:var(--ink);background:var(--acid);padding:13px 18px;font:10px Mono,monospace;text-decoration:none;box-shadow:4px 4px 0 #526600;transform:rotate(-2deg);transition:transform .2s}.bottom a:hover{transform:rotate(1deg) scale(1.04)}.bottom a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}.disclaimer{font:8px/1.7 Mono,monospace;color:#b7bca6;margin:19px 0 0}.hazard{position:absolute;bottom:0;height:12px;left:0;right:0;background:repeating-linear-gradient(-45deg,var(--acid) 0 15px,#111 15px 30px)}
@media(min-aspect-ratio:19/10){.poster{min-height:620px}.character{width:22vw;max-height:78%;top:8%}.headline{margin-top:-85px}h1{font-size:19vw}.blast{top:7%;right:17%;width:105px;height:105px}.blast span{font-size:27px}.bottom{bottom:28px}}@media(max-width:700px){.poster{border-width:7px;min-height:680px}.topline{top:16px;left:13px;right:13px;font-size:7px;letter-spacing:.5px}.character{width:46%;max-height:48%;top:17%}.toxie{left:0;transform:rotate(-19deg)}.kabuki{right:-1%;top:19%;transform:rotate(16deg)}.headline{margin-top:15px;transform:rotate(-6deg)}h1{font-size:22vw;text-shadow:2px 2px 0 #111,-2px -2px 0 #111,-2px 2px 0 #111,2px -2px 0 #111,5px 7px 0 #050701,7px 9px 0 var(--pink)}.pretitle{font-size:7px;letter-spacing:1.8px;padding:6px 9px;margin-bottom:13px}.tagline{font-size:6vw;margin-top:17px}.blast{width:90px;height:90px;top:7%;right:7%}.blast span{font-size:23px}.blast small{font-size:6px;margin-top:7px}.bottom{bottom:30px;width:100%;padding:0 15px}.intro{font-size:9px;max-width:300px;margin:0 auto 15px}.bottom a{font-size:9px;padding:12px 15px}.disclaimer{font-size:6px;line-height:1.8;margin-top:17px}.hazard{height:9px}}@media(max-width:700px) and (min-height:850px){.character{top:20%;width:49%}.kabuki{top:23%}.headline{margin-top:0}.bottom{bottom:50px}.blast{top:11%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* 2026-10-31: om-sajten och vanliga frågor under affischen */
.about-strip{background:var(--ink);color:var(--paper);padding:56px 22px 70px;border-top:4px solid var(--acid)}
.about-in{max-width:70ch;margin:0 auto;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
.about-strip h2{font:clamp(30px,5vw,44px)/1 BigShoulders,"Big Shoulders Display",Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--acid);margin:0 0 16px}
.about-strip p+h2{margin-top:48px}
.about-strip .faq{margin-top:40px}
.about-strip .about-lead{font-size:1.15rem;color:#fff}
.about-strip p{margin:0 0 14px}
.about-strip a{color:var(--pink);text-decoration:underline;text-underline-offset:3px}
.about-strip .faq{margin:40px 0 0}
.about-strip .faq dt{font:14px/1.5 Mono,monospace;letter-spacing:.5px;text-transform:uppercase;color:var(--acid);margin:22px 0 6px;padding-top:16px;border-top:1px solid #2b3121}
.about-strip .faq dt:first-child{border-top:0;padding-top:0;margin-top:0}
.about-strip .faq dd{margin:0}