/* ================================================
   EINTRACHT PANKOW
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

:root {
  --black: #080808;
  --white: #ffffff;
  --pink:  #E98DB2;
  --pink-d:#c4708f;
  --ink:   #d8d5d0;       /* body text on dark */
  --ghost: #3a3a3a;       /* subtle borders on dark */
  --fog:   #1a1a1a;       /* dim surface */
  --nav-text:#ffffff;
  --nav-hover:var(--pink);
  --nav-bg:rgba(8,8,8,0.92);
  --hero-text:#ffffff;
  --hero-sub:#777777;
  --footer-text:#ffffff;
  --footer-muted:#b8b8b8;
  --footer-hover:var(--pink);
  --font-h:'Archivo Black', sans-serif;
  --font-m:'IBM Plex Mono', monospace;
  --font-b:'IBM Plex Sans', sans-serif;
  --nav-h: 60px;
  --hero-bg:#0f0f0f;
  --w:     1280px;        /* max content width */
  --gutter:clamp(1.5rem, 5vw, 4rem);
  --hero-video-brightness:115%;
  --hero-video-overlay-color:#000000;
  --hero-video-overlay-opacity:.20;
}

/* ── Reset ─────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--black);color:var(--ink);font-family:var(--font-b);font-size:16px;line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer}

/* ── Navigation ─────────────────────── */
.nav{
  position:fixed;inset:0 0 auto;
  z-index:100;
  height:var(--nav-h);
  display:flex;align-items:center;
  padding:0 var(--gutter);
  background:var(--nav-bg);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.nav__inner{
  width:100%;max-width:var(--w);
  margin:0 auto;
  display:flex;align-items:center;
  gap:3rem;
}
.nav__logo{
  font-family:var(--font-h);
  font-size:1rem;
  letter-spacing:0;
  color:var(--white);
  flex-shrink:0;
}
.nav__logo b{color:var(--white);font-weight:inherit}
.nav__logo:hover,
.nav__logo:focus-visible,
.nav__logo:active,
.nav__logo:hover b,
.nav__logo:focus-visible b,
.nav__logo:active b{color:var(--nav-hover);outline:none}

.nav__links{
  list-style:none;
  display:flex;align-items:center;
  gap:0;flex:1;
}
.nav__links a{
  font-family:var(--font-m);
  font-size:0.68rem;
  letter-spacing:0.07em;
  text-transform:uppercase;
  padding:0.4rem 0.65rem;
  color:var(--white);
  transition:color 0.12s;
  display:block;
  white-space:nowrap;
}
.nav__links a:hover,
.nav__links a:active,
.nav__links a.active{color:var(--nav-hover)}

.nav__shop{margin-left:auto}
.nav__shop a{
  font-family:var(--font-m);
  font-size:0.68rem;
  letter-spacing:0.07em;
  text-transform:uppercase;
  color:var(--white);
  border:1px solid rgba(233,141,178,0.3);
  padding:0.35rem 0.75rem;
  transition:background 0.12s,color 0.12s,border-color 0.12s;
}
.nav__shop a:hover,
.nav__shop a:active,
.nav__shop a.active{background:var(--pink);color:var(--black);border-color:var(--pink)}
.nav__shop a::after{content:''}  /* suppress ↗ on shop */

.nav__burger{
  display:none;
  flex-direction:column;gap:5px;
  margin-left:auto;padding:6px;
  background:none;border:none;
  -webkit-tap-highlight-color:transparent;
}
.nav__burger span{display:block;width:22px;height:2px;background:var(--white);transition:transform 0.2s,opacity 0.2s;transform-origin:center}
.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger.open span:nth-child(2){opacity:0}
.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Page shell ─────────────────────── */
.page{padding-top:var(--nav-h)}

/* ── Shared container ───────────────── */
.container{max-width:var(--w);margin:0 auto;padding:0 var(--gutter)}

/* ── Typographic scale ──────────────── */
.label{
  font-family:var(--font-m);
  font-size:0.62rem;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--pink);
  display:block;
  margin-bottom:0.9rem;
}
.label--dark{color:var(--pink-d)}
.label--muted{color:#666}

h1,h2,h3{font-family:var(--font-h);letter-spacing:0;line-height:1}

.t-hero{font-size:clamp(4rem,10vw,11rem)}
.t-xl  {font-size:clamp(2.8rem,6vw, 6.5rem)}
.t-lg  {font-size:clamp(2rem, 4vw, 4rem)}
.t-md  {font-size:clamp(1.5rem,2.5vw,2.2rem)}
.t-sm  {font-size:1.2rem}

.prose{
  font-family:var(--font-b);
  font-size:1rem;
  font-weight:300;
  line-height:1.85;
  color:#888;
}
.prose+.prose{margin-top:0.85rem}
.prose--dark{color:#444} /* on white bg */

/* ── Buttons ────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:0.5rem;
  font-family:var(--font-m);font-size:0.68rem;
  letter-spacing:0.1em;text-transform:uppercase;
  cursor:pointer;transition:all 0.14s;border:none;
  -webkit-tap-highlight-color:transparent;
  white-space:nowrap;
}
.btn-pink{background:var(--pink);color:var(--black);padding:0.9rem 2rem}
.btn-pink:hover{background:var(--pink-d);color:var(--white)}
.btn-white{background:var(--white);color:var(--black);padding:0.9rem 2rem}
.btn-white:hover{background:#e8e8e8}
.btn-black{background:var(--black);color:var(--white);padding:0.9rem 2rem}
.btn-black:hover{background:#1a1a1a}
.btn-ghost{background:transparent;color:#555;padding:0.9rem 0;border-bottom:1px solid var(--ghost)}
.btn-ghost:hover{color:var(--white);border-color:#555}
.btn-outline-dark{background:transparent;color:var(--black);border:1px solid rgba(0,0,0,0.2);padding:0.85rem 2rem}
.btn-outline-dark:hover{border-color:var(--black)}

/* ── Tags ───────────────────────────── */
.tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1.5rem}
.tag{
  font-family:var(--font-m);font-size:0.55rem;letter-spacing:0.1em;
  text-transform:uppercase;padding:0.28rem 0.65rem;
  border:1px solid var(--ghost);color:#555;
  transition:border-color 0.14s,color 0.14s;
}
.tag:hover{border-color:var(--pink);color:var(--pink)}
.tag--light{border-color:#ccc;color:#999}
.tag--light:hover{border-color:var(--pink-d);color:var(--pink-d)}

/* ═══════════════════════════════════════
   HOMEPAGE
═══════════════════════════════════════ */

/* ── Hero: full viewport, dark ─────── */
.hero{
  min-height:calc(100svh - var(--nav-h));
  display:flex;flex-direction:column;justify-content:center;
  padding:4rem var(--gutter) 4.5rem;
  position:relative;overflow:hidden;
  background:#080808;
}
.hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  filter:brightness(var(--hero-video-brightness,115%));
}

.hero.has-video .hero__video{opacity:1}
.hero__bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#0f0f0f 0%,#080808 60%);
  z-index:1;
}
.hero.has-video .hero__bg{
  background:var(--hero-video-overlay-color,#000000);
  opacity:var(--hero-video-overlay-opacity,.20);
}
/* Ghost letters removed from markup. Keep class disabled for old cached HTML. */
.hero__ghost{
  display:none!important;

  position:absolute;right:-0.05em;bottom:-0.15em;
  font-family:var(--font-h);
  font-size:clamp(10rem,22vw,22rem);
  line-height:1;color:rgba(233,141,178,0.05);
  user-select:none;pointer-events:none;
  letter-spacing:0;
}
.hero__content{
  position:relative;max-width:var(--w);margin:0 auto;width:100%;
  z-index:2;
}
.hero__kicker{
  font-family:var(--font-m);font-size:0.62rem;
  letter-spacing:0.2em;text-transform:uppercase;
  color:#3d3d3d;margin-bottom:2rem;
}
.hero h1{
  font-size:clamp(4rem,9.5vw,10rem);
  color:var(--hero-text);line-height:0.92;
  /* optical alignment with the hero subline */
  margin-left:-0.045em;
}
.hero h1 .pink{color:var(--white)}
.hero__sub{
  font-family:var(--font-m);font-size:0.72rem;
  letter-spacing:0.1em;color:var(--hero-sub);
  margin-top:1rem;line-height:1.9;
  max-width:440px;
  white-space:pre-line;
}
.hero__cta{margin-top:2rem;display:flex;gap:0.75rem;flex-wrap:wrap}

/* ── Artists: horizontal scroll film ─ */
.artists-section{
  background:var(--pink);
  border-top:1px solid rgba(0,0,0,0.12);
  padding:3rem 0 3.5rem;
}
.artists-header{
  padding:0 var(--gutter) 2rem;
  max-width:var(--w);margin:0 auto;
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:1rem;
}
.artists-section .label{color:rgba(0,0,0,0.55)}
.artists-section .t-xl{color:var(--black)!important;font-size:clamp(2rem, 4vw, 4rem)}
.artists-section .btn-ghost{color:var(--black);border-color:rgba(0,0,0,0.35)}
.artists-section .btn-ghost:hover{color:var(--black);border-color:var(--black)}
.artists-film{
  display:flex;
  gap:3px;
  padding:0 var(--gutter);
  max-width:var(--w);margin:0 auto;
  /* equal-width 7-up */
}
.artist-card{
  flex:1;min-width:0;
  aspect-ratio:2/3;
  position:relative;overflow:hidden;
  display:block;
  background:var(--black);
  -webkit-tap-highlight-color:transparent;
}
.artist-card img{
  width:100%;height:100%;object-fit:cover;
  object-position:top center;
  filter:grayscale(40%) brightness(0.78);
  transition:filter 0.5s ease,transform 0.6s cubic-bezier(0.2,0,0.2,1);
}
.artist-card:hover img{
  filter:grayscale(0%) brightness(0.95);
  transform:scale(1.04);
}
.artist-card__name{
  position:absolute;bottom:0;left:0;right:0;
  padding:3rem 0.85rem 0.85rem;
  background:linear-gradient(transparent,rgba(0,0,0,0.85));
  font-family:var(--font-h);font-size:0.95rem;
  color:var(--white);letter-spacing:0;
  pointer-events:none;
}
.artist-card__link{display:none!important;
  position:absolute;top:0.75rem;right:0.75rem;
  font-family:var(--font-m);font-size:0.5rem;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--pink);opacity:0;
  transition:opacity 0.2s;
}
.artist-card:hover .artist-card__link{display:none!important;opacity:1}

