/*
Theme Name: Wielka Masakra — Panoramiczna V5
Theme URI: https://masakra.asgrekrutcqb.pl
Author: Rekrut ASG CQB
Description: Jednostronicowa zapowiedź halloweenowej gry ASG.
Version: 5.0.0
Text Domain: masakra-halloween-v5
*/

:root{--ink:#090b0a;--bone:#e8dfca;--orange:#ef6c20;--acid:#b7d936;--line:rgba(232,223,202,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:Arial,sans-serif;line-height:1.6}body.locked{overflow:hidden}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.eyebrow{color:var(--orange);font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}
.entry{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 35%,#282514 0,#090b0a 55%,#000 100%);display:grid;place-items:center;text-align:center;padding:24px;transition:opacity .7s,visibility .7s}.entry.hidden{opacity:0;visibility:hidden}.entry-box{max-width:700px}.entry h1{font-size:clamp(2.5rem,8vw,6rem);line-height:.88;margin:.3em 0;text-transform:uppercase;letter-spacing:-.05em}.entry p{color:#aaa}.enter{border:1px solid var(--orange);background:var(--orange);color:#110b07;padding:17px 30px;font-weight:900;letter-spacing:.1em;cursor:pointer;text-transform:uppercase}
.sound{position:fixed;right:20px;bottom:20px;z-index:60;border:1px solid #554a3a;background:rgba(9,11,10,.88);color:var(--bone);padding:11px 15px;cursor:pointer;text-transform:uppercase;font-size:.72rem;letter-spacing:.09em}
.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#050505 url('assets/hero-panorama-v5.png') 67% center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.68) 28%,rgba(0,0,0,.12) 58%,transparent 76%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 62%,rgba(0,0,0,.62));pointer-events:none}.hero-content{position:relative;z-index:2;padding:90px 0 55px;max-width:620px}.hero h1{font-size:clamp(3.5rem,6.8vw,7rem);line-height:.78;letter-spacing:-.055em;text-transform:uppercase;margin:.18em 0;text-shadow:0 5px 28px #000}.hero h1 .orange{color:var(--orange)}.lead{font-size:clamp(1.02rem,1.55vw,1.24rem);max-width:510px;text-shadow:0 2px 12px #000}.cta{display:inline-block;margin-top:20px;background:var(--orange);color:#120b06;text-decoration:none;padding:15px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.section{padding:90px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(2rem,5vw,4.5rem);line-height:1;text-transform:uppercase;margin:.18em 0 .55em;letter-spacing:-.04em}.story{max-width:850px;font-size:1.08rem;color:#c8c1b2}.dark{background:#050606}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:#101210;padding:28px;min-height:250px}.card .num{font-size:3rem;color:var(--orange);font-weight:900}.card h3{font-size:1.35rem;text-transform:uppercase;margin:.3em 0}.card p{color:#aaa}.threats .card:nth-child(2){transform:translateY(18px)}
.generators{background:linear-gradient(rgba(8,10,9,.86),rgba(8,10,9,.94)),radial-gradient(circle at 20% 30%,#373612,transparent 35%)}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.step{counter-increment:s;background:#090b0a;padding:26px}.step:before{content:"0" counter(s);color:var(--acid);font-weight:900;font-size:1.6rem}.step strong{display:block;margin-top:25px;text-transform:uppercase}.step span{color:#999;font-size:.92rem}
.soon{text-align:center;background:var(--orange);color:#130b06;padding:95px 20px}.soon h2{font-size:clamp(3rem,8vw,7rem);line-height:.84;margin:.15em 0;text-transform:uppercase;letter-spacing:-.05em}.soon p{font-weight:700}.footer{padding:30px 0;color:#777;text-align:center;font-size:.82rem}
@media(max-width:760px){.wrap{width:min(100% - 28px,1120px)}.hero{height:100svh;min-height:620px;align-items:flex-end;background-position:72% center}.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.05) 15%,rgba(0,0,0,.18) 45%,rgba(5,6,6,.92) 78%,#050606 100%)}.hero-content{padding:48svh 0 38px;max-width:none}.hero h1{font-size:clamp(2.65rem,13.5vw,4.7rem);line-height:.82}.lead{font-size:.95rem;max-width:95%}.grid,.steps{grid-template-columns:1fr}.threats .card:nth-child(2){transform:none}.section{padding:65px 0}.entry h1{font-size:clamp(2.5rem,14vw,4.6rem)}.sound{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry{transition:none}}