/* ASWAD Berlin V12 — consistent header, release archive, follow hub and story pictures.
   CSS-only shared layer. No payment, auth, SEO or domain changes. */
:root{--v12red:#e23b45}
.site-header{
  height:132px!important;
  display:grid;
  grid-template-columns:minmax(172px,220px) minmax(0,1fr);
  grid-template-rows:54px 66px;
  align-items:center;
  justify-items:stretch;
  padding:6px clamp(20px,3vw,58px);
  gap:0;
  width:100%;
  max-width:100%;
}
.site-header>.brand{
  grid-column:1;
  grid-row:1 / 3;
  align-self:center;
  justify-self:start;
  width:202px!important;
  height:auto!important;
  max-width:100%;
  flex:none!important;
}
.site-header>.brand img{
  width:186px!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain;
}
.site-header>.header-signin{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:132px;
  min-height:33px;
  padding:7px 19px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.47);
  background:rgba(255,255,255,.075);
  color:#e8e4de;
  font-size:.63rem;
  letter-spacing:.16em;
  font-weight:850;
  cursor:not-allowed;
  opacity:.72;
  white-space:nowrap;
}
.site-header>.desktop-nav{
  grid-column:2;
  grid-row:2;
  align-self:center;
  justify-self:center;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:clamp(18px,3.1vw,54px);
  min-width:0;
}
.site-header>.desktop-nav a{
  font-size:clamp(.73rem,.83vw,.85rem);
  letter-spacing:.105em;
  font-weight:800;
  white-space:nowrap;
}
.site-header>.menu-button{display:none}
.site-header>.mobile-nav{display:none}
/* Keep lower content below expanded fixed header on all tabs */
body .home-topline{top:163px}
body .story-hero{padding-top:max(195px,21vh)}
body .members-hero{padding-top:max(188px,18vh)}
body .shop-hero{padding-top:clamp(210px,21vw,245px)}
body .release-detail-page{padding-top:210px}
body .product-detail-page{padding-top:200px}
body .checkout-dedicated{padding-top:205px}
body .streaming-hero{padding-top:230px}

/* STORY: stacked images always exactly aligned, same width and same height.
   Existing actual photos maintain full opacity, use cover without deformation. */
.story-mode .story-photo-pair-v11{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(2, minmax(0,1fr))!important;
  gap:14px!important;
  min-width:0;
  align-self:stretch;
  align-items:stretch;
}
.story-mode .story-photo-pair-v11 .story-photo-frame,
.story-mode .story-photo-pair-v11 .story-photo-frame:first-child,
.story-mode .story-photo-pair-v11 .story-photo-frame:last-child,
.story-mode .story-fahndung-v11 .story-photo-frame:first-child,
.story-mode .story-fahndung-v11 .story-photo-frame:last-child,
.story-mode .story-return-v11 .story-photo-frame:first-child{
  width:100%!important;
  height:clamp(270px,26vw,375px)!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  margin:0!important;
  border-radius:0;
}
.story-mode .story-photo-pair-v11 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
}
/* Same physical artist image used in members hero, placed alongside story text. */
.story-mode .story-hero{
  position:relative;
  isolation:isolate;
  min-height:930px;
  padding-bottom:clamp(70px,9vw,140px);
}
.story-mode .story-hero-art-v12{
  position:absolute;
  top:clamp(230px,18vw,295px);
  right:0;
  width:clamp(295px,33vw,480px);
  height:clamp(460px,42vw,605px);
  overflow:hidden;
  background:#16171a;
  border:1px solid rgba(255,255,255,.20);
  z-index:-1;
  margin:0;
}
.story-mode .story-hero-art-v12 img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:center center;
  opacity:1!important;filter:none!important;
}
.story-mode .story-hero h1{max-width:65%;position:relative;z-index:1}
.story-mode .story-hero .story-lead{
  max-width:61%;
  margin:0;
  position:relative;z-index:1;
}
.story-mode .story-hero .story-lead p{font-size:clamp(1.05rem,1.85vw,1.72rem)}
.story-mode .story-hero .story-kicker{position:relative;z-index:2}