.artist-card__tooltip{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) translateY(6px);
  z-index:3;
  pointer-events:none;
  opacity:0;
  white-space:nowrap;
  font-family:var(--font-m);
  font-size:0.58rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--black);
  background:var(--pink);
  padding:0.55rem 0.8rem;
  box-shadow:0 12px 28px rgba(0,0,0,0.28);
  transition:opacity 0.18s ease, transform 0.18s ease;
}
.artist-card:hover .artist-card__tooltip,
.artist-card:focus-visible .artist-card__tooltip{
  opacity:1;
  transform:translate(-50%,-50%) translateY(0);
}
@media (hover:none){
  .artist-card__tooltip{display:none;}
}

/* ── Mission strip: white bg ─────────── */
.mission-strip{
  background:var(--white);
  padding:4rem var(--gutter) 4.5rem;
  border-bottom:1px solid #e8e8e8;
}
.mission-strip__inner{
  max-width:var(--w);margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:4rem;
  align-items:start;
}
.mission-strip h2{color:var(--black);margin-bottom:1.5rem}

/* ══════════════════════════════════════
   SUBPAGE HEADERS
══════════════════════════════════════ */





/* ══════════════════════════════════════
   FORMS
══════════════════════════════════════ */
.form-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;
  margin-top:2rem;
}
.form-field{display:flex;flex-direction:column;gap:0.45rem}
.form-field.span{grid-column:1/-1}

