/* Design C · Site + Aufwertung (11.10.2026)
   Die ruhige Beta-Site, veredelt mit den Mitteln aus Richtung A:
   gesperrte Versalien für Navigation und Metadaten, Traulha für Marke, Titel und Ziffern,
   feine Haarlinien, Plus/Minus statt Dreiecken, Buchstützen E. / 37. im Footer.
   Lädt nach palettes.css und überschreibt nur Gestaltung, keine Funktion. */

:root{
  --c-caps: 12px;          /* gesperrte Versalien: Navigation, Metadaten, Labels */
  --c-track: .14em;
  --c-nav-gap: clamp(12px,1.15vw,22px);
  --c-hair: color-mix(in srgb, var(--ink) 22%, transparent);
}

/* Kopf ------------------------------------------------------------ */
.e37-header{align-items:center;min-height:112px}
.e37-header .wordmark{font:400 clamp(24px,2vw,32px)/1 var(--display);letter-spacing:.18em;margin-right:-.18em;text-transform:uppercase;transition:color .2s ease}
.e37-header .header-note,
.e37-header nav{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase;line-height:1.5}
.e37-header .header-note{color:var(--muted);text-decoration:none}
.e37-header nav{gap:var(--c-nav-gap);align-items:center;justify-self:end;letter-spacing:.12em}
.e37-header nav a{padding:12px 0;text-decoration:none;position:relative;white-space:nowrap}
.e37-header nav a::after{content:"";position:absolute;left:0;right:var(--c-track);bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.e37-header nav a:hover::after,.e37-header nav a[aria-current]::after{transform:scaleX(1)}
.e37-header nav a[aria-current]{text-decoration:none}
.e37-header nav a[hreflang]{padding-left:var(--c-nav-gap);border-left:1px solid var(--c-hair);color:var(--muted)}
.e37-header nav a[hreflang]::after{left:var(--c-nav-gap)}
.e37-header [data-header-count]{font-variant-numeric:tabular-nums}

/* Kopfzeile der Edition ------------------------------------------ */
.fh-edition-top{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase;color:var(--muted)}
.fh-edition-top .edition-index{font:400 22px/1 var(--display);letter-spacing:.04em;text-transform:none;color:var(--ink)}
.fh-editions .edition-byline{font-size:var(--c-caps);letter-spacing:var(--c-track)}
.fh-editions #edition-title{letter-spacing:-.005em}
.fh-editions .fh-edition-description{line-height:1.5}
.edition-original{margin-top:0}

/* Auswahl --------------------------------------------------------- */
.fh-editions .fh-edition-selection-title{letter-spacing:.01em}
.fh-size-choice{border-top-color:var(--c-hair)}
.fh-size-quantity [id^="size-"]{font-variant-numeric:tabular-nums}
.fh-quantity-stepper{border-bottom-color:var(--c-hair)}
.fh-quantity-stepper button{transition:color .2s ease}
.fh-quantity-stepper output{font:400 20px/1 var(--display);min-width:2ch;text-align:center}
.fh-frame-option>summary{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase}
.fh-frame-option>summary [data-frame-label]{color:var(--muted)}
.fh-edition-price{align-items:baseline}
.fh-edition-price [data-price]{font:400 30px/1 var(--display);font-variant-numeric:tabular-nums}
.fh-edition-price>span:last-child{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase;color:var(--muted)}
.fh-editions [data-edition-form] .fh-edition-action,
.fh-edition-info .fh-edition-action{font-size:13px;letter-spacing:var(--c-track);text-transform:uppercase;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 22px}
.fh-edition-action span{transition:transform .25s ease}
.fh-edition-action:hover span{transform:translateX(4px)}
.fh-edition-figure figcaption,.fh-edition-figure figcaption a{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase}
.fh-edition-back{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase}

/* Auflagen-Punkte: blau frei, rot verkauft ------------------------ */
.e37-dots{display:block;overflow:visible}
:root{--dot-free:#155d7a;--dot-sold:#cc2227}
.e37-dots circle{fill:var(--dot-free);transition:fill .3s ease}
.e37-dots circle.is-sold{fill:var(--dot-sold)}
.fh-size-label{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center}
.fh-size-label .e37-dots{grid-row:span 2}
.cert .c-dots{width:calc(21*var(--mm));height:calc(17*var(--mm));display:flex;align-items:center;justify-content:center}
.cert .c-dots .e37-dots{width:calc(17*var(--mm));height:calc(17*var(--mm))}

/* Angaben, Kolophon, Aufklapper ---------------------------------- */
.edition-specs{border-top-color:var(--ink)}
.edition-specs dt{font-size:11px;letter-spacing:var(--c-track);text-transform:uppercase;padding-top:3px}
.edition-colophon{border-top:1px solid var(--c-hair);border-bottom:1px solid var(--c-hair);padding:20px 0}
.fh-edition-info details{border-bottom:1px solid var(--c-hair)}
.fh-edition-info details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;cursor:pointer;font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase}
.fh-edition-info details>summary::-webkit-details-marker{display:none}
.fh-edition-info details>summary::after{content:"+";font:400 20px/1 var(--display);transition:transform .25s ease}
.fh-edition-info details[open]>summary::after{transform:rotate(45deg)}
.fh-edition-info details>p{margin:0 0 18px;max-width:52ch;line-height:1.5}
.edition-studio-kicker{font-size:var(--c-caps);letter-spacing:var(--c-track)}

/* Tasche ---------------------------------------------------------- */
[data-bag] .fh-edition-destination,.fh-edition-totals dt{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase}
.fh-edition-totals div:last-child dd{font:400 24px/1 var(--display)}

/* Übersichtsseiten ------------------------------------------------ */
.page-intro p{font-size:16px}
.collection-caption>div,.collection-caption p,.artist-row>div>p:first-child{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase}
.collection-caption .edition-index{letter-spacing:.02em;text-transform:none}
.about-record h2{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase;padding-top:4px}

/* Footer ---------------------------------------------------------- */
.footer-fineprint,.footer-fineprint a{font-size:var(--c-caps);letter-spacing:var(--c-track);text-transform:uppercase}
.footer-fineprint{gap:24px 32px;flex-wrap:wrap}
.footer-legal{display:flex;gap:20px;flex-wrap:wrap}
.footer-thought{font:400 clamp(20px,1.8vw,26px)/1.3 var(--display)}

@media(max-width:1360px){
  .e37-header{grid-template-columns:auto minmax(0,1fr)}
  .e37-header .wordmark{grid-column:1;grid-row:1;justify-self:start}
  .e37-header .header-note{display:none}
  .e37-header nav{grid-column:2;grid-row:1}
}
@media(max-width:700px){
  .e37-header .wordmark{font-size:26px;letter-spacing:.16em;margin-right:-.16em}
  .e37-header nav{font-size:11.5px;letter-spacing:.1em;gap:0 14px}
  .e37-header nav a{justify-self:start}
  .e37-header nav a[hreflang]{border-left:0;padding-left:0}
  .e37-header nav a[hreflang]::after{left:0}
  .fh-edition-top .edition-index{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .e37-dots circle,.e37-header nav a::after,.fh-edition-action span,.fh-edition-info details>summary::after{transition:none}
}