:root {
  --ink: #241012;
  --wine: #73102f;
  --pink: #df3f73;
  --blush: #f7b8c7;
  --cream: #fff8ed;
  --gold: #e0b769;
  --line: rgba(36, 16, 18, .18);
  --serif: "Italiana", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 108px; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.announcement { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 6px 20px; background: var(--wine); color: #fff; font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; text-align: center; }
.announcement span { color: var(--gold); }
.site-header { height: 96px; padding: 0 clamp(22px, 5vw, 78px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 30; background: rgba(255,248,237,.92); backdrop-filter: blur(16px); }
.wordmark { display: inline-flex; flex-direction: column; align-items: center; line-height: .9; }
.wordmark span { color: var(--wine); font-family: var(--serif); font-size: 2rem; letter-spacing: .04em; }
.wordmark small { margin-top: 8px; font-size: .58rem; letter-spacing: .34em; font-weight: 600; }
.wordmark:has(img) { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; padding: 4px 7px; background: #080707; min-width: 156px; min-height: 58px; }
.wordmark img { width: clamp(150px, 12vw, 190px); height: auto; max-height: 68px; object-fit: contain; }
.control-header .wordmark:has(img) { background: transparent; }
.brand-editor { max-width: 700px; }
.brand-editor .brand-preview { display: inline-flex; align-items: center; justify-content: center; background: #080707; padding: 16px; margin-bottom: 18px; }
.brand-editor .brand-preview img { width: min(100%, 340px); height: auto; }
.brand-editor input[type="file"] { display: block; margin: 16px 0; max-width: 100%; }
nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 38px); }
nav a { font-size: .79rem; font-weight: 600; letter-spacing: .06em; }
nav a:not(.nav-cta):hover { color: var(--wine); }
.nav-cta { border: 1px solid var(--ink); padding: 12px 18px; transition: .2s ease; background: transparent; color: var(--ink); font: inherit; font-size: .76rem; font-weight: 600; letter-spacing: .06em; cursor: pointer; }
.nav-cta:hover { background: var(--ink); color: white; }
.menu-toggle { display: none; background: transparent; border: 0; padding: 10px; }
.menu-toggle span:not(.sr-only) { display: block; width: 25px; height: 1px; background: var(--ink); margin: 6px 0; }

.hero { min-height: calc(100vh - 130px); position: relative; overflow: hidden; padding: clamp(78px, 10vw, 150px) clamp(24px, 8vw, 128px) 54px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; background: radial-gradient(circle at 76% 34%, rgba(247,184,199,.75), transparent 30%), linear-gradient(135deg, #fff8ed 25%, #f6d4d5 100%); }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(115,16,47,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(115,16,47,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, #000 30%, transparent); }
.hero-copy { position: relative; z-index: 3; max-width: 820px; }
.eyebrow, .section-no { margin: 0 0 22px; color: var(--wine); font-size: .74rem; font-weight: 600; letter-spacing: .21em; text-transform: uppercase; }
h1, h2, h3, p { text-wrap: balance; }
h1 { margin: 0; font-family: var(--serif); font-size: clamp(4rem, 8.5vw, 9.2rem); line-height: .79; font-weight: 400; letter-spacing: -.045em; }
h1 span, h1 em { display: block; }
h1 em { color: var(--wine); font-weight: 400; }
.hero-intro { max-width: 590px; margin: 40px 0 34px; font-size: clamp(1rem, 1.4vw, 1.22rem); }
.hero-actions { display: flex; align-items: center; gap: 32px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 24px; border: 0; font-family: var(--sans); font-size: .77rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button-gold { background: var(--ink); color: var(--cream); border-bottom: 3px solid var(--gold); }
.text-link { font-size: .85rem; font-weight: 600; border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.text-link span { margin-left: 8px; }
.hero-mark { width: min(32vw, 430px); aspect-ratio: 1; justify-self: end; border: 1px solid rgba(115,16,47,.35); border-radius: 50%; display: grid; place-content: center; text-align: center; position: relative; z-index: 2; color: var(--wine); }
.hero-mark::before, .hero-mark::after { content: ""; position: absolute; inset: 8%; border: 1px solid rgba(115,16,47,.18); border-radius: 50%; }
.hero-mark::after { inset: 19%; }
.hero-s { font-family: var(--serif); font-size: clamp(6rem, 13vw, 11rem); line-height: .75; font-style: italic; }
.glass-line { width: 70px; height: 1px; background: var(--gold); margin: 20px auto; }
.hero-mark small { font-size: .59rem; letter-spacing: .2em; }
.hero-orbit { position: absolute; border: 1px solid rgba(115,16,47,.12); border-radius: 50%; }
.orbit-one { width: 680px; height: 680px; right: -240px; top: -220px; }
.orbit-two { width: 280px; height: 280px; right: 28%; bottom: -160px; }
.hero-foot { grid-column: 1/-1; margin-top: 80px; display: flex; justify-content: space-between; align-items: center; gap: 18px; color: var(--wine); font-size: .67rem; font-weight: 600; letter-spacing: .16em; }
.hero-foot i { width: 5px; height: 5px; background: var(--gold); transform: rotate(45deg); }

.manifesto, .archive, .partners, .event-credits, .updates, .ticket-shop { padding: clamp(82px, 10vw, 150px) clamp(24px, 8vw, 128px); }
.manifesto-grid, .archive-head, .partners-grid, .updates { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(50px, 9vw, 150px); align-items: start; }
h2 { margin: 0; font-family: var(--serif); font-size: clamp(3.2rem, 6.3vw, 7rem); line-height: .94; font-weight: 400; letter-spacing: -.035em; }
h2 em { color: var(--wine); font-weight: 400; }
.manifesto-grid > div { padding-top: 14px; max-width: 560px; font-size: clamp(1.05rem, 1.4vw, 1.25rem); }
.producer-credit { margin: 0 0 18px; color: var(--wine); font-size: .72rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.producer-credit a, .footer-production a { color: inherit; text-underline-offset: 4px; }
.producer-mark { margin: 0 0 24px; }
.producer-mark .producer-credit { margin-bottom: 10px; }
.producer-logo-link { display: inline-block; padding: 7px 9px; background: #000; border: 1px solid rgba(92, 16, 46, .2); transition: transform .2s ease, box-shadow .2s ease; }
.producer-logo-link:hover, .producer-logo-link:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(49, 12, 26, .15); }
.producer-logo { display: block; width: min(158px, 44vw); height: auto; }
.manifesto-grid > div p:first-child { margin-top: 0; }
.experience-list { margin-top: clamp(70px, 9vw, 130px); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr); }
.experience-list article { min-height: 280px; padding: 28px 28px 34px; border-right: 1px solid var(--line); }
.experience-list article:first-child { border-left: 1px solid var(--line); }
.experience-list b { color: var(--pink); font-size: .72rem; letter-spacing: .1em; }
.experience-list h3 { margin: 52px 0 18px; font-family: var(--serif); font-size: 2.5rem; font-weight: 400; }
.experience-list p { font-size: .9rem; }

.next-edition { padding: 0 clamp(14px, 3vw, 48px); }
.next-card { min-height: 700px; padding: clamp(60px, 8vw, 120px); display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: center; color: white; background: linear-gradient(132deg, #3b101d 0%, #73102f 52%, #a41348 100%); position: relative; overflow: hidden; isolation: isolate; }
.next-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(36,16,18,.96) 0%, rgba(74,13,33,.91) 44%, rgba(74,13,33,.53) 72%, rgba(36,16,18,.42) 100%); }
.next-card::after { content: "2027"; position: absolute; right: -12px; bottom: -58px; z-index: -1; font-family: var(--serif); font-size: clamp(8rem, 19vw, 18rem); color: rgba(255,255,255,.11); letter-spacing: -.05em; }
.next-art { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.next-card > div { position: relative; z-index: 1; }
.next-card h2 { font-size: clamp(4rem, 7vw, 8rem); }
.next-card .eyebrow { color: var(--gold); }
.next-details { max-width: 500px; position: relative; z-index: 2; }
.next-details > p { font-size: 1.15rem; margin: 0 0 45px; }
.detail-row { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.25); font-size: .84rem; }
.detail-row span { color: #f3c7d2; }
.detail-row strong { text-align: right; }
.button-light { margin-top: 34px; background: var(--cream); color: var(--wine); }

.ticket-shop { background: #fffaf2; }
.ticket-head { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(50px, 9vw, 150px); align-items: start; }
.ticket-intro { max-width: 520px; padding-top: 28px; }
.ticket-intro p { font-size: 1.08rem; }
.coming-chip { display: inline-flex; padding: 8px 12px; border: 1px solid var(--wine); color: var(--wine); font-size: .67rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.ticket-grid { margin-top: 80px; display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); }
.ticket-card { min-height: 430px; padding: 34px; border-right: 1px solid var(--line); display: flex; flex-direction: column; background: var(--cream); }
.ticket-card:nth-child(2n) { border-right: 0; }
.ticket-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
.ticket-card.featured { background: var(--wine); color: white; }
.ticket-card.muted-card { background: #eeddd6; }
.ticket-card.cabana-card { background: #2f1720; color: white; }
.ticket-card.umbrella-card { background: #eeddd6; }
.ticket-label { display: flex; align-items: baseline; gap: 18px; padding-bottom: 24px; border-bottom: 1px solid currentColor; }
.ticket-label span { color: var(--gold); font-size: .72rem; }
.ticket-label b { font-family: var(--serif); font-size: 1.55rem; font-weight: 400; }
.ticket-card > p { max-width: 320px; margin: 34px 0; font-size: .92rem; }
.ticket-price { margin-top: auto; display: flex; flex-direction: column; gap: 4px; }
.ticket-price small { font-size: .64rem; letter-spacing: .14em; opacity: .65; }
.ticket-price strong { font-size: 1rem; }
.ticket-button { margin-top: 24px; padding: 14px 18px; border: 1px solid currentColor; background: transparent; color: inherit; font: 600 .72rem var(--sans); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.featured .ticket-button { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.secure-note { margin: 24px 0 0; font-size: .75rem; color: #624e47; }
.secure-note span { color: var(--gold); margin-right: 10px; }

.archive-head > p { max-width: 460px; margin-top: 54px; font-size: 1.1rem; }
.archive-feature { margin-top: 90px; display: grid; grid-template-columns: .78fr 1.22fr; min-height: 660px; background: #f3d0d4; }
.archive-poster { display: block; overflow: hidden; min-height: 660px; }
.archive-poster img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.archive-copy { padding: clamp(44px, 7vw, 100px); position: relative; }
.year { display: block; color: rgba(115,16,47,.12); font-family: var(--serif); font-size: clamp(6rem, 12vw, 12rem); line-height: .7; }
.archive-copy .eyebrow { margin-top: 60px; }
.archive-copy h3 { margin: 0 0 22px; font-family: var(--serif); font-size: clamp(2.7rem, 5vw, 5.2rem); line-height: .95; font-weight: 400; }
.archive-copy > p:not(.eyebrow):not(.archive-note) { max-width: 550px; font-size: 1.05rem; }
dl { margin: 45px 0; border-top: 1px solid rgba(36,16,18,.25); }
dl div { display: grid; grid-template-columns: 130px 1fr; padding: 15px 0; border-bottom: 1px solid rgba(36,16,18,.25); font-size: .85rem; }
dt { color: var(--wine); }
dd { margin: 0; font-weight: 600; }
.archive-note { font-size: .77rem; letter-spacing: .08em; text-transform: uppercase; }
.gallery-preview { margin-top: 26px; display: grid; grid-template-columns: .8fr 1.15fr 1fr; min-height: 420px; }
.gallery-action { margin-top: 34px; display: flex; justify-content: flex-end; }
.archive-note a { color: inherit; text-underline-offset: 4px; }
.gallery-page { min-height: 100vh; background: var(--cream); color: var(--ink); }
.gallery-page .site-header { position: sticky; top: 0; background: var(--cream); }
.gallery-hero { padding: clamp(72px, 10vw, 140px) clamp(24px, 8vw, 128px) 70px; border-bottom: 1px solid var(--line); }
.gallery-hero h1 { max-width: 900px; margin: 14px 0 20px; font-family: var(--serif); font-size: clamp(3.1rem, 8vw, 8rem); line-height: .9; font-weight: 400; }
.gallery-hero p:last-child { max-width: 620px; font-size: 1.05rem; }
.gallery-years { padding: 70px clamp(24px, 8vw, 128px) 120px; display: grid; gap: 28px; }
.year-card { display: grid; grid-template-columns: minmax(180px, .8fr) 1.4fr auto; align-items: center; gap: 34px; padding: 24px; border: 1px solid var(--line); color: inherit; text-decoration: none; background: #fffaf2; }
.year-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.year-card h2 { margin: 4px 0 10px; font-size: clamp(2rem, 4vw, 4.5rem); }
.year-card .arrow { font-size: 2rem; color: var(--wine); }
.gallery-shell { padding: 64px clamp(24px, 8vw, 128px) 120px; }
.gallery-back { display: inline-block; margin-bottom: 42px; color: var(--wine); font-weight: 600; text-decoration: none; }
.archive-home-link { margin: 0; padding: 32px clamp(24px, 8vw, 128px) 0; }
.breadcrumb-links { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 42px; }
.breadcrumb-links .gallery-back { margin-bottom: 0; }
.control-breadcrumbs { margin-bottom: 34px; }
.gallery-status { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: stretch; }
.gallery-status img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
.gallery-status-copy { padding: clamp(32px, 6vw, 72px); background: var(--wine); color: white; display: flex; flex-direction: column; justify-content: center; }
.gallery-status-copy h2 { margin: 12px 0 24px; font-size: clamp(2.4rem, 5vw, 5rem); }
.gallery-status-copy p { max-width: 520px; }
.gallery-tile { min-height: 420px; position: relative; overflow: hidden; }
.gallery-tile:focus-visible, .archive-poster:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.gallery-title { padding: 44px; background: var(--ink); color: white; display: flex; flex-direction: column; justify-content: flex-end; }
.gallery-title > span, .gallery-photo > span, .gallery-video span { font-size: .65rem; letter-spacing: .14em; color: var(--gold); }
.gallery-title h3 { margin: 18px 0 10px; font: 400 3.4rem/1 var(--serif); }
.gallery-title p { margin: 0; font-size: .85rem; color: #cfbeb8; }
.gallery-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 58%; filter: saturate(.72) contrast(1.05); }
.gallery-photo > span { position: absolute; left: 24px; bottom: 24px; padding: 8px 10px; color: white; background: rgba(36,16,18,.78); }
.gallery-video { padding: 34px; background: #4b1428; color: white; display: flex; flex-direction: column; justify-content: space-between; isolation: isolate; }
.gallery-video::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,7,12,.18), rgba(20,7,12,.12) 35%, rgba(20,7,12,.8)); z-index: -1; }
.gallery-video img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: -2; }
.gallery-video:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.play-mark { width: 72px; height: 72px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; display: grid; place-items: center; font-size: 1rem; padding-left: 4px; }
.gallery-video p { margin: 7px 0 0; font: 400 2rem var(--serif); }
.recap-section { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(240px, 480px); gap: clamp(28px, 5vw, 80px); align-items: start; padding: 80px 0 10px; scroll-margin-top: 32px; }
.recap-section h2 { font-size: clamp(2.6rem, 5vw, 5.5rem); }
.recap-section p:last-child { max-width: 390px; }
.recap-section video { width: 100%; max-height: 80vh; background: #170e12; display: block; }
@media (max-width: 700px) { .recap-section { grid-template-columns: 1fr; padding-top: 55px; } }

.partners { background: var(--ink); color: var(--cream); }
.partners .section-no { color: var(--gold); }
.partners h2 em { color: var(--blush); }
.partners-grid > div { max-width: 520px; padding-top: 28px; }
.partners-grid p { margin: 0 0 42px; font-size: 1.15rem; color: #e7dad3; }
.text-link.light { color: var(--gold); background: none; border: 0; border-bottom: 1px solid currentColor; font-family: var(--sans); cursor: pointer; }
.event-brand-card { margin-top: 62px; padding: 28px 0 6px; border-top: 1px solid rgba(255,255,255,.24); }
.event-brand-card span { color: var(--gold); font-size: .67rem; font-weight: 600; letter-spacing: .14em; }
.event-brand-card img { display: block; width: min(560px, 100%); height: auto; margin: 16px 0 0; }
.creative-partner-card { margin-top: 70px; padding: 30px 0; border-top: 1px solid rgba(255,255,255,.24); border-bottom: 1px solid rgba(255,255,255,.24); display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.creative-partner-card span { color: var(--gold); font-size: .67rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.creative-partner-card h3 { margin: 10px 0 8px; font: 400 clamp(1.8rem, 3vw, 3rem) var(--serif); }
.creative-partner-logo { display: block; width: min(220px, 58vw); height: auto; margin: 18px 0 14px; }
.creative-partner-card p { margin: 0; color: #e7dad3; }
.production-partner-card { background: linear-gradient(90deg, rgba(0,0,0,.22), transparent 62%); }
.secondary-partner-card { margin-top: 0; border-top: 0; }
.production-partner-logo { display: block; width: min(230px, 62vw); height: auto; margin: 18px 0 14px; }
.partner-instagram-link { color: var(--gold); font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.credits-archive-link { margin-top: 28px; padding: 26px 0; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid rgba(255,255,255,.24); }
.credits-archive-link span { color: var(--gold); font-size: .67rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.credits-archive-link p { margin: 8px 0 0; color: #e7dad3; font-size: .95rem; }
.credits-archive-link a { color: var(--gold); font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid currentColor; padding-bottom: 5px; }

.event-credits { background: var(--cream); }
.credits-head { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(50px, 9vw, 150px); align-items: start; }
.credits-head em { color: var(--wine); }
.credits-head > p { max-width: 520px; margin: 28px 0 0; font-size: 1.05rem; }
.credit-years { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 4vw, 58px); margin-top: 72px; }
.credit-year { border-top: 1px solid var(--wine); }
.credit-year-title { display: flex; align-items: flex-end; justify-content: space-between; padding: 22px 0 26px; border-bottom: 1px solid var(--line); }
.credit-year-title span { color: var(--wine); font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.credit-year-title h3 { margin: 0; font: 400 clamp(2.8rem, 5vw, 5.2rem)/.8 var(--serif); color: var(--gold); }
.credit-year ul { margin: 0; padding: 0; list-style: none; }
.credit-year li { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.credit-year li span { color: #7a6760; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.credit-year li strong { text-align: right; font: 400 1.05rem var(--serif); }
.credits-thanks { max-width: 760px; margin: 52px 0 0; color: var(--wine); font: italic 400 clamp(1.5rem, 3vw, 2.5rem)/1.25 var(--serif); }
.credit-cover { min-height: 290px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(150deg, var(--wine), #b32657); color: white; }
.credit-cover small { color: var(--gold); font-size: .68rem; font-weight: 600; letter-spacing: .14em; }
.credit-cover span { font: 400 clamp(4.8rem, 10vw, 8.5rem)/.8 var(--serif); color: var(--blush); }
.credit-archive-card:nth-child(2) .credit-cover { background: linear-gradient(150deg, var(--ink), #5b2934); }
.credit-detail-shell { padding-bottom: 0; }
.credit-detail-shell .event-credits { padding: 56px 0 clamp(82px, 10vw, 140px); }
.credit-detail-year { display: block; color: var(--gold); font: 400 clamp(5rem, 12vw, 9rem)/.8 var(--serif); }
.credits-head > div > p { max-width: 460px; margin: 26px 0 0; }
.credit-year-full { max-width: 900px; margin-top: 64px; }
.credit-year-full li { padding: 19px 0; }
.credit-year-full li strong { font-size: clamp(1.1rem, 2vw, 1.45rem); }

.games-page { background: var(--cream); }
.games-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 46px 0 110px; }
.games-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(42px, 8vw, 120px); align-items: end; padding: clamp(60px, 10vw, 130px) 0 70px; border-bottom: 1px solid var(--line); }
.games-hero h1 { margin: 14px 0 0; font: 400 clamp(4rem, 9vw, 8rem)/.88 var(--serif); }
.games-hero h1 em { display: block; color: var(--wine); }
.games-hero-copy { padding-bottom: 8px; }
.games-hero-copy p { margin: 0 0 25px; font-size: 1.08rem; line-height: 1.7; }
.status-pill { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--gold); color: var(--wine); font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.status-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.public-site .games-hero .status-pill { color: #fff8ed; }

/* Upcoming and sold-out categories keep only their name and status visible. */
.public-site [data-sales-category][data-card-layout="compact"] { min-height:0; padding:24px 28px; display:block; }
.public-site [data-sales-category][data-card-layout="compact"] > :not(h3):not([data-sales-badge]) { display:none; }
.public-site [data-sales-category][data-card-layout="compact"] h3 { margin:0 0 10px; font-size:clamp(1.5rem,4vw,2rem); line-height:1.15; }
.public-site [data-sales-category][data-card-layout="compact"] [data-sales-badge] { margin:0; color:#55202f; font:600 .9rem/1.5 var(--sans); }
.public-site .invitation-packages .package-options [data-sales-category] [data-sales-badge] { color:#fff8ed; }
.activation-empty { margin-top: 42px; padding: clamp(34px, 6vw, 70px); background: var(--ink); color: white; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.activation-empty span { color: var(--gold); font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.activation-empty h2 { margin: 12px 0 14px; font: 400 clamp(2.6rem, 5vw, 5rem)/1 var(--serif); }
.activation-empty p { max-width: 650px; margin: 0; color: #e7dad3; }
.activation-number { color: var(--blush); font: 400 clamp(5rem, 9vw, 8rem)/1 var(--serif); }
.organizer-link { margin-top: 28px; display: flex; justify-content: flex-end; }
.organizer-link a { color: var(--wine); font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }

.control-room { min-height: 100vh; background: #f4eee9; }
.control-header { padding: 22px clamp(22px, 5vw, 72px); display: flex; align-items: center; justify-content: space-between; gap: 30px; background: var(--ink); color: white; }
.control-header .wordmark { color: white; }
.control-header-meta { text-align: right; }
.year-switcher { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.year-switcher label { color: var(--gold); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.year-switcher select { min-height: 42px; padding: 0 34px 0 12px; border: 1px solid rgba(255,255,255,.35); background: var(--ink); color: white; font: 600 .9rem var(--sans); }
.control-header-meta span { display: block; color: var(--gold); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.control-header-meta strong { font: 400 1.25rem var(--serif); }
.control-shell { width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 90px; }
.control-title { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding-bottom: 28px; border-bottom: 1px solid #d7c9c1; }
.control-title h1 { margin: 8px 0 0; font: 400 clamp(3rem, 6vw, 5.8rem)/.92 var(--serif); }
.control-button { min-height: 48px; padding: 0 20px; border: 0; background: var(--wine); color: white; font: 600 .72rem var(--sans); letter-spacing: .1em; text-transform: uppercase; opacity: .55; }
.control-note { margin: 22px 0 0; color: #6f5d57; }
.control-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 34px 0; }
.control-metric { min-height: 142px; padding: 22px; background: white; border: 1px solid #dfd2ca; display: flex; flex-direction: column; justify-content: space-between; }
.control-metric span { color: #786761; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.control-metric strong { font: 400 3rem var(--serif); color: var(--wine); }
.control-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 18px; }
.control-panel { padding: 28px; background: white; border: 1px solid #dfd2ca; }
.control-panel-head { display: flex; justify-content: space-between; gap: 22px; align-items: start; margin-bottom: 26px; }
.control-panel h2 { margin: 0; font: 400 2rem var(--serif); }
.control-panel small { color: #786761; }
.draft-row { padding: 20px 0; display: grid; grid-template-columns: 1fr auto; gap: 22px; border-top: 1px solid #eadfd9; }
.draft-row h3 { margin: 0 0 7px; font: 400 1.3rem var(--serif); }
.draft-row p { margin: 0; color: #786761; font-size: .86rem; }
.draft-badge { align-self: start; padding: 7px 10px; background: #f5e8c9; color: #785711; font-size: .65rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.workflow-list { margin: 0; padding: 0; list-style: none; counter-reset: workflow; }
.workflow-list li { counter-increment: workflow; padding: 16px 0 16px 42px; position: relative; border-top: 1px solid #eadfd9; }
.workflow-list li::before { content: counter(workflow, decimal-leading-zero); position: absolute; left: 0; color: var(--gold); font-size: .68rem; font-weight: 600; }

.sponsor-showcase { margin-top: 58px; padding-top: 34px; border-top: 1px solid rgba(255,255,255,.24); }
.sponsor-showcase-head { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 28px; }
.sponsor-showcase-head span { color: var(--gold); font-size: .67rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.sponsor-showcase-head h3 { margin: 7px 0 0; font: 400 clamp(2rem,4vw,3.6rem) var(--serif); }
.sponsor-showcase-head p { max-width: 420px; margin: 0; color: #e7dad3; }
.sponsor-public-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.18); }
.sponsor-public-card { min-height: 170px; padding: 24px; background: #fffaf2; color: var(--ink); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; transition: transform .2s ease, background .2s ease; }
.sponsor-public-card:hover { transform: translateY(-3px); background: white; }
.sponsor-public-card img { width: 100%; height: 78px; object-fit: contain; }
.sponsor-public-card strong { font: 400 1.7rem var(--serif); }
.sponsor-public-card span { color: var(--wine); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; }
.sponsor-empty { grid-column: 1/-1; margin: 0; padding: 34px; background: rgba(255,255,255,.05); color: #e7dad3; }
.control-button.active { display: inline-grid; place-items: center; text-decoration: none; opacity: 1; cursor: pointer; }
.control-tabs { margin: 24px 0 0; display: flex; gap: 10px; }
.control-tabs { overflow-x: auto; justify-content: flex-start; }
.control-tabs button { flex: 0 0 auto; padding: 11px 15px; border: 1px solid #d7c9c1; background: white; color: #6f5d57; font: 600 .72rem var(--sans); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.control-tabs button.active { background: var(--ink); color: white; border-color: var(--ink); }
.control-view { display: none; margin-bottom: 18px; }
.control-view.active { display: block; }
.sponsor-manager { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin: 0 0 18px; align-items: start; }
.small-control-button, .text-button { border: 0; background: var(--wine); color: white; padding: 10px 13px; font: 600 .68rem var(--sans); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.text-button { background: transparent; color: var(--wine); }
.manager-empty { color: #786761; }
.sponsor-manager-row { display: grid; grid-template-columns: 62px 1fr auto auto; gap: 16px; align-items: center; padding: 17px 0; border-top: 1px solid #eadfd9; }
.manager-logo { width: 62px; height: 52px; display: grid; place-items: center; background: #f4eee9; color: var(--wine); font: 400 1.6rem var(--serif); }
.manager-logo img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.sponsor-manager-row h3 { margin: 0 0 3px; font: 400 1.25rem var(--serif); }
.sponsor-manager-row p, .sponsor-manager-row small { margin: 0; color: #786761; font-size: .76rem; }
.manager-state { padding: 6px 9px; background: #eee3dc; color: #786761; font-size: .62rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.manager-state.live { background: #dcebdc; color: #285d31; }
.manager-actions { display: flex; flex-direction: column; gap: 5px; }
.manager-actions button { border: 0; background: none; color: var(--wine); font: 600 .68rem var(--sans); cursor: pointer; }
.sponsor-editor-panel form { display: grid; gap: 15px; }
.sponsor-editor-panel label > span, .sponsor-editor-panel legend { display: block; margin-bottom: 6px; color: #6f5d57; font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.sponsor-editor-panel input:not([type=checkbox]), .sponsor-editor-panel select, .sponsor-editor-panel textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #d7c9c1; background: #fffdfa; color: var(--ink); font: 400 .9rem var(--sans); }
.sponsor-editor-panel textarea { resize: vertical; }
.sponsor-editor-panel fieldset { margin: 0; padding: 14px; border: 1px solid #d7c9c1; }
.sponsor-editor-panel .check-row { display: flex; align-items: center; gap: 9px; margin: 8px 0; font-size: .85rem; }
.sponsor-editor-panel .status-check { padding: 12px; background: #f4eee9; }
.sponsor-editor-panel label small { display: block; margin-top: 5px; color: #786761; }
.sponsor-form-actions { display: flex; align-items: center; gap: 8px; }
.operation-list { display: grid; }
.operation-card, .entry-row, .operation-row, .audit-row { padding: 18px 0; border-top: 1px solid #eadfd9; }
.operation-card { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; }
.operation-card h3, .entry-row h3 { margin: 6px 0 4px; font: 400 1.25rem var(--serif); }
.operation-card p, .entry-row p { margin: 0; }
.operation-card small, .entry-row small, .audit-row small { color: #786761; }
.operation-card button, .entry-actions button { padding: 8px 10px; border: 1px solid #d7c9c1; background: white; color: var(--wine); font: 600 .68rem var(--sans); cursor: pointer; }
.operation-row { display: flex; justify-content: space-between; gap: 18px; }
.operation-row span { color: #786761; text-align: right; }
.large-stat { min-height: 120px; display: flex; flex-direction: column; justify-content: center; }
.large-stat strong { font: 400 3rem var(--serif); color: var(--wine); }
.large-stat span { color: #786761; }
.entry-row { display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: center; }
.entry-actions { display: flex; flex-direction: column; gap: 5px; }
.standalone-label { display: grid; gap: 8px; margin-bottom: 18px; }
.standalone-label select, .control-panel-head select { min-height: 44px; padding: 9px 12px; border: 1px solid #d7c9c1; background: white; }
.ticket-summary { display: grid; gap: 12px; }
.ticket-summary strong { font: 400 3rem var(--serif); color: var(--wine); }
.ticket-summary span { padding-top: 10px; border-top: 1px solid #eadfd9; }
.audit-row { display: grid; grid-template-columns: .7fr 1.4fr auto; gap: 20px; align-items: start; }
.audit-row strong, .audit-row span { display: block; text-transform: capitalize; }
.audit-row span { color: #786761; font-size: .75rem; }
.audit-row p { margin: 0; }
.pipeline-summary { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 18px; border: 1px solid #eadfd9; }
.pipeline-summary div { padding: 16px; border-right: 1px solid #eadfd9; }
.pipeline-summary div:last-child { border-right: 0; }
.pipeline-summary span, .pipeline-summary strong { display: block; }
.pipeline-summary span { color: #786761; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.pipeline-summary strong { margin-top: 5px; color: var(--wine); font: 400 1.5rem var(--serif); }
.pipeline-card { padding: 20px 0 20px 14px; border-top: 1px solid #eadfd9; border-left: 4px solid #d7c9c1; display: grid; grid-template-columns: 1fr auto; gap: 18px; }
.pipeline-card.priority-high { border-left-color: var(--pink); }
.pipeline-card.priority-medium { border-left-color: var(--gold); }
.pipeline-card h3 { margin: 7px 0 3px; font: 400 1.4rem var(--serif); }
.pipeline-card p { margin: 0; }
.pipeline-card small { display: block; margin-top: 5px; color: #786761; }
.pipeline-card em { display: block; margin-top: 8px; color: var(--wine); font: italic 400 1rem var(--serif); }
.pipeline-actions { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.pipeline-actions button { padding: 8px 10px; border: 1px solid #d7c9c1; background: white; color: var(--wine); font: 600 .68rem var(--sans); cursor: pointer; }
.pipeline-actions span { color: #285d31; font-size: .7rem; text-align: center; }
.public-activation-list { display: grid; gap: 30px; margin-top: 42px; }
.public-activation-card { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(34px,7vw,90px); padding: clamp(32px,6vw,70px); background: #fffaf2; border: 1px solid var(--line); }
.public-activation-card > div > span { color: var(--wine); font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.public-activation-card h2 { margin: 12px 0 18px; font-size: clamp(2.5rem,5vw,5rem); }
.public-activation-card strong { color: var(--wine); font-size: 1.1rem; }
.public-entry-form { display: grid; gap: 15px; }
.public-entry-form label > span { display: block; margin-bottom: 6px; color: #6f5d57; font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.public-entry-form input:not([type=checkbox]) { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #d7c9c1; background: white; font: 400 .95rem var(--sans); }
.public-entry-form .check-row { display: flex; gap: 9px; align-items: start; font-size: .85rem; }
.entry-form-status { color: var(--wine); }
.entry-confirmation { padding: 24px; background: var(--wine); color: white; }
.entry-confirmation span { color: var(--gold); font-size: .68rem; letter-spacing: .12em; }
.public-site .entry-confirmation > span { color:#fff8ed; font-weight:600; }
.games-page [hidden] { display:none !important; }
.activation-load-status { padding:24px; color:#391a23; background:#fff8ed; border:1px solid #c6b08e; }
.activation-load-status button { margin-top:12px; }
.public-site :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.entry-confirmation h3 { margin: 10px 0; font: 400 2.2rem var(--serif); }
.public-activation-card details { grid-column: 1/-1; border-top: 1px solid var(--line); padding-top: 18px; }
.public-activation-card summary { color: var(--wine); font-weight: 600; cursor: pointer; }

@media (max-width: 980px) {
  .sponsor-public-grid { grid-template-columns: repeat(2,1fr); }
  .sponsor-manager { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .games-shell { width: min(100% - 30px, 1180px); }
  .games-hero, .activation-empty, .control-grid { grid-template-columns: 1fr; }
  .activation-number { display: none; }
  .control-title { align-items: start; flex-direction: column; }
  .control-metrics { grid-template-columns: 1fr 1fr; }
  .sponsor-showcase-head { align-items: start; flex-direction: column; }
  .sponsor-public-grid { grid-template-columns: 1fr; }
  .sponsor-manager-row { grid-template-columns: 52px 1fr auto; }
  .manager-actions { grid-column: 2/-1; flex-direction: row; }
  .entry-row, .audit-row, .public-activation-card { grid-template-columns: 1fr; }
  .control-header { flex-wrap: wrap; }
  .year-switcher { order: 3; width: 100%; justify-content: space-between; }
  .pipeline-summary, .pipeline-card { grid-template-columns: 1fr; }
  .pipeline-summary div { border-right: 0; border-bottom: 1px solid #eadfd9; }
  .pipeline-actions { flex-direction: row; flex-wrap: wrap; }
  .entry-actions { flex-direction: row; grid-column: 1/-1; flex-wrap: wrap; }
  .control-header-meta strong { font-size: 1rem; }
}

.updates { background: var(--gold); }
.updates .eyebrow { color: var(--wine); }
.update-copy { max-width: 480px; padding-top: 28px; }
.update-copy > p { margin-top: 0; font-size: 1.15rem; }
.button-dark { margin: 20px 0; background: var(--ink); color: white; }
.update-copy small { display: block; font-size: .75rem; }
footer { min-height: 170px; padding: 40px clamp(24px, 8vw, 128px); display: flex; align-items: center; justify-content: space-between; gap: 28px; background: var(--cream); }
footer p { font-size: .75rem; letter-spacing: .05em; }
.contact-phone { display: inline-block; margin-top: 6px; color: var(--wine); font-weight: 600; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; }
.contact-role { display: inline-block; margin-top: 8px; color: #685b56; font-weight: 600; }
.contact-email { display: inline-block; margin-top: 6px; color: var(--wine); font-weight: 600; overflow-wrap: anywhere; }
a.contact-email { text-decoration: underline; text-underline-offset: 3px; }
.contact-email-pending { color: #685b56; }
.contact-email-note { display: block; margin-top: 3px; font-size: .75rem; letter-spacing: 0; color: #685b56; }
.partner-email-contact { font-size: .9rem; }
.footer-production { color: var(--gold); letter-spacing: .1em; text-transform: uppercase; }
.footer-socials { display: flex; align-items: center; gap: 14px; }
.footer-socials a { color: var(--wine); font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid currentColor; padding-bottom: 5px; }

.floating-optin { position: fixed; z-index: 40; right: 22px; bottom: 22px; min-width: 210px; padding: 13px 18px; border: 0; border-left: 4px solid var(--gold); background: var(--wine); color: white; box-shadow: 0 16px 45px rgba(36,16,18,.28); display: flex; flex-direction: column; align-items: flex-start; cursor: pointer; }
.floating-optin span { font-size: .58rem; letter-spacing: .16em; color: var(--gold); }
.floating-optin strong { margin-top: 2px; font: 400 1.1rem var(--serif); }
.signup-dialog { width: min(680px, calc(100% - 28px)); max-height: calc(100vh - 30px); overflow: auto; padding: clamp(36px, 6vw, 68px); border: 0; background: var(--cream); color: var(--ink); box-shadow: 0 30px 100px rgba(36,16,18,.42); }
.signup-dialog::backdrop { background: rgba(31,10,14,.78); backdrop-filter: blur(4px); }
.signup-dialog h2 { font-size: clamp(3rem, 7vw, 5.4rem); }
.signup-dialog > p:not(.eyebrow) { max-width: 470px; }
.dialog-mark { float: right; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--wine); font: italic 3.2rem var(--serif); }
.dialog-close { position: absolute; top: 16px; right: 18px; border: 0; background: transparent; color: var(--ink); font-size: 2rem; cursor: pointer; }
.dialog-mark + .eyebrow { margin-top: 12px; }
.signup-dialog form { margin-top: 32px; }
.brevo-frame { width: 100%; height: min(720px, 72vh); margin-top: 24px; border: 0; background: white; }
.brevo-fallback { margin: 12px 0 0; font-size: .78rem; text-align: center; }
.brevo-fallback a { color: var(--wine); border-bottom: 1px solid currentColor; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.signup-dialog label:not(.consent) { display: block; margin-bottom: 17px; }
.signup-dialog label > span:first-child { display: block; margin-bottom: 7px; font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.signup-dialog input:not([type="checkbox"]), .signup-dialog select { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid rgba(36,16,18,.3); background: white; color: var(--ink); font: 1rem var(--sans); }
.consent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; margin: 18px 0 24px; align-items: start; }
.consent input { margin-top: 4px; }
.consent span { font-size: .76rem; line-height: 1.45; }
.form-status { min-height: 24px; margin-bottom: 0; color: var(--wine); font-size: .84rem; font-weight: 600; }

@media (max-width: 900px) {
  .menu-toggle { display: block; z-index: 2; }
  nav { display: none; position: absolute; top: 96px; left: 0; right: 0; padding: 28px 24px 36px; background: var(--cream); border-bottom: 1px solid var(--line); flex-direction: column; align-items: stretch; }
  nav.open { display: flex; }
  nav a { font-size: 1rem; padding: 7px 0; }
  .nav-cta { text-align: center; margin-top: 10px; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 88px; }
  .hero-copy { max-width: 700px; }
  .hero-mark { width: 260px; margin: 90px auto 0; justify-self: center; }
  .hero-foot { margin-top: 80px; flex-wrap: wrap; justify-content: center; }
  .manifesto-grid, .archive-head, .partners-grid, .credits-head, .updates, .next-card, .ticket-head { grid-template-columns: 1fr; gap: 46px; }
  .experience-list { grid-template-columns: repeat(2, 1fr); }
  .experience-list article:nth-child(3) { border-left: 1px solid var(--line); }
  .archive-feature { grid-template-columns: .8fr 1.2fr; }
  .ticket-grid { grid-template-columns: 1fr; }
  .ticket-card { min-height: 340px; border-right: 0; border-bottom: 1px solid var(--line); }
  .ticket-card:last-child { border-bottom: 0; }
  .gallery-preview { grid-template-columns: 1fr 1fr; }
  .year-card { grid-template-columns: 1fr; }
  .year-card .arrow { display: none; }
  .gallery-status { grid-template-columns: 1fr; }
  .gallery-status img { min-height: 360px; }
  .gallery-title { grid-column: 1/-1; min-height: 300px; }
}

@media (max-width: 620px) {
  .announcement { font-size: .62rem; gap: 7px; }
  .site-header { height: 82px; }
  nav { top: 82px; }
  .wordmark span { font-size: 1.65rem; }
  .wordmark:has(img) { min-width: 122px; min-height: 48px; padding: 3px 5px; }
  .wordmark img { width: 136px; max-height: 54px; }
  h1 { font-size: clamp(3.45rem, 17vw, 5.4rem); }
  .hero { padding: 72px 22px 42px; }
  .hero-intro { margin-top: 30px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 24px; }
  .hero-mark { width: 220px; }
  .hero-foot { justify-content: flex-start; }
  .manifesto, .archive, .partners, .event-credits, .updates, .ticket-shop { padding: 76px 22px; }
  .experience-list { grid-template-columns: 1fr; }
  .experience-list article, .experience-list article:nth-child(3) { min-height: 220px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .experience-list h3 { margin-top: 26px; }
  .next-card { min-height: auto; padding: 68px 26px; }
  .next-card::before { background: linear-gradient(180deg, rgba(36,16,18,.9) 0%, rgba(74,13,33,.86) 58%, rgba(36,16,18,.7) 100%); }
  .next-art { object-position: center; }
  .next-card h2 { font-size: 3.7rem; }
  .detail-row { flex-direction: column; gap: 4px; }
  .detail-row strong { text-align: left; }
  .archive-feature { grid-template-columns: 1fr; }
  .archive-poster { min-height: 480px; max-height: 650px; }
  .year { font-size: 7rem; }
  .archive-copy .eyebrow { margin-top: 38px; }
  .gallery-preview { grid-template-columns: 1fr; }
  .gallery-title { grid-column: auto; }
  .gallery-tile { min-height: 360px; }
  .creative-partner-card { align-items: flex-start; flex-direction: column; }
  .credits-archive-link { align-items: flex-start; flex-direction: column; }
  .credit-years { grid-template-columns: 1fr; margin-top: 52px; }
  .credit-year + .credit-year { margin-top: 24px; }
  .floating-optin { left: 14px; right: 14px; bottom: 12px; min-width: 0; align-items: center; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  footer { flex-direction: column; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}
/* Control Room media and event archive */
.media-manager { grid-template-columns: minmax(280px,.82fr) minmax(320px,1.18fr); align-items: start; }
.media-manager form { display:grid; gap:16px; margin: 22px 0 42px; }
.media-manager form label, .media-fields label { display:grid; gap:7px; font-size:.82rem; }
.media-manager input[type="file"], .media-manager input:not([type="checkbox"]) { max-width:100%; padding:10px; border:1px solid rgba(36,16,18,.22); background:#fffaf4; color:#241012; }
.media-manager .check-row { display:flex; align-items:center; gap:9px; }
.media-manager-list { display:grid; gap:18px; }
.media-manager-item { display:grid; grid-template-columns:120px minmax(0,1fr); gap:18px; padding:16px 0; border-top:1px solid rgba(36,16,18,.18); }
.media-thumb { width:120px; height:140px; display:grid; place-items:center; background:#321620; color:#f3d392; text-align:center; }
.media-thumb img { width:100%; height:100%; object-fit:contain; }
.media-fields { display:grid; gap:9px; min-width:0; }
.media-fields strong { font-size:.7rem; letter-spacing:.18em; color:#8f603e; }
.media-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.media-actions input[type="number"] { width:75px; }
.media-actions button { border:1px solid #78344b; background:transparent; color:#78344b; padding:9px 13px; cursor:pointer; }
.media-fields small { color:#78344b; }
.gallery-preview.has-featured { grid-template-columns:repeat(5,minmax(0,1fr)); }
.gallery-preview.featured-count-1 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gallery-preview.featured-count-2 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.gallery-preview.has-featured .gallery-title { grid-column:span 1; }
.gallery-preview.has-featured .gallery-tile { min-height:360px; }
.event-media-section { padding:80px 0 30px; }
.event-media-section h2 { font-size:clamp(2.6rem,5vw,5.5rem); margin:10px 0 32px; }
.event-media-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.event-media-grid figure { margin:0; background:#fffaf2; }
.event-media-grid img, .event-media-grid video { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; background:#241012; }
.event-media-grid figcaption { padding:14px 4px; font-size:.87rem; }
@media(max-width:1000px) { .gallery-preview.has-featured { grid-template-columns:repeat(2,minmax(0,1fr)); } .gallery-preview.has-featured .gallery-title { grid-column:span 2; } }
@media(max-width:700px) { .media-manager { grid-template-columns:1fr; } .event-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .gallery-preview.has-featured { grid-template-columns:1fr; } .gallery-preview.has-featured .gallery-title { grid-column:auto; } }
@media(max-width:450px) { .event-media-grid { grid-template-columns:1fr; } .media-manager-item { grid-template-columns:80px minmax(0,1fr); } .media-thumb { width:80px;height:110px; } }

/* Cabana holds and private reservation */
.hold-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-bottom:24px; background:#dfd3ca; border:1px solid #dfd3ca; }
.hold-summary > div { padding:20px; background:#fffaf4; }
.hold-summary span,.hold-summary strong,.hold-summary small { display:block; }
.hold-summary span { color:#786761; font-size:.66rem; letter-spacing:.09em; text-transform:uppercase; }
.hold-summary strong { margin:7px 0; color:var(--wine); font:400 2.25rem var(--serif); }
.hold-summary small { color:#786761; }
.hold-control-grid { grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr); align-items:start; }
.hold-control-grid hr { margin:34px 0; border:0; border-top:1px solid #eadfd9; }
.hold-card { padding:22px 0; border-top:1px solid #eadfd9; }
.hold-card:first-child { border-top:0; }
.hold-card-head { display:grid; grid-template-columns:1fr auto; gap:18px; }
.hold-card h3 { margin:7px 0 2px; font:400 1.45rem var(--serif); }
.hold-card p { margin:0; }
.hold-card-head > strong { color:var(--wine); font-size:.78rem; }
.hold-details { display:grid; gap:4px; margin:13px 0; color:#786761; font-size:.78rem; }
.hold-actions { display:flex; gap:7px; flex-wrap:wrap; }
.hold-actions button { padding:8px 10px; border:1px solid #d7c9c1; background:white; color:var(--wine); cursor:pointer; font:600 .68rem var(--sans); }
.hold-card.status-expired,.hold-card.status-released { opacity:.66; }
.reservation-page { min-height:100vh; background:#111; }
.reservation-header { min-height:92px; padding:16px clamp(22px,6vw,80px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.15); color:#fff; text-transform:uppercase; letter-spacing:.13em; font-size:.68rem; }
.reservation-header img { width:150px; max-height:58px; object-fit:contain; }
.reservation-shell { width:min(1180px,calc(100% - 36px)); margin:auto; padding:clamp(54px,8vw,110px) 0; display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr); gap:clamp(46px,8vw,110px); align-items:start; }
.reservation-intro { color:#fff; position:sticky; top:40px; }
.reservation-intro .eyebrow { color:#c69b63; }
.reservation-intro h1 { margin:20px 0 30px; font-size:clamp(4rem,7vw,7.6rem); line-height:.84; letter-spacing:-.05em; }
.reservation-intro h1 em { color:#c69b63; }
.reservation-intro > p:not(.eyebrow) { max-width:520px; color:#d8d2ca; font-size:1.04rem; }
.reservation-countdown { margin-top:42px; padding:20px 0; border-top:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); }
.reservation-countdown strong,.reservation-countdown span { display:block; }
.reservation-countdown strong { color:#c69b63; font:400 2rem var(--serif); }
.reservation-countdown span { margin-top:3px; color:#d8d2ca; font-size:.75rem; }
.reservation-card { padding:clamp(28px,5vw,58px); background:#f7f6f2; }
.reservation-message { margin-bottom:18px; color:var(--wine); font-weight:600; }
.reservation-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:34px; background:#d8d2ca; border:1px solid #d8d2ca; }
.reservation-summary div { padding:14px; background:#fff; }
.reservation-summary span,.reservation-summary strong { display:block; }
.reservation-summary span,.reservation-card label > span,.reservation-card legend { color:#766a62; font-size:.65rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.reservation-summary strong { margin-top:5px; font:400 1rem var(--serif); }
.reservation-card form { display:grid; gap:17px; }
.reservation-card label { display:grid; gap:7px; }
.reservation-card input:not([type=checkbox]),.reservation-card select { width:100%; min-height:48px; padding:10px 12px; border:1px solid #cfc5bd; background:#fff; font:400 .95rem var(--sans); }
.reservation-card fieldset { margin:8px 0 0; padding:22px; border:1px solid #cfc5bd; }
.reservation-card fieldset p { margin:8px 0 18px; color:#766a62; font-size:.82rem; }
#bottle-selects { display:grid; gap:12px; }
.reservation-card .consent { display:grid; grid-template-columns:20px 1fr; }
.reservation-card .button { display:inline-flex; justify-content:center; align-items:center; min-height:50px; border:0; cursor:pointer; }
.reservation-card .button:disabled { opacity:.45; cursor:not-allowed; }
#reservation-payment { margin-top:30px; padding:26px; border:1px solid #9c774f; }
#reservation-payment h2 { margin:0 0 10px; font-size:2rem; }
#reservation-payment .button { margin-top:12px; }
@media(max-width:900px){.hold-summary{grid-template-columns:repeat(2,1fr)}.hold-control-grid,.reservation-shell{grid-template-columns:1fr}.reservation-intro{position:static}.reservation-summary{grid-template-columns:1fr}}
@media(max-width:560px){.hold-summary{grid-template-columns:1fr}.hold-card-head{grid-template-columns:1fr}.reservation-shell{width:min(100% - 24px,1180px);padding-top:36px}.reservation-card{padding:26px 20px}.reservation-intro h1{font-size:3.8rem}}

/* Public site — quiet editorial direction carried over from the Squarespace build. */
.public-site {
  --ink: #111111;
  --wine: #8d153a;
  --pink: #8d153a;
  --blush: #ece8e2;
  --cream: #f7f6f2;
  --gold: #9c774f;
  --line: rgba(17,17,17,.16);
  background: var(--cream);
  color: var(--ink);
}

.public-site .announcement {
  min-height: 30px;
  background: #111;
  color: #fff;
  font-size: .67rem;
  letter-spacing: .16em;
}
.public-site .announcement span { color: #fff; }
.public-site .site-header {
  height: 104px;
  background: rgba(247,246,242,.96);
  border-bottom: 1px solid rgba(17,17,17,.12);
  backdrop-filter: blur(12px);
}
.public-site .wordmark:has(img) {
  min-width: 148px;
  min-height: 58px;
  background: #111;
  border-radius: 0;
}
.public-site nav { gap: clamp(14px,1.7vw,28px); }
.public-site nav a { font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }
.public-site .nav-cta,
.public-site .button,
.public-site .ticket-button {
  border: 1px solid #111;
  border-radius: 0;
  background: #111;
  color: #fff;
  font-family: var(--sans);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.public-site .nav-cta:hover,
.public-site .button:hover,
.public-site .ticket-button:hover { background: #343434; color: #fff; }

.public-site .hero {
  min-height: min(760px, calc(100vh - 134px));
  grid-template-columns: minmax(0,1fr) minmax(280px,.72fr);
  align-items: center;
  gap: clamp(60px,8vw,140px);
  padding: clamp(90px,10vw,160px) clamp(28px,8vw,130px) clamp(72px,8vw,120px);
  overflow: hidden;
  background: var(--cream);
}
.public-site .hero::after {
  content: "";
  align-self: stretch;
  min-height: 480px;
  background: url("/assets/soiree-2027-preview.png") center/cover no-repeat;
  filter: saturate(.84) contrast(.96);
}
.public-site .hero-copy { max-width: 860px; }
.public-site .hero h1 {
  margin: 20px 0 0;
  font-size: clamp(4.4rem,9.8vw,10.8rem);
  line-height: .82;
  letter-spacing: -.055em;
}
.public-site .hero h1 span,
.public-site .hero h1 em { display: block; font-weight: 400; }
.public-site .hero h1 em { margin-left: clamp(18px,4vw,68px); color: #111; }
.public-site .hero-intro {
  max-width: 590px;
  margin: 44px 0 0;
  font-size: clamp(1rem,1.4vw,1.25rem);
  line-height: 1.72;
}
.public-site .hero-actions { margin-top: 36px; }
.public-site .button { min-height: 52px; padding: 16px 26px; }
.public-site .button-gold,
.public-site .button-light { background: #111; color: #fff; border-color: #111; }
.public-site .text-link { color: #111; }
.public-site .hero-orbit,
.public-site .hero-mark { display: none; }
.public-site .hero-foot {
  grid-column: 1/-1;
  margin: 10px 0 0;
  padding-top: 26px;
  border-top: 1px solid rgba(17,17,17,.18);
  color: #111;
}
.public-site .hero-foot i { background: #111; opacity: .45; }

.public-site .manifesto,
.public-site .archive,
.public-site .ticket-shop,
.public-site .partners,
.public-site .event-credits,
.public-site .updates {
  padding: clamp(90px,11vw,170px) clamp(28px,8vw,130px);
}
.public-site .manifesto { background: #fff; }
.public-site .section-no,
.public-site .eyebrow { color: #444; letter-spacing: .15em; }
.public-site .manifesto-grid,
.public-site .archive-head,
.public-site .ticket-head,
.public-site .partners-grid,
.public-site .updates { gap: clamp(50px,9vw,150px); }
.public-site h2,
.public-site .manifesto-grid h2,
.public-site .archive-head h2,
.public-site .ticket-head h2,
.public-site .partners-grid h2 {
  color: #111;
  font-size: clamp(3.5rem,7.2vw,8.4rem);
  line-height: .9;
  letter-spacing: -.045em;
}
.public-site h2 em { color: #111; }
.public-site .producer-credit { color: #111; }
.public-site .producer-logo-link { background: #111; padding: 10px; }
.public-site .experience-list { gap: 1px; background: rgba(17,17,17,.16); }
.public-site .experience-list article {
  min-height: 320px;
  padding: 34px;
  background: var(--cream);
  border: 0;
}
.public-site .experience-list article b { color: #555; }
.public-site .experience-list h3 { font-size: clamp(2.5rem,4vw,4.5rem); }

.public-site .next-edition { padding: 0; background: #111; }
.public-site .next-card {
  min-height: 760px;
  padding: clamp(70px,10vw,150px) clamp(28px,8vw,130px);
  background: #111;
}
/* Keep the artwork inside its own layers and the section edge solid. */
.public-site .next-card .next-art { z-index: 0; }
.public-site .next-card > div { z-index: 3; }
.public-site .next-card::before {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,#111 0,#111 48px,rgba(17,17,17,0) 120px),
    linear-gradient(90deg,rgba(10,10,10,.92),rgba(10,10,10,.64) 48%,rgba(10,10,10,.18));
}
.public-site .next-card h2 { font-size: clamp(4rem,8vw,9rem); }
.public-site .detail-row { border-color: rgba(255,255,255,.38); }

.public-site .ticket-shop { background: #f7f6f2; }
.public-site .ticket-head { align-items: start; }
.public-site .ticket-head > div:first-child { position: sticky; top: 30px; }
.public-site .ticket-intro { max-width: 620px; padding-top: 12px; }
.public-site .ticket-intro > p { margin: 24px 0 0; font-size: 1.1rem; line-height: 1.75; }
.public-site .ticket-availability {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 9px 14px;
  background: #8d153a;
  color: #fff;
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.public-site .ticket-availability[data-status="available"] { background: #1f6a3a; }
.public-site .ticket-availability[data-status="coming-soon"] { background: #7b5b2d; }
.public-site .ticket-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.public-site .ticket-actions .button { margin: 0; display: inline-flex; align-items: center; justify-content: center; }
.public-site .ticket-buy-button[aria-disabled="true"] { opacity: .42; pointer-events: none; }
.public-site .ticket-grid {
  margin-top: 80px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  background: rgba(17,17,17,.17);
}
.public-site .ticket-card,
.public-site .ticket-card.featured {
  min-height: 380px;
  padding: clamp(28px,4vw,54px);
  background: #fff;
  color: #111;
  border: 0;
}
.public-site .ticket-label span,
.public-site .ticket-card.featured .ticket-label span { color: #777; }
.public-site .ticket-label b { font-size: 1.45rem; }
.public-site .ticket-price { border-color: rgba(17,17,17,.18); }
.public-site .ticket-price small { color: #666; }
.public-site .ticket-price strong { color: #111; }
.public-site .secure-note { color: #555; }
.public-site .secure-note span { color: #111; }

.public-site .archive { background: #fff; }
.public-site .archive-feature { gap: 0; background: #111; color: #fff; }
.public-site .archive-poster { min-height: 720px; }
.public-site .archive-copy { padding: clamp(42px,7vw,100px); }
.public-site .archive-copy h3 { color: #fff; }
.public-site .archive-copy .eyebrow,
.public-site .archive-copy a { color: #fff; }
.public-site .archive-copy dl { border-color: rgba(255,255,255,.25); }
.public-site .archive-copy dl div { border-color: rgba(255,255,255,.2); }
.public-site .gallery-preview { gap: 1px; background: rgba(17,17,17,.15); }
.public-site .gallery-title { background: var(--cream); color: #111; }
.public-site .gallery-title span { color: #555; }
.public-site .gallery-action { text-align: left; }

.public-site .partners { background: #111; color: #fff; }
.public-site .partners h2,
.public-site .partners h2 em { color: #fff; }
.public-site .partners .section-no { color: #aaa; }
.public-site .partners .text-link { color: #fff; }
.public-site .event-brand-card,
.public-site .creative-partner-card,
.public-site .credits-archive-link { border-color: rgba(255,255,255,.2); }
.public-site .creative-partner-card { background: #f7f6f2; color: #111; }
.public-site .sponsor-showcase-head span { color: #c7aa87; }

.public-site .updates { background: #e8e4dd; color: #111; }
.public-site .updates h2 { color: #111; }
.public-site footer { background: #f7f6f2; border-top: 1px solid rgba(17,17,17,.14); }
.public-site .footer-production { color: #111; }
.public-site .footer-socials a,
.public-site .contact-email,
.public-site .contact-phone { color: #111; }
.public-site .floating-optin {
  border: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #111;
  box-shadow: 0 16px 45px rgba(0,0,0,.18);
}
.public-site .floating-optin span { color: #ddd; }

/* Archives and public tools */
.public-site.gallery-page { background: #f7f6f2; }
.public-site .gallery-shell,
.public-site .games-shell { width: min(100% - 56px,1320px); }
.public-site .gallery-hero { padding: clamp(80px,10vw,150px) 0; }
.public-site .gallery-hero h1 { color: #111; font-size: clamp(4.5rem,9vw,9.5rem); letter-spacing: -.05em; }
.public-site .gallery-hero h1 em { color: #111; }
.public-site .year-card,
.public-site .gallery-status,
.public-site .public-activation-card { background: #fff; border-color: rgba(17,17,17,.14); }
.public-site .credit-cover { background: #111; }
.public-site .games-hero {
  background: #111;
  color: #fff;
  padding-inline: clamp(24px, 5vw, 70px);
}
.public-site .games-hero .section-no {
  color: #f5dfb7;
  font-size: .85rem;
  line-height: 1.5;
}
.public-site .games-hero h1,
.public-site .games-hero h1 em { color: #fff; }

@media (max-width: 1100px) {
  .public-site .hero { grid-template-columns: 1fr; }
  .public-site .hero::after { min-height: 520px; }
  .public-site .hero-foot { grid-column: auto; }
  .public-site .site-header nav { gap: 14px; }
}

@media (max-width: 900px) {
  .public-site nav { background: #f7f6f2; }
  .public-site .hero { padding-top: 76px; }
  .public-site .ticket-head > div:first-child { position: static; }
  .public-site .ticket-grid { grid-template-columns: 1fr; }
  .public-site .ticket-card { min-height: 320px; }
}

@media (max-width: 620px) {
  .public-site .site-header { height: 82px; }
  .public-site .wordmark:has(img) { min-width: 116px; min-height: 46px; }
  .public-site .hero { padding: 64px 22px 42px; gap: 44px; }
  .public-site .hero h1 { font-size: clamp(4rem,20vw,6.2rem); }
  .public-site .hero h1 em { margin-left: 0; }
  .public-site .hero::after { min-height: 410px; }
  .public-site .manifesto,
  .public-site .archive,
  .public-site .partners,
  .public-site .event-credits,
  .public-site .updates,
  .public-site .ticket-shop { padding: 78px 22px; }
  .public-site h2,
  .public-site .manifesto-grid h2,
  .public-site .archive-head h2,
  .public-site .ticket-head h2,
  .public-site .partners-grid h2 { font-size: clamp(3.3rem,16vw,5.3rem); }
  .public-site .next-card { min-height: 660px; padding: 80px 22px; }
  .public-site .ticket-actions { flex-direction: column; }
  .public-site .ticket-actions .button { width: 100%; }
  .public-site .archive-poster { min-height: 520px; }
  .public-site .gallery-shell,
  .public-site .games-shell { width: min(100% - 30px,1320px); }
}

/* September 2026: dedicated pages, inspired by the Squarespace reference. */
.public-site { --serif: "Italiana", Georgia, serif; --cream:#faf8f3; }
.public-site .site-header { padding-inline:clamp(22px,5vw,80px); height:100px; background:#faf8f3; }
.public-site .wordmark:has(img) { background:transparent; }
.public-site nav a { text-transform:none; font-size:.82rem; letter-spacing:0; }
.public-site nav a[aria-current="page"] { border-bottom:1px solid currentColor; padding-bottom:5px; }
.public-site .hero { min-height:700px; grid-template-columns:1.05fr 1fr; gap:6vw; padding:85px 6vw 48px; background:radial-gradient(ellipse at 15% 90%,#efa480 0%,transparent 55%),radial-gradient(ellipse at 100% 0%,#f4e1b9 0%,transparent 55%),#f5c9ae; }
.public-site .hero h1 { font-size:clamp(3.5rem,6.3vw,7rem); line-height:1.03; letter-spacing:-.035em; }
.public-site .hero h1 em { margin-left:0; font-style:normal; }
.public-site .hero-intro { margin-top:26px; font-size:1rem; max-width:440px; }
.public-site .hero::after { display:none; }
.public-site .hero-mark { display:block; position:relative; width:100%; height:510px; border:0; border-radius:0; margin:0; background:url("/assets/soiree-2026-recap-poster.jpg") center 30%/cover; }
.public-site .hero-mark > * { display:none; }
.public-site .hero-foot { margin-top:28px; justify-content:space-between; font-size:.62rem; letter-spacing:.15em; }
.public-site h2 { font-size:clamp(2.8rem,5vw,5.5rem); line-height:1.06; }
.public-site .home-story { display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:center; padding:100px 8vw; background:#fff; }
.public-site .home-story p { max-width:410px; }
.public-site .home-story .button { display:inline-flex; margin-top:20px; }
.public-site .story-image { display:block; height:500px; overflow:hidden; }
.public-site .story-image img { width:100%; height:100%; object-fit:cover; }
.public-site .page-intro { padding:100px 8vw 75px; background:#faf8f3; }
.public-site .page-intro h1 { max-width:1000px; font-size:clamp(3.5rem,7vw,7.5rem); line-height:1.05; letter-spacing:-.03em; }
.public-site .page-intro > p:last-child { max-width:560px; margin-top:25px; }
.public-site .experience-page .manifesto, .public-site .ticket-shop { padding-top:65px; }
.public-site .experience-list { background:transparent; gap:25px; }
.public-site .experience-list article { background:#fff; border-top:1px solid var(--line); padding:30px 0; min-height:250px; }
.public-site .experience-list h3 { font-size:2.8rem; margin-top:25px; }
.public-site .partners { background:#faf8f3; color:#111; }
.public-site .partners h2,.public-site .partners h2 em,.public-site .partners .text-link { color:#111; }
.public-site .partners .section-no { color:#555; }
.public-site .partners .event-brand-card,.public-site .partners .creative-partner-card,.public-site .partners .credits-archive-link { border-color:var(--line); }
.public-site .partners .event-brand-card { background:#111; }
.public-site .ticket-head h2 { font-size:clamp(2.6rem,4vw,4.6rem); line-height:1.1; }
.public-site .ticket-grid { gap:24px; background:transparent; margin-top:55px; }
.public-site .ticket-card { border:1px solid var(--line); }
.public-site .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; padding:25px 8vw 110px; }
.public-site .contact-grid article { border-top:1px solid var(--line); padding-top:30px; }
.public-site .contact-grid h2 { font-size:3rem; margin:25px 0; }
.public-site .contact-grid a { display:block; margin:14px 0; overflow-wrap:anywhere; }
.public-site.gallery-page:not(.games-page) { background:#bb1831; color:#fff; }
.public-site.gallery-page:not(.games-page) main { width:min(100% - 12vw,1320px); margin:auto; }
.public-site.gallery-page:not(.games-page) .gallery-hero { padding:85px 0 60px; }
.public-site.gallery-page:not(.games-page) .gallery-hero h1,.public-site.gallery-page:not(.games-page) .gallery-hero h1 em,
.public-site.gallery-page:not(.games-page) .gallery-hero .section-no { color:#fff; }
.public-site.gallery-page:not(.games-page) .gallery-hero h1 { font-size:clamp(3.5rem,7vw,7rem); line-height:1.02; }
.public-site.gallery-page:not(.games-page) .gallery-back { color:#fff; }
.public-site .gallery-years { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:45px; margin-bottom:90px; }
.public-site .gallery-years .year-card { display:flex; flex-direction:column; align-items:stretch; padding:0; background:transparent; border:0; color:#fff; gap:20px; }
.public-site .gallery-years .year-card img { width:100%; height:480px; object-fit:cover; }
.public-site .gallery-years .year-card h2 { color:#fff; font-size:3.8rem; margin:8px 0; }
.public-site .gallery-years .year-card .eyebrow { color:#fff; }
.public-site .gallery-years .year-card .arrow { display:none; }
.public-site .archive-year-pending { border-top:1px solid #ffffff60; padding-top:28px; }
.public-site .archive-year-pending h2 { color:#fff; margin:0 0 15px; font-size:3.8rem; }
.public-site .archive-credit-link { display:inline-block; margin-top:12px; border-bottom:1px solid currentColor; }
.public-site footer { padding-bottom:50px; }
.public-site .floating-optin { display:none; }
.public-site .updates { background:#f0dfca; }
@media(max-width:900px) {
 .public-site .hero { grid-template-columns:1fr; padding:65px 6vw 35px; }
 .public-site .hero-mark { height:480px; max-width:650px; justify-self:center; }
 .public-site .hero-foot { grid-column:auto; gap:15px; justify-content:center; }
 .public-site .home-story { gap:35px; padding:75px 6vw; }
 .public-site .story-image { height:400px; }
 .public-site .gallery-years .year-card img { height:360px; }
 .public-site nav { top:100px; }
}
@media(max-width:620px) {
 .public-site .site-header { height:82px; }
 .public-site nav { top:82px; }
 .public-site .hero { gap:35px; }
 .public-site .hero h1 { font-size:clamp(3rem,12vw,4.5rem); }
 .public-site .hero-mark { height:420px; }
 .public-site .home-story,.public-site .contact-grid,.public-site .gallery-years { grid-template-columns:1fr; }
 .public-site .page-intro { padding:65px 6vw 40px; }
 .public-site .contact-grid { padding:25px 6vw 75px; gap:40px; }
 .public-site .gallery-years { gap:40px; }
 .public-site .gallery-years .year-card img { height:440px; }
 .public-site .home-story .story-image { height:430px; }
}

.public-site .hero-mark::before,.public-site .hero-mark::after { display:none; }
.public-site .next-card h2 { color:#fff; }
.public-site .home-partners { padding:65px 8vw; background:#fff; }
.public-site .home-partners h2 { font-size:2.8rem; margin-bottom:30px; }
.public-site .partner-strip { display:flex; align-items:center; gap:55px; flex-wrap:wrap; }
.public-site .partner-strip a { display:flex; flex-direction:column; gap:12px; font-size:.75rem; }
.public-site .partner-strip img { width:140px; height:90px; object-fit:contain; }
.public-site .partner-strip .flava-logo { background:#111; padding:10px; }

/* Upcoming program and scheduled winner announcements */
.public-site .event-program { grid-column:1/-1; display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,6vw,90px); padding-top:42px; border-top:1px solid rgba(255,255,255,.32); }
.public-site .event-program h3 { margin:10px 0 0; font:400 clamp(2.4rem,4.5vw,5rem)/1.05 var(--serif); }
.public-site .event-program > p { max-width:560px; font-size:1.05rem; line-height:1.75; }
.public-site .event-program-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.public-site .event-program-grid > div { border-top:1px solid rgba(255,255,255,.3); padding-top:18px; }
.public-site .event-program-grid span { color:var(--gold); font-size:.7rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.public-site .event-program-grid ul { list-style:none; padding:0; margin:15px 0 0; }
.public-site .event-program-grid li { padding:7px 0; }
.public-site .winner-highlight { display:flex; justify-content:space-between; align-items:end; gap:40px; padding:55px clamp(22px,8vw,120px); background:#e8c16f; color:#241012; }
.public-site .winner-highlight[hidden] { display:none; }
.public-site .winner-highlight h2 { margin:8px 0; font-size:clamp(2.5rem,5vw,5rem); }
.public-site .winner-highlight strong { display:block; margin:10px 0; font-size:1.3rem; }
.winner-archive { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(35px,7vw,100px); margin-top:100px; padding-top:70px; border-top:1px solid var(--line); }
.winner-archive-heading h2 { font-size:clamp(3rem,6vw,6rem); }
.winner-archive-list { display:grid; gap:18px; }
.winner-archive-card { padding:28px; background:#fff; border:1px solid var(--line); }
.winner-archive-card > span,.winner-archive-card small { color:#786761; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.winner-archive-card h3 { margin:12px 0 8px; font:400 2rem var(--serif); }
.winner-archive-card strong { color:var(--wine); font-size:1.12rem; }
.draw-announcement-card { display:grid; gap:20px; padding:22px 0; border-top:1px solid #eadfd9; }
.draw-record h3 { margin:7px 0; font:400 1.35rem var(--serif); }
.draw-record .text-button { display:block; margin-top:12px; }
.winner-announcement-form { padding:18px; background:#faf7f3; border:1px solid #eadfd9; }
.winner-announcement-form > label { display:grid; gap:7px; margin-bottom:12px; }
.winner-announcement-form small { display:block; margin-top:12px; color:#786761; }
.event-program-preview h3 { font:400 2.3rem var(--serif); }
.event-program-preview > div { margin-top:20px; border-top:1px solid #eadfd9; padding-top:14px; }
.event-program-preview ul { padding-left:18px; }
@media(max-width:760px){
  .public-site .event-program,.winner-archive { grid-template-columns:1fr; }
  .public-site .event-program-grid { grid-template-columns:1fr; }
  .public-site .winner-highlight { align-items:stretch; flex-direction:column; }
  .public-site .winner-highlight .button { width:100%; }
}

/* Archive and content-management refinements */
.home-subtitle{font-size:clamp(1.3rem,2.5vw,2rem);margin:18px 0;color:#762b37}.home-recap,.home-featured{padding:70px clamp(22px,6vw,90px);background:#fbf5ec;color:#391a23}.home-recap video{width:100%;max-height:650px;object-fit:contain}.archive-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.archive-edition-cover{display:block;max-width:500px;width:100%;height:auto;margin:0 auto 48px}.public-site .credits-list li{color:#fff4df}.public-site .credits-acknowledgement{color:#fff4df;line-height:1.8;margin-top:36px}.public-site .event-media-grid video{aspect-ratio:16/9;object-fit:contain}.public-site .event-media-grid a{display:block}.public-site .breadcrumb-links{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0}.control-view[data-control-view="brand"] form label{display:grid;gap:8px;margin:18px 0}.control-view[data-control-view="brand"] textarea{min-height:110px;width:100%}

.public-site.credits-page .event-credits{background:transparent}.public-site.credits-page .credits-head{display:block}.public-site.credits-page .credits-head h1{font:400 clamp(3rem,6vw,6rem)/1.05 var(--serif);color:#fff4df}.public-site.credits-page .credits-head em{color:#fff4df}.credits-list{list-style:none;padding:0;margin:45px 0}.credits-list li{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff50;padding:22px 0}.credits-list li span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.credits-list li strong{text-align:right;font-size:1.15rem}@media(max-width:600px){.credits-list li{flex-direction:column;gap:10px}.credits-list li strong{text-align:left}}

/* Persistent navigation: full size at the top, compact while browsing. */
body .site-header { position: sticky; top: 0; transition: height .2s ease, box-shadow .2s ease; }
body .site-header.is-compact { height: 72px; box-shadow: 0 6px 24px rgba(17,17,17,.1); }
body .site-header.is-compact .wordmark span { font-size: 1.65rem; }
body .site-header.is-compact .wordmark small { margin-top: 6px; }
body .site-header.is-compact .wordmark:has(img) { min-height: 46px; }
body .site-header.is-compact .wordmark img { max-height: 46px; width: 140px; }
@media (max-width: 1000px) {
  body .site-header #site-nav { top: 100%; max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior: contain; }
}
@media (max-width: 620px) {
  html { scroll-padding-top: 90px; }
  body .site-header.is-compact { height: 66px; }
}
@media (prefers-reduced-motion: reduce) {
  body .site-header { transition: none; }
}

/* Explicit contrast for light partner cards and dark archive surfaces. */
.public-site .partners .credits-archive-link,.public-site .partners .sponsor-empty,.public-site .partners .sponsor-showcase-head p,.public-site .partners .sponsor-showcase-head span{color:#3e3432}
.public-site .creative-partner-card,.public-site .creative-partner-card p,.public-site .creative-partner-card span,.public-site .creative-partner-card a{color:#241012}
.public-site.gallery-page:not(.games-page) .breadcrumb-links a,.public-site.gallery-page:not(.games-page) .event-media-section,.public-site.gallery-page:not(.games-page) .event-media-section figcaption,.public-site.credits-page .credits-head .eyebrow{color:#fff4df}
.public-site .next-details,.public-site .next-details p,.public-site .detail-row strong,.public-site .detail-row span{color:#fff}
.public-site .event-program{background:rgba(10,10,10,.78);padding:32px;border:1px solid rgba(255,255,255,.35);color:#fff}
.public-site .event-program p,.public-site .event-program li{color:#fff}
.public-site .winner-highlight .eyebrow{color:#241012}
.public-site .winner-highlight .button{color:#fff}

/* Readability: explicitly pair text with its light or dark surface. */
.public-site .site-header,.public-site footer { color:#241012; }
.public-site .partners-grid p,
.public-site .partners .credits-archive-link :is(p,span,a) { color:#3e3432; }
.public-site .partners .event-brand-card { padding:28px; }
.public-site .partners .event-brand-card span { display:block; color:#f5dfb7; font-size:.82rem; font-weight:600; letter-spacing:.12em; }
.public-site .next-card .eyebrow,
.public-site .games-hero .eyebrow,
.public-site .activation-empty .eyebrow { color:#f5dfb7; }
.public-site .event-program-grid span { color:#f5dfb7; font-size:.82rem; }
.public-site .archive-copy dt { color:#f5dfb7; }
.public-site .gallery-title p { color:#514640; }
.public-site .gallery-status-copy h2,
.public-site .activation-empty h2 { color:#fff4df; }
.public-site.gallery-page:not(.games-page) .recap-section :is(h2,.eyebrow),
.public-site.gallery-page:not(.games-page) .event-media-section h2 { color:#fff4df; }
.public-site.gallery-page:not(.games-page) .event-media-grid figcaption { color:#391a23; padding:16px; line-height:1.6; }
.public-site .credit-cover small { color:#f5dfb7; font-size:.82rem; }
.public-site .credit-cover span { color:#fff4df; }
.public-site .eyebrow,.public-site .section-no { font-size:.82rem; }
.public-site .partner-strip a,.public-site .partner-instagram-link,
.public-site .footer-socials a,.public-site footer p { font-size:.85rem; }
.public-site .ticket-price small { opacity:1; font-size:.82rem; }
.public-site .sponsor-public-card span { font-size:.82rem; }
.public-site .reservation-intro,.public-site .reservation-countdown { color:#fff4df; }
.public-site.reservation-page { background:#111; }
.public-site .reservation-card :is(label > span,legend),
.public-site .reservation-summary span { color:#554640; font-size:.82rem; }
.public-site .reservation-card input::placeholder { color:#695750; opacity:1; }
.control-room :is(.control-metric span,.draft-badge,.manager-state,.pipeline-summary span,.hold-summary span,
.sponsor-editor-panel label > span,.sponsor-editor-panel legend) { font-size:.8rem; }
.control-room :is(.small-control-button,.text-button,.control-tabs button,.manager-actions button,
.entry-actions button,.pipeline-actions button,.hold-actions button) { font-size:.8rem; }
.control-room .hold-card.status-expired,.control-room .hold-card.status-released { opacity:1; border-left:3px solid #8a7971; padding-left:14px; }
.control-room input::placeholder,.control-room textarea::placeholder { color:#695750; opacity:1; }

/* Keep the edition visible through the program panel, below readable copy. */
.public-site .next-card::after {
  z-index: 2;
  right: clamp(22px, 8vw, 130px);
  bottom: clamp(80px, 10vw, 150px);
  font-size: clamp(9rem, 27vw, 24rem);
  line-height: 1;
  color: rgba(255, 255, 255, .24);
  pointer-events: none;
}
.public-site .event-program { background: rgba(10, 10, 10, .35); }
@media (max-width: 620px) {
  .public-site .next-card::after { right: 22px; bottom: 80px; font-size: clamp(8rem, 42vw, 17rem); }
}

/* Organizer navigation names the page or operation controlled by each setting. */
.control-navigation { display:grid; position:static; inset:auto; padding:0; border:0; background:transparent; gap:14px; margin:28px 0 18px; }
.control-nav-group { display:grid; grid-template-columns:140px minmax(0,1fr); align-items:start; gap:16px; }
.control-nav-group > strong { padding-top:10px; font-size:.875rem; }
.control-nav-group .control-tabs { margin:0; overflow:visible; flex-wrap:wrap; gap:8px; }
.control-nav-group .control-tabs button { font-size:.875rem; letter-spacing:0; text-transform:none; min-height:44px; }
.control-section-guide { border-left:3px solid var(--wine); background:#fff; padding:20px 24px; margin-bottom:20px; }
.control-section-guide h2 { font:400 1.8rem/1.2 var(--serif); margin:0 0 8px; }
.control-section-guide p { margin:0; max-width:760px; }
.page-image-manager { display:grid; gap:18px; margin-top:28px; }
.page-image-card { display:grid; gap:16px; padding:22px; border:1px solid #d7c9c1; background:#faf8f3; }
.page-image-card > img { width:100%; max-height:180px; object-fit:contain; background:#eee7df; }
.page-image-card h3 { font:400 1.5rem/1.2 var(--serif); margin:0 0 8px; }
.page-image-card p { margin:8px 0; }
.image-visibility-state { display:block; font-size:.875rem; font-weight:600; }
.image-management-actions { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.image-management-actions button { min-height:44px; padding:10px 14px; border:1px solid #907d72; background:#fff; color:#391a23; font:600 .875rem var(--sans); cursor:pointer; }
.image-management-actions button:disabled { cursor:wait; opacity:.6; }
.image-management-actions button:focus-visible,.control-tabs button:focus-visible { outline:3px solid #9a7049; outline-offset:3px; }
.page-image-card small { display:block; font-size:.875rem; line-height:1.6; color:#554640; }
#recap-visibility-form { border:1px solid #d7c9c1; padding:20px; margin-bottom:24px; }
#recap-visibility-form > p { font-size:1rem; }
.public-site img[data-site-image][hidden],.public-site .hero-mark[hidden] { display:none !important; }
.public-site.hide-image-hero .hero,.public-site.hide-image-story .home-story { grid-template-columns:1fr; }
.public-site.hide-image-story .story-image { display:none; }
@media(max-width:760px) {
  .control-nav-group { grid-template-columns:1fr; gap:8px; }
  .control-nav-group > strong { padding-top:0; }
  .control-nav-group .control-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-nav-group .control-tabs button { white-space:normal; text-align:left; }
  .control-section-guide { padding:18px; }
  .page-image-card { padding:18px; }
  .image-management-actions { flex-direction:column; }
  .image-management-actions button { width:100%; text-align:left; }
}

/* Keep uniform archive frames while showing the complete uploaded photograph. */
.gallery-shell .event-media-grid { align-items:start; }
.gallery-shell .event-media-grid img { height:auto; aspect-ratio:4/5; object-fit:contain; object-position:center; background:#bb1831; }

.gallery-shell .event-media-grid figcaption:empty { display:none; }


/* Uploaded archive arrangement controls */
.media-order-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.media-order-controls small { flex-basis:100%; }
.media-order-controls button { min-height:44px; padding:8px 12px; border:1px solid rgba(36,16,18,.3); background:#fffaf4; color:#241012; cursor:pointer; }
.media-order-controls button:disabled { opacity:.45; cursor:default; }
.media-thumb[draggable="true"] { cursor:grab; }
.media-thumb[draggable="true"]:active { cursor:grabbing; }
.media-order-controls button:focus-visible, #media-save-order:focus-visible { outline:2px solid currentColor; outline-offset:3px; }


/* One save status beside the action, with any failure reason in the same place. */
.save-action-feedback { display:inline-flex; align-items:center; gap:8px; margin:8px 0 8px 10px; padding:9px 12px; border-radius:6px; font-size:.9rem; font-weight:600; max-width:100%; box-sizing:border-box; overflow-wrap:anywhere; }
.save-action-feedback[hidden] { display:none; }
.save-action-feedback[data-state="saving"] { background:#f1e6e9; color:#582736; }
.save-action-feedback[data-state="success"] { background:#176438; color:#fff; }
.save-action-feedback[data-state="error"] { background:#8d2020; color:#fff; }
.save-action-feedback[data-state="saving"]::before, button.is-saving::after { content:""; display:inline-block; flex-shrink:0; width:14px; height:14px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:save-spin .8s linear infinite; }
button.is-saving::after { margin-left:10px; vertical-align:middle; }
@keyframes save-spin { to { transform:rotate(360deg); } }
@media(max-width:600px) { .save-action-feedback { margin-left:0; } }
@media(prefers-reduced-motion:reduce) { button.is-saving::after,.save-action-feedback[data-state="saving"]::before { animation:none; } }

.photo-placement-badge:empty{display:none}.photo-placement-badge{display:block;background:#176438;color:white;padding:7px 10px;border-radius:4px;margin:8px 0;font-size:.78rem}.public-site .archive-year-cover{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;object-position:center;background:transparent;margin:0 0 24px;border-radius:2px}

.public-site.hide-image-tickets .invitation-hero{grid-template-columns:1fr}
.public-site .experience-showcase { padding: 60px clamp(22px,6vw,90px) 90px; background: #fbf5ec; color: #391a23; }
.public-site .experience-showcase h2 { font: 400 clamp(2.5rem,5vw,4.5rem) var(--serif); margin: 12px 0 32px; }
.experience-showcase-grid { display: grid; gap: 28px; align-items: center; }
.experience-showcase-grid.has-photo-and-film { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); }
.experience-feature-photo { margin: 0; min-width: 0; }
.experience-feature-photo a { display: block; }
.experience-feature-photo a:focus-visible { outline: 3px solid #701a32; outline-offset: 5px; }
.experience-feature-photo img { display: block; width: 100%; height: auto; max-height: 660px; object-fit: contain; }
.experience-feature-film { min-width: 0; }
.experience-feature-film video { display: block; width: 100%; max-height: 660px; object-fit: contain; background: #241012; }
@media (max-width: 760px) { .experience-showcase-grid.has-photo-and-film { grid-template-columns: 1fr; } }

.public-site .experience-showcase-grid{max-width:760px;margin:0 auto;justify-items:center}
.public-site .experience-recap-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:16px 26px;background:#641d30;color:#fff4df;text-decoration:none}
.public-site .experience-recap-link:focus-visible{outline:3px solid #a56f35;outline-offset:5px}

/* Make editable Tickets & bottles fields clear on desktop and phones. */
.control-room .control-view[data-control-view="tickets"] form {
  display:grid;gap:16px;margin:22px 0;padding:20px;
  border:1px solid #d1bbae;background:#fffdf9;
}
.control-room .control-view[data-control-view="tickets"] form label {display:block;min-width:0}
.control-room .control-view[data-control-view="tickets"] form label > span {
  display:block;margin-bottom:8px;color:#4d2631;font-size:.88rem;font-weight:600;
}
.control-room .control-view[data-control-view="tickets"] form :is(input,select,textarea) {
  display:block;width:100%;min-width:0;min-height:48px;padding:12px 14px;
  border:2px solid #896755;border-radius:6px;background:#fff4e6;
  color:#2e1720;font:400 16px var(--sans);
}
.control-room .control-view[data-control-view="tickets"] form textarea {min-height:140px;resize:vertical}
.control-room .control-view[data-control-view="tickets"] form :is(input,select,textarea):focus {
  border-color:#641d30;outline:3px solid #c69d63;outline-offset:3px;background:#fff;
}
.control-room .control-view[data-control-view="tickets"] form :is(input,select,textarea):disabled {
  background:#e9e2dc;color:#55433e;border-color:#a38e83;
}
@media(max-width:600px){.control-room .control-view[data-control-view="tickets"] form{padding:16px}}

/* Keep Tickets & bottles manageable with expandable editing sections. */
.control-room .control-view[data-control-view="tickets"] .ticket-control-section {
  margin:12px 0;border:1px solid #cbb3a4;background:#fffdf9;
}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section summary {
  padding:14px 16px;color:#4d2631;font-size:1rem;font-weight:600;cursor:pointer;
}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section summary:focus-visible {
  outline:3px solid #c69d63;outline-offset:3px;
}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section[open] summary {
  border-bottom:1px solid #d1bbae;background:#f6eade;
}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section form {
  margin:0;padding:14px;gap:10px;border:0;
}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section form :is(p,h3) {margin:0}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section form h3 {font-size:1rem;margin-top:6px}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section form label > span {margin-bottom:5px}
.control-room .control-view[data-control-view="tickets"] .ticket-control-section form textarea {height:110px;min-height:90px}


/* Full-screen archive viewer with reachable controls on phones and tablets. */
.archive-photo-viewer {
  width: calc(100vw - 24px); max-width: 1440px; height: calc(100dvh - 24px);
  max-height: calc(100dvh - 24px); margin: auto; padding: 16px;
  border: 1px solid #ffffff40; border-radius: 8px; background: #160e12; color: #fff8ed;
  overflow: hidden; overscroll-behavior: contain;
}
.archive-photo-viewer[open] { display: flex; flex-direction: column; gap: 12px; }
.archive-photo-viewer::backdrop { background: rgba(0,0,0,.88); }
.archive-viewer-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex: 0 0 auto; }
.archive-viewer-count { font-size: .9rem; }
.archive-photo-viewer button {
  min-width: 48px; min-height: 48px; padding: 8px 14px; border: 1px solid #ffffff60;
  border-radius: 6px; background: #39242d; color: #fff8ed; cursor: pointer; font: inherit;
}
.archive-photo-viewer button:hover { background: #62404e; }
.archive-photo-viewer button:focus-visible { outline: 3px solid #e0b769; outline-offset: 2px; }
.archive-viewer-stage { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-height: 0; }
.archive-photo-viewer .archive-viewer-image { flex: 1 1 auto; width: 0; height: 100%; min-width: 0; object-fit: contain; }
.archive-photo-viewer .archive-viewer-prev, .archive-photo-viewer .archive-viewer-next { flex: 0 0 auto; font-size: 2rem; line-height: 1; }
.archive-photo-viewer [hidden] { display: none; }
.archive-viewer-caption, .archive-viewer-status { flex: 0 0 auto; margin: 0; text-align: center; font-size: .9rem; overflow-wrap: anywhere; }
.archive-viewer-caption { max-height: 15dvh; overflow-y: auto; }
.archive-viewer-status:empty { display: none; }
@media (max-width: 600px) {
  .archive-photo-viewer { padding: 10px; width: calc(100vw - 12px); height: calc(100dvh - 12px); max-height: calc(100dvh - 12px); }
  .archive-viewer-stage { gap: 6px; }
  .archive-photo-viewer .archive-viewer-prev, .archive-photo-viewer .archive-viewer-next { min-width: 44px; padding: 8px; }
}

/* Keep home-page photos fully visible for portrait and landscape uploads. */
.public-site.home-page .hero-mark {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.public-site.home-page .next-art {
  object-fit: contain;
  object-position: center;
}

/* Let the hero photo set its mobile height without a square minimum width. */
.public-site.home-page .hero-mark {
  height: auto;
  min-width: 0;
  aspect-ratio: auto;
  justify-self: center;
  background: none;
}
.public-site.home-page .hero-mark .hero-photo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 510px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 900px) {
  .public-site.home-page .hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .public-site.home-page .hero-mark {
    width: 100%;
    max-width: 650px;
    margin-inline: auto;
  }
  .public-site.home-page .hero-mark .hero-photo {
    height: auto;
  }
}

/* Keep closed private reservations hidden despite form/button display rules. */
.reservation-page [hidden] { display:none !important; }

.public-site .reservation-intro .eyebrow { color:#c69b63; }

/* Keyboard access around repeated navigation; hidden until focused. */
.skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:12px 18px;background:#fff;color:#241012;border:2px solid #641d30;transform:translateY(-200%);font:600 1rem var(--sans)}
.skip-link:focus{transform:translateY(0)}
main[tabindex="-1"]{scroll-margin-top:120px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Inspect archive footage before removing an upload. */
.media-video-preview{margin:16px 0;min-width:0}
.media-video-preview video{display:block;width:100%;aspect-ratio:16/9;max-height:320px;object-fit:contain;background:#111;border:1px solid #9a8980}
.media-video-preview a{display:inline-block;margin-top:12px;color:#681a31;text-decoration:underline;font-weight:600;line-height:1.5}
.media-video-preview a:focus-visible{outline:3px solid #a56f35;outline-offset:4px}

/* Warm gold frame and cream mat for archive edition cover photographs. */
.public-site .archive-year-cover,
.public-site .archive-edition-cover {
  box-sizing: border-box;
  border: 1px solid #c6b08e;
  padding: 2px;
  background: #fbf5ec;
  border-radius: 2px;
  box-shadow: none;
}

/* Size the frame to the photograph rather than a landscape placeholder. */
.public-site .archive-year-cover {
  aspect-ratio: auto;
  height: auto;
}

/* Uploaded media: preserve the complete frame in every orientation. */
.public-site img { object-fit:contain; object-position:center; }
.public-site :is(.hero-photo,.story-image img,.archive-poster img,.gallery-status img,.gallery-photo img,.gallery-years .year-card img,.event-media-grid img,.experience-feature-photo img,.archive-year-cover,.archive-edition-cover) {
  display:block; width:100%; height:auto !important; min-height:0; max-height:none !important; aspect-ratio:auto !important; object-fit:contain; object-position:center;
}
.public-site :is(.story-image,.home-story .story-image,.archive-poster,.gallery-photo) { height:auto !important; min-height:0; }
.public-site video { display:block; width:100%; height:auto !important; aspect-ratio:auto !important; object-fit:contain; object-position:center; }
.public-site .next-card .next-art { position:relative; inset:auto; grid-column:1/-1; width:100%; height:auto !important; aspect-ratio:auto !important; object-fit:contain; object-position:center; z-index:2; }
.public-site .next-card::before { display:none; }
.public-site .gallery-video img { object-fit:contain; object-position:center; }

/* Make event information readable and the DJ lineup a featured element. */
.public-site .next-details { max-width:650px; }
.public-site .next-details > p { font-size:clamp(1.2rem,1.6vw,1.4rem); line-height:1.65; }
.public-site .next-details .detail-row { font-size:clamp(1.1rem,1.5vw,1.3rem); gap:12px; }
.public-site .next-details .detail-row > span { font-size:1rem; }
.public-site .next-details .detail-row strong { overflow-wrap:anywhere; }
.public-site .event-program h3 { font-size:clamp(3rem,5.5vw,5.8rem); }
.public-site .event-program > p { font-size:clamp(1.2rem,1.6vw,1.4rem); line-height:1.65; }
.public-site .event-program-grid > div > span { font-size:1rem; }
.public-site .event-program-grid li { font-size:1.2rem; line-height:1.5; overflow-wrap:anywhere; }
.public-site .event-program-grid .event-dj-feature { grid-column:1/-1; padding-top:26px; }
.public-site .event-dj-feature > span { font-size:1.15rem; color:#f5dfb7; }
.public-site .event-dj-feature ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:18px 40px; margin-top:24px; }
.public-site .event-program-grid .event-dj-feature li { font:400 clamp(2.2rem,4.5vw,4rem)/1.15 var(--serif); padding:12px 0; }
@media(max-width:600px) {
  .public-site .event-program { padding:24px; }
  .public-site .next-details .detail-row { padding:22px 0; }
}

/* Centred introduction and upcoming Food & Bar menus. */
.public-site :is(.home-food-bar,.food-bar-experience) { padding:clamp(55px,8vw,100px) clamp(24px,6vw,90px); text-align:center; background:#fbf5ec; color:#391a23; }
.public-site :is(.home-food-bar,.food-bar-experience) h2 { margin:16px auto 24px; font:400 clamp(2.8rem,6vw,5rem)/1.08 var(--serif); }
.public-site :is(.home-food-bar,.food-bar-experience) h2 em { color:#681a31; }
.public-site .home-food-bar > p:not(.eyebrow),.public-site .food-bar-intro { max-width:700px; margin:0 auto 30px; font-size:1.15rem; line-height:1.7; }
.public-site .home-food-bar .eyebrow,.public-site .food-bar-experience .eyebrow { color:#765432; }
.public-site .home-food-bar .button { background:#681a31; color:#fff8ed; border-color:#681a31; }
.public-site .food-bar-menus { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; max-width:1100px; margin:40px auto 0; }
.public-site .food-bar-menus article { padding:28px; border-top:1px solid #c6b08e; min-width:0; }
.public-site .food-bar-menus h3 { font:400 clamp(2rem,4vw,3rem)/1.2 var(--serif); margin:0 0 24px; }
.public-site .food-bar-menu-list { display:grid; gap:16px 28px; max-width:650px; margin:0 auto; padding:0; list-style:none; }
.public-site .food-bar-menu-list li { overflow-wrap:anywhere; font-size:1.1rem; line-height:1.5; }
.public-site .food-bar-menu-list li::before { content:"•"; color:#765432; margin-right:.5em; }
.public-site .food-bar-menu-list.menu-two-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-site .menu-coming-soon { font-size:1.1rem; line-height:1.6; }
@media(max-width:850px) { .public-site .food-bar-menus { grid-template-columns:1fr; } }
@media(max-width:400px) { .public-site .food-bar-menu-list.menu-two-columns { grid-template-columns:1fr; } }

/* Keep the four Experience highlights compact without fixed-height gaps. */
.public-site.experience-page .experience-list { margin-top:40px; gap:24px; }
.public-site.experience-page .experience-list article { min-height:0; padding:20px 0 24px; }
.public-site.experience-page .experience-list h3 { margin:10px 0 12px; font-size:clamp(2rem,3vw,2.5rem); line-height:1.15; }
.public-site.experience-page .experience-list p { margin:0; line-height:1.6; }
@media(max-width:600px) {
  .public-site.experience-page .experience-list { margin-top:30px; gap:0; }
  .public-site.experience-page .experience-list article { padding:18px 0 22px; }
  .public-site.experience-page .experience-list h3 { margin:8px 0 10px; font-size:2rem; }
}

/* Experience: reduce mobile scrolling while preserving section order and media. */
@media(max-width:760px) {
  .public-site.experience-page .page-intro { padding:36px 24px 30px; }
  .public-site.experience-page .page-intro > p:last-child { margin-top:16px; }
  .public-site.experience-page :is(.manifesto,.partners,.food-bar-experience,.experience-showcase) { padding:40px 24px; }
  .public-site.experience-page :is(.manifesto-grid,.partners-grid) { gap:24px; }
  .public-site.experience-page :is(.manifesto-grid,.partners-grid) > div { padding-top:0; }
  .public-site.experience-page .partners-grid p { margin-bottom:20px; }
  .public-site.experience-page .food-bar-experience h2 { margin:12px auto 18px; }
  .public-site.experience-page .food-bar-intro { margin-bottom:20px; }
  .public-site.experience-page .food-bar-menus { margin-top:24px; gap:16px; }
  .public-site.experience-page .food-bar-menus article { padding:20px 12px; }
  .public-site.experience-page .food-bar-menus h3 { margin-bottom:16px; }
  .public-site.experience-page .experience-showcase h2 { margin-bottom:20px; }
  .public-site.experience-page .experience-showcase-grid { gap:20px; }
  .public-site.experience-page .event-brand-card { margin-top:28px; padding:20px; }
  .public-site.experience-page .creative-partner-card { margin-top:28px; padding:22px 0; gap:16px; }
  .public-site.experience-page .secondary-partner-card { margin-top:0; }
  .public-site.experience-page .sponsor-showcase { margin-top:28px; padding-top:24px; }
  .public-site.experience-page .sponsor-showcase-head { gap:16px; margin-bottom:20px; }
  .public-site.experience-page .credits-archive-link { margin-top:16px; padding:20px 0; gap:14px; }
}

.public-site .event-program-grid .event-highlight-statement { grid-column:1/-1; }
.public-site .event-highlight-statement p { margin:14px 0 0; font-size:1.15rem; line-height:1.65; overflow-wrap:anywhere; }

/* Desktop media fits the usable screen while preserving the full upload. */
@media (min-width: 901px) {
  .public-site {
    --desktop-media-limit: min(540px, calc(100svh - 220px));
  }
  .public-site.home-page .hero {
    min-height: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    gap: clamp(28px, 4vw, 64px);
  }
  .public-site.home-page .hero-mark {
    width: 100%;
    height: auto;
    min-height: 0;
    display: grid;
    place-items: center;
  }
  .public-site :is(.hero-photo, .story-image img, .archive-poster img, .gallery-status img, .gallery-photo img, .gallery-years .year-card img, .experience-feature-photo img, .archive-year-cover, .archive-edition-cover) {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    max-height: var(--desktop-media-limit) !important;
    min-height: 0;
    margin-inline: auto;
    object-fit: contain;
    object-position: center;
  }
  .public-site :is(.story-image, .archive-poster, .gallery-photo) {
    display: grid;
    place-items: center;
    height: auto !important;
    min-height: 0;
  }
  .public-site .home-recap {
    padding-top: 48px;
    padding-bottom: 48px;
    gap: clamp(28px, 4vw, 56px);
    align-items: center;
  }
  .public-site .home-recap video,
  .public-site .experience-feature-film video {
    width: 100%;
    height: auto !important;
    max-height: var(--desktop-media-limit);
    object-fit: contain;
  }
  .public-site .experience-showcase {
    padding-top: 44px;
    padding-bottom: 48px;
  }
  .public-site .gallery-years {
    gap: 32px;
    padding-top: 40px;
    padding-bottom: 48px;
    margin-bottom: 0;
    align-items: start;
  }
  .public-site .gallery-years .archive-year-cover {
    max-height: min(400px, calc(100svh - 260px)) !important;
  }
}