/* Full-width panorama; effects use the same 21:9 image coordinate space. */
.hero-scene{--scene-height:clamp(620px,42.857vw,960px);min-height:var(--scene-height);overflow:hidden}
.hero-atmosphere{background-image:linear-gradient(90deg,#090b0fd9 0%,#090b0f9c 29%,#090b0f26 54%,transparent 75%),linear-gradient(0deg,#090b0f 0%,transparent 18%,transparent 92%,#090b0f24),url('assets/conquest-brutal.webp');background-size:cover;background-position:right center;background-repeat:no-repeat}
.hero .hero-inner{position:relative;z-index:2;min-height:calc(var(--scene-height) - 44px);padding-block:3rem}.hero-bottom{z-index:2}.hero-copy{max-width:560px}.hero-description{color:#c8c5bf;text-shadow:0 1px 9px #0009}
.strip-inner{gap:1.35rem}.strip-actions{display:flex;align-items:center;gap:1.4rem;margin-left:auto;white-space:nowrap}.strip-actions>a{color:#e78996;font-size:.7rem}.campaign-countdown{display:inline-flex;align-items:baseline;gap:.4rem;color:#bdb8b1;font:.69rem/1.4 var(--sans);letter-spacing:.01em;font-variant-numeric:tabular-nums}.campaign-countdown strong{font:600 .74rem/1.4 var(--sans);color:#ded8ce;margin-right:.1em}.countdown-label{color:#a4a09a;font-size:.6rem;margin-right:.1rem;text-transform:uppercase;letter-spacing:.1em}
.scene-life{position:absolute;z-index:-1;top:50%;right:0;width:max(100%,calc(var(--scene-height)*2.3333));aspect-ratio:1916/821;transform:translateY(-50%);pointer-events:none;contain:layout style}
.smoke-source{position:absolute;left:var(--x);top:var(--y);width:4.2%;height:21%;pointer-events:none}.smoke-source i{position:absolute;left:0;bottom:100%;width:100%;height:55%;border-radius:50%;background:radial-gradient(ellipse,#b0b1a84d, #939b9522 34%,transparent 70%);opacity:0;transform-origin:50% 90%;animation:smoke-rise 16s linear infinite;animation-play-state:paused}.smoke-source i:nth-child(2){animation-delay:-5.3s}.smoke-source i:nth-child(3){animation-delay:-10.6s}.smoke-source:nth-child(2) i{animation-duration:18s}.smoke-source:nth-child(4){width:4%;height:18%}
.hero-fog{position:absolute;z-index:-1;pointer-events:none;left:0;bottom:2%;width:100%;height:18%;background:radial-gradient(ellipse at 68% 85%,#a6b2ae25,transparent 65%);opacity:.18}
.embers{z-index:-1}.ember{animation-play-state:paused}.effects-running .smoke-source i,.effects-running .ember{animation-play-state:running}
.motion-off .hero-fog,.motion-off .scene-life{display:none}
@keyframes smoke-rise{0%{opacity:0;transform:translate(-50%,30%) scale(.3)}15%{opacity:.48}60%{opacity:.3}100%{opacity:0;transform:translate(-15%,-80%) scale(1.7)}}
@media(max-width:1100px){.strip-inner{flex-wrap:wrap;padding-block:1.2rem;gap:.65rem 1.2rem}.strip-label{width:100%}.strip-rule{display:none}.strip-actions{gap:1rem}.hero-copy{max-width:490px}}
@media(max-width:850px){.hero-scene{--scene-height:620px}.hero-copy{max-width:450px}.hero .hero-inner{padding-block:2.8rem}.strip-actions{margin-left:auto}.hero-fog{opacity:.15}}
@media(max-width:600px){.hero-scene{--scene-height:660px}.hero .hero-inner{min-height:calc(var(--scene-height) - 44px);padding-block:2.5rem 2rem}.hero-copy{max-width:100%}.hero-atmosphere{background-image:linear-gradient(90deg,#090b0fea 0%,#090b0fb5 53%,#090b0f60),linear-gradient(0deg,#090b0f,transparent 14%,#090b0f44 58%,#090b0fe0 88%),url('assets/conquest-brutal-mobile.webp');background-size:cover;background-position:right center}.strip-actions{width:100%;justify-content:space-between;margin:0;gap:1rem}.strip-actions>a{font-size:.7rem}.campaign-countdown{font-size:.7rem}.campaign-countdown strong{font-size:.75rem}.hero-fog{opacity:.12}.smoke-source i{animation-duration:14s}.scene-life{opacity:.7}}
@media(prefers-reduced-motion:reduce){.hero-fog,.scene-life{display:none}.ember{animation:none}.hero-scene .smoke-source i,.hero-scene .ember{animation-play-state:paused}}
@media(max-width:600px){.hero-atmosphere{background-position:83% center}.scene-life{right:calc((100% - 1540px)*.17)}}

/* Shared charcoal, bone, worn-steel and oxblood system. */
:root{--ink:#080c0f;--surface:#101518;--raised:#161d20;--paper:#e1ddd2;--muted:#afb0aa;--dim:#979d98;--red:#87353b;--red-light:#bd8581;--bronze:#b6b9ad;--line:#d3d9ce1f}
body{background:var(--ink)}.site-header{background:#090d10ed;border-bottom:1px solid #b7bfb51a;backdrop-filter:blur(8px)}.brand img{filter:grayscale(.7) contrast(1.08);opacity:.88}.brand>span{color:#d6d7cb;letter-spacing:.12em}.brand small{color:#a1a79f}.nav-join{background:#3f1e241f;border-color:#96565a4d}.nav-join:hover{background:#5f2b323b}
h1,h2{font-weight:700;font-style:normal;letter-spacing:.025em}h2 em{color:#b7bdb8;-webkit-text-stroke:0;font-weight:700;font-style:normal}.hero h1{font-size:clamp(4.5rem,7.3vw,7.5rem);font-weight:700;font-style:normal;line-height:.96;letter-spacing:.02em;color:#e2dfd4;text-shadow:0 2px 20px #0004}.hero h1 em{font-style:normal;font-weight:700;color:#b6beb9;-webkit-text-stroke:0;letter-spacing:.035em}.hero-line{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.35;letter-spacing:.045em;color:#d7d4c8}.hero .eyebrow,.eyebrow{color:#ba8b84}.hero .signal{background:#a46963;box-shadow:none}.hero-description{color:#bec2ba;max-width:390px}.hero-actions{gap:1.8rem}
.button,.button>span{transform:none}.button{border:1px solid #b5b9ac42;border-radius:1px;letter-spacing:.14em;transition:background 180ms,border-color 180ms,transform 180ms}.button:hover{transform:translateY(-1px)}.button-red{background:linear-gradient(130deg,#743039,#54272e);color:#f0e9dc;border-color:#a6746b80;box-shadow:inset 0 1px #dac7b018,0 8px 26px #0002}.button-red:hover{background:#813940;border-color:#c299877d}.button-outline{background:#12191ccc;border-color:#a2b0a13d}.text-link,.source-link,.strip-actions>a{color:#c3bda9}.text-link:hover,.source-link:hover,.strip-actions>a:hover{color:#e2dccb}
.campaign-strip{background:#0e1417;border-color:#abb6aa1c}.strip-label{color:#b38d82}.strip-inner strong{color:#d8d7ca;letter-spacing:.08em}.campaign-countdown{color:#b8bdb4}.campaign-countdown strong{color:#d6d8cb}.countdown-label{color:#a1a99e}.scroll-cue,.motion-toggle{color:#b4bcb0}.section-space{border-color:#a7b5a21a}.zug-section{background:radial-gradient(ellipse at 0 50%,#3c27231a,transparent 65%)}.operation{background:#101619;border-color:#91a18e30}.operation:nth-child(n) summary{background:linear-gradient(140deg,#46302b21,#0e151b)}.operation-kicker,.operation-open{color:#b29488}.operation summary strong{color:#d4d7cb}.join-section{background:radial-gradient(ellipse at 10% 100%,#38242a30,transparent 65%),#101518}.zug-copy .quote-stop{color:#aa7a73}.zug-copy h2,.raid-code h2{font-style:normal}
.join-paths h3,.operation summary strong,.operation-number,.raid-schedule>strong,.zug-mark strong,.zug-copy blockquote{font-style:normal;font-weight:700;letter-spacing:.025em}
@media(max-width:850px){.hero h1{font-size:clamp(4.5rem,9.5vw,6rem)}#main-nav{background:#0d1216fa}.hero-actions{gap:1.25rem}}
@media(max-width:600px){.hero h1{font-size:clamp(4.1rem,19vw,5.5rem);line-height:.98}.hero-line{font-size:1.25rem}.hero-actions{gap:1.15rem}}
@media(prefers-reduced-motion:reduce){.button,.button:hover,.button>span{transform:none}}