label{
  font-family:var(--font-m);font-size:0.65rem;
  letter-spacing:0.1em;text-transform:uppercase;color:#888;
}

input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  background:var(--white);border:1px solid #d0d0d0;
  color:var(--black);font-family:var(--font-b);
  font-size:1rem;font-weight:300;
  padding:0.85rem 1rem;outline:none;
  transition:border-color 0.14s;width:100%;resize:vertical;
  border-radius:0;-webkit-appearance:none;
}
input:not([type="checkbox"]):not([type="radio"])::placeholder,
textarea::placeholder{color:#bbb}
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,select:focus{border-color:var(--pink-d);outline:2px solid rgba(233,141,178,0.15);outline-offset:0}
textarea{min-height:130px}

input[type="file"]{
  padding:0.6rem 1rem;cursor:pointer;font-size:0.85rem;
  color:#888;background:var(--white);
}
input[type="file"]::-webkit-file-upload-button{
  background:#f0f0f0;border:none;color:#555;
  font-family:var(--font-m);font-size:0.62rem;letter-spacing:0.08em;
  padding:0.4rem 0.85rem;cursor:pointer;margin-right:0.75rem;
}
input[type="checkbox"],
input[type="radio"]{
  -webkit-appearance:checkbox;
  appearance:checkbox;
  width:16px;height:16px;min-width:16px;
  flex-shrink:0;cursor:pointer;
  accent-color:var(--pink-d);
  padding:0;margin:0;
  border:none;background:none;
  outline:none;box-shadow:none;
  position:relative;
  z-index:1;
}

.check-row{
  display:flex;gap:0.75rem;align-items:flex-start;cursor:pointer;
  font-family:var(--font-b);font-size:0.875rem;font-weight:300;
  color:#555;line-height:1.7;
  text-transform:none;letter-spacing:0;
}
.check-row input[type="checkbox"]{
  margin-top:4px;flex-shrink:0;
}
.check-row span{display:block}
.check-row a{
  color:var(--pink-d);
  text-decoration:underline;
  position:relative;
  z-index:1;
  pointer-events:auto;
}

.form-note{
  font-family:var(--font-m);font-size:0.58rem;
  color:#aaa;margin-top:0.85rem;line-height:1.7;
}
.form-note a{color:#888;text-decoration:underline}

.msg{
  font-family:var(--font-m);font-size:0.72rem;
  padding:0.9rem 1rem;margin-top:1.25rem;display:none;
}
.msg--ok {background:rgba(196,112,143,0.08);border:1px solid rgba(196,112,143,0.3);color:var(--pink-d)}
.msg--err{background:rgba(200,50,50,0.06);border:1px solid rgba(200,50,50,0.25);color:#c04040}
.msg.show{display:block}
.ferr{border-color:rgba(200,50,50,0.4)!important}

/* ══════════════════════════════════════
   SUBPAGE LAYOUT — shared white shell
══════════════════════════════════════ */

/* Every subpage sits on a white canvas */
.sp {
  background:var(--white);
  min-height:calc(100vh - var(--nav-h));
}

/* Page title bar — compact, no hero */
.sp-title {
  padding:3.5rem var(--gutter) 2.5rem;
  border-bottom:1px solid #e8e8e8;
  max-width:var(--w);
  margin:0 auto;
}
.sp-title h1 {
  font-family:var(--font-h);
  font-size:clamp(2.4rem,5vw,4rem);
  color:var(--black);
  line-height:1;
  letter-spacing:0;
}
.sp-title__sub {
  font-family:var(--font-m);
  font-size:0.62rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#aaa;
  margin-top:0.6rem;
}

/* Two-column grid within a white page */
.sp-cols {
  display:grid;
  gap:0;
  max-width:var(--w);
  margin:0 auto;
}
.sp-cols--1-1  { grid-template-columns:1fr 1fr }
.sp-cols--1-2  { grid-template-columns:1fr 2fr }
.sp-cols--1-18 { grid-template-columns:1fr 1.8fr }

.sp-col {
  padding:4rem var(--gutter);
}
.sp-col + .sp-col {
  border-left:1px solid #e8e8e8;
}
/* accent col gets pink bg */
.sp-col--pink {
  background:var(--pink);
}
.sp-col--pink .label { color:rgba(0,0,0,0.45) }
.sp-col--pink h2, .sp-col--pink h3 { color:var(--black) }
.sp-col--pink p { color:rgba(0,0,0,0.62) }

/* ══════════════════════════════════════
   CONTACT PAGE
══════════════════════════════════════ */
.cinfo { margin-bottom:2rem }
.cinfo__label {
  font-family:var(--font-m);font-size:0.58rem;
  letter-spacing:0.16em;text-transform:uppercase;color:#aaa;
  display:block;margin-bottom:0.4rem;
}
.cinfo__value { font-size:1rem;color:var(--black);font-weight:300;line-height:1.5 }
.cinfo__value a { color:var(--pink-d);transition:opacity 0.14s }
.cinfo__value a:hover { opacity:0.7 }

.slinks { margin-top:2.5rem }
.slinks a {
  font-family:var(--font-m);font-size:0.65rem;letter-spacing:0.1em;
  text-transform:uppercase;color:#888;
  padding:0.75rem 0;border-bottom:1px solid #e8e8e8;
  display:flex;justify-content:space-between;transition:color 0.12s;
}
.slinks a:first-child { border-top:1px solid #e8e8e8 }
.slinks a:hover { color:var(--black) }

/* ══════════════════════════════════════
   PLAYLIST PAGE
══════════════════════════════════════ */
.playlist-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin:1.5rem 0 2rem}
.playlist-embed{border:1px solid #e0e0e0;overflow:hidden}
.playlist-embed iframe{width:100%;display:block}

/* ══════════════════════════════════════
   DEMO-DROP: info sidebar on pink, form on white
══════════════════════════════════════ */
.demo-tags .tag { border-color:rgba(0,0,0,0.2);color:rgba(0,0,0,0.55) }
.demo-tags .tag:hover { border-color:var(--black);color:var(--black) }


/* ══════════════════════════════════════
   LEGAL PAGES
══════════════════════════════════════ */
.legal-body{
  background:var(--white);
  padding:4rem var(--gutter) 6rem;
}
.legal-body__inner{max-width:720px;margin:0 auto}
.legal-body h2{
  font-family:var(--font-m);font-size:0.75rem;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--pink-d);
  border-top:1px solid #e8e8e8;margin-top:2.5rem;padding-top:2.5rem;margin-bottom:0.75rem;
}
.legal-body h2:first-child{border-top:none;margin-top:0;padding-top:0}
.legal-body h3{
  font-family:var(--font-m);font-size:0.68rem;letter-spacing:0.08em;
  text-transform:uppercase;color:#999;margin-top:1.5rem;margin-bottom:0.4rem;
}
.legal-body p{color:#555;font-size:0.9rem;line-height:1.9;margin-bottom:0.7rem;font-weight:300}
.legal-body ul{padding-left:1.2rem;color:#555;font-size:0.9rem;line-height:1.9;margin-bottom:0.7rem}
.legal-body a{color:var(--pink-d)}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer{
  background:var(--fog);
  border-top:1px solid var(--ghost);
  padding:3rem var(--gutter);
}
.footer__inner{
  max-width:var(--w);margin:0 auto;
  display:grid;grid-template-columns:1.5fr 1fr 1fr;
  gap:3rem;align-items:start;
}
.footer__brand{
  font-family:var(--font-h);font-size:1.4rem;
  color:var(--white);letter-spacing:0;margin-bottom:0.08rem;
}
.footer__brand b{color:var(--white);font-weight:inherit}
.footer__tagline{
  font-family:var(--font-m);font-size:0.55rem;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--ink);margin-top:-0.08rem;margin-bottom:1.25rem;
}
.footer__social{display:flex;flex-wrap:wrap;gap:0.5rem 1.1rem}
.footer__social a{
  font-family:var(--font-m);font-size:0.58rem;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--white);transition:color 0.12s;
}
.footer__social a:hover,
.footer__social a:active{color:var(--pink)}
.footer__nav-head{
  font-family:var(--font-m);font-size:0.55rem;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--ink);margin-bottom:0.75rem;
}
.footer__nav{display:flex;flex-direction:column;gap:0.45rem}
.footer__nav a{
  font-family:var(--font-m);font-size:0.6rem;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--white);transition:color 0.12s;
}
.footer__nav a:hover,
.footer__nav a:active{color:var(--pink)}
.footer__legal{text-align:right}
.footer__copy{
  font-family:var(--font-m);font-size:0.55rem;
  color:var(--ink);letter-spacing:0.06em;margin-bottom:0.5rem;
}
.footer__links{display:flex;gap:1rem;justify-content:flex-end}
.footer__links a{
  font-family:var(--font-m);font-size:0.58rem;letter-spacing:0.06em;color:var(--white);transition:color 0.12s;
}
.footer__links a:hover,
.footer__links a:active{color:var(--pink)}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1024px){
  .artists-film{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.5rem}
  .artist-card{flex:0 0 calc(100%/4 - 3px);min-width:140px}
  .mission-strip__inner{gap:3rem}
}

