/* DISSECDEAD Bandtool-Farbwelt – Merch-WWS Startseite / Designvorschau */
:root{
  --bg:#090908;--panel:#141411;--panel2:#1b1a16;--bone:#d8d0bc;--muted:#918a7a;
  --rust:#8d2b1f;--rust2:#b7442e;--acid:#c8bc48;--line:#302d25;--ok:#899a5a;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--bone);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at 89% -12%,rgba(141,43,31,.30),transparent 39%),radial-gradient(circle at -13% 95%,rgba(200,188,72,.055),transparent 37%),var(--bg)}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
button:disabled{cursor:not-allowed}a{color:inherit}
.top-strip{height:4px;background:linear-gradient(90deg,#51160f,#b7442e 30%,#5b1b16 73%,#080808)}
.page-wrap{width:min(1248px,calc(100% - 48px));margin:0 auto}
.site-header{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 2px}
.identity{display:flex;flex-direction:column;gap:7px}.brand{font-size:clamp(1.55rem,3vw,2.05rem);font-weight:950;letter-spacing:.1em;line-height:1}
.brand-sub{display:flex;align-items:center;gap:10px;font-size:.68rem;letter-spacing:.22em;color:#9b9183;font-weight:800}
.brand-sub i{width:28px;height:1px;background:#7f271c;transform:skew(-22deg)}
.preview-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #443829;border-radius:99px;padding:11px 14px;color:#c8bd95;
  font-size:.67rem;font-weight:900;letter-spacing:.12em;background:rgba(40,30,22,.6);white-space:nowrap}
.indicator,.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--acid);box-shadow:0 0 12px rgba(200,188,72,.3)}
.preview-secondary{color:#807564}
.main-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:18px;align-items:stretch;min-height:710px}
.hero{min-height:710px;position:relative;overflow:hidden;border:1px solid #352b24;border-radius:22px;background:#12100f;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 22px 80px rgba(0,0,0,.25)}
.hero-image{position:absolute;inset:0;background-image:url('bandfoto.webp');background-size:100% auto;background-repeat:no-repeat;background-position:center 14px;filter:saturate(.77) contrast(1.10);z-index:-3}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(9,5,5,.05) 23%,rgba(0,0,0,.26) 44%,rgba(11,6,5,.79) 68%,#0d0908 100%),
   linear-gradient(110deg,rgba(15,4,3,.25),transparent 65%);z-index:-2}
.hero::after{content:"";position:absolute;pointer-events:none;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.09) 6px 7px);opacity:.24;z-index:-1}
.hero-top{display:flex;align-items:center;justify-content:space-between;padding:29px;gap:8px}
.eyebrow,.hero-stamp,.overline{font-size:.68rem;letter-spacing:.16em;font-weight:900;color:#e2d8c5}
.eyebrow .slash{color:#d04832;margin-right:7px}.eyebrow .dim{color:#937c68;margin:0 5px}
.hero-stamp{color:#d3c5ae;opacity:.68;border:1px solid #7f7062;padding:7px 9px;border-radius:4px;font-size:.53rem;white-space:nowrap}
.hero-bottom{padding:30px 38px 33px}.hero-rule{height:3px;width:49px;background:#ad3d2d;margin-bottom:24px}
.hero h1{margin:0;font-size:clamp(3.2rem,5.6vw,6.3rem);line-height:.93;font-weight:950;letter-spacing:.02em;text-shadow:0 2px 19px rgba(0,0,0,.55)}
.hero h1 span{color:#cd5141}
.hero-bottom p{max-width:440px;color:#cdc3b4;font-size:.98rem;line-height:1.6;margin:23px 0 25px}
.hero-meta{display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:16px;border-top:1px solid rgba(202,181,164,.25)}
.hero-meta span{display:flex;gap:7px;align-items:center;font-size:.64rem;letter-spacing:.09em;color:#b4a99a;font-weight:800}
.meta-square{width:6px;height:6px;transform:rotate(45deg);background:#b7442e}
.access{border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(29,25,20,.99),rgba(14,14,12,.99) 62%);padding:37px 31px 25px;
 box-shadow:0 18px 50px rgba(0,0,0,.2);display:flex;flex-direction:column}
.overline{letter-spacing:.22em;color:#b3a47f;font-size:.68rem}
.access-intro h2{font-weight:950;font-size:clamp(2.8rem,4.4vw,4.5rem);margin:17px 0 12px;letter-spacing:.015em;line-height:1.02}
.access-intro h2 span{color:#a9a08c}
.access-intro p{margin:0 0 23px;color:var(--muted);line-height:1.55;font-size:.94rem;max-width:340px}
.entry-grid{display:grid;gap:13px}.entry-card{text-align:left;border-radius:15px;background:linear-gradient(180deg,#25221b,#181814);border:1px solid #454035;color:var(--bone);padding:20px 22px 17px;
 display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.entry-card:hover{transform:translateY(-2px);border-color:#77674c}.entry-card:active{transform:translateY(0)}
.entry-primary{background:linear-gradient(135deg,#a13527,#782119);border-color:#b64632;color:#f0e8dd}
.entry-primary:hover{background:linear-gradient(135deg,#af3f2f,#802419);border-color:#d15b46}
.entry-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.entry-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.13)}
.entry-icon svg{width:23px;height:23px}.entry-id{font-weight:900;font-size:.68rem;color:rgba(229,213,199,.5);letter-spacing:.12em}
.entry-card strong{font-size:clamp(1.18rem,1.7vw,1.43rem);line-height:1.06;font-weight:950;letter-spacing:.025em}
.entry-copy{font-size:.79rem;line-height:1.45;margin:8px 0 18px;opacity:.82}
.entry-cta{display:flex;align-items:center;justify-content:space-between;padding-top:13px;margin-top:auto;border-top:1px solid rgba(230,214,193,.24);font-size:.66rem;letter-spacing:.1em;font-weight:950}
.entry-cta span{font-size:1.45rem;font-weight:500;line-height:1;color:#e7d5c5}
.tip{margin-top:20px;display:flex;gap:12px;color:#9f998c;align-items:flex-start}
.tip-symbol{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid #6c6047;border-radius:50%;font-size:.75rem;color:var(--acid);font-weight:800}
.tip strong{font-size:.67rem;letter-spacing:.09em;color:#afa895}.tip p{margin:5px 0 0;font-size:.77rem;line-height:1.45}
.access-footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:25px;color:#746c5e;font-weight:800;letter-spacing:.09em;font-size:.59rem}
.access-footer span:first-child{display:flex;align-items:center;gap:7px}
.coming{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:30px;margin-top:24px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#151411,#11110f);padding:19px 33px 19px 19px}
.coming-photo{height:192px;border-radius:12px;overflow:hidden;border:1px solid #3e392d;background:#070706}
.coming-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.coming-text h2{font-size:clamp(1.4rem,2.6vw,2.35rem);line-height:1.08;margin:11px 0;color:var(--bone);font-weight:950}
.coming-text h2 span{color:#a59b8b}.coming-text p{color:#9f9788;line-height:1.5;margin:0 0 13px;max-width:510px;font-size:.88rem}
.coming-footnote{font-size:.73rem;color:#8c826f;border-left:2px solid var(--rust2);padding-left:11px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:30px 4px 36px;font-size:.62rem;letter-spacing:.14em;font-weight:800;color:#786d5e}
/* Access dialog */
.login-dialog{max-width:470px;width:calc(100% - 32px);border:1px solid #514535;border-radius:18px;padding:0;color:var(--bone);
 background:linear-gradient(145deg,#25221b,#10100e);box-shadow:0 25px 90px rgba(0,0,0,.82)}
.login-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}
.dialog-content{padding:25px}.dialog-top{display:flex;align-items:center;justify-content:space-between}
.close-dialog{border:1px solid #514535;background:#1a1915;border-radius:8px;font-size:1.5rem;line-height:1;padding:4px 11px;color:var(--bone)}
.login-dialog h2{font-size:clamp(1.7rem,6vw,2.5rem);margin:15px 0 12px;font-weight:950;line-height:1.1}
.login-dialog p{color:#a69d8c;line-height:1.5;font-size:.9rem}
.login-dialog label{font-weight:900;font-size:.73rem;letter-spacing:.11em;display:block;margin:20px 0 8px;color:#c8bda7}
.login-dialog input{display:block;width:100%;border:1px solid #5e5748;border-radius:9px;background:#0f100e;color:var(--bone);padding:14px;font-size:1.1rem}
.action{display:flex;align-items:center;justify-content:space-between;border:1px solid #a53e2f;border-radius:9px;background:#972e21;color:#f4e5d7;
 font-size:.8rem;font-weight:950;letter-spacing:.08em;padding:15px;width:100%;margin-top:13px}
.action span{font-size:1.1rem}.dialog-result{min-height:20px}.dialog-result:not(:empty){border-left:3px solid var(--acid);background:#25241a;padding:12px;color:#c7bd91}
.login-dialog .disclaimer{border-top:1px solid var(--line);padding-top:16px;margin-top:19px;font-size:.76rem;color:#b1a488}
.trainer-placeholder{border:1px solid #51402d;border-radius:11px;display:flex;align-items:center;gap:14px;background:#1d1915;padding:16px}
.trainer-placeholder>span{font-size:1.8rem;color:var(--acid)}.trainer-placeholder strong{font-size:.8rem}.trainer-placeholder p{margin:5px 0 0;font-size:.77rem}
@media (max-width:1040px){.main-grid{grid-template-columns:1fr 1fr}.hero-bottom{padding:26px}.hero h1{font-size:clamp(3.3rem,5.1vw,5.5rem)}.access{padding:27px 22px 21px}}
@media (max-width:780px){
 .page-wrap{width:min(600px,calc(100% - 28px))}.site-header{min-height:95px;padding:20px 4px}.brand{font-size:1.65rem}
 .preview-pill{font-size:.55rem;padding:9px 10px;flex-shrink:0}.preview-secondary,.preview-name{display:none}.preview-pill::after{content:"VORSCHAU";font-size:.53rem;letter-spacing:.09em}
 .main-grid{grid-template-columns:1fr;gap:14px;min-height:0}.hero{min-height:385px;border-radius:17px}
 .hero-image{background-position:center 24px}.hero-top{padding:18px}.hero-stamp{display:none}
 .hero-bottom{padding:20px 24px 20px}.hero-rule{width:35px;margin-bottom:13px}
 .hero h1{font-size:clamp(2.95rem,11vw,4.6rem)}.hero-bottom p{font-size:.8rem;margin:12px 0 13px;max-width:360px}
 .hero-meta{padding-top:10px;gap:8px}.hero-meta span{font-size:.56rem}
 .access{border-radius:17px;padding:25px 22px}.access-intro h2{font-size:2.75rem;margin:12px 0 8px}
 .access-intro p{margin-bottom:17px}.entry-grid{grid-template-columns:1fr 1fr;gap:10px}
 .entry-card{padding:15px 12px 12px;min-height:235px}.entry-card strong{font-size:1.07rem}.entry-copy{font-size:.72rem}
 .entry-cta{font-size:.57rem;gap:4px}.entry-icon{width:35px;height:35px}
 .coming{grid-template-columns:1fr;gap:17px;padding:14px}.coming-photo{height:200px}.coming-text{padding:4px 6px 12px}.footer{font-size:.54rem;flex-wrap:wrap}
}
@media (max-width:385px){.brand{font-size:1.35rem}.brand-sub{font-size:.53rem}.preview-pill{font-size:.48rem}.hero{min-height:415px}.hero h1{font-size:2.9rem}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:0}.entry-card strong br{display:none}.entry-copy{margin-bottom:15px}.access-footer{flex-wrap:wrap;gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}