/* DMC fix-02-home.css | Startseite Notturno di Modena | nur Tokens | laedt zuletzt */
.page{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--gutter)}
.definition{max-width:60ch;font-size:var(--text-lead);line-height:var(--leading-normal);color:var(--text-muted)}
.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}
.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--space-2)}
.page-hero--center{text-align:center}
.page-hero--center .kicker{justify-content:center}
.page-hero--center .page-hero__title,.page-hero--center .page-hero__lead,.page-hero--center .definition{margin-inline:auto}
.stats-strip,.intro,.events-preview,.magazine-teaser,.reasons{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--gutter)}
.page-home .stats-strip{padding-top:var(--space-7)}
.stats-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);border-block:1px solid var(--hairline);padding-block:var(--space-7)}
.stats-strip__grid .stat{min-width:0;padding-inline:var(--space-6);gap:var(--space-3)}
.stats-strip__grid .stat+.stat{border-left:1px solid var(--hairline)}
.stats-strip__grid .stat:first-child{padding-left:0}
.stats-strip__grid .stat:last-child{padding-right:0}
.stats-strip__grid .stat__value{font-size:var(--text-h2)}
.stats-strip__grid .stat__label{overflow-wrap:anywhere}
.intro__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-8) var(--space-10);align-items:start}
.purpose-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-5)}
.purpose-list li{padding-left:var(--space-5);border-left:2px solid var(--accent-line);color:var(--text-muted);font-size:var(--text-body);line-height:var(--leading-normal)}
.intro__recognition{min-width:0;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--edge-catch)}
.intro__recognition p{color:var(--text-muted);font-size:var(--text-body);line-height:var(--leading-relaxed)}
.intro__recognition p+p{margin-top:var(--space-4)}
.events-preview .section__header{max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6)}
.events-preview .section__header .kicker{flex-basis:100%;margin-bottom:0}
.events-preview .section__header h2{margin-right:auto}
.event-rail{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.event-rail::-webkit-scrollbar{display:none}
.event-rail__track{display:flex;gap:var(--gutter);width:max-content;max-width:100%;padding-block:var(--space-3);padding-right:var(--gutter)}
.event-rail__track .event-card{flex:0 0 auto;min-width:0;width:clamp(16rem,72vw,20.5rem);scroll-snap-align:start}
.event-rail__track .event-card__link{position:static;inset:auto;display:flex;flex-direction:column;gap:var(--space-2);min-height:11.5rem;padding:var(--space-5)}
.event-rail__track .event-card__date{position:static;inset:auto;min-width:0;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.03em;color:var(--accent-hover)}
.event-rail__track .event-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h4);color:var(--text)}
.event-rail__track .event-card__place{color:var(--text-muted);font-size:var(--text-caption)}
.event-rail__track .event-card__cat{margin-top:auto;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:var(--text-faint)}
.magazine-teaser .lead{margin-bottom:var(--space-8)}
.magazine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);margin-bottom:var(--space-8)}
.magazine-teaser .magazine-card{justify-content:flex-end;aspect-ratio:3/4;padding:var(--space-5);gap:var(--space-2);background:linear-gradient(158deg,var(--surface-3),var(--surface));border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-2),var(--edge-catch);transition:transform var(--dur-normal) var(--ease-out-quint),border-color var(--dur-normal) var(--ease-standard)}
.magazine-teaser .magazine-card:hover{transform:translateY(-3px);border-color:var(--accent-line)}
.magazine-teaser .magazine-card__no{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);line-height:1;color:var(--text)}
.magazine-teaser .magazine-card__date{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;color:var(--accent-hover)}
.reasons__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.reason{min-width:0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--edge-catch);transition:transform var(--dur-normal) var(--ease-out-quint),border-color var(--dur-normal) var(--ease-standard),background-color var(--dur-normal) var(--ease-standard)}
.reason:hover{transform:translateY(-2px);border-color:var(--accent-line);background:var(--surface-2)}
.reason__title{overflow-wrap:anywhere;font-family:var(--font-display);font-weight:700;font-size:var(--text-h4);color:var(--text)}
.reason__desc{color:var(--text-muted);font-size:var(--text-body);line-height:var(--leading-snug)}
.cta-band{position:relative;isolation:isolate;width:100%;max-width:var(--container-xl);margin-inline:auto;display:grid;justify-items:center;text-align:center;gap:var(--space-5);padding:clamp(2.5rem,1.7rem + 3.4vw,5rem) var(--gutter);background:radial-gradient(120% 150% at 50% -30%,var(--accent-soft),transparent 62%),linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--accent-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-3),var(--edge-catch)}
.cta-band>*{min-width:0;max-width:60ch}
.cta-band__lead{display:flex;flex-direction:column;gap:var(--space-2)}
.cta-band__kicker{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:var(--accent-hover)}
.cta-band__title{overflow-wrap:anywhere;font-family:var(--font-display);font-weight:700;font-size:var(--text-h2);line-height:var(--leading-snug);color:var(--text)}
.cta-band__text{color:var(--text-muted);font-size:var(--text-lead);line-height:var(--leading-snug)}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}
.benefit-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);text-align:left}
.benefit-list li{padding-left:var(--space-5);border-left:2px solid var(--accent-line);color:var(--text-muted);font-size:var(--text-body);line-height:var(--leading-snug)}
.cta-band--wide{grid-template-columns:1.1fr .9fr;justify-items:start;text-align:left;gap:var(--space-6) var(--space-10);align-items:center}
.cta-band--wide>*{max-width:none}
.cta-band--wide .cta-band__lead{grid-column:1;grid-row:1}
.cta-band--wide .cta-band__benefits{grid-column:2;grid-row:1 / span 2;align-self:center}
.cta-band--wide .btn{grid-column:1;grid-row:2;justify-self:start}
.cta-band--member{max-width:64rem}
.next-event{position:relative;display:grid;gap:var(--space-2);background:radial-gradient(130% 160% at 100% 0%,var(--accent-soft),transparent 60%),linear-gradient(155deg,var(--surface-2),var(--surface));border:1px solid var(--accent-line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-2),var(--edge-catch);transition:transform var(--dur-normal) var(--ease-out-quint),border-color var(--dur-normal) var(--ease-standard),box-shadow var(--dur-normal) var(--ease-standard)}
.next-event:hover{transform:translateY(-2px);border-color:var(--accent-hover);box-shadow:var(--shadow-3),var(--glow-accent-soft)}
.next-event__date{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover)}
.next-event__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);line-height:var(--leading-snug);color:var(--text)}
.next-event__place{color:var(--text-muted);font-size:var(--text-body)}
.next-event__cta{justify-self:start;margin-top:var(--space-2);font-weight:600;font-size:var(--text-body);color:var(--accent-hover);border-bottom:1px solid var(--accent-line);padding-bottom:2px;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
.next-event:hover .next-event__cta{color:var(--text);border-color:var(--text)}
@media (max-width:1024px){.reasons__grid,.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.intro__grid{grid-template-columns:1fr;gap:var(--space-7)}.page-home .stats-strip__grid{grid-template-columns:1fr 1fr}.stats-strip__grid{gap:0;padding-block:var(--space-6)}.stats-strip__grid .stat{min-width:0;overflow:hidden;padding:var(--space-5) var(--space-4)}.stats-strip__grid .stat__value{font-size:var(--text-h3)}.stats-strip__grid .stat__label{overflow-wrap:anywhere;font-size:.6875rem;letter-spacing:.03em;line-height:1.35}.stats-strip__grid .stat+.stat{border-left:0}.stats-strip__grid .stat:first-child{padding-left:var(--space-4)}.stats-strip__grid .stat:last-child{padding-right:var(--space-4)}.stats-strip__grid .stat:nth-child(even){border-left:1px solid var(--hairline)}.stats-strip__grid .stat:nth-child(n+3){border-top:1px solid var(--hairline)}.reasons__grid{grid-template-columns:1fr}.cta-band--wide{grid-template-columns:1fr}.cta-band--wide .cta-band__lead,.cta-band--wide .cta-band__benefits,.cta-band--wide .btn{grid-column:1;grid-row:auto}.event-rail__track .event-card{width:clamp(15rem,80vw,18rem)}}
.intro__purpose{min-width:0}