/* Magazine verticali (Éstro, Éstro Menu, Koala Pub, Le Vin de l'Assassin): si appoggiano a mz.css.
   Ogni magazine ha il suo tema: fondo scuro, carta, colore d'accento. */

.mz-th-estro { --ink: #0c0a09; --paperc: #f3ece4; --gold: #d0613f; --gold-m: #a3402a; }
.mz-th-estro-menu { --ink: #120e0c; --paperc: #f6efe6; --gold: #c8573a; --gold-m: #9c3a25; }
.mz-th-koala { --ink: #0d0b09; --paperc: #f1eadf; --gold: #e8a83c; --gold-m: #a5701a; }
.mz-th-levin { --ink: #0f1a33; --paperc: #f3ede3; --gold: #d8ab3a; --gold-m: #7e2433; }
.mz-gen .mz-dark { background: var(--ink); }
.mz-gen .mz-bar { background: var(--gold); }
.mz-gen .mz-sw a.on, .mz-gen .mz-chips a.on { color: var(--ivory); }

/* testi */
.mz-g-title { margin: 0 0 14px; font: 200 clamp(2.2rem, 5.6vw, 4.8rem)/.98 var(--sans); letter-spacing: -.035em; text-transform: uppercase; text-wrap: balance; }
.mz-g-script { margin: 0 0 12px; font: italic 300 clamp(2.6rem, 6vw, 5.4rem)/1 var(--serif); color: var(--gold-m); }
.mz-dark .mz-g-script { color: var(--gold); }
.mz-g-italic { margin: 10px 0 0; font: italic 400 clamp(1.15rem, 1.7vw, 1.5rem)/1.4 var(--serif); color: var(--mute); max-width: 40ch; }
.mz-g-label { margin: 0 0 14px; font: 500 .72rem/1.6 var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--gold-m); }
.mz-dark .mz-g-label { color: var(--gold); }
.mz-g-body { margin: 0 0 14px; font: 400 clamp(1.1rem, 1.55vw, 1.35rem)/1.6 var(--serif); max-width: 46ch; }
.mz-g-poem { margin: 0 0 2px; font: italic 400 clamp(1.1rem, 1.5vw, 1.3rem)/1.7 var(--serif); }

/* copertina */
.mz-g-logo { width: min(380px, 76vw); height: auto; object-fit: contain; filter: brightness(0) invert(1) drop-shadow(0 2px 20px rgba(0, 0, 0, .4)); }
.mz-hero-in [class^="mz-g-hero-"] { margin: 0; }
.mz-g-hero-title { font: 200 clamp(2.4rem, 6vw, 5rem)/.95 var(--sans); letter-spacing: -.04em; text-transform: uppercase; }
.mz-g-hero-script, .mz-g-hero-italic, .mz-g-hero-body { font: italic 400 clamp(1.4rem, 2.8vw, 2.2rem)/1.15 var(--serif); }
.mz-g-hero-label, .mz-g-hero-poem { font: 500 .72rem/1.6 var(--sans); letter-spacing: .3em; text-transform: uppercase; opacity: .8; }
.mz-g-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

/* frasi centrate */
.mz-g-statement { display: grid; justify-items: center; text-align: center; padding-block: clamp(100px, 14vw, 200px); }
.mz-g-statement .mz-g-body, .mz-g-statement .mz-g-italic { max-width: 34ch; margin-inline: auto; }
.mz-g-statement .mz-g-body { font-size: clamp(1.25rem, 2vw, 1.7rem); }
.mz-g-statement .mz-g-title { font-size: clamp(2.4rem, 6.6vw, 6rem); }

/* foto + testo */
.mz-g-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: clamp(30px, 6vw, 110px); align-items: center; }
.mz-g-split.mz-rev .mz-g-pics { order: -1; }
.mz-g-pics { display: grid; gap: 14px; }
.mz-g-pics .mz-g-sub { width: 72%; justify-self: end; margin-top: -18%; box-shadow: 0 30px 50px -25px rgba(0, 0, 0, .6); }
.mz-g-split.mz-rev .mz-g-pics .mz-g-sub { justify-self: start; }

/* solo foto */
.mz-g-gallery { display: grid; gap: 14px; }
.mz-g-n2 { grid-template-columns: 1fr 1fr; }
.mz-g-n3 { grid-template-columns: 1.4fr 1fr 1fr; align-items: center; }
.mz-g-gallery .mz-frame { aspect-ratio: 3 / 4; }
.mz-g-n2 .mz-frame:nth-child(2) { margin-top: 12%; }

/* menù */
.mz-g-menu-solo .mz-col { max-width: 900px; margin: 0 auto; }
.mz-colhead { display: flex; justify-content: flex-end; gap: 18px; margin: 18px 0 0; font: 500 .66rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--gold-m); }
.mz-dark .mz-colhead { color: var(--gold); }
.mz-prices { display: inline-flex; gap: 18px; }
.mz-prices span, .mz-colhead span { min-width: 2.6em; text-align: right; }
.mz-gen .mz-col > .mz-g-title { margin-top: 36px; }
.mz-gen .mz-col > .mz-g-title:first-child { margin-top: 0; }

@media (max-width: 900px) {
  .mz-g-split { grid-template-columns: 1fr; }
  .mz-g-split .mz-g-pics, .mz-g-split.mz-rev .mz-g-pics { order: -1; }
  .mz-g-trio, .mz-g-n3 { grid-template-columns: 1fr 1fr; }
  .mz-g-n3 .mz-frame:first-child { grid-column: 1 / -1; }
}
.mz-tagline { grid-column: 1 / -1; font: italic 400 1.1rem/1.35 var(--serif); color: var(--gold-m); } .mz-dark .mz-tagline { color: var(--gold); }
.mz-g-logo-in { display: block; width: min(320px, 70vw); height: auto; margin: 0 0 24px; object-fit: contain; } .mz-g-statement .mz-g-logo-in { margin-inline: auto; } .mz-dark .mz-g-logo-in[src*="logo"] { filter: brightness(0) invert(1); }
.mz-g-gallery.mz-g-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mz-g-gallery:has(> :nth-child(4)) .mz-frame { aspect-ratio: 4 / 5; }

/* una foto sola in galleria: inquadrata e centrata, non a tutta pagina */
.mz-g-gallery.mz-g-n1 { grid-template-columns: minmax(0, 560px); justify-content: center; }
.mz-g-gallery.mz-g-n1 .mz-frame { aspect-ratio: 4 / 5; }

/* chiusura: logo bianco su fondo scuro */
.mz-g-close { position: relative; min-height: 86vh; min-height: 86svh; display: grid; place-items: center; overflow: hidden; text-align: center; color: #fff; background: radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--ink) 80%, var(--gold) 20%), var(--ink) 70%); }
.mz-g-close::before { content: ""; position: absolute; left: 50%; top: 14%; width: 1px; height: 9%; background: var(--gold); opacity: .7; }
.mz-g-close-in { position: relative; display: grid; justify-items: center; gap: 26px; padding: 0 var(--gutter, 24px); }
.mz-g-close-logo { display: block; width: min(420px, 74vw); height: auto; object-fit: contain; filter: brightness(0) invert(1); }
.mz-g-close-logo + .mz-g-close-logo { width: min(300px, 60vw); opacity: .9; }
.mz-g-close-t { margin: 0; font: italic 400 clamp(1.2rem, 2.2vw, 1.7rem)/1.3 var(--serif); color: var(--gold); }