/* RELEASES replaces the removed editorial statement, in one archive section */
.home-dark-v10 .bisher-section{
  background:#111214;
  padding-top:clamp(80px,8vw,140px);
}
.bisher-section .release-heading-v12{
  display:flex;
  align-items:end;
  justify-content:space-between;
  margin-bottom:clamp(35px,4vw,70px);
  gap:30px;
}
.bisher-section .release-headline-v12{
  font-size:clamp(4.7rem,11vw,12.8rem)!important;
  line-height:.94;
  letter-spacing:-.075em;
  font-weight:1000;
  margin:0 0 12px;
  color:var(--v12red)!important;
}
.bisher-section .release-subhead-v12{
  font-size:clamp(1.6rem,3.1vw,3.5rem);
  font-weight:850;
  letter-spacing:-.025em;
  color:#f0efec;
}
.bisher-section .release-gallery-v12{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,30px)!important;
  align-items:stretch;
  justify-content:center;
  width:100%;
  margin-inline:auto;
  max-width:1200px;
}
.bisher-section .release-gallery-v12 .player-title strong{
  font-size:clamp(1rem,1.42vw,1.5rem);
}
.bisher-section .release-gallery-v12 .player-release{min-width:0}
.bisher-section .release-total{margin-bottom:8px}

/* Follow section stays on the homepage and is also reused on /streaming. */
.follow-section-v12{
  background:linear-gradient(155deg,#191a1d,#101113);
  color:#f2efea;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.14);
  padding-top:clamp(80px,9vw,145px);
  padding-bottom:clamp(80px,9vw,145px);
}
.follow-intro-v12{max-width:780px;margin:0 auto 44px;text-align:center}
.follow-intro-v12 h2{
  font-size:clamp(3.8rem,7vw,8rem);
  line-height:1.02;
  letter-spacing:-.08em;
  font-weight:1000;
  margin:16px 0 22px;
}
.follow-intro-v12 h2 em{color:var(--v12red);font-style:normal}
.follow-intro-v12 p{font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.7;color:#bebbb6}
.follow-grid-v12{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:1040px;
  margin:0 auto;
}
.follow-provider-v12{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  min-height:76px;
  padding:17px 18px;
  color:#f2f1ed;
  background:#222327;
  border:1px solid rgba(255,255,255,.15);
  transition:background .25s,transform .25s,border-color .25s;
}
.follow-provider-v12:hover{background:#303136;transform:translateY(-3px);border-color:rgba(255,255,255,.5)}
.follow-provider-v12 .follow-sigil-v12{
  flex:none;display:grid;place-items:center;
  width:41px;height:41px;
  font-size:1.2rem;
  background:#414247;color:#fff;border-radius:50%;
}
.follow-provider-v12 strong{flex:1;font-size:.81rem;letter-spacing:.07em;line-height:1.25}
.follow-provider-v12 small{color:#b4b4b1;font-size:.55rem;letter-spacing:.07em;text-align:right}
.follow-spotify-v12 .follow-sigil-v12{background:#1ed760;color:#12361d}
.follow-apple-v12 .follow-sigil-v12{background:#ef4560}
.follow-deezer-v12 .follow-sigil-v12{background:#8d56c8}
.follow-amazon-v12 .follow-sigil-v12{background:#23aab5;color:#08272c}
.follow-youtube-v12 .follow-sigil-v12{background:#ec1838}
.follow-instagram-v12 .follow-sigil-v12{background:linear-gradient(135deg,#7a3bbb,#dc2867,#fc883e)}
.follow-tiktok-v12 .follow-sigil-v12{background:#0a0c0c;box-shadow:-2px -2px #2bd6d3,2px 2px #f03a66}
.follow-all-v12{
  display:flex;justify-content:center;gap:20px;align-items:center;
  width:max-content;max-width:100%;margin:36px auto 0;
  padding:15px 25px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  color:#fff;
  font-size:.7rem;letter-spacing:.1em;font-weight:850;
}
.follow-all-v12:hover{background:#eceae5;color:#111}
.streaming-links .follow-grid-v12{padding:30px 0 130px;max-width:1100px}

/* Responsive navigation and grids */
@media(max-width:1140px){
  .site-header{grid-template-columns:170px minmax(0,1fr)!important}
  .site-header>.brand{width:166px!important}
  .site-header>.brand img{width:156px!important}
  .site-header>.desktop-nav{gap:clamp(13px,2.2vw,30px)}
}
@media(max-width:850px){
  .site-header{
    height:94px!important;
    display:flex!important;
    padding:0 clamp(14px,4vw,26px);
    align-items:center;
    justify-content:space-between;
  }
  .site-header>.brand{width:135px!important;height:auto!important;flex:0 0 135px!important}
  .site-header>.brand img{width:130px!important}
  .site-header>.desktop-nav{display:none!important}
  .site-header>.header-signin{
    position:absolute;left:50%;top:27px;transform:translateX(-50%);
    min-width:103px;min-height:33px;padding:5px 10px;font-size:.57rem;
  }
  .site-header>.menu-button{display:flex!important;margin-left:auto}
  .site-header>.mobile-nav{
    display:flex!important;
    top:94px!important;
    background:rgba(10,11,12,.99);
  }
  body .home-topline{top:127px}
  body .story-hero{padding-top:168px;min-height:auto}
  body .members-hero{padding-top:170px}
  body .shop-hero{padding-top:160px}
  body .release-detail-page{padding-top:155px}
  body .streaming-hero{padding-top:155px}
  body .product-detail-page{padding-top:150px}
  body .checkout-dedicated{padding-top:135px}
  .story-mode .story-hero-art-v12{
    position:relative;inset:auto!important;top:auto;right:auto;
    width:100%;height:clamp(290px,55vw,480px);
    z-index:0;margin:35px 0 0;
  }
  .story-mode .story-hero h1{max-width:100%}
  .story-mode .story-hero .story-lead{max-width:100%;margin:0}
  .story-mode .story-photo-pair-v11{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  .story-mode .story-photo-pair-v11 .story-photo-frame,
  .story-mode .story-photo-pair-v11 .story-photo-frame:first-child,
  .story-mode .story-photo-pair-v11 .story-photo-frame:last-child{
    height:clamp(220px,36vw,320px)!important;
  }
  .bisher-section .release-gallery-v12{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .follow-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .site-header>.brand{flex-basis:110px!important;width:110px!important}
  .site-header>.brand img{width:108px!important}
  .site-header>.header-signin{font-size:.52rem;min-width:88px;top:29px}
  body .home-topline{top:126px}
  .bisher-section .release-heading-v12{flex-direction:column;align-items:flex-start;gap:14px}
  .bisher-section .release-headline-v12{font-size:clamp(3.8rem,13.3vw,5.9rem)!important}
  .bisher-section .release-subhead-v12{font-size:1.7rem}
  .bisher-section .release-gallery-v12{grid-template-columns:minmax(0,1fr)!important;max-width:390px}
  .bisher-section .release-gallery-v12 .player-release{max-width:390px;width:100%;margin-inline:auto}
  .bisher-section .release-gallery-v12 .player-title strong{font-size:1.15rem}
  .follow-grid-v12{grid-template-columns:1fr}
  .follow-provider-v12{min-height:65px;padding:11px 15px}
  .follow-intro-v12 h2{font-size:clamp(3.4rem,11vw,5rem)}
  .follow-intro-v12 p{font-size:.94rem}
  .story-mode .story-hero-art-v12{height:340px}
  .story-mode .story-photo-pair-v11 .story-photo-frame,
  .story-mode .story-photo-pair-v11 .story-photo-frame:first-child,
  .story-mode .story-photo-pair-v11 .story-photo-frame:last-child{
     height:clamp(175px,56vw,240px)!important;
  }
}
@media(max-width:370px){
  .site-header>.brand img{width:99px!important}
  .site-header>.brand{width:103px!important;flex-basis:103px!important}
  .site-header>.header-signin{min-width:82px;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){.follow-provider-v12{transition:none}}
/* Restore neutral paragraph weight inherited from early press layout. */
body.story-mode .story-press-v11 .press-paragraphs p,
body.story-mode .story-press-v11 .press-paragraphs p:last-child{font-weight:400!important;}