:root{
  --ink:#090909;--paper:#ece5d8;--paper2:#cfc5b5;--red:#c71f2b;--red2:#7e1118;
  --acid:#d7f12c;--gold:#d7a322;--muted:#a79f94;--line:rgba(236,229,216,.15);
  --max:1240px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;overflow-x:hidden} img{display:block;max-width:100%} a{color:inherit;text-decoration:none} button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.15;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.topbar{height:72px;position:fixed;z-index:90;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);background:rgba(7,7,7,.91);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;font-family:'Archivo Black',sans-serif;font-size:15px;letter-spacing:-.03em}.brand img{width:43px;height:43px;object-fit:cover;border-radius:50%;filter:saturate(1.15)}.brand strong{color:var(--red)}nav{display:flex;gap:30px}nav a{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#d8d0c5}nav a:hover{color:var(--red)}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px max(7vw,40px) 70px;overflow:hidden;background:radial-gradient(circle at 76% 44%,#302b17 0,rgba(48,43,23,.18) 22%,transparent 48%),#090a0a}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080909 0 43%,rgba(8,9,9,.82) 56%,rgba(8,9,9,.25) 100%);z-index:2}.hero-photo{position:absolute;inset:72px 0 0 44%;overflow:hidden;filter:grayscale(.2) contrast(1.25) saturate(.65)}.hero-photo:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5;transform:scale(1.08)}.hero-scratches{position:absolute;z-index:3;inset:72px 0 0 45%;opacity:.18;background:repeating-linear-gradient(103deg,transparent 0 60px,rgba(255,255,255,.28) 61px 62px,transparent 63px 140px)}.hero-copy{position:relative;z-index:5;width:min(760px,65vw)}.kicker,.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--red)}.hero h1{margin:18px 0 5px}.punk-title{position:relative;width:min(650px,52vw);height:315px;filter:drop-shadow(0 14px 0 rgba(0,0,0,.25));isolation:isolate}.cut-word{position:absolute;display:flex!important;align-items:center;gap:clamp(2px,.35vw,7px);white-space:nowrap}.cut-word i{position:relative;display:flex;align-items:center;justify-content:center;font-family:'Archivo Black',Impact,sans-serif;font-style:normal;font-weight:900;line-height:.82;overflow:hidden}.cut-word i:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cut-planet{left:0;top:0;z-index:2;transform:rotate(-1deg)}.cut-planet i{height:154px;padding:8px 8px 0;background:#eee5d7;color:#0b0b0b;font-size:clamp(92px,7.6vw,145px);box-shadow:0 0 0 1px rgba(0,0,0,.25);clip-path:polygon(3% 4%,96% 0,100% 94%,5% 100%,0 15%)}.cut-planet i:nth-child(1){transform:rotate(-6deg) translateY(10px);padding-left:14px}.cut-planet i:nth-child(2){transform:rotate(2deg) translateY(-1px);clip-path:polygon(0 5%,95% 1%,100% 100%,4% 95%)}.cut-planet i:nth-child(3){transform:rotate(-2deg) translateY(5px);background:#d9d2c6}.cut-planet i:nth-child(4){transform:rotate(3deg) translateY(-7px);padding-inline:10px;background:#f1eadf}.cut-planet i:nth-child(5){transform:rotate(-1deg) translateY(3px);background:#ddd5c8}.cut-planet i:nth-child(6){transform:rotate(5deg) translateY(8px);padding-right:13px}.cut-2te{left:7%;top:132px;z-index:3;gap:0;transform:rotate(-1.5deg)}.cut-2te i{height:154px;min-width:132px;padding:4px 12px 0;background:#d51d2d;color:#090909;font-size:clamp(104px,8.8vw,168px);text-shadow:2px 2px 0 rgba(255,255,255,.05);clip-path:polygon(3% 5%,98% 0,95% 96%,0 100%)}.cut-2te i:nth-child(1){transform:rotate(-2deg);min-width:145px;background:#e01e2e}.cut-2te i:nth-child(2){transform:rotate(1.5deg) translateY(2px);background:#ca1827}.cut-2te i:nth-child(3){transform:rotate(-1deg) translateY(-2px);background:#d71b2b}.cut-2te:before{content:"";position:absolute;z-index:-1;left:-18px;right:-22px;top:12px;bottom:-10px;background:#b91422;clip-path:polygon(2% 5%,98% 0,100% 92%,1% 100%);transform:rotate(.8deg);filter:contrast(1.2)}.punk-tape{position:absolute!important;z-index:5;width:92px;height:29px;background:rgba(198,194,174,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);mix-blend-mode:screen}.punk-tape:after{content:"";position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.22) 9px 10px)}.tape-a{left:-18px;top:117px;transform:rotate(-17deg)}.tape-b{left:475px;top:130px;transform:rotate(15deg)}.hero-stamp{display:inline-block;margin-top:25px;padding:8px 12px;border:2px solid var(--acid);color:var(--acid);font-family:'Special Elite',monospace;font-size:15px;letter-spacing:.08em;transform:rotate(-2deg)}.hero-stamp i{color:var(--paper);font-style:normal}.hero-line{font-family:'Special Elite',monospace;font-size:24px;margin:24px 0 14px}.intro{font-size:18px;line-height:1.7;color:#d3ccc1}.button{display:inline-block;margin-top:22px;padding:15px 18px;border:1px solid #5d5850;font-size:11px;font-weight:800;letter-spacing:.14em}.button:hover{background:var(--paper);color:#111}.since{position:absolute;z-index:4;right:7vw;top:18%;font-family:'Archivo Black';font-size:clamp(64px,7vw,118px);line-height:.75;color:transparent;-webkit-text-stroke:2px rgba(215,241,44,.36);transform:rotate(7deg)}.hero-note{position:absolute;z-index:4;right:6vw;bottom:8%;font-family:'Special Elite';font-size:22px;line-height:1.05;color:rgba(236,229,216,.5);transform:rotate(-4deg)}.elbe-band{min-height:360px;position:relative;overflow:hidden;padding:70px max(7vw,40px);display:grid;grid-template-columns:1.4fr 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111}.elbe-word{position:absolute;left:-1vw;bottom:-32px;font-family:'Archivo Black';font-size:clamp(90px,18vw,280px);letter-spacing:-.08em;color:#171717;-webkit-text-stroke:1px #242424;white-space:nowrap}.elbe-copy{grid-column:2;position:relative;z-index:2;border-left:5px solid var(--red);padding-left:28px}.elbe-copy span{font-family:'Special Elite';color:var(--acid);font-size:13px}.elbe-copy strong{display:block;font-family:'Archivo Black';font-size:clamp(34px,4vw,62px);line-height:.95;margin:14px 0}.elbe-copy p{color:#aaa198;max-width:520px;line-height:1.7}.river-line{position:absolute;left:-5%;right:-5%;top:48%;height:90px;border-top:7px solid rgba(199,31,43,.55);border-radius:50%;transform:rotate(-3deg)}.section{position:relative;max-width:var(--max);margin:auto;padding:130px 28px}.section-number{position:absolute;right:3%;top:70px;font-family:'Archivo Black';font-size:170px;color:#121212;line-height:1}.manifesto{display:grid;grid-template-columns:1.25fr .75fr;gap:80px}.manifesto-copy{max-width:720px}.manifesto h2,.chapter-head h2,.logo-copy h2,.family h2,.vendetta h2,.archive h2{font-family:'Archivo Black';font-size:clamp(52px,6.4vw,92px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;margin:22px 0 30px}.manifesto p,.logo-copy p,.family p,.vendetta p,.archive-head p{font-size:16px;line-height:1.75;color:#bdb5aa}.manifesto blockquote{align-self:center;margin:0;font-family:'Special Elite';font-size:clamp(28px,3.5vw,50px);line-height:1.12;border-top:6px solid var(--red);padding-top:25px;transform:rotate(2deg)}.logo-story{display:grid;grid-template-columns:.7fr 1fr 1.15fr;gap:50px;align-items:center;border-top:1px solid var(--line)}.card-tilt{position:relative;background:#050505;padding:24px;border:1px solid #2b2926;transform:rotate(-3deg);box-shadow:18px 18px 0 #121212}.card-tilt.reverse{transform:rotate(2deg)}.card-tilt img{width:100%}.label,.stamp{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.13em;background:var(--paper);color:#111;padding:7px 9px;transform:rotate(-2deg)}.label.acid{background:var(--acid)}.logo-original img{image-rendering:auto}.logo-copy .type-note{font-family:'Special Elite';font-size:16px;color:#ddd2c5}.chapter{border-top:1px solid var(--line)}.chapter-head{display:grid;grid-template-columns:.7fr 1.1fr 1fr;gap:35px;align-items:end;margin-bottom:70px}.chapter-head.compact{display:block;max-width:800px}.chapter-head h2{margin:0}.chapter-head>p{color:#a99f94;line-height:1.6}.chapter-no{font-family:'Archivo Black';font-size:90px;color:var(--red);line-height:.8;display:block}.photo{position:relative;margin:0;background:#121212}.photo button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.photo img{width:100%;height:100%;object-fit:cover}.photo figcaption{font-family:'Special Elite';font-size:12px;color:#211f1c;background:#e7dfd2;padding:11px 12px}.photo-spread{position:relative;display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:28px;align-items:start;min-height:620px}.spread-98 .photo{padding:12px 12px 0;background:#e7dfd2;box-shadow:15px 17px 0 #151515}.spread-98 .p1{transform:rotate(-2deg)}.spread-98 .p2{margin-top:100px;transform:rotate(3deg)}.spread-98 .p3{margin-top:25px;transform:rotate(-1deg)}.scribble{position:absolute;right:4%;bottom:5%;font-family:'Special Elite';font-size:26px;color:var(--red);transform:rotate(-7deg);z-index:3}.scribble b{font-size:60px}.subchapter{margin-top:100px;padding-top:80px;border-top:1px dashed #4a4540;display:grid;grid-template-columns:.75fr 1.5fr;gap:60px}.sub-copy h3,.pf99-strip h3,.album-title h3,.note-card h3{font-family:'Archivo Black';font-size:clamp(30px,3.3vw,52px);line-height:.95;text-transform:uppercase;margin:15px 0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-grid .photo:nth-child(2){transform:translateY(25px) rotate(2deg)}.mini-grid .photo:nth-child(3){transform:rotate(-2deg)}.meister{background:linear-gradient(90deg,transparent 0 75%,rgba(199,31,43,.035) 75%)}.meister-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:22px;align-items:start}.meister-grid .hero-polaroid{grid-row:span 2;padding:13px 13px 0;background:#e7dfd2;transform:rotate(-1.5deg)}.meister-grid .hero-polaroid figcaption{font-size:20px;color:#151515}.meister-copy{grid-column:2/4;border-top:8px solid var(--red);padding-top:20px;display:flex;justify-content:space-between;align-items:end}.meister-copy b{font-family:'Archivo Black';font-size:54px;color:var(--red)}.meister-copy span{font-family:'Special Elite';color:#aaa}.tape-piece{position:absolute;z-index:2;top:-16px;left:36%;width:110px;height:34px;background:rgba(214,205,166,.72);transform:rotate(2deg)}.pf99-strip{margin-top:110px;display:grid;grid-template-columns:1.1fr repeat(3,.7fr);gap:18px;align-items:center}.underway{border-top:1px solid var(--line)}.album-row{display:grid;grid-template-columns:.9fr repeat(3,1fr);gap:15px;align-items:stretch;padding:42px 0;border-top:1px solid #2a2724}.album-row.alt{grid-template-columns:.9fr repeat(3,1fr)}.album-title{padding-right:30px}.album-title span,.note-card>span{font-family:'Special Elite';color:var(--red);font-size:20px}.album-title p,.note-card p{color:#a99f94;line-height:1.6}.album-row .photo{min-height:260px}.album-row .photo:nth-of-type(2){transform:rotate(1deg)}.side-notes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:80px}.note-card{position:relative;padding:30px;background:#111;border:1px solid #2c2926}.note-card .photo{height:330px;margin:20px 0}.family{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center;border-top:1px solid var(--line)}.family-image{padding:14px;background:#e7dfd2;transform:rotate(-2deg);box-shadow:18px 20px 0 #151515}.family-copy .marker{display:inline-block;margin-top:28px;padding:10px 13px;background:var(--red);font-family:'Special Elite';font-size:13px;transform:rotate(-1deg)}.vendetta{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:center;overflow:hidden;border-top:1px solid #281e0b;background:radial-gradient(circle at 18% 45%,rgba(215,163,34,.08),transparent 28%),#080808}.vendetta-bg{position:absolute;right:-3%;top:6%;font-family:'Archivo Black';font-size:17vw;color:#0f0d08;letter-spacing:-.08em}.vendetta-poster{z-index:2;padding:12px;background:#0b0b0b;box-shadow:22px 25px 0 #111;transform:rotate(-2deg)}.vendetta-copy{position:relative;z-index:2}.vendetta .eyebrow{color:var(--gold)}.vendetta .quote{margin:35px 0;border-top:1px solid #5e4214;border-bottom:1px solid #5e4214;padding:25px 0;font-family:'Archivo Black';font-size:clamp(34px,4vw,62px);line-height:.9;color:var(--red)}.vendetta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.archive{border-top:1px solid var(--line)}.archive-head{max-width:820px}.archive-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:70px 0;border-top:1px solid #33302c;border-bottom:1px solid #33302c}.archive-stats div{padding:25px 18px;border-right:1px solid #33302c}.archive-stats div:last-child{border-right:0}.archive-stats b{display:block;font-family:'Archivo Black';font-size:32px;color:var(--red)}.archive-stats span{font-size:12px;color:#aaa}.archive-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.archive-wall .photo{aspect-ratio:1/1.1}.archive-wall .photo:nth-child(odd){transform:translateY(18px)}.tape{margin-top:90px;margin-left:-20vw;margin-right:-20vw;padding:13px 0;background:var(--acid);color:#111;font-family:'Archivo Black';font-size:18px;letter-spacing:.06em;white-space:nowrap;text-align:center;transform:rotate(-2deg)}.closing{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 25px;background:#050505;border-top:1px solid #222}.closing img{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-bottom:25px}.closing p{font-family:'Special Elite';font-size:clamp(25px,3vw,42px);line-height:1.25;margin:0}.closing strong{color:var(--red)}.closing span{margin-top:18px;color:#8d857b}footer{min-height:130px;padding:40px max(5vw,28px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #222;background:#080808}footer div{display:flex;flex-direction:column;gap:6px}footer b{font-family:'Archivo Black';font-size:18px}footer div span,footer>span{font-size:11px;color:#777}.footer-joke{font-family:'Special Elite';font-size:13px!important}.lightbox{width:min(94vw,1400px);max-width:none;border:0;padding:0;background:#050505;color:#eee;box-shadow:0 0 0 100vmax rgba(0,0,0,.88)}.lightbox::backdrop{background:rgba(0,0,0,.88)}.lightbox img{max-height:82vh;margin:auto;object-fit:contain}.lightbox p{margin:0;padding:14px 60px 18px;font-family:'Special Elite';text-align:center;color:#bbb}.lightbox-close{position:fixed;top:20px;right:28px;width:48px;height:48px;border:1px solid #777;border-radius:50%;background:#111;color:white;font-size:30px;cursor:pointer;z-index:5}

/* V2.1 — kleine Archiv-Schnipsel in den schwarzen Flächen */
.scrap{position:absolute;z-index:0;pointer-events:none;font-family:'Special Elite',monospace;text-transform:uppercase;line-height:1.05;filter:grayscale(.15);user-select:none}
.scrap b,.scrap span,.scrap i,.scrap small{display:block}.scrap i{font-style:normal}.scrap-lsv{right:-25px;bottom:22px;width:205px;padding:17px 18px;background:#d9d0c2;color:#171512;transform:rotate(5deg);opacity:.22;box-shadow:10px 12px 0 rgba(0,0,0,.35)}.scrap-lsv:before{content:"";position:absolute;width:70px;height:19px;top:-10px;left:55px;background:rgba(215,241,44,.55);transform:rotate(-4deg)}.scrap-lsv b{font-size:19px}.scrap-lsv span{font-size:11px;margin-top:5px}.scrap-lsv i{margin-top:12px;color:#8a151c;font-size:28px;font-weight:900}
.scrap-www{left:42%;bottom:24px;padding:14px 18px 13px;border:1px dashed #6f685f;color:#cfc5b5;transform:rotate(-2deg);opacity:.25}.scrap-www span{font-size:10px;letter-spacing:.2em}.scrap-www b{font-size:22px;color:#d7f12c}.scrap-www small{font-size:9px;margin-top:5px;letter-spacing:.12em}
.scrap-meister{right:-15px;top:43%;width:150px;height:165px;padding:19px 16px;background:#731018;color:#eee5d8;transform:rotate(7deg);opacity:.18}.scrap-meister span{font-size:11px;letter-spacing:.15em}.scrap-meister b{font-family:'Archivo Black';font-size:45px;margin:8px 0}.scrap-meister i{font-size:16px;border-top:2px solid currentColor;padding-top:8px}
.scrap-route{left:-72px;top:37%;width:155px;padding:17px 18px;background:#d8d0c4;color:#181715;transform:rotate(-5deg);opacity:.18}.scrap-route b{font-size:18px;margin-bottom:10px;border-bottom:2px solid #b51e28;padding-bottom:6px}.scrap-route span{font-size:11px;margin:5px 0}.scrap-route:after{content:"LSV";position:absolute;right:8px;bottom:7px;color:#b51e28;font-weight:900;font-size:24px;opacity:.55;transform:rotate(-10deg)}
.scrap-box{right:-32px;bottom:28px;width:205px;padding:17px;border:2px solid #766e64;color:#bfb5a8;transform:rotate(4deg);opacity:.2}.scrap-box span{font-size:10px;letter-spacing:.18em}.scrap-box b{font-family:'Archivo Black';font-size:24px;margin:7px 0}.scrap-box i{display:inline-block;padding:5px 7px;background:#b51e28;color:#eee5d8;font-size:10px;transform:rotate(-2deg)}
.scrap-found{right:1%;top:115px;width:175px;padding:16px 18px;border-left:5px solid #c71f2b;background:#111;color:#bdb5aa;transform:rotate(3deg);opacity:.35}.scrap-found b{font-family:'Archivo Black';font-size:52px;color:#ece5d8}.scrap-found span{font-size:18px}.scrap-found i{margin-top:7px;font-size:10px;color:#d7f12c;letter-spacing:.08em}
@media(max-width:1100px){.scrap-lsv,.scrap-route,.scrap-box{opacity:.11}.scrap-www{left:auto;right:20px}.scrap-found{right:20px}}
@media(max-width:700px){.scrap{display:none}}

@media(max-width:900px){.topbar{height:64px;padding:0 18px}.brand span{display:none}nav{gap:15px}nav a{font-size:9px}.hero{padding:110px 25px 60px;min-height:880px;align-items:flex-end}.hero:before{background:linear-gradient(0deg,#080909 0 48%,rgba(8,9,9,.2) 100%)}.hero-photo{inset:64px 0 38% 0}.hero-copy{width:100%}.hero h1{font-size:clamp(74px,24vw,120px)}.since{top:13%;right:18px}.hero-note{display:none}.elbe-band{grid-template-columns:1fr;padding:70px 25px}.elbe-copy{grid-column:1}.manifesto,.logo-story,.family,.vendetta{grid-template-columns:1fr;gap:55px}.section{padding:90px 22px}.section-number{font-size:110px;top:35px}.chapter-head{grid-template-columns:1fr;gap:15px}.photo-spread{grid-template-columns:1fr 1fr;min-height:0}.spread-98 .p2{margin-top:35px}.spread-98 .p3{margin-top:0}.scribble{position:static;grid-column:1/3;margin:20px}.subchapter{grid-template-columns:1fr}.meister-grid{grid-template-columns:1fr 1fr}.meister-grid .hero-polaroid{grid-column:1/3}.meister-copy{grid-column:1/3}.pf99-strip{grid-template-columns:1fr 1fr}.pf99-strip>div{grid-column:1/3}.album-row,.album-row.alt{grid-template-columns:1fr 1fr}.album-title{grid-column:1/3}.side-notes{grid-template-columns:1fr}.archive-stats{grid-template-columns:1fr 1fr}.archive-wall{grid-template-columns:repeat(3,1fr)}.vendetta{padding:90px 22px}.vendetta-poster{max-width:520px;margin:auto}.footer-joke{display:none}}
@media(max-width:560px){nav a:nth-child(2),nav a:nth-child(3){display:none}.hero{min-height:780px}.hero h1{font-size:22vw}.hero-line{font-size:19px}.intro{font-size:15px}.elbe-word{font-size:28vw}.manifesto h2,.chapter-head h2,.logo-copy h2,.family h2,.vendetta h2,.archive h2{font-size:13vw}.photo-spread,.mini-grid,.meister-grid,.pf99-strip,.album-row,.album-row.alt,.vendetta-grid{grid-template-columns:1fr}.spread-98 .p2{margin-top:0}.scribble,.meister-grid .hero-polaroid,.meister-copy,.pf99-strip>div,.album-title{grid-column:auto}.mini-grid .photo:nth-child(2){transform:none}.logo-story{gap:35px}.archive-stats{grid-template-columns:1fr}.archive-stats div{border-right:0;border-bottom:1px solid #33302c}.archive-wall{grid-template-columns:1fr 1fr}.side-notes{gap:18px}footer{align-items:flex-start;gap:20px}.family-image{box-shadow:10px 12px 0 #151515}}

/* V2.2 — Hero Cut & Paste */
@media(max-width:1200px){.punk-title{width:min(600px,58vw);height:290px}.cut-planet i{height:135px;font-size:clamp(78px,8vw,126px)}.cut-2te{top:116px}.cut-2te i{height:136px;min-width:112px;font-size:clamp(90px,9vw,145px)}.cut-2te i:nth-child(1){min-width:126px}.tape-b{left:410px;top:112px}}
@media(max-width:900px){.punk-title{width:min(680px,94vw);height:250px}.cut-planet{gap:3px}.cut-planet i{height:118px;font-size:clamp(66px,15vw,112px);padding-inline:6px}.cut-2te{top:101px;left:6%}.cut-2te i{height:120px;min-width:95px;font-size:clamp(78px,17vw,128px)}.cut-2te i:nth-child(1){min-width:108px}.tape-a{top:93px}.tape-b{left:350px;top:94px}.hero-stamp{margin-top:5px}}
@media(max-width:560px){.punk-title{width:92vw;height:190px;margin-top:14px}.cut-planet i{height:86px;font-size:15vw;padding-inline:4px}.cut-2te{top:75px;left:4%}.cut-2te i{height:92px;min-width:72px;font-size:19vw;padding-inline:6px}.cut-2te i:nth-child(1){min-width:82px}.punk-tape{width:60px;height:20px}.tape-a{left:-5px;top:70px}.tape-b{left:260px;top:70px}.hero-stamp{margin-top:0}}

/* V2.3 — Hero näher am Cut-&-Paste-Mockup: gröber, überlappend, weniger sauber */
@media(min-width:901px){
  .hero-copy{width:min(820px,68vw)}
  .punk-title{width:min(720px,55vw);height:330px;margin-top:8px;filter:drop-shadow(0 18px 0 rgba(0,0,0,.3))}
  .cut-word{gap:0}
  .cut-planet{left:-10px;top:4px;transform:rotate(-2.4deg)}
  .cut-planet i{
    height:166px;
    margin-right:-8px;
    padding:10px 12px 0;
    font-size:clamp(100px,8vw,154px);
    border:0;
    box-shadow:4px 7px 0 rgba(0,0,0,.38);
    background:#e9e0d1;
    clip-path:polygon(2% 7%,94% 0,100% 91%,8% 100%,0 19%);
  }
  .cut-planet i:nth-child(1){font-family:Impact,'Arial Black',sans-serif;transform:rotate(-7deg) translate(0,14px);padding-left:17px;background:#eee5d7}
  .cut-planet i:nth-child(2){font-family:'Arial Black',Impact,sans-serif;transform:rotate(2.5deg) translate(-2px,0);background:#d8d0c2;clip-path:polygon(4% 0,96% 5%,91% 100%,0 94%)}
  .cut-planet i:nth-child(3){font-family:Impact,'Arial Black',sans-serif;transform:rotate(-4deg) translate(-2px,8px);background:#f0e8dc;clip-path:polygon(0 8%,96% 0,100% 100%,6% 92%)}
  .cut-planet i:nth-child(4){font-family:Georgia,serif;font-weight:900;transform:rotate(3deg) translate(-4px,-10px);background:#d9d0c0;clip-path:polygon(7% 0,100% 6%,94% 95%,0 100%)}
  .cut-planet i:nth-child(5){font-family:'Arial Black',Impact,sans-serif;transform:rotate(-2deg) translate(-5px,5px);background:#eee6d8;clip-path:polygon(0 2%,95% 8%,100% 94%,5% 100%)}
  .cut-planet i:nth-child(6){font-family:Impact,'Arial Black',sans-serif;transform:rotate(6deg) translate(-8px,11px);background:#d7cfc2;clip-path:polygon(4% 5%,100% 0,91% 100%,0 91%)}

  .cut-word i:before{
    content:"";position:absolute;inset:-12%;z-index:2;pointer-events:none;opacity:.48;mix-blend-mode:multiply;
    background:
      radial-gradient(ellipse at 12% 25%,rgba(0,0,0,.55) 0 1.5%,transparent 2%),
      radial-gradient(ellipse at 74% 66%,rgba(0,0,0,.5) 0 1%,transparent 1.8%),
      repeating-linear-gradient(171deg,transparent 0 17px,rgba(0,0,0,.18) 18px 20px,transparent 21px 36px);
  }
  .cut-word i:after{opacity:.46;mix-blend-mode:multiply}

  .cut-2te{left:6px;top:139px;z-index:4;transform:rotate(-4.2deg);gap:-2px}
  .cut-2te:before{
    left:-25px;right:-34px;top:-5px;bottom:-18px;
    background:#df1829;
    clip-path:polygon(1% 12%,98% 0,95% 91%,82% 94%,73% 90%,62% 98%,48% 93%,36% 100%,22% 92%,3% 97%);
    transform:rotate(1deg);
    box-shadow:0 14px 0 rgba(101,5,15,.28);
  }
  .cut-2te:after{
    content:"";position:absolute;z-index:-2;left:18px;right:-18px;bottom:-35px;height:54px;
    background:
      linear-gradient(90deg,transparent 0 9%,#d91b2b 9% 11%,transparent 11% 31%,#d91b2b 31% 33%,transparent 33% 56%,#d91b2b 56% 57.5%,transparent 57.5% 78%,#d91b2b 78% 80%,transparent 80%);
    clip-path:polygon(0 0,100% 0,100% 14%,80% 14%,80% 82%,77% 82%,77% 13%,58% 13%,58% 52%,56% 52%,56% 12%,33% 12%,33% 100%,30% 100%,30% 12%,10% 12%,10% 65%,8% 65%,8% 12%,0 12%);
    opacity:.9;
  }
  .cut-2te i{
    height:156px;min-width:128px;margin-right:-5px;padding:3px 10px 0;
    background:transparent!important;color:#090909;
    font-family:Impact,'Arial Black',sans-serif;
    font-size:clamp(108px,9vw,172px);
    box-shadow:none;
    clip-path:none;
    overflow:visible;
  }
  .cut-2te i:nth-child(1){min-width:150px;transform:rotate(-2deg) translateY(5px)}
  .cut-2te i:nth-child(2){transform:rotate(2deg) translate(-7px,-2px)}
  .cut-2te i:nth-child(3){transform:rotate(-1deg) translate(-12px,2px)}
  .cut-2te i:before{opacity:.34}
  .cut-2te i:after{opacity:.30}

  .tape-a{left:-28px;top:118px;width:110px;transform:rotate(-18deg);opacity:.65}
  .tape-b{left:535px;top:118px;width:105px;transform:rotate(16deg);opacity:.6}
  .hero-stamp{margin-top:14px}
}

@media(max-width:900px){
  .cut-planet i{margin-right:-5px;box-shadow:3px 5px 0 rgba(0,0,0,.3)}
  .cut-2te{transform:rotate(-3deg)}
  .cut-2te i{margin-right:-4px;background:transparent!important;box-shadow:none}
  .cut-2te:before{top:0;bottom:-8px;left:-12px;right:-16px;background:#db1b2b;clip-path:polygon(1% 8%,98% 0,96% 94%,2% 100%)}
}

/* ==========================================================================
   HERO EXACT — verwendet die freigegebene Hero-Grafik 1:1 als Artwork.
   Kein Nachbauen der Collage mehr mit CSS.
   ========================================================================== */

.hero.hero-exact{
  position:relative;
  min-height:0;
  height:calc(100vh - 72px);
  aspect-ratio:auto;
  margin-top:72px;
  padding:0;
  overflow:hidden;
  background:#070808 url("../img/hero-1998.webp") center center / cover no-repeat;
  isolation:isolate;
}

/* Alte Hero-Ebenen vollständig neutralisieren */
.hero.hero-exact::before,
.hero.hero-exact::after{
  content:none!important;
  display:none!important;
}

.hero-a11y{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Klickfläche liegt exakt über dem sichtbaren Button im Artwork.
   Werte beziehen sich auf die 1662×812 Hero-Vorlage. */
.hero-archive-hitbox{
  position:absolute;
  z-index:5;
  left:5.05%;
  top:76.8%;
  width:15.6%;
  height:6.7%;
  display:block;
  cursor:pointer;
}

/* Bei breiteren Desktop-Fenstern die komplette Vorlage zeigen,
   statt Text/Fotomotive abzuschneiden. */
@media(min-width:901px){
  .hero.hero-exact{
    height:auto;
    aspect-ratio:1708 / 839;
    background-size:100% 100%;
    background-position:center top;
  }
}

/* Mobile/Tablet: Grafik als Gesamtmotiv erhalten. */
@media(max-width:900px){
  .hero.hero-exact{
    margin-top:64px;
    height:auto;
    min-height:0;
    aspect-ratio:1708 / 839;
    background-size:cover;
    background-position:center top;
  }
  .hero-archive-hitbox{
    left:5%;
    top:76%;
    width:18%;
    height:8%;
  }
}


/* ==========================================================================
   V2.5 — FANZINE / ARCHIV
   WICHTIG: Der freigegebene Hero bleibt komplett unangetastet.
   Ab hier beginnt erst die neue Gestaltung.
   ========================================================================== */

main{
  position:relative;
  background:
    radial-gradient(circle at 13% 26%, rgba(255,255,255,.018), transparent 24%),
    radial-gradient(circle at 82% 66%, rgba(199,31,43,.035), transparent 22%),
    #090909;
}

/* raue, kopierte Seitenkanten */
main::before,
main::after{
  content:"";
  position:absolute;
  z-index:8;
  top:calc(72px + 49vw);
  bottom:0;
  width:20px;
  pointer-events:none;
  opacity:.16;
  background:
    repeating-linear-gradient(0deg, #ece5d8 0 2px, transparent 2px 9px),
    repeating-linear-gradient(91deg, transparent 0 7px, #ece5d8 8px 9px, transparent 10px 17px);
  filter:blur(.4px);
}
main::before{left:0;clip-path:polygon(0 0,100% 2%,45% 5%,100% 8%,35% 12%,90% 17%,20% 21%,100% 25%,40% 31%,95% 37%,15% 42%,100% 48%,35% 54%,85% 61%,20% 69%,100% 75%,40% 83%,90% 91%,0 100%)}
main::after{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 2%,45% 5%,100% 8%,35% 12%,90% 17%,20% 21%,100% 25%,40% 31%,95% 37%,15% 42%,100% 48%,35% 54%,85% 61%,20% 69%,100% 75%,40% 83%,90% 91%,0 100%)}

/* Jede Archivseite bekommt einen sichtbaren "Schnitt" statt sauberer Web-Sektion */
.section{
  isolation:isolate;
}
.section::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:0;
  width:100vw;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent 0 6%,rgba(236,229,216,.2) 16%,rgba(236,229,216,.08) 70%,transparent 95%);
}
.section::after{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:14px;
  width:100vw;
  height:34px;
  transform:translateX(-50%) rotate(-.18deg);
  opacity:.08;
  background:
    repeating-linear-gradient(177deg,transparent 0 5px,#ece5d8 6px 7px,transparent 8px 14px);
  clip-path:polygon(0 42%,3% 20%,7% 56%,11% 24%,16% 67%,22% 31%,28% 61%,34% 18%,40% 55%,47% 28%,54% 66%,61% 25%,68% 58%,75% 17%,82% 63%,89% 29%,95% 56%,100% 35%,100% 72%,0 76%);
}

/* ELBE: wie ein aufgeklebter Orts-/Tourstempel */
.elbe-band{
  min-height:330px;
  background:
    linear-gradient(102deg,rgba(255,255,255,.018),transparent 34%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
    #101010;
}
.elbe-band::before{
  content:"LAUENBURG / ELBE / 21481";
  position:absolute;
  left:5vw;
  top:42px;
  padding:9px 14px 7px;
  border:2px solid rgba(215,241,44,.35);
  color:rgba(215,241,44,.48);
  font-family:'Special Elite',monospace;
  font-size:13px;
  letter-spacing:.13em;
  transform:rotate(-4deg);
}
.elbe-band::after{
  content:"LSV";
  position:absolute;
  right:4vw;
  bottom:-25px;
  font-family:'Archivo Black',sans-serif;
  font-size:160px;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:2px rgba(236,229,216,.035);
  transform:rotate(-7deg);
}
.elbe-copy{
  background:rgba(8,8,8,.54);
  padding:28px 32px;
  box-shadow:-12px 12px 0 rgba(199,31,43,.06);
}

/* 1998 Manifest: Text + ausgeschnittenes Zitat */
.manifesto{
  padding-top:150px;
  padding-bottom:155px;
}
.manifesto::marker{content:""}
.manifesto blockquote{
  position:relative;
  border:0;
  padding:34px 30px 30px;
  background:#e7dfd2;
  color:#121212;
  box-shadow:15px 18px 0 #121212;
  transform:rotate(2.3deg);
}
.manifesto blockquote::before,
.manifesto blockquote::after{
  content:"";
  position:absolute;
  width:94px;
  height:26px;
  background:rgba(197,192,169,.55);
  opacity:.65;
}
.manifesto blockquote::before{left:-28px;top:-8px;transform:rotate(-14deg)}
.manifesto blockquote::after{right:-30px;bottom:-8px;transform:rotate(11deg)}
.manifesto-copy::before{
  content:"GRÜNDUNG / 1998";
  display:inline-block;
  margin-bottom:22px;
  padding:7px 10px 5px;
  background:var(--red);
  color:#080808;
  font-family:'Special Elite',monospace;
  font-weight:900;
  transform:rotate(-1.5deg);
}

/* Logo-Kapitel: stärker wie Fundstücke aus einer Kiste */
.logo-story{
  max-width:1320px;
  padding-top:145px;
  padding-bottom:165px;
}
.logo-story::before{
  background:linear-gradient(90deg,transparent,#433f39 16%,#433f39 84%,transparent);
}
.logo-story .card-tilt{
  padding:18px;
  border:0;
  background:#0d0d0d;
  box-shadow:18px 18px 0 #111, 0 0 0 1px #2a2825;
}
.logo-story .logo-original{transform:rotate(-5deg) translateY(18px)}
.logo-story .logo-restored{transform:rotate(3deg) translateY(-8px)}
.logo-copy h2{
  position:relative;
}
.logo-copy h2::after{
  content:"NICHT GLATTBÜGELN.";
  display:block;
  width:max-content;
  max-width:100%;
  margin:20px 0 0;
  padding:7px 10px 5px;
  background:var(--acid);
  color:#111;
  font-family:'Special Elite',monospace;
  font-size:13px;
  letter-spacing:.06em;
  transform:rotate(-1deg);
}

/* Kapitelüberschriften wie Seitenzahlen im Fanzine */
.chapter-head{
  position:relative;
}
.chapter-head::after{
  content:"PLANET2TE // FAMILY ARCHIVE";
  position:absolute;
  right:0;
  top:-42px;
  color:#625c54;
  font-family:'Special Elite',monospace;
  font-size:11px;
  letter-spacing:.15em;
  transform:rotate(1deg);
}

/* 1998 Polaroids: deutlich mehr "auf den Tisch geworfen" */
.spread-98 .p1{transform:rotate(-3.2deg) translateY(4px)}
.spread-98 .p2{transform:rotate(4.2deg) translate(-10px,82px)}
.spread-98 .p3{transform:rotate(-2.2deg) translate(8px,20px)}
.spread-98 .photo::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-13px;
  left:38%;
  width:84px;
  height:25px;
  background:rgba(201,196,173,.52);
  transform:rotate(-5deg);
  pointer-events:none;
}
.spread-98 .p2::before{left:10%;transform:rotate(8deg)}
.spread-98 .p3::before{left:58%;transform:rotate(-11deg)}
.scribble{
  color:#d82331;
  text-shadow:1px 1px 0 #050505;
}

/* Weihnachtsfeier: kleiner schwarzer Flyer im Archiv */
.christmas{
  position:relative;
  margin-top:80px;
  padding:55px 45px;
  background:
    linear-gradient(135deg,rgba(199,31,43,.09),transparent 42%),
    #0c0c0c;
  border:1px solid #272421;
  transform:rotate(-.35deg);
}
.christmas::before{
  content:"WEIHNACHTSFEIER '98";
  position:absolute;
  right:28px;
  top:-18px;
  padding:8px 12px 6px;
  background:var(--red);
  color:#080808;
  font-family:'Special Elite',monospace;
  font-weight:900;
  transform:rotate(3deg);
}
.christmas .mini-grid .photo:nth-child(1){transform:rotate(-2deg)}
.christmas .mini-grid .photo:nth-child(2){transform:rotate(2.5deg) translateY(18px)}
.christmas .mini-grid .photo:nth-child(3){transform:rotate(-1deg)}

/* Meister 1999: Zeitungsschlagzeile */
.meister{
  max-width:1320px;
}
.meister::before{
  background:linear-gradient(90deg,transparent,#4c4640 12%,#4c4640 88%,transparent);
}
.meister .chapter-head h2{
  max-width:920px;
}
.meister .chapter-head h2::after{
  content:"MEISTER 99";
  display:inline-block;
  margin-left:18px;
  color:transparent;
  -webkit-text-stroke:2px rgba(199,31,43,.42);
  transform:rotate(-5deg);
}
.meister-grid{
  position:relative;
  padding:34px 26px 38px;
  background:#0d0d0d;
  border-top:8px solid var(--red);
  box-shadow:0 22px 0 #070707;
}
.meister-grid::before{
  content:"DIE FOTOS SIND GEBLIEBEN.";
  position:absolute;
  right:18px;
  top:-35px;
  color:#c9c0b3;
  font-family:'Special Elite',monospace;
  font-size:14px;
  transform:rotate(2deg);
}
.meister-grid .photo:nth-of-type(2){transform:rotate(1.7deg)}
.meister-grid .photo:nth-of-type(3){transform:rotate(-1.2deg)}
.meister-grid .photo:nth-of-type(4){transform:rotate(1deg)}
.pf99-strip{
  margin-top:95px;
  border-top:1px dashed #514c45;
  padding-top:40px;
}

/* Unterwegs: Albumstreifen wie Fotokontaktbögen */
.underway{
  max-width:1320px;
}
.album-row,
.album-row.alt{
  position:relative;
  margin:36px 0 58px;
  padding:30px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px),
    #0d0d0d;
  border:1px solid #282522;
  box-shadow:12px 14px 0 #060606;
}
.album-row:nth-of-type(even){transform:rotate(.25deg)}
.album-row:nth-of-type(odd){transform:rotate(-.25deg)}
.album-row::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:-9px;
  height:17px;
  background:
    repeating-linear-gradient(90deg,#171717 0 24px,#c7beb0 24px 31px,#171717 31px 55px);
  opacity:.45;
}
.album-title span{
  display:inline-block;
  background:var(--red);
  color:#090909;
  padding:5px 8px 3px;
  transform:rotate(-2deg);
}
.album-title h3{
  font-family:'Archivo Black',sans-serif;
  letter-spacing:-.04em;
}
.side-notes .note-card{
  position:relative;
  overflow:visible;
  border:1px solid #292622;
  background:#0c0c0c;
}
.side-notes .note-card:first-child{transform:rotate(-1deg)}
.side-notes .note-card:last-child{transform:rotate(1.2deg)}
.side-notes .note-card::before{
  content:"ARCHIV";
  position:absolute;
  top:-14px;
  right:18px;
  padding:6px 8px 4px;
  background:var(--acid);
  color:#111;
  font-family:'Special Elite',monospace;
  font-size:10px;
  font-weight:900;
  transform:rotate(3deg);
}

/* Familie: bewusst wie eine große eingeklebte Doppelseite */
.family{
  max-width:1320px;
  padding-top:165px;
  padding-bottom:165px;
}
.family-image{
  transform:rotate(-1.5deg);
  box-shadow:18px 22px 0 #111;
}
.family-image::after{
  content:"DIE FAMILIE";
  position:absolute;
  left:-22px;
  bottom:24px;
  padding:9px 13px 7px;
  background:var(--paper);
  color:#111;
  font-family:'Special Elite',monospace;
  font-weight:900;
  transform:rotate(-5deg);
}
.family-copy{
  position:relative;
}
.family-copy::after{
  content:"SPIELER / FREUNDE / FAHRTEN / KABINEN / GESCHICHTEN";
  display:block;
  margin-top:32px;
  padding-top:18px;
  border-top:3px solid var(--red);
  font-family:'Special Elite',monospace;
  color:#d5cdc1;
  line-height:1.7;
}

/* Vendetta: eigene 2008er "Mafia-Flyer"-Welt, ohne die ganze Seite umzubauen */
.vendetta{
  max-width:none;
  width:100%;
  padding-left:max(28px,calc((100vw - 1240px)/2 + 28px));
  padding-right:max(28px,calc((100vw - 1240px)/2 + 28px));
  background:
    radial-gradient(circle at 18% 35%,rgba(215,163,34,.09),transparent 22%),
    linear-gradient(180deg,#090909,#0d0b08 54%,#090909);
}
.vendetta::before{
  content:"2008 / DIE ZUSAMMENKUNFT";
  position:absolute;
  top:32px;
  left:max(28px,calc((100vw - 1240px)/2 + 28px));
  color:rgba(215,163,34,.42);
  font-family:'Special Elite',monospace;
  font-size:14px;
  letter-spacing:.16em;
}
.vendetta::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:100%;
  pointer-events:none;
  opacity:.08;
  background:
    repeating-linear-gradient(0deg,transparent 0 6px,#d7a322 7px 8px,transparent 9px 19px);
}
.vendetta-poster{
  transform:rotate(-2deg);
  box-shadow:22px 24px 0 #050505,0 0 0 1px #3a2d14;
}
.vendetta-copy .quote{
  transform:rotate(-1deg);
  border-top-color:#6e4d13;
  border-bottom-color:#6e4d13;
}
.vendetta-grid .photo:nth-child(1){transform:rotate(-1.8deg)}
.vendetta-grid .photo:nth-child(2){transform:rotate(1.3deg) translateY(8px)}
.vendetta-grid .photo:nth-child(3){transform:rotate(-.8deg)}

/* Archiv: Kontaktbogen statt sterile Galerie */
.archive{
  max-width:1320px;
  padding-top:165px;
}
.archive-stats{
  position:relative;
  background:#e4dccf;
  color:#111;
  transform:rotate(-.45deg);
  box-shadow:16px 17px 0 #111;
}
.archive-stats div{
  border-color:#b9afa0;
}
.archive-stats b{color:#111}
.archive-stats span{color:#4a443d}
.archive-stats::before{
  content:"KONTAKTBOGEN / NICHT WEGWERFEN";
  position:absolute;
  top:-18px;
  left:28px;
  padding:7px 10px 5px;
  background:var(--red);
  color:#090909;
  font-family:'Special Elite',monospace;
  font-size:11px;
  font-weight:900;
  transform:rotate(-2deg);
}
.archive-wall{
  gap:13px;
  padding:18px;
  background:#050505;
  border:1px solid #292622;
  box-shadow:18px 18px 0 #111;
}
.archive-wall .photo{
  filter:saturate(.78) contrast(1.08);
}
.archive-wall .photo:nth-child(1){transform:rotate(-1.2deg)}
.archive-wall .photo:nth-child(2){transform:rotate(.8deg)}
.archive-wall .photo:nth-child(3){transform:rotate(-.5deg)}
.archive-wall .photo:nth-child(4){transform:rotate(1.1deg)}
.archive-wall .photo:nth-child(5){transform:rotate(-.8deg)}
.archive-wall .photo:nth-child(6){transform:rotate(.5deg)}
.tape{
  margin-top:65px;
  transform:rotate(-1.2deg);
  box-shadow:0 9px 0 rgba(0,0,0,.35);
}

/* Schluss wie Rückseite eines alten Flyers */
.closing{
  position:relative;
  overflow:hidden;
  border-top:0;
  background:#e6ded1;
  color:#111;
}
.closing::before{
  content:"ENDE?  EHER NICHT.";
  position:absolute;
  right:6vw;
  top:34px;
  font-family:'Archivo Black',sans-serif;
  font-size:clamp(34px,5vw,82px);
  color:rgba(17,17,17,.08);
  transform:rotate(4deg);
}
.closing img{
  filter:drop-shadow(10px 10px 0 rgba(0,0,0,.16));
}
.closing p,.closing span{color:#191919}
footer{
  border-top:8px solid var(--red);
  background:#050505;
}

/* Kleine Desktop-Details, ohne Layout auf Tablet/Mobil zu zerlegen */
@media(min-width:901px){
  .manifesto-copy{transform:rotate(-.15deg)}
  .logo-copy{transform:translateY(-8px)}
  .underway .chapter-head{margin-bottom:95px}
}

/* Responsive: Grunge ja, Chaos nein */
@media(max-width:900px){
  main::before,main::after{display:none}
  .elbe-band::after{font-size:100px}
  .manifesto{padding-top:105px;padding-bottom:110px}
  .manifesto blockquote{transform:rotate(1deg)}
  .logo-story{padding-top:105px;padding-bottom:115px}
  .christmas{padding:42px 22px}
  .meister-grid{padding:24px 18px 28px}
  .album-row,.album-row.alt{padding:22px 18px;transform:none}
  .family{padding-top:110px;padding-bottom:110px}
  .vendetta{padding-left:22px;padding-right:22px}
  .archive{padding-top:110px}
}

@media(max-width:560px){
  .elbe-band::before{display:none}
  .manifesto-copy::before{font-size:11px}
  .logo-copy h2::after{font-size:10px}
  .chapter-head::after{display:none}
  .christmas::before{right:10px}
  .meister .chapter-head h2::after{display:block;margin:12px 0 0}
  .family-image::after{left:8px;bottom:8px}
  .archive-stats{transform:none}
}


/* ==========================================================================
   V2.5.1 — Archivband
   Das gelbe "Warnband" ist raus. Jetzt: dreckiger Fotokopie-/Flyerstreifen.
   ========================================================================== */
.tape{
  position:relative;
  margin-top:72px;
  margin-left:-20vw;
  margin-right:-20vw;
  padding:16px 0 14px;
  overflow:visible;

  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.045) 0 1px,transparent 1px 4px),
    #e7dfd2 !important;
  color:#0b0b0b !important;

  font-family:'Special Elite',monospace !important;
  font-size:17px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
  text-align:center;

  border-top:3px solid #0a0a0a;
  border-bottom:3px solid #0a0a0a;
  box-shadow:0 10px 0 rgba(0,0,0,.42);
  transform:rotate(-1.15deg);

  clip-path:polygon(
    0 12%, 2% 4%, 5% 10%, 8% 2%, 12% 8%, 16% 0,
    20% 7%, 25% 2%, 31% 9%, 37% 1%, 43% 6%, 49% 0,
    55% 8%, 61% 2%, 68% 7%, 75% 1%, 82% 9%, 89% 2%,
    95% 7%, 100% 3%,
    100% 90%, 96% 98%, 91% 91%, 85% 100%, 78% 93%,
    71% 99%, 64% 91%, 57% 100%, 50% 93%, 43% 99%,
    36% 92%, 29% 100%, 22% 91%, 15% 98%, 8% 92%, 0 100%
  );
}
.tape::before{
  content:"";
  position:absolute;
  z-index:2;
  left:35%;
  bottom:7px;
  width:205px;
  height:4px;
  background:#c71f2b;
  transform:rotate(-1deg);
  box-shadow:42px 7px 0 #c71f2b;
  opacity:.92;
}
.tape::after{
  content:"X";
  position:absolute;
  z-index:2;
  left:14%;
  top:-17px;
  color:#c71f2b;
  font-family:'Special Elite',monospace;
  font-size:34px;
  font-weight:900;
  transform:rotate(-12deg);
}

@media(max-width:700px){
  .tape{
    font-size:12px;
    padding:13px 0 11px;
    letter-spacing:.035em;
  }
  .tape::before{width:120px;left:42%}
  .tape::after{left:8%;font-size:27px}
}


/* ==========================================================================
   V2.5.2 — Monk-Fix: 06 und Fundzettel sauber trennen
   ========================================================================== */
.archive .section-number{
  top:58px !important;
  right:3% !important;
  z-index:1 !important;
}

.archive .scrap-found{
  top:250px !important;
  right:2.2% !important;
  z-index:2 !important;
  transform:rotate(3deg) !important;
}

@media(max-width:1100px){
  .archive .scrap-found{
    top:225px !important;
    right:20px !important;
  }
}

@media(max-width:700px){
  .archive .scrap-found{display:none !important;}
}

/* V2.6 — Einstieg ins vollständige Family Archive */
.archive-enter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;max-width:850px;margin:70px auto 15px;padding:18px 22px;background:#c71f2b;color:#090909;box-shadow:12px 13px 0 #050505;transform:rotate(-1.2deg);clip-path:polygon(1% 4%,99% 0,100% 91%,95% 100%,83% 94%,72% 100%,58% 94%,45% 100%,31% 93%,17% 100%,2% 94%)}
.archive-enter span{font:900 11px/1 'Special Elite',monospace}.archive-enter b{font-family:'Archivo Black',sans-serif;font-size:clamp(20px,3vw,34px);text-align:center}.archive-enter i{font:11px/1 'Special Elite',monospace;white-space:nowrap}.archive-enter:hover{background:#d7f12c;transform:rotate(.5deg)}
@media(max-width:760px){.archive-enter{grid-template-columns:1fr;text-align:center}.archive-enter i{display:none}}

/* ==========================================================================
   V2.7 — RECONNECT
   Ein simples Lebenszeichen-Formular im Planet2te-Fanzine-Look.
   ========================================================================== */
.reconnect{
  max-width:1320px;
  min-height:760px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  align-items:center;
  padding-top:165px;
  padding-bottom:165px;
  border-top:1px solid var(--line);
  overflow:hidden;
}
.reconnect-ghost{
  position:absolute;
  left:-1.5%;
  bottom:-2%;
  font-family:'Archivo Black',sans-serif;
  font-size:clamp(90px,15vw,245px);
  line-height:.72;
  letter-spacing:-.08em;
  color:#101010;
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
}
.reconnect .section-number{top:55px;right:3%;z-index:1}
.reconnect-scrap{
  top:110px;
  right:5%;
  z-index:2;
  width:150px;
  padding:16px 18px;
  background:#e7dfd2;
  color:#0b0b0b;
  transform:rotate(4deg);
  box-shadow:9px 10px 0 #050505;
  font-family:'Special Elite',monospace;
  text-align:center;
}
.reconnect-scrap span,.reconnect-scrap i{display:block;font-size:12px;font-style:normal}
.reconnect-scrap b{display:block;margin:2px 0;color:var(--red);font-family:'Archivo Black',sans-serif;font-size:27px}
.reconnect-copy{position:relative;z-index:2;max-width:520px}
.reconnect-copy h2{font-size:clamp(68px,8vw,125px);line-height:.78;margin:.12em 0 .28em}
.reconnect-copy>p:not(.eyebrow){max-width:500px;color:#b5ada3;font-size:17px;line-height:1.75}
.reconnect-callout{
  display:inline-block;
  margin:26px 0 14px;
  padding:10px 15px 8px;
  background:var(--red);
  color:#080808;
  font-family:'Archivo Black',sans-serif;
  font-size:clamp(27px,3vw,42px);
  transform:rotate(-2deg);
  box-shadow:7px 8px 0 #050505;
}
.reconnect-note{font-family:'Special Elite',monospace;font-size:14px!important;color:#81786e!important}
.reconnect-form{
  position:relative;
  z-index:3;
  padding:48px 42px 38px;
  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 1px,transparent 1px 5px),
    #e5ddd0;
  color:#111;
  box-shadow:18px 20px 0 #050505;
  transform:rotate(.65deg);
  border:1px solid #c8bfb1;
}
.reconnect-form::before{
  content:"";
  position:absolute;
  top:-13px;
  left:42%;
  width:120px;
  height:27px;
  background:rgba(208,196,174,.8);
  transform:rotate(-2deg);
  box-shadow:0 1px 1px rgba(0,0,0,.2);
}
.form-stamp{
  display:inline-block;
  margin:0 0 28px;
  padding:7px 10px 5px;
  border:3px solid var(--red);
  color:var(--red);
  font-family:'Special Elite',monospace;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  transform:rotate(-2deg);
}
.reconnect-form label{
  display:block;
  margin:18px 0 7px;
  font-family:'Special Elite',monospace;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}
.reconnect-form input,.reconnect-form textarea{
  width:100%;
  border:0;
  border-bottom:3px solid #111;
  border-radius:0;
  padding:11px 8px 9px;
  background:rgba(255,255,255,.24);
  color:#111;
  font:600 16px/1.4 'Inter',sans-serif;
  outline:none;
  resize:vertical;
}
.reconnect-form textarea{border:3px solid #111;min-height:150px}
.reconnect-form input:focus,.reconnect-form textarea:focus{background:#fff;border-color:var(--red)}
.reconnect-form button{
  width:100%;
  margin-top:25px;
  padding:17px 18px 15px;
  border:0;
  background:#111;
  color:#e7dfd2;
  font-family:'Archivo Black',sans-serif;
  font-size:clamp(17px,2vw,23px);
  cursor:pointer;
  transform:rotate(-.6deg);
  transition:.15s ease;
}
.reconnect-form button:hover,.reconnect-form button:focus-visible{background:var(--red);color:#090909;transform:rotate(.4deg) translateY(-2px)}
.form-privacy{margin:18px 0 0;color:#5e574f;font-size:11px;line-height:1.55}
.form-status{display:none;margin-top:18px;padding:13px 14px 11px;font-family:'Special Elite',monospace;font-size:13px;font-weight:900}
.form-status.is-success{display:block;background:#111;color:#d7f12c}
.form-status.is-error{display:block;background:var(--red);color:#090909}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.footer-joke a{color:inherit;text-decoration:none;border-bottom:1px solid #4b4641}
.footer-joke a:hover{color:var(--red);border-color:var(--red)}

@media(max-width:900px){
  .reconnect{grid-template-columns:1fr;gap:55px;padding-top:135px;padding-bottom:120px}
  .reconnect-copy{max-width:700px}
  .reconnect-copy h2{font-size:clamp(62px,15vw,105px)}
  .reconnect-scrap{right:25px;top:92px}
}
@media(max-width:600px){
  .reconnect{padding-left:20px;padding-right:20px}
  .reconnect-scrap{display:none}
  .reconnect-form{padding:38px 22px 30px;box-shadow:10px 12px 0 #050505;transform:none}
  .reconnect-form::before{left:34%;width:95px}
  .reconnect-ghost{font-size:28vw}
}