@media(max-width:900px){
  :root{--nav-h:56px}

  /* Nav mobile */
  .nav__links{display:none}
  .nav__links.open{
    display:flex;flex-direction:column;
    position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;
    background:var(--black);border-top:1px solid var(--ghost);
    padding:1.5rem var(--gutter) 3rem;
    gap:0;overflow-y:auto;z-index:99;
  }
  .nav__links.open li{width:100%}
  .nav__links.open a{
    font-size:1rem;padding:0.9rem 0;color:var(--white);
    border-bottom:1px solid var(--ghost);display:block;width:100%;
  }
  .nav__links.open a:hover,
  .nav__links.open a:active,
  .nav__links.open a.active{color:var(--pink)}
  .nav__shop{margin-left:0}
  .nav__links.open .nav__shop a{color:var(--white)!important;border:none}
  .nav__links.open .nav__shop a:hover,
  .nav__links.open .nav__shop a:active,
  .nav__links.open .nav__shop a.active{color:var(--pink)!important;background:transparent}
  .nav__burger{display:flex}

  /* hero */
  .hero{min-height:auto;padding-bottom:4rem;padding-top:3rem}

  /* artists */
  .artists-film{padding:0 var(--gutter)}
  .artist-card{flex:0 0 calc(100%/3 - 2px)}


  /* mission strip */
  .mission-strip__inner{grid-template-columns:1fr}

  /* all two-col layouts stack */
  .contact-row,
  .playlist-layout,
  .mission-layout,
  .nl-layout,
  .demo-layout{grid-template-columns:1fr}

  .contact-info{padding:3.5rem var(--gutter) 3.5rem 0;border-right:none;border-bottom:1px solid #e8e8e8}
  .contact-form-col{padding:3.5rem 0}

  .playlist-info{padding:3.5rem var(--gutter) 3.5rem 0;border-right:none;border-bottom:1px solid #e8e8e8}
  .playlist-embed-col{padding:3.5rem 0;align-items:flex-start}

  .mission-left{padding:3.5rem var(--gutter) 3.5rem 0;border-right:none;border-bottom:1px solid #e0e0e0}
  .mission-right{padding:3.5rem 0}

  .nl-left{padding:3.5rem var(--gutter) 3.5rem 0;border-right:none;border-bottom:1px solid var(--ghost)}
  .nl-right{padding:3.5rem 0}

  .demo-left{padding:3.5rem var(--gutter) 3.5rem 0;border-right:none;border-bottom:1px solid rgba(0,0,0,0.12)}
  .demo-right{padding:3.5rem 0}

  
  

  .footer__inner{grid-template-columns:1fr 1fr}
  .footer__legal{text-align:left}
  .footer__links{justify-content:flex-start}

  .cols--2,.cols--13,.cols--31{grid-template-columns:1fr}
  .col-divide,.col-divide--light{border-left:none;padding-left:0;border-top:1px solid var(--ghost);padding-top:3rem}
  .col-divide--light{border-top-color:#e8e8e8}

  .block{padding:3.5rem var(--gutter)}
}

@media(max-width:600px){
  :root{--nav-h:52px}

  .artist-card{flex:0 0 calc(100%/2 - 2px)}

  .form-grid{grid-template-columns:1fr}
  .sp-title{padding:2.5rem var(--gutter) 2rem}

  .hero__cta{flex-direction:column}
  .hero__cta .btn{width:100%;justify-content:center}

  .footer__inner{grid-template-columns:1fr}
}


/* Admin-editable color tokens */
.nav{background:var(--nav-bg)}
.nav__links a{color:var(--nav-text)}
.nav__links a:hover,.nav__links a:active,.nav__links a.active{color:var(--nav-hover)}
.nav__shop a{color:var(--nav-text);border-color:rgba(255,255,255,0.35)}
.nav__shop a:hover,.nav__shop a.active{background:var(--nav-hover);color:var(--black);border-color:var(--nav-hover)}
.hero__bg{background:var(--hero-bg)}
.hero.has-video .hero__bg{background:rgba(0,0,0,.54)}
.hero h1{color:var(--white)}
.hero h1 .pink{color:var(--white)}
.hero__sub{color:var(--hero-sub)}
footer,.footer__brand,.footer__nav-head,.footer__copy{color:var(--footer-text)}
.footer__tagline,.footer__legal{color:var(--footer-muted)}
.footer__social a,.footer__nav a,.footer__links a{color:var(--footer-text)}
.footer__social a:hover,.footer__nav a:hover,.footer__links a:hover{color:var(--footer-hover);border-color:var(--footer-hover)}
.footer__brand,.footer__brand b{color:var(--white) !important}

/* ══════════════════════════════════════
   MOBILE OPTIMIZATION V29
   Strong overrides for phone and small tablet layouts
══════════════════════════════════════ */

@media (max-width: 900px) {
  :root {
    --nav-h: 56px;
    --gutter: clamp(1.1rem, 5vw, 2rem);
  }

  body {
    font-size: 15px;
    line-height: 1.6;
  }

  .nav {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }

  .nav__inner {
    gap: 1rem;
  }

  .nav__logo {
    font-size: 0.92rem;
    max-width: calc(100vw - 5rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .nav__burger span {
    background: var(--nav-text);
  }

  .nav__links.open {
    background: var(--nav-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 1.15rem var(--gutter) 2rem;
  }

  .nav__links.open a {
    color: var(--nav-text);
    font-size: 0.9rem;
    line-height: 1.2;
    padding: 1rem 0;
    min-height: 44px;
  }

  .nav__links.open a:hover,
  .nav__links.open a:active,
  .nav__links.open a.active {
    color: var(--nav-hover);
  }

  .nav__links.open .nav__shop a {
    color: var(--nav-text) !important;
    border-bottom: 1px solid var(--ghost);
    padding: 1rem 0;
  }

  .nav__links.open .nav__shop a:hover,
  .nav__links.open .nav__shop a:active,
  .nav__links.open .nav__shop a.active {
    color: var(--nav-hover) !important;
    background: transparent;
  }

  .hero {
    min-height: calc(100svh - var(--nav-h));
    justify-content: center;
    padding: 3.25rem var(--gutter) 3.5rem;
  }

  .hero__content {
    max-width: 100%;
  }

  .hero h1 {
    font-size: clamp(3.2rem, 16vw, 7rem);
    line-height: 0.9;
    margin-left: -0.035em;
    max-width: 100%;
    overflow-wrap: normal;
  }

  .hero__sub {
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    line-height: 1.75;
    max-width: 28rem;
    margin-top: 0.75rem;
  }

  .hero__cta {
    margin-top: 1.75rem;
    gap: 0.8rem;
  }

  .artists-section {
    padding: 2.5rem 0 2.75rem;
  }

  .artists-header {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 1.4rem;
  }

  .artists-header .btn {
    padding-top: 0.35rem;
  }

  .artists-film {
    max-width: none;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    gap: 0.45rem;
    padding-right: var(--gutter);
    padding-bottom: 0.25rem;
  }

  .artist-card {
    flex: 0 0 42vw;
    min-width: 145px;
    max-width: 220px;
    scroll-snap-align: start;
    border: 1px solid rgba(255,255,255,0.06);
  }

  .artist-card__name {
    font-size: 0.85rem;
    padding: 2.5rem 0.7rem 0.7rem;
  }

  .artist-card__link {
    opacity: 1;
    font-size: 0.48rem;
    top: 0.6rem;
    right: 0.6rem;
  }


  .mission-strip {
    padding: 3rem 0;
  }

  .mission-strip__inner {
    gap: 2rem;
  }

  .sp-title {
    padding: 2.6rem var(--gutter) 1.8rem !important;
  }

  .sp-title h1 {
    font-size: clamp(2.2rem, 12vw, 4rem);
    overflow-wrap: anywhere;
  }

  .sp-title__sub {
    font-size: 0.58rem;
    line-height: 1.65;
    letter-spacing: 0.1em;
  }

  .sp-cols,
  .sp-cols--1-1,
  .sp-cols--1-2,
  .sp-cols--1-18 {
    display: grid;
    grid-template-columns: 1fr !important;
    max-width: none;
  }

  .sp-col {
    padding: 3rem var(--gutter) !important;
  }

  .sp-col + .sp-col {
    border-left: none;
    border-top: 1px solid #e8e8e8;
  }

  .sp-col .t-lg {
    font-size: clamp(2rem, 10vw, 3.4rem);
  }

  .prose {
    font-size: 0.98rem;
    line-height: 1.78;
  }

  .playlist-tags,
  .tags {
    gap: 0.5rem;
  }

  .tag,
  .tag--light {
    font-size: 0.52rem;
    padding: 0.35rem 0.6rem;
  }

  .playlist-embed {
    border-radius: 0;
  }

  .playlist-embed iframe {
    min-height: 420px;
    height: 70vh;
    max-height: 620px;
  }

  .form-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 1rem;
  }

  .form-field.span {
    grid-column: auto;
  }

  .form-field input,
  .form-field textarea,
  .form-field select {
    min-height: 46px;
    font-size: 16px;
  }

  .form-field textarea {
    min-height: 130px;
  }

  .check-row {
    align-items: flex-start;
    gap: 0.7rem;
    line-height: 1.55;
  }

  .check-row input {
    margin-top: 0.2rem;
    flex: 0 0 auto;
  }

  .btn {
    min-height: 44px;
    white-space: normal;
    text-align: center;
  }

  .slinks a {
    min-height: 44px;
    align-items: center;
  }

  .legal-body {
    padding: 3rem var(--gutter) 4rem;
  }

  .legal-body__inner {
    max-width: 100%;
  }

  .legal-body p,
  .legal-body ul {
    font-size: 0.92rem;
    line-height: 1.8;
  }

  footer {
    padding: 2.75rem var(--gutter);
  }

  .footer__inner {
    grid-template-columns: 1fr;
    gap: 2.2rem;
  }

  .footer__legal {
    text-align: left;
  }

  .footer__links {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  :root {
    --nav-h: 52px;
    --gutter: clamp(1rem, 5.25vw, 1.4rem);
  }

  .nav__logo {
    font-size: 0.82rem;
  }

  .nav__burger {
    padding: 8px 2px 8px 8px;
  }

  .hero {
    min-height: calc(92svh - var(--nav-h));
    padding-top: 2.25rem;
    padding-bottom: 3rem;
  }

  .hero h1 {
    font-size: clamp(3rem, 19vw, 5.6rem);
    line-height: 0.88;
  }

  .hero__sub {
    font-size: 0.62rem;
    letter-spacing: 0.075em;
    line-height: 1.72;
    margin-top: 0.625rem;
    max-width: 21rem;
  }

  .hero__cta {
    flex-direction: column;
    align-items: stretch;
    margin-top: 0.75rem;
  }

  .hero__cta .btn {
    width: 100%;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .artists-section {
    padding-top: 2.2rem;
  }

  .artists-header .t-xl {
    font-size: clamp(2rem, 10vw, 3.4rem);
  }

  .artist-card {
    flex-basis: 68vw;
    min-width: 190px;
    max-width: 280px;
  }

  .mission-strip__inner {
    padding-left: 0;
    padding-right: 0;
  }

  .sp-title {
    padding-top: 2.2rem !important;
    padding-bottom: 1.6rem !important;
  }

  .sp-col {
    padding-top: 2.6rem !important;
    padding-bottom: 2.8rem !important;
  }

  .playlist-embed iframe {
    min-height: 360px;
    height: 62vh;
  }

  .footer__brand {
    font-size: 1.2rem;
  }

  .footer__social,
  .footer__links {
    flex-direction: column;
    gap: 0.55rem;
  }

  .footer__social a,
  .footer__nav a,
  .footer__links a {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 420px) {
  .hero h1 {
    font-size: clamp(2.65rem, 18vw, 4.4rem);
  }

  .hero__sub {
    font-size: 0.58rem;
    max-width: 18rem;
  }

  .artist-card {
    flex-basis: 76vw;
  }

  .btn-pink,
  .btn-white,
  .btn-black,
  .btn-outline-dark {
    padding: 0.85rem 1rem;
  }
}


/* ══════════════════════════════════════
   MOBILE FINAL V50
   Final mobile readability, spacing and menu hardening
══════════════════════════════════════ */

@media (max-width: 900px) {
  :root {
    --nav-h: 58px;
    --gutter: clamp(1.15rem, 5.2vw, 2rem);
  }

  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    font-size: 16px;
    line-height: 1.68;
  }

  .nav {
    min-height: var(--nav-h);
    padding: 0 var(--gutter);
    background: rgba(8,8,8,0.96);
  }

  .nav__inner {
    gap: 0.75rem;
  }

  .nav__logo {
    font-size: clamp(0.82rem, 3.2vw, 0.98rem);
    line-height: 1;
    max-width: calc(100vw - 5.25rem);
    white-space: nowrap;
  }

  .nav__burger {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: auto;
    z-index: 102;
  }

  .nav__links {
    display: none;
  }

  .nav__links.open {
    display: flex;
    position: fixed;
    inset: var(--nav-h) 0 0 0;
    width: 100vw;
    height: calc(100svh - var(--nav-h));
    overflow-y: auto;
    flex-direction: column;
    gap: 0;
    padding: 0.8rem var(--gutter) 2rem;
    background: #080808;
    border-top: 1px solid rgba(255,255,255,0.12);
    z-index: 101;
    box-shadow: 0 18px 42px rgba(0,0,0,0.45);
    -webkit-overflow-scrolling: touch;
  }

  .nav__links.open li {
    width: 100%;
  }

  .nav__links.open a {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.95rem 0;
    color: #fff;
    font-size: 0.92rem;
    line-height: 1.25;
    letter-spacing: 0.1em;
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }

  .nav__links.open a:hover,
  .nav__links.open a:active,
  .nav__links.open a.active {
    color: var(--pink);
  }

  .nav__links.open .nav__shop {
    margin-left: 0;
  }

  .nav__links.open .nav__shop a {
    color: #fff !important;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    background: transparent;
    padding: 0.95rem 0;
  }

  .nav__links.open .nav__shop a:hover,
  .nav__links.open .nav__shop a:active,
  .nav__links.open .nav__shop a.active {
    color: var(--pink) !important;
    background: transparent;
  }

  .page {
    padding-top: var(--nav-h);
  }

  .hero {
    min-height: calc(96svh - var(--nav-h));
    padding: 3rem var(--gutter) 3.25rem;
    justify-content: center;
  }

  .hero__content {
    max-width: 100%;
  }

  .hero h1 {
    font-size: clamp(3.05rem, 16.5vw, 6.8rem);
    line-height: 0.9;
    letter-spacing: -0.02em;
    margin-left: -0.035em;
    max-width: 100%;
  }

  .hero__sub {
    font-size: clamp(0.62rem, 2.4vw, 0.72rem);
    line-height: 1.75;
    letter-spacing: 0.075em;
    max-width: 22rem;
    margin-top: 0.65rem;
  }

  .hero__cta {
    margin-top: 0.75rem;
    gap: 0.75rem;
  }

  .hero__cta .btn {
    width: 100%;
    justify-content: center;
    min-height: 48px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .artists-section {
    padding: 2.5rem 0 2.75rem;
  }

  .artists-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.05rem;
    padding: 0 var(--gutter) 1.45rem;
  }

  .artists-header .t-xl {
    font-size: clamp(2rem, 10vw, 3.4rem) !important;
  }

  .artists-header .btn {
    min-height: 44px;
    padding: 0.55rem 0;
  }

  .artists-film {
    width: 100%;
    max-width: none;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    gap: 0.55rem;
    padding: 0 var(--gutter) 0.35rem;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .artist-card {
    flex: 0 0 min(70vw, 280px);
    min-width: 190px;
    max-width: 280px;
    scroll-snap-align: start;
  }

  .artist-card__name {
    font-size: 0.9rem;
    padding: 2.7rem 0.75rem 0.75rem;
  }

  .artist-card__link {
    opacity: 1;
  }

  .mission-strip {
    padding: 3rem var(--gutter) 3.25rem;
  }

  .mission-strip__inner {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .mission-strip h2,
  .sp-col .t-lg {
    font-size: clamp(2rem, 10vw, 3.35rem);
  }

  .prose {
    font-size: 1rem;
    line-height: 1.82;
  }

  .sp-title {
    padding: 2.6rem var(--gutter) 1.75rem !important;
  }

  .sp-title h1 {
    font-size: clamp(2.35rem, 12.5vw, 4.4rem);
    line-height: 0.95;
    overflow-wrap: anywhere;
  }

  .sp-title__sub {
    font-size: 0.62rem;
    line-height: 1.7;
    letter-spacing: 0.1em;
  }

  .sp-cols,
  .sp-cols--1-1,
  .sp-cols--1-2,
  .sp-cols--1-18 {
    display: grid;
    grid-template-columns: 1fr !important;
    max-width: none;
    width: 100%;
  }

  .sp-col {
    padding: 2.85rem var(--gutter) !important;
  }

  .sp-col + .sp-col {
    border-left: 0;
    border-top: 1px solid #e8e8e8;
  }

  .form-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem;
  }

  .form-field.span {
    grid-column: auto;
  }

  .form-field label {
    line-height: 1.35;
  }

  .form-field input,
  .form-field textarea,
  .form-field select {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    line-height: 1.45;
    padding: 0.75rem 0.8rem;
  }

  .form-field textarea {
    min-height: 132px;
  }

  .check-row {
    align-items: flex-start;
    gap: 0.7rem;
    line-height: 1.58;
  }

  .check-row input {
    margin-top: 0.25rem;
    flex: 0 0 auto;
  }

  .btn {
    min-height: 46px;
    white-space: normal;
    text-align: center;
  }

  .tags,
  .playlist-tags {
    gap: 0.5rem;
  }

  .tag,
  .tag--light {
    font-size: 0.54rem;
    padding: 0.36rem 0.62rem;
  }

  .playlist-embed iframe {
    min-height: 380px;
    height: 62vh;
    max-height: 620px;
  }

  .slinks a {
    min-height: 46px;
    display: flex;
    align-items: center;
  }

  .legal-body {
    padding: 2.85rem var(--gutter) 3.5rem !important;
  }

  .legal-body__inner {
    max-width: 100%;
  }

  .legal-body h2 {
    line-height: 1.18;
  }

  .legal-body p,
  .legal-body ul {
    font-size: 0.96rem;
    line-height: 1.82;
  }

  footer {
    padding: 2.75rem var(--gutter) 3.1rem;
  }

  .footer__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .footer__brand {
    font-size: 1.15rem;
  }

  .footer__legal {
    text-align: left;
  }

  .footer__links,
  .footer__social {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
  }

  .footer__social a,
  .footer__nav a,
  .footer__links a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 600px) {
  :root {
    --nav-h: 54px;
    --gutter: clamp(1rem, 5.6vw, 1.35rem);
  }

  .nav__logo {
    font-size: 0.8rem;
    max-width: calc(100vw - 5rem);
  }

  .hero {
    min-height: calc(92svh - var(--nav-h));
    padding-top: 2.35rem;
    padding-bottom: 2.9rem;
  }

  .hero h1 {
    font-size: clamp(2.75rem, 18vw, 5.15rem);
    line-height: 0.88;
  }

  .hero__sub {
    font-size: 0.6rem;
    letter-spacing: 0.07em;
    line-height: 1.72;
    max-width: 18.5rem;
  }

  .artist-card {
    flex-basis: min(76vw, 285px);
    min-width: 205px;
  }

  .sp-title {
    padding-top: 2.25rem !important;
  }

  .sp-col {
    padding-top: 2.55rem !important;
    padding-bottom: 2.7rem !important;
  }

  .playlist-embed iframe {
    min-height: 340px;
    height: 58vh;
  }

  .footer__social,
  .footer__links {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 420px) {
  :root {
    --gutter: 1rem;
  }

  .hero h1 {
    font-size: clamp(2.45rem, 17.25vw, 4.2rem);
  }

  .hero__sub {
    max-width: 17.5rem;
  }

  .artists-header,
  .artists-film,
  .mission-strip,
  .sp-title,
  .sp-col,
  footer,
  .legal-body {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .artist-card {
    flex-basis: 78vw;
  }
}


/* Final hero subline stability: prevent reload layout shift between static HTML and CMS hydration */
.hero__sub{
  white-space:normal!important;
  min-height:3.8em;
}
.hero__sub .hero__sub-line{
  display:block;
}
@media(max-width:600px){
  .hero__sub{min-height:3.44em;}
}


/* Footer tagline alignment: keep "Gute Musik. Aus Berlin." tighter to the main brand mark */
.footer__brand{margin-bottom:0.08rem}
.footer__tagline{margin-top:-0.08rem}
@media (max-width:700px){
  .footer__brand{margin-bottom:0.06rem}
  .footer__tagline{margin-top:-0.06rem;margin-bottom:1.15rem}
}


/* ── v55 mobile hero/logo no-hyphen fix ───────────────────── */
.nav__logo,
.nav__logo b,
.hero h1,
.hero h1 span {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: nowrap !important;
}

@media (max-width: 700px) {
  .hero h1 {
    font-size: clamp(2.35rem, 14.6vw, 4.45rem) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.025em !important;
    margin-left: 0 !important;
  }
  .hero__content {
    max-width: 100% !important;
  }
}

@media (max-width: 420px) {
  .hero h1 {
    font-size: clamp(2.08rem, 13.8vw, 3.65rem) !important;
    letter-spacing: -0.03em !important;
  }
  .nav__logo {
    font-size: 0.92rem !important;
    max-width: calc(100vw - 6.5rem);
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 360px) {
  .hero h1 {
    font-size: clamp(1.92rem, 13vw, 3.15rem) !important;
  }
  .nav__logo {
    font-size: 0.84rem !important;
  }
}

/* Stabilize desktop header links during CMS hydration/font loading */
@media (min-width: 901px) {
  .nav__links > li > a[href="playlist.html"] {
    min-width: 5.8rem;
    text-align: center;
  }
  .nav__shop a {
    min-width: 4.2rem;
    justify-content: center;
    text-align: center;
  }
}


/* ── v59 Hero CTA stability: prevent playlist button jump during CMS hydration ── */
.hero__cta .btn{
  min-height:2.92rem;
  align-items:center;
  justify-content:center;
}
.hero__cta .btn-pink{
  min-width:14.75rem;
}
.hero__cta .btn-ghost{
  min-width:8.8rem;
}
@media(max-width:700px){
  .hero__cta .btn,
  .hero__cta .btn-pink,
  .hero__cta .btn-ghost{
    min-width:0;
    width:100%;
  }
}

/* ── v60 Hero playlist CTA fixed width: prevent wide-then-narrow reload shift ── */
@media (min-width: 701px) {
  .hero__cta .btn-pink {
    width: 15.75rem;
    min-width: 15.75rem;
    max-width: 15.75rem;
    flex: 0 0 15.75rem;
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
  }
  .hero__cta .btn-ghost {
    width: 8.8rem;
    min-width: 8.8rem;
    max-width: 8.8rem;
    flex: 0 0 8.8rem;
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
  }
}
@media (max-width: 700px) {
  .hero__cta .btn-pink,
  .hero__cta .btn-ghost {
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
  }
}


/* ── v61 Hero CTA text stability: prevent inner label shift during CMS hydration ── */
.hero__cta .btn{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (min-width:701px){
  .hero__cta .btn-pink,
  .hero__cta .btn-ghost{
    padding-left:0;
    padding-right:0;
  }
}

.artist-order-actions{display:flex;gap:0.45rem;flex-wrap:wrap;align-items:center}
.artist-order-actions .btn{padding:0.45rem 0.7rem;font-size:0.62rem}
.artist-position-badge{font-family:var(--font-m);font-size:0.6rem;letter-spacing:0.08em;text-transform:uppercase;color:#777;border:1px solid #333;padding:0.35rem 0.55rem}

/* v75 fix: readable checkbox/legal labels on mobile forms */
.check-row,
.check-row label,
.check-row span {
  color: #333 !important;
  font-family: var(--font-b) !important;
  font-size: 0.92rem !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.check-row label {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  cursor: pointer !important;
}
.check-row a,
.check-row label a {
  color: var(--pink-d) !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}
.check-row input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin-top: 0.25rem !important;
}
.form-note,
.form-note a {
  color: #555 !important;
}
@media (max-width: 768px) {
  .check-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    width: 100% !important;
    padding: 0.15rem 0 !important;
  }
  .check-row label,
  .check-row span {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #2b2b2b !important;
  }
  .check-row input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin-top: 0.18rem !important;
  }
}