:root{color-scheme:dark;--bg:#0b0b0b;--fg:#ecebe6;--muted:#8b8b87;--border:#353535;--red:#d4322d}
*{box-sizing:border-box}
html{min-width:280px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,#ffffff03 5px);z-index:5}
::selection{background:var(--red);color:#fff}
.shell{max-width:1560px;min-height:100svh;padding:0 clamp(20px,5.2vw,86px);margin:auto;display:flex;flex-direction:column}
.masthead{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px;font-size:11px;font-weight:800;letter-spacing:.18em}
.signature{font-size:18px;white-space:nowrap;letter-spacing:-.055em}
.mark{display:inline-block;color:var(--red);font-size:27px;vertical-align:-2px;margin-right:7px}
.dim{color:var(--muted)}
.issue{color:var(--muted);text-align:center}
.status{white-space:nowrap;display:flex;align-items:center;gap:10px}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #d4322d28}
.hero{position:relative;padding-top:clamp(55px,9vh,120px)}
.eyebrow{display:flex;align-items:center;gap:16px;color:#c4c3bc;font-size:clamp(10px,1.15vw,12px);letter-spacing:.2em;font-weight:800}
.red-line{width:38px;height:3px;background:var(--red);flex:none}
.hero-grid{display:flex;align-items:stretch;justify-content:space-between;gap:20px}
h1{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-stretch:condensed;font-weight:900;letter-spacing:-.035em;font-size:clamp(70px,15.6vw,230px);line-height:.82;margin:42px 0 34px;white-space:nowrap}
h1 span{display:block}
h1 .outline{color:transparent;-webkit-text-stroke:2px var(--fg);paint-order:stroke fill}
h1 .period{display:inline;color:var(--red);-webkit-text-stroke:0}
.rail{align-self:center;display:flex;flex-direction:column;gap:15px;writing-mode:vertical-rl;letter-spacing:.24em;font-size:10px;color:var(--muted);font-weight:700}
.hero-bottom{display:flex;align-items:end;justify-content:space-between;padding-bottom:55px;border-bottom:1px solid var(--border);gap:24px}
.headline{font-size:clamp(17px,2.5vw,30px);font-weight:700;line-height:1.22;letter-spacing:-.045em;margin:0}
.headline strong{color:var(--red);font-weight:900}
.cross{font-size:clamp(44px,5vw,76px);font-weight:200;color:var(--red);line-height:.75}
.statement{padding:65px 0 75px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px;align-items:start}
.section-index{font-family:monospace;color:var(--muted);letter-spacing:.07em;font-size:12px;padding-top:8px}
.statement-copy h2{font-size:clamp(23px,3vw,39px);letter-spacing:-.055em;line-height:1.15;margin:0 0 26px;font-weight:800}
.statement-copy p{color:#a6a6a0;font-size:clamp(14px,1.4vw,16px);line-height:1.7;margin:0}
.frequency{height:110px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:5px;opacity:.7}
.frequency i{display:block;background:var(--red);width:3px;height:18%}
.frequency i:nth-child(3n){height:82%}
.frequency i:nth-child(4n){height:46%}
.frequency i:nth-child(7n){height:100%}
.frequency i:nth-child(11n){height:62%}
.manifesto{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr)}
.manifesto>div{display:flex;align-items:center;gap:18px;font-weight:900;font-size:clamp(12px,1.45vw,19px);letter-spacing:.04em;padding:28px 18px 28px 0}
.manifesto>div+div{border-left:1px solid var(--border);padding-left:28px}
.number{font:11px monospace;color:var(--red);letter-spacing:0}
footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:96px;color:var(--muted);font-size:10px;letter-spacing:.11em;font-weight:700}
.footer-right{text-align:right}
@media(max-width:1000px){.statement{grid-template-columns:1fr 2fr}.frequency{display:none}h1{font-size:clamp(60px,15.6vw,158px)}}
@media(max-width:650px){.shell{padding:0 21px}.masthead{min-height:75px}.issue{display:none}.hero{padding-top:62px}.eyebrow{font-size:9px;letter-spacing:.11em;gap:10px}.red-line{width:20px}h1{font-size:clamp(58px,15vw,98px);margin:39px 0 48px;-webkit-text-stroke-width:1px}h1 .outline{-webkit-text-stroke-width:1px}.rail{display:none}.hero-bottom{padding-bottom:44px}.statement{padding:46px 0 54px;grid-template-columns:1fr;gap:23px}.statement-copy h2{font-size:29px;margin-bottom:16px}.manifesto{grid-template-columns:1fr}.manifesto>div{padding:15px 0;font-size:15px}.manifesto>div+div{border-left:none;border-top:1px solid var(--border);padding-left:0}footer{padding:27px 0;align-items:start;flex-direction:column;gap:12px;min-height:0}.footer-right{text-align:left}}


/* BOMBENHAGEL / B SIDE ARCHIVE LINK */

footer .footer-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px 24px;
}

.archive-link {
    color: #d44840;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.08em;
    transition: color 0.2s;
}

.archive-link:hover {
    color: #ffffff;
}

.archive-link:focus-visible {
    outline: 2px solid #d44840;
    outline-offset: 4px;
}

@media (max-width: 600px) {
    footer .footer-right {
        justify-content: flex-start;
    }
}