@font-face { font-family: Inter; src: url("fonts/Inter-Regular.woff") format("woff"); font-style: normal; font-weight: 400 600; font-display: swap; }
@font-face { font-family: Inter; src: url("fonts/Inter-Bold.woff") format("woff"); font-style: normal; font-weight: 700 900; font-display: swap; }
@font-face { font-family: Montserrat; src: url("fonts/Montserrat-ExtraBold.woff") format("woff"); font-style: normal; font-weight: 800 900; font-display: swap; }
:root { --ink: #302631; --muted: #685d6b; --paper: #fffaf5; --peach: #ffe5d4; --lilac: #ece6ff; --coral: #f27083; --violet: #7750cb; --teal: #187d78; --mint: #bfe9dc; --gold: #b08026; --line: rgba(61,40,64,.17); --c1: var(--violet); --c2: var(--coral); --c3: var(--teal); --c4: #be924c; --c5: #717fd3; --display: Montserrat,Inter,Arial,sans-serif; --body: Inter,Arial,sans-serif; --ease: cubic-bezier(.22,1,.36,1); --header: 86px; }
.creator-row > h3 { width: 100%; text-align: center; font-size: 1.9rem; margin-bottom: 22px; }
.creator-cards article { position: relative; overflow: hidden; }
.creator-cards img { filter: saturate(0.9) hue-rotate(145deg); opacity: 0.72; }
.creator-cards article > strong { position: absolute; top: 18px; left: 18px; text-shadow: rgb(0, 0, 0) 0px 2px 8px; font-size: 2rem; z-index: 2; color: rgb(255, 255, 255) !important; }
.creator-cards article > span { display: block; padding: 11px 16px; background: rgba(255, 255, 255, 0.72); color: rgb(7, 86, 107); font-weight: 700; }
.creator-row > h3 { font-size: clamp(2.8rem, 7vw, 6.8rem); line-height: 0.82; letter-spacing: -0.06em; text-transform: uppercase; color: rgba(7, 86, 107, 0.133); text-shadow: rgba(244, 210, 31, 0.4) 2px 2px 0px; margin: 18px 0px 26px; white-space: nowrap; overflow: hidden; }
.creator-row > h3 { white-space: normal; overflow: visible; font-size: clamp(2.4rem, 6vw, 5.2rem); letter-spacing: -0.04em; }
.creator-row { display: grid; grid-template-columns: minmax(180px, 0.35fr) 1fr; align-items: center; gap: 28px; }
.creator-row > h3 { margin: 0px; text-align: left; }
.creator-cards img { filter: none; opacity: 1; }
.creator-cards article::after { display: none; }
.creator-cards article { background: transparent; }
.creator-cards article > span { background: transparent; }
@media (max-width: 700px) {
  .creator-row { display: block; }
  .creator-row > h3 { text-align: center; margin-bottom: 20px; }
}
*, ::before, ::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header) + 24px); }
body { margin: 0px; color: var(--ink); background: var(--paper); font: 400 1rem/1.65 var(--body); -webkit-font-smoothing: antialiased; }
body.locked { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, summary { font: inherit; color: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { opacity: 0.4; cursor: default; }
button:focus-visible, a:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--violet); outline-offset: 5px; }
img { display: block; max-width: 100%; height: auto; }
svg { display: block; max-width: 100%; }
figure, h1, h2, h3, h4, p, dl, dd { margin: 0px; }
ul, ol { margin: 0px; }
h1, h2, h3, h4 { line-height: 1.15; text-wrap: balance; }
h1, h2 { font-family: var(--display); font-weight: 800; letter-spacing: -0.05em; }
h3 { font-weight: 700; font-size: 1.2rem; letter-spacing: -0.025em; }
em { font-style: normal; color: var(--violet); }
[hidden] { display: none !important; }
::selection { background: rgb(216, 201, 255); color: rgb(39, 19, 50); }
.container { width: min(100% - 80px, 1280px); margin-inline: auto; position: relative; z-index: 2; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 250; background: var(--ink); color: white; padding: 10px 20px; border-radius: 5px; }
.skip-link:focus { top: 10px; }
.site-header { height: var(--header); position: sticky; top: 0px; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 12px 36px; background: rgba(255, 250, 245, 0.94); backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); }
.brand { flex: 0 0 112px; }
.brand-logo { width: 112px; height: auto; }
#navigation { display: flex; align-items: center; gap: 22px; }
.nav-group { position: relative; }
.nav-group summary { list-style: none; cursor: pointer; font-size: 0.875rem; font-weight: 700; display: flex; align-items: center; gap: 7px; min-height: 44px; }
summary::-webkit-details-marker { display: none; }
.nav-group summary span { font-size: 1rem; color: var(--violet); transition: transform 0.3s; }
.nav-group[open] summary span { transform: rotate(180deg); }
.submenu { position: absolute; top: calc(100% + 9px); left: -22px; min-width: 242px; padding: 12px; background: var(--paper); border: 1px solid var(--line); box-shadow: rgba(48, 38, 49, 0.086) 0px 20px 40px; border-radius: 16px; animation: menu-in .22s var(--ease); max-height: 70svh; overflow: auto; }
.submenu a { display: block; padding: 10px 13px; font-size: 0.875rem; border-radius: 7px; transition: background 0.2s; }
.submenu a:hover, .submenu a[aria-current] { background: var(--lilac); color: rgb(71, 42, 131); }
.nav-contact { font-size: 0.875rem; font-weight: 700; border-bottom: 1px solid var(--ink); padding-block: 8px; white-space: nowrap; }
.nav-contact span { margin-left: 10px; }
.menu-toggle { display: none; }
.motion-toggle { flex: 0 0 auto; min-width: 44px; min-height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.3; border: 1px solid var(--line); background: transparent; border-radius: 12px; }
.motion-icon { font-size: 1.125rem; letter-spacing: -4px; padding-right: 4px; }
.motion-label { font-size: 0.75rem; }
.reading-progress { position: absolute; bottom: -1px; inset-inline: 0px; height: 3px; overflow: hidden; }
.reading-progress i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg,var(--coral),var(--violet),var(--teal)); }
.hero { position: relative; isolation: isolate; overflow: hidden; min-height: calc(100svh - var(--header)); padding: clamp(52px, 7vw, 105px) 0px 36px; background: rgb(249, 229, 231); }
.hero-landscape { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; z-index: -2; transform: scale(1.03) translate(var(--px,0),var(--py,0)); transition: transform 1s; }
.hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(110deg, rgba(255, 250, 245, 0.867) 2%, rgba(255, 248, 244, 0.467) 65%, rgba(237, 231, 255, 0.267)); z-index: -1; }
.eyebrow { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.13em; line-height: 1.55; text-transform: uppercase; color: var(--teal); }
.overline { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 24px; }
.hero-layout { display: grid; grid-template-columns: 1.6fr 0.7fr; gap: 40px; align-items: center; margin-block: 56px 72px; }
.hero-copy h1 { font-size: clamp(3.5rem, 6.5vw, 6.15rem); line-height: 1.04; }
.hero-copy em { color: rgb(150, 101, 179); }
.hero-subtitle { font-size: 1.125rem; margin-top: 30px; }
.hero-symbol { position: relative; align-self: stretch; min-height: 330px; display: grid; place-items: center; isolation: isolate; }
.symbol-field { position: relative; width: min(100%, 330px); aspect-ratio: 1 / 1; display: grid; place-items: center; animation: 11s ease-in-out 0s infinite normal none running symbol-drift; }
.symbol-glow { position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(circle, rgba(255, 253, 244, 0.8) 0px, rgba(255, 253, 244, 0.8) 14%, rgba(238, 219, 255, 0.467) 38%, rgba(245, 184, 201, 0.2) 62%, transparent 74%); filter: blur(9px); z-index: -1; }
.symbol-orbit { position: absolute; border: 1px solid rgba(119, 80, 203, 0.396); border-radius: 50%; pointer-events: none; }
.symbol-orbit-a { inset: 10%; transform: rotate(-25deg) scaleX(0.68); animation: 24s linear 0s infinite normal none running orbit-spin; }
.symbol-orbit-b { inset: 21%; border-color: rgba(24, 125, 120, 0.4); transform: rotate(56deg) scaleX(0.72); animation: 18s linear 0s infinite normal none running orbit-spin-reverse; }
.symbol-orbit i { position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--coral); box-shadow: rgba(242, 112, 131, 0.19) 0px 0px 0px 5px, rgba(242, 112, 131, 0.667) 0px 0px 18px; }
.symbol-orbit-b i { left: auto; right: -4px; top: 30%; width: 8px; height: 8px; background: var(--teal); box-shadow: rgba(24, 125, 120, 0.19) 0px 0px 0px 4px, rgba(24, 125, 120, 0.667) 0px 0px 16px; }
.symbol-core { position: relative; z-index: 2; width: 53%; aspect-ratio: 1 / 1; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 50%; display: grid; place-items: center; align-content: center; gap: 9px; background: linear-gradient(145deg, rgba(255, 250, 240, 0.867), rgba(246, 214, 233, 0.8) 58%, rgba(217, 208, 247, 0.8)); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(119, 80, 203, 0.17) 0px 24px 50px, rgba(255, 255, 255, 0.125) 0px 0px 0px 12px; backdrop-filter: blur(12px); transform: rotate(-5deg); }
.symbol-core img { width: 68%; height: auto; filter: drop-shadow(rgba(48, 38, 49, 0.133) 0px 8px 12px); }
.symbol-kicker, .symbol-core-label { font-size: 0.49rem; font-weight: 700; letter-spacing: 0.17em; line-height: 1; text-align: center; color: rgb(95, 75, 112); }
.symbol-core-line { width: 34px; height: 1px; background: linear-gradient(90deg,transparent,var(--coral),transparent); }
.symbol-node { position: absolute; z-index: 3; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 50%; font-size: 0.6rem; font-weight: 700; background: rgba(255, 255, 255, 0.533); color: rgb(95, 75, 112); box-shadow: rgba(119, 80, 203, 0.15) 0px 8px 18px; }
.symbol-node-a { top: 12%; left: 17%; animation: 4s ease-in-out 0s infinite normal none running node-pulse; }
.symbol-node-b { right: 11%; bottom: 21%; background: rgb(242, 112, 131); color: rgb(255, 255, 255); animation: 4s ease-in-out -1.6s infinite normal none running node-pulse; }
.symbol-node-c { left: 16%; bottom: 16%; background: rgb(24, 125, 120); color: rgb(255, 255, 255); animation: 4s ease-in-out -2.7s infinite normal none running node-pulse; }
.symbol-year { position: absolute; top: 0px; right: 6%; font: 800 clamp(3rem,5vw,4.4rem)/.82 var(--display); letter-spacing: -0.08em; color: rgb(99, 71, 92); transform: rotate(8deg); opacity: 0.82; }
.symbol-caption { position: absolute; right: -7%; bottom: 0px; font-size: 0.68rem; letter-spacing: 0.13em; font-weight: 700; line-height: 1.35; text-align: left; }
.key-art { width: 100%; max-width: 320px; aspect-ratio: 1 / 1; position: relative; display: grid; place-items: center; animation: 9s ease-in-out 0s infinite normal none running key-float; }
.key-art img { width: min(72%, 220px); height: auto; filter: drop-shadow(rgba(122, 84, 145, 0.173) 0px 22px 28px); animation: 6s ease-in-out 0s infinite normal none running logo-breathe; }
.key-art i { position: absolute; inset: 36% -1%; border-radius: 100px; background: linear-gradient(115deg, rgb(255, 202, 202) 0%, rgb(211, 168, 241) 18%, rgb(180, 217, 237) 40%, rgb(253, 243, 214) 60%, rgb(234, 170, 174) 84%, rgb(255, 240, 210)); box-shadow: rgba(255, 255, 255, 0.6) 3px 4px 8px inset, rgba(92, 74, 112, 0.165) -3px -5px 7px inset, rgba(122, 84, 145, 0.173) 0px 22px 38px; transform: rotate(-48deg); }
.key-art i + i { transform: rotate(48deg); background: linear-gradient(115deg, rgb(228, 197, 255), rgb(255, 241, 213) 34%, rgb(244, 185, 193) 53%, rgb(178, 217, 225) 78%, rgb(247, 228, 255)); }
.year-tag { position: absolute; top: 3%; right: 0px; font-family: var(--display); font-size: 3.9rem; letter-spacing: -0.06em; line-height: 0.9; color: rgb(99, 71, 92); }
.symbol-caption { position: absolute; bottom: -16px; left: 20%; font-size: 0.75rem; letter-spacing: 0.1em; font-weight: 700; }
.hero-bottom { display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(98, 64, 93, 0.267); padding-top: 25px; }
.hero-bottom > div { display: grid; gap: 4px; }
.hero-bottom > div > span { font-size: 0.75rem; letter-spacing: 0.15em; }
.hero-bottom strong { font-size: 0.875rem; }
.round-link { font-size: 0.875rem; font-weight: 700; display: flex; align-items: center; gap: 16px; }
.round-link b { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(89, 72, 90, 0.467); border-radius: 50%; font-size: 1.3rem; transition: transform 0.3s; }
.round-link:hover b { transform: translateY(4px); }
.confidential { position: relative; display: grid; grid-template-columns: 180px 1fr; gap: 40px; padding-block: 32px; overflow: hidden; }
.confidential-bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0.14; z-index: -1; }
.confidential-label { font-size: 0.75rem; letter-spacing: 0.12em; font-weight: 700; padding-top: 4px; }
.confidential p { font-size: 0.8125rem; line-height: 1.75; max-width: 870px; }
.confidential p + p { color: var(--muted); margin-top: 10px; }
.pattern-ribbon { overflow: hidden; background: rgb(217, 207, 250); border-block: 1px solid rgba(141, 110, 193, 0.333); }
.pattern-ribbon > div { width: max-content; display: flex; align-items: center; gap: 48px; padding: 20px 0px; animation: 38s linear 0s infinite normal none running ribbon-scroll; }
.pattern-ribbon b { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.18em; }
.key-mini { display: inline-block; position: relative; width: 38px; height: 38px; flex: 0 0 auto; }
.key-mini::before, .key-mini::after { content: ""; position: absolute; top: 40%; left: 0px; width: 100%; height: 22%; border-radius: 20px; background: var(--violet); transform: rotate(45deg); }
.key-mini::after { transform: rotate(-45deg); }
.chapter { padding: clamp(76px, 8vw, 130px) 0px; position: relative; isolation: isolate; overflow: clip; }
.chapter > .scene { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0.25; z-index: -1; }
.paper { background: var(--paper); }
.lilac { background: rgb(238, 232, 255); }
.peach { background: rgb(255, 234, 220); }
.mint { background: rgb(215, 240, 229); }
.ink { background: rgb(41, 35, 52); color: rgb(255, 249, 242); --ink: #fff9f2; --muted: #d0c6d6; --line: #ffffff32; }
.ink em { color: rgb(210, 185, 255); }
.ink .eyebrow { color: rgb(191, 233, 220); }
.coral-theme { background: rgb(248, 168, 151); --line: #8137463a; }
.coral-theme em { color: rgb(107, 53, 97); }
.coral-theme .eyebrow { color: rgb(101, 71, 90); }
.vista { background: rgb(244, 228, 236); }
.vista > .scene { opacity: 0.8; }
.vista::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(95deg, rgba(255, 246, 238, 0.867), rgba(255, 249, 237, 0.333)); z-index: -1; }
.section-heading { max-width: 1000px; margin-bottom: 52px; }
.section-heading h2 { font-size: clamp(2.65rem, 5.4vw, 5rem); line-height: 1.06; margin-top: 18px; }
.section-heading h2 em { display: inline; }
.section-heading p { max-width: 100%; }
.subheading { margin: 52px 0px 28px; }
.small-number { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; color: var(--teal); }
.note { font-size: 0.8125rem; line-height: 1.7; color: var(--muted); border-left: 2px solid var(--coral); padding: 6px 0px 6px 16px; margin-top: 30px; max-width: 960px; }
.photo { min-width: 0px; }
.zoom-image { position: relative; display: block; overflow: hidden; border-radius: 12px; background: rgb(218, 210, 223); cursor: zoom-in; }
.zoom-image img { width: 100%; transition: transform 1s var(--ease); }
.zoom-image:hover img { transform: scale(1.035); }
.zoom-hint { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 33px; height: 33px; background: rgba(255, 254, 242, 0.875); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; color: rgb(48, 38, 49); font-size: 1.1rem; opacity: 0; transform: translateY(5px); transition: opacity 0.25s, transform 0.25s; }
.zoom-image:hover .zoom-hint, .zoom-image:focus-visible .zoom-hint { opacity: 1; transform: none; }
.photo figcaption { padding-top: 15px; }
.photo figcaption strong { display: block; font-size: 1rem; line-height: 1.4; font-weight: 700; }
.photo figcaption span { display: block; color: var(--muted); font-size: 0.875rem; line-height: 1.5; margin-top: 5px; }
.history-grid { display: grid; grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 14px; align-items: end; }
.history-year .zoom-image { border-radius: 8px; }
.history-year img { aspect-ratio: 1 / 1; object-fit: contain; background: rgb(234, 223, 231); }
.history-year .photo figcaption { display: none; }
.history-year > strong { font-family: var(--display); font-size: 1.7rem; letter-spacing: -0.06em; display: block; margin: 30px 0px 14px; }
.history-bar { height: 190px; display: flex; align-items: flex-end; border-bottom: 1px solid var(--line); }
.history-bar i { display: block; width: 100%; height: var(--bar); background: linear-gradient(0deg, rgb(178, 154, 202), rgb(221, 190, 190)); border-radius: 5px 5px 0px 0px; transform-origin: center bottom; }
.history-year:last-child .history-bar i { background: linear-gradient(var(--coral),#ce566e); }
.history-year > p { font-weight: 700; font-size: 0.875rem; margin-top: 14px; }
.history-year > p span { font-weight: 400; display: block; }
.history-year small { display: block; font-size: 0.75rem; margin-top: 10px; color: var(--muted); }
.venue-line { font-size: 0.9375rem; margin-top: 30px; line-height: 1.8; }
.venue-line > span { margin-inline: 12px; color: var(--violet); }
.artist-overview { display: grid; grid-template-columns: 1.15fr 0.85fr 0.65fr; gap: 40px; align-items: start; }
.display-number { font: 800 clamp(4rem,8vw,7.5rem)/1 var(--display); letter-spacing: -0.055em; display: block; }
.artist-numbers > p { margin-top: 15px; font-size: 0.9375rem; }
.artist-numbers > p:first-of-type { font-weight: 700; font-size: 1.2rem; }
.artist-numbers small { font-size: 0.8125rem; color: var(--muted); }
.artist-dots { display: grid; grid-template-columns: repeat(19, 1fr); gap: 6px; margin: 28px 0px 14px; }
.artist-dots i { aspect-ratio: 1 / 1; border-radius: 50%; background: var(--violet); }
.artist-dots i.international { background: var(--coral); }
.genre-panel > h3 { margin: 0px 0px 22px; }
.donut { position: relative; width: min(100%, 240px); margin: 0px auto; }
.donut svg { width: 100%; height: auto; transform: rotate(-90deg); }
.donut circle { fill: none; stroke-width: 28; }
.donut-base { stroke: rgba(187, 167, 214, 0.267); }
.donut-seg { stroke: var(--tone); stroke-dasharray: var(--length) calc(100 - var(--length)); stroke-dashoffset: var(--offset); }
.donut > div { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--display); font-size: 2.4rem; letter-spacing: -0.04em; }
.donut > div > span { font: 700 .75rem var(--body); letter-spacing: 0.1em; margin-top: 4px; }
.data-legend { list-style: none; padding: 0px; margin-top: 25px; }
.data-legend li { display: flex; align-items: center; gap: 8px; font-size: 0.875rem; line-height: 1.4; margin: 14px 0px; }
.data-legend b { margin-left: auto; white-space: nowrap; }
.dot { display: inline-block; width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; }
.dot.violet { background: var(--violet); }
.dot.coral { background: var(--coral); }
.dot.teal { background: var(--teal); }
.lineup-poster .zoom-image { background: rgb(213, 233, 220); }
.lineup-poster img { object-fit: contain; }
.headliner-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 36px 20px; }
.headliner-grid .zoom-image { border-radius: 6px; background: rgb(30, 27, 37); }
.headliner-grid img { aspect-ratio: 4 / 5; object-fit: contain; }
.stage-grid { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 40px 24px; }
.stage { grid-column: span 2; }
.stage:first-child, .stage:nth-child(2) { grid-column: span 3; }
.stage img { aspect-ratio: 16 / 10; object-fit: cover; }
.stage > p { display: flex; align-items: center; gap: 20px; margin-top: 16px; }
.stage > p strong { font: 800 clamp(1.75rem,3vw,2.7rem)/1 var(--display); letter-spacing: -0.035em; }
.stage > p span { font-size: 0.75rem; line-height: 1.4; max-width: 160px; color: var(--muted); }
.ecosystem-graph { position: relative; padding: 10px 0px 36px; }
.connections { position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; opacity: 0.6; }
.connections path { fill: none; stroke: var(--teal); stroke-width: 1.4; stroke-dasharray: 5, 7; animation: 20s linear 0s infinite normal none running line-flow; }
.ecosystem-core { position: relative; width: 280px; margin: 0px auto; text-align: center; padding: 24px 12px; background: rgb(238, 253, 242); border: 1px solid rgb(149, 197, 179); border-radius: 100px; }
.ecosystem-core strong { font: 800 4.5rem/1 var(--display); letter-spacing: -0.05em; display: block; }
.ecosystem-core > span { font-size: 0.875rem; display: block; margin-top: 8px; }
.org-nodes { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 25px; margin-top: 95px; position: relative; }
.org-nodes > div { background: rgb(239, 251, 242); border-top: 3px solid var(--teal); padding: 25px 18px; min-height: 146px; }
.org-nodes strong { font: 800 2.8rem/1 var(--display); letter-spacing: -0.04em; display: block; }
.org-nodes > div > span { font-size: 0.875rem; line-height: 1.45; margin-top: 13px; display: block; }
.partner-grid { display: grid; grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 20px; }
.partner-grid .zoom-image { background: white; border-radius: 6px; }
.partner-grid img { aspect-ratio: 1 / 1; object-fit: contain; }
.partner-grid figcaption strong { font-size: 0.875rem; }
.entry-total { display: flex; align-items: center; gap: 40px; padding-bottom: 35px; border-bottom: 1px solid var(--line); }
.entry-total > strong { font: 800 clamp(3.7rem,9vw,8rem)/1 var(--display); letter-spacing: -0.06em; color: var(--violet); }
.entry-total > span { font-size: 1.125rem; line-height: 1.6; }
.entry-metrics { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 25px; padding-block: 36px; }
.entry-metrics strong { display: block; font: 800 2.7rem/1 var(--display); letter-spacing: -0.04em; }
.entry-metrics span:not(.count) { display: block; margin-top: 15px; font-size: 0.9375rem; }
.entry-flow { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 26px; width: min(86%, 1080px); margin: 35px auto 0px; }
.entry-flow article { position: relative; overflow: visible; padding: 0px; border-radius: 16px; background: rgb(255, 250, 243); box-shadow: rgba(7, 86, 107, 0.094) 0px 12px 28px; animation: 6s ease-in-out 0s infinite normal none running entry-step-focus; }
.entry-flow article:nth-child(2) { animation-delay: 2s; }
.entry-flow article:nth-child(3) { animation-delay: 4s; }
.entry-flow figure { margin: 0px; overflow: hidden; border-radius: 16px; }
.entry-flow figcaption { text-align: center; padding: 14px 12px 16px; }
.entry-flow figcaption strong, .entry-flow figcaption span { display: block; }
.entry-flow figcaption span { margin-top: 5px; }
.entry-flow figure a { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: rgb(11, 52, 64); }
.entry-flow img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.entry-flow article:first-child img { object-fit: cover; }
.entry-flow article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -28px; top: calc(50% - 22px); display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgb(242, 122, 50); color: rgb(255, 244, 231); font-size: 1.5rem; font-weight: 800; animation: 6s ease-in-out 0s infinite normal none running entry-arrow-pulse; }
.entry-flow article:nth-child(2)::after { animation-delay: 2s; }
@keyframes entry-step-focus { 
  0%, 100% { transform: translateY(0px); box-shadow: rgba(7, 86, 107, 0.094) 0px 12px 28px; }
  12%, 28% { transform: translateY(-7px); box-shadow: rgba(7, 86, 107, 0.196) 0px 20px 34px; }
}
@keyframes entry-arrow-pulse { 
  0%, 100% { opacity: 0.45; transform: scale(0.9); }
  18%, 30% { opacity: 1; transform: scale(1.08); }
}
.step-index { display: grid; place-items: center; width: 44px; height: 44px; background: var(--violet); color: white; border-radius: 50%; font-weight: 700; font-size: 0.875rem; }
.entry-flow .step-index { position: absolute; top: 16px; left: 16px; }
.payment-lines { display: grid; grid-template-columns: 1.5fr 1fr; gap: 50px; border-top: 1px solid var(--line); padding-top: 35px; margin-top: 45px; }
.payment-lines h3 { font-size: 1rem; margin-bottom: 14px; }
.payment-lines p { font-size: 0.9375rem; }
.marketing-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 6px; width: min(92%, 1100px); margin-inline: auto; border: 0px; }
.marketing-grid article { padding: 5px 7px; border: 1px solid rgba(10, 168, 146, 0.333); border-radius: 8px; background: rgba(255, 248, 238, 0.95); position: relative; box-shadow: rgba(7, 86, 107, 0.07) 0px 5px 12px; text-align: center; animation: 14.4s ease-in-out 0s infinite normal none running marketing-card-glow; isolation: isolate; }
.marketing-grid article::after { display: none; }
.marketing-grid article:nth-child(2) { animation-delay: -0.6s; }
.marketing-grid article:nth-child(3) { animation-delay: -1.2s; }
.marketing-grid article:nth-child(4) { animation-delay: -1.8s; }
.marketing-grid article:nth-child(5) { animation-delay: -2.4s; }
.marketing-grid article:nth-child(6) { animation-delay: -3s; }
.marketing-grid article:nth-child(7) { animation-delay: -3.6s; }
.marketing-grid article:nth-child(8) { animation-delay: -4.2s; }
.marketing-grid article:nth-child(9) { animation-delay: -4.8s; }
.marketing-grid article:nth-child(10) { animation-delay: -5.4s; }
.marketing-grid article:nth-child(11) { animation-delay: -6s; }
.marketing-grid article:nth-child(12) { animation-delay: -6.6s; }
@keyframes marketing-card-glow { 
  0%, 100% { border-color: rgba(10, 168, 146, 0.333); box-shadow: rgba(7, 86, 107, 0.07) 0px 5px 12px; }
  4%, 10% { border-color: rgb(242, 122, 50); box-shadow: rgba(242, 122, 50, 0.208) 0px 0px 0px 2px, rgba(244, 210, 31, 0.333) 0px 0px 22px, rgba(7, 86, 107, 0.133) 0px 10px 24px; }
  16% { border-color: rgba(10, 168, 146, 0.333); box-shadow: rgba(7, 86, 107, 0.07) 0px 5px 12px; }
}
.motion-paused .marketing-grid article { animation-play-state: paused; }
.motion-paused .marketing-grid article::after { display: none; }
.marketing-grid strong { display: block; font: 800 clamp(2rem,3.1vw,3rem)/1 var(--display); letter-spacing: -0.04em; margin: 8px 0px 4px; }
.marketing-grid h3 { font-size: 0.97rem; min-height: 0px; }
.marketing-grid .small-number { display: block; }
.marketing-grid .small-number { color: rgb(87, 48, 74); }
.metric-line { display: block; width: 36px; height: 4px; border-radius: 5px; background: rgb(117, 64, 96); margin-top: 28px; animation: 6s ease-in-out 0s infinite normal none running breath-line; }
.marketing-photos { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 18px; margin-top: 52px; }
.marketing-photos figure { margin: 0px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 18px; background: rgba(255, 255, 255, 0.196); box-shadow: rgba(7, 86, 107, 0.125) 0px 14px 30px, rgba(255, 255, 255, 0.667) 0px 1px inset; backdrop-filter: blur(10px); }
.marketing-photos .zoom-image { display: block; overflow: hidden; }
.marketing-photos img { display: block; width: 100%; height: 190px; object-fit: cover; background: rgb(249, 196, 182); transition: transform 0.45s; }
.marketing-photos figure:hover img { transform: scale(1.04); }
.marketing-photos figcaption { padding: 12px 10px 14px; text-align: center; }
.marketing-photos figcaption strong { font-size: 0.8rem; color: rgb(7, 86, 107); }
.reach-hero { position: relative; text-align: center; padding: 40px 0px; }
.reach-hero > strong { display: block; font: 800 clamp(6rem,17vw,14rem)/1 var(--display); letter-spacing: -0.08em; color: rgb(232, 202, 250); position: relative; }
.reach-hero > span { font-size: 1rem; letter-spacing: 0.18em; text-transform: uppercase; position: relative; }
.reach-orbit { position: absolute; width: 70%; height: 90%; left: 15%; top: 5%; border: 1px solid rgba(204, 176, 252, 0.333); border-radius: 50%; transform: rotate(-10deg); }
.reach-orbit::before { content: ""; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: rgb(248, 181, 145); top: 10%; left: 20%; box-shadow: rgb(248, 181, 145) 0px 0px 30px; animation: 4s ease-in-out 0s infinite normal none running signal-pulse; }
.reach-support { display: flex; justify-content: center; gap: 100px; padding-top: 28px; }
.reach-support > div { text-align: center; min-width: 230px; padding: 18px 26px; border: 1px solid rgba(7, 86, 107, 0.2); border-radius: 14px; background: rgba(255, 255, 255, 0.22); box-shadow: rgba(7, 86, 107, 0.07) 0px 8px 22px; }
.reach-support strong { font: 800 3rem/1.1 var(--display); letter-spacing: -0.035em; display: block; }
.reach-support strong { animation: 2.8s ease-in-out 0s infinite normal none running reach-number-pulse; }
.reach-support span { display: block; font-size: 0.875rem; margin-top: 10px; color: var(--muted); }
.channel-list article { position: relative; padding: 14px 18px; border: 1px solid rgba(7, 86, 107, 0.2); border-radius: 14px; background: rgba(255, 255, 255, 0.22); box-shadow: rgba(7, 86, 107, 0.07) 0px 8px 22px; }
.channel-list article > div:first-child { display: flex; align-items: center; gap: 12px; }
.channel-logo { width: 34px; height: 34px; border-radius: 6px; display: grid; place-items: center; background: rgb(255, 255, 255); border: 1px solid rgba(7, 86, 107, 0.2); overflow: hidden; flex: 0 0 auto; }
.channel-logo img { width: 100%; height: 100%; padding: 4px; object-fit: contain; }
.channel-list article p { margin: 8px 0px 0px; font-size: 0.92rem; opacity: 0.8; }
.channel-list article .bar-track { margin-top: 12px; }
@keyframes reach-number-pulse { 
  0%, 100% { transform: scale(1); text-shadow: transparent 0px 0px 0px; }
  50% { transform: scale(1.06); text-shadow: rgba(10, 168, 146, 0.4) 0px 0px 18px; }
}
.creator-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.creator-cards article { position: relative; overflow: hidden; border-radius: 18px; min-height: 190px; background: rgb(7, 86, 107); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.533); box-shadow: rgba(7, 86, 107, 0.14) 0px 12px 28px; }
.creator-cards img { width: 100%; height: 190px; object-fit: cover; opacity: 0.68; display: block; }
.creator-cards article::after { content: ""; position: absolute; inset: 45% 0px 0px; background: linear-gradient(transparent, rgba(7, 86, 107, 0.933)); }
.creator-cards article > div { position: absolute; z-index: 1; left: 18px; right: 18px; bottom: 16px; display: flex; align-items: end; justify-content: space-between; }
.creator-cards strong { font-size: 2rem; line-height: 1; }
.creator-cards span { font-size: 0.95rem; }
@media (max-width: 700px) {
  .creator-cards { grid-template-columns: 1fr; }
}
.creator-row { margin-top: 34px; }
.creator-row > h3 { text-align: center; font-size: 1.8rem; margin: 0px 0px 18px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(7, 86, 107); }
.creator-cards { gap: 20px; }
.creator-cards article { min-height: 210px; }
.creator-cards img { height: 210px; }
.creator-cards article > div { left: 20px; right: 20px; bottom: 18px; display: block; }
.creator-cards strong { display: block; color: rgb(255, 255, 255); font-size: 2.15rem; text-shadow: rgb(0, 0, 0) 0px 2px 12px; }
.creator-cards span { display: block; margin-top: 4px; color: rgb(255, 255, 255); font-size: 1rem; font-weight: 600; letter-spacing: 0.04em; }
.creator-cards strong { color: rgb(244, 210, 31) !important; text-shadow: rgba(244, 210, 31, 0.6) 0px 0px 16px, rgb(0, 0, 0) 0px 2px 8px; }
.creator-row > h3 { text-align: center; }
.creator-cards article { display: flex; flex-direction: column; min-height: 0px; background: rgba(255, 255, 255, 0.22); color: rgb(7, 86, 107); }
.creator-cards article::after { display: none; }
.creator-cards img { height: 170px; opacity: 1; }
.creator-cards article > div { position: static; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.creator-cards strong { text-shadow: none; font-size: 1.9rem; color: rgb(255, 255, 255) !important; }
.creator-cards span { color: rgb(7, 86, 107); font-weight: 700; }
.channel-list { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 60px; }
.channel-list article > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.channel-list h4 { font-size: 1rem; }
.channel-list strong { font-family: var(--display); font-size: 1.6rem; letter-spacing: -0.03em; }
.bar-track { height: 12px; border-radius: 10px; background: rgba(151, 125, 155, 0.125); overflow: hidden; }
.bar-track i { display: block; width: var(--bar); height: 100%; background: var(--tone,var(--violet)); border-radius: 10px; transform-origin: left center; }
.channel-list p { font-size: 0.8125rem; color: var(--muted); margin-top: 10px; }
.channel-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px 22px; align-items: stretch; }
.channel-list article { min-height: 148px; display: flex; flex-direction: column; justify-content: space-between; }
.channel-list article > div:first-child { grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; margin-bottom: 8px; display: grid !important; }
.channel-list article > div:first-child h4 { margin: 0px; }
.channel-list article > div:first-child strong { justify-self: end; white-space: nowrap; }
.channel-list article .bar-track { margin-top: 8px; }
.channel-list article p { margin: 8px 0px 0px; min-height: 18px; }
@media (max-width: 700px) {
  .channel-list { grid-template-columns: 1fr; gap: 14px; }
  .channel-list article { min-height: 132px; }
  .channel-list article > div:first-child { display: grid !important; }
}
.creator-row { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 52px; padding-block: 30px; border-block: 1px solid var(--line); }
.creator-row h3 { font-size: 1rem; max-width: 120px; }
.creator-row p { font-size: 0.9375rem; }
.creator-row strong { font: 800 2.25rem/1 var(--display); color: rgb(172, 224, 206); display: block; margin-bottom: 8px; }
.value-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 22px; }
.value-grid .small-number { display: block; margin-bottom: 16px; }
.value-grid img { aspect-ratio: 1 / 1; object-fit: contain; background: rgb(242, 231, 226); }
.value-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 22px; }
.value-grid > article { padding: 14px; border: 1px solid rgba(7, 86, 107, 0.2); border-radius: 18px; background: rgba(255, 248, 238, 0.95); box-shadow: rgba(7, 86, 107, 0.094) 0px 10px 24px; }
.value-grid > article:nth-child(5) { grid-column: 2 / 4; max-width: 430px; justify-self: center; padding: 22px; }
.value-grid > article:nth-child(5) figcaption strong { font-size: 1.15rem; }
.milestone-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; border-top: 1px solid var(--line); }
.milestone-grid article { padding: 35px 35px 35px 0px; border-bottom: 1px solid var(--line); }
.milestone-grid article + article { padding-left: 35px; }
.milestone-grid strong { font: 800 clamp(2.5rem,4.5vw,4.4rem)/1.15 var(--display); letter-spacing: -0.04em; display: block; margin: 34px 0px 18px; }
.milestone-grid .metric-word { font-size: 1.6rem; line-height: 1.2; min-height: 3.6em; }
.milestone-grid p { font-size: 0.9375rem; }
.vision-copy { max-width: 780px; }
.vision-copy > p:first-child { font-size: 1.25rem; line-height: 1.85; }
.vision-copy > strong { font-family: var(--display); font-size: 1.8rem; letter-spacing: -0.03em; display: block; margin-top: 38px; }
#vision .container { padding-bottom: 65px; }
#vision .section-heading { position: relative; z-index: 2; }
.floating-keys { position: absolute; right: 5%; bottom: 12%; display: flex; gap: 45px; transform: rotate(-15deg); z-index: -1; }
.floating-keys .key-mini { width: clamp(55px, 6vw, 90px); height: clamp(55px, 6vw, 90px); opacity: 0.35; animation: 8s ease-in-out 0s infinite normal none running key-float; }
.floating-keys .key-mini:nth-child(2) { animation-delay: -3s; }
.floating-keys .key-mini:nth-child(3) { animation-delay: -5s; }
.audience-top { display: flex; align-items: center; gap: 35px; padding-bottom: 45px; border-bottom: 1px solid var(--line); }
.audience-top > .display-number { font-size: clamp(3.8rem, 9vw, 8rem); color: var(--violet); }
.audience-top > span { max-width: 225px; font-size: 0.875rem; letter-spacing: 0.08em; }
.audience-charts { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 90px; margin-top: 45px; }
.audience-charts h3 { margin-bottom: 26px; }
.gender-legend { display: flex; justify-content: center; gap: 30px; margin-top: 22px; }
.gender-legend > span { font-size: 0.875rem; }
.gender-legend b { display: block; font: 800 1.6rem/1.3 var(--display); letter-spacing: -0.03em; }
.gender-legend > span:first-child b { color: var(--violet); }
.gender-legend > span:last-child b { color: rgb(183, 69, 109); }
.bars { display: grid; gap: 22px; }
.bar-row > div:first-child { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 9px; font-size: 0.9375rem; }
.bar-row strong { font-family: var(--display); font-size: 1.1rem; }
.daily-plan { display: grid; grid-template-columns: 1fr 1.2fr; gap: 75px; margin-top: 60px; border-top: 1px solid var(--line); padding-top: 45px; }
.daily-plan h3 { margin-bottom: 24px; }
.daily-plan img { height: 210px; object-fit: cover; }
.daily-plan dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); padding: 20px 0px; }
.daily-plan dd { font: 800 2.1rem/1.1 var(--display); letter-spacing: -0.035em; white-space: nowrap; }
.daily-plan dt { font-size: 0.9375rem; }
.interest-line { margin-top: 38px; font-size: 0.9375rem; font-weight: 700; line-height: 1.9; }
.culture-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 22px; }
.culture-grid .zoom-image { border-radius: 120px 120px 12px 12px; }
.culture-grid img { aspect-ratio: 3 / 4; object-fit: cover; }
.culture-grid .photo:nth-child(2n) { padding-top: 60px; }
.culture-grid figcaption { padding-top: 22px; }
.world-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 22px; }
.world { position: relative; min-width: 0px; }
.world:first-child { grid-area: span 2 / span 2; }
.world:first-child .photo { height: 100%; }
.world .zoom-image { border-radius: 8px; }
.world img { height: 190px; object-fit: cover; }
.world:first-child .zoom-image { height: calc(100% - 48px); }
.world:first-child img { height: 100%; min-height: 430px; }
.world-number { position: absolute; top: 16px; left: 16px; background: rgba(41, 35, 52, 0.8); color: white; border: 1px solid rgba(255, 255, 255, 0.333); font-size: 0.75rem; font-weight: 700; border-radius: 40px; padding: 4px 12px; }
.world figcaption strong { font-size: 0.9375rem; }
.expansion-layout { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: 70px; align-items: start; }
.expansion-copy > .display-number { margin-top: 24px; color: var(--teal); }
.expansion-copy h3 { font-size: 1.8rem; margin-top: 10px; }
.check-list { list-style: none; padding: 0px; margin-top: 35px; }
.check-list li { padding: 12px 0px; border-bottom: 1px solid var(--line); font-size: 1rem; display: flex; gap: 13px; }
.check-list li::before { content: "+"; font-weight: 700; color: var(--teal); }
.expansion-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 18px; }
.expansion-photos > .photo:first-child { grid-column: span 2; }
.expansion-photos img { aspect-ratio: 16 / 10; object-fit: cover; }
.map-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 24px; }
.map-tabs { display: inline-flex; padding: 5px; gap: 4px; border: 1px solid var(--line); border-radius: 40px; background: rgba(255, 250, 245, 0.65); }
.map-tabs button { border: 0px; min-height: 44px; padding: 10px 22px; border-radius: 30px; background: transparent; font-size: 0.9375rem; }
.map-tabs [aria-selected="true"] { background: var(--teal); color: white; }
.map-toolbar > p { font-family: var(--display); font-size: 1.8rem; line-height: 1.4; color: var(--teal); letter-spacing: -0.025em; }
.map-toolbar > p > span { display: block; font: 700 .75rem var(--body); letter-spacing: 0.06em; }
.map-frame { padding: 10px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255, 255, 255, 0.65); }
.map-zoom { background: white; border-radius: 12px; }
.map-zoom img { width: 100%; height: auto; object-fit: contain; }
.map-zoom .zoom-hint { opacity: 1; transform: none; right: 20px; bottom: 20px; }
.map-overhead img { height: 680px; object-fit: contain; }
.map-instruction { font-size: 0.8125rem; margin-top: 18px; color: var(--muted); }
.map-legend { padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px 30px; }
.map-legend li { display: flex; align-items: center; gap: 10px; font-size: 0.875rem; min-height: 38px; }
.map-legend b { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; background: var(--place); color: white; border-radius: 50%; font-size: 0.8125rem; }
.map-legend .sponsor-place { font-weight: 700; }
.map-footnote { border-top: 1px solid var(--line); padding-top: 25px; margin-top: 32px; }
.map-footnote > p:not(.note) { font-size: 0.875rem; line-height: 1.8; }
.map-footnote .note { margin-top: 16px; }
.journey-path { position: relative; height: 2px; background: rgba(171, 123, 158, 0.333); width: calc(100% - 200px); margin: 72px auto -26px; }
.journey-path i { position: absolute; inset: -2px auto auto 0px; width: 16px; height: 6px; border-radius: 20px; background: var(--violet); animation: 12s linear 0s infinite normal none running journey-signal; }
.journey-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 50px; position: relative; }
.journey-step .step-index { margin: 0px 0px 32px; }
.journey-step h3 { font: 800 1.9rem/1.2 var(--display); letter-spacing: -0.04em; margin-bottom: 22px; }
.journey-step ul { list-style: none; padding: 0px; }
.journey-step li { font-size: 1rem; padding: 10px 0px; border-bottom: 1px solid var(--line); }
.journey-step:nth-child(2) .step-index { background: var(--coral); }
.journey-step:nth-child(3) .step-index { background: var(--teal); }
.pull-quote { font: 800 clamp(1.5rem,3vw,2.2rem)/1.35 var(--display); letter-spacing: -0.035em; max-width: 810px; margin: 64px 0px 0px; }
.objective-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 60px; }
.objective-grid article { display: flex; gap: 28px; border-top: 1px solid var(--line); padding: 35px 0px; }
.objective-number { font: 800 2.5rem/1 var(--display); letter-spacing: -0.05em; color: var(--violet); }
.objective-grid h3 { font-size: 1.3rem; margin-bottom: 14px; }
.objective-grid p { font-size: 0.9375rem; color: var(--muted); line-height: 1.7; }
.activation-layout { display: grid; grid-template-columns: 0.6fr 1.4fr; gap: 65px; }
.activation-layout h3 { margin-bottom: 22px; }
.activation-options { list-style: none; padding: 0px; }
.activation-options li { display: flex; gap: 20px; padding: 15px 0px; border-bottom: 1px solid var(--line); font-size: 0.9375rem; }
.activation-options b { font-size: 0.75rem; color: rgb(218, 192, 240); padding-top: 3px; flex: 0 0 auto; }
.activation-gallery { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px 18px; }
.activation-gallery .photo:nth-child(1) { grid-column: span 2; }
.activation-gallery .zoom-image { border-radius: 8px; }
.activation-gallery img { height: 245px; object-fit: cover; }
.activation-gallery .photo:nth-child(2) img { object-fit: contain; background: rgb(61, 51, 73); }
.activation-gallery .photo:last-child { grid-column: span 2; }
.activation-gallery figcaption strong { font-size: 0.875rem; }
.activation-gallery figcaption span { font-size: 0.8125rem; }
.touchpoint-hub { position: relative; display: flex; align-items: center; justify-content: center; gap: 35px; width: max-content; max-width: 100%; padding: 24px 38px; margin: 0px auto 75px; border: 1px solid var(--line); border-radius: 20px; background: var(--paper); z-index: 2; }
.touchpoint-hub::before { content: "×"; position: absolute; left: 50%; font-family: var(--display); font-size: 1.5rem; transform: translateX(-50%); }
.touchpoint-hub .brand-logo { width: 120px; margin-right: 16px; }
.touchpoint-hub > span { font-size: 0.875rem; font-weight: 700; }
.touchpoint-columns { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 30px; position: relative; }
.touchpoint-columns::before { content: ""; height: 60px; position: absolute; top: -46px; left: 12%; right: 12%; border-top: 1px solid var(--line); border-inline: 1px solid var(--line); border-radius: 10px; }
.touchpoint-columns::after { content: ""; width: 1px; height: 30px; position: absolute; top: -76px; left: 50%; background: var(--line); }
.touchpoint-columns article { position: relative; border-top: 3px solid var(--violet); padding-top: 25px; }
.touchpoint-columns article:nth-child(2) { border-color: var(--coral); }
.touchpoint-columns article:nth-child(3) { border-color: var(--teal); }
.touchpoint-columns article:nth-child(4) { border-color: rgb(179, 144, 82); }
.touchpoint-columns h3 { font-size: 1.1rem; margin: 25px 0px; }
.touchpoint-columns ul { list-style: none; padding: 0px; }
.touchpoint-columns li { font-size: 0.9375rem; margin-bottom: 12px; }
.exclusivity-layout { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 100px; align-items: center; }
.exclusive-statement { position: relative; text-align: center; }
.exclusive-statement > strong { font: 800 clamp(8rem,22vw,17rem)/.9 var(--display); color: var(--teal); letter-spacing: -0.08em; }
.exclusive-statement > span { display: block; margin-top: 30px; font-size: 0.875rem; letter-spacing: 0.12em; }
.exclusive-statement .key-mini { position: absolute; top: 25px; right: 12%; transform: rotate(-12deg); width: 65px; height: 65px; animation: 10s ease-in-out 0s infinite normal none running key-float; }
.category-list { list-style: none; padding: 0px; }
.category-list li { display: flex; align-items: center; gap: 25px; border-bottom: 1px solid var(--line); padding: 18px 0px; font-size: 1.1rem; font-weight: 700; }
.category-list b { font-size: 0.75rem; color: var(--teal); }
.status-warning { display: inline-block; padding: 10px 18px; font-size: 0.8125rem; font-weight: 700; border: 1px solid rgb(170, 100, 108); background: rgb(255, 230, 217); border-radius: 6px; margin-bottom: 32px; color: rgb(112, 54, 65); }
.target-lineup { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 32px; }
.target-lineup h3 { font-size: 0.875rem; letter-spacing: 0.05em; margin-bottom: 20px; }
.target-lineup img { aspect-ratio: 4 / 3; object-fit: cover; }
.target-lineup figcaption strong { font-size: 1.4rem; font-family: var(--display); letter-spacing: -0.03em; }
.lineup-footer { display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid var(--line); padding-top: 35px; margin-top: 45px; }
.lineup-footer > strong { font-size: 0.9375rem; }
.lineup-footer > p { display: flex; align-items: center; gap: 25px; }
.lineup-footer b { font: 800 4rem/1 var(--display); letter-spacing: -0.04em; color: var(--violet); }
.lineup-footer span { font-size: 0.8125rem; max-width: 190px; line-height: 1.5; }
.ticket-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; }
.ticket { border: 1px solid rgba(103, 63, 87, 0.267); background: rgba(255, 250, 244, 0.84); position: relative; padding: 25px 25px 32px; border-radius: 14px; }
.ticket h3 { font-family: var(--display); font-size: 1.2rem; margin-top: 25px; letter-spacing: -0.025em; }
.ticket > p { font-size: 0.875rem; margin-top: 20px; min-height: 6em; }
.ticket > p span { display: block; }
.ticket > strong { display: block; font: 800 clamp(2.25rem,3.5vw,3.4rem)/1.2 var(--display); letter-spacing: -0.055em; margin-top: 35px; padding-top: 23px; }
.ticket-perforation { position: absolute; bottom: 112px; left: 0px; right: 0px; border-top: 1px dashed rgb(175, 146, 155); }
.ticket-perforation::before, .ticket-perforation::after { content: ""; width: 16px; height: 16px; background: rgb(248, 168, 151); border: 1px solid rgba(160, 125, 133, 0.2); border-radius: 50%; position: absolute; top: -8px; left: -9px; }
.ticket-perforation::after { left: auto; right: -9px; }
.ticket-specials { display: grid; grid-template-columns: 1fr 1.25fr; gap: 20px; margin-top: 25px; }
.ticket-specials article { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 30px; border-radius: 14px; }
.vip-ticket { background: rgb(73, 51, 72); color: rgb(255, 240, 223); }
.single-ticket { background: rgb(245, 214, 203); border: 1px solid var(--line); }
.ticket-specials strong { font: 800 2.6rem/1.2 var(--display); letter-spacing: -0.035em; display: block; margin-top: 13px; }
.ticket-specials p { font-size: 0.875rem; font-weight: 700; }
.ticket-specials article > span { font-size: 0.8125rem; line-height: 1.85; }
.ticket-platform { text-align: center; font-size: 0.9375rem; margin-top: 32px; }
.access-flow { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 32px; position: relative; margin-bottom: 48px; }
.access-flow::before { content: ""; height: 1px; position: absolute; top: 22px; left: 20px; right: 20%; background: var(--line); }
.access-flow .step-index { position: relative; }
.access-flow h3 { margin: 24px 0px 15px; font-family: var(--display); font-size: 1.125rem; }
.access-flow p { font-size: 0.9375rem; max-width: 260px; }
.access-imagery { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.access-imagery img { height: 355px; object-fit: contain; background: rgb(229, 218, 238); }
.privacy-note { margin-top: 38px; padding: 24px; border-left: 3px solid rgb(178, 134, 184); background: rgba(239, 222, 237, 0.6); }
.privacy-note h3 { font-size: 0.9375rem; margin-bottom: 10px; }
.privacy-note p { font-size: 0.9375rem; }
.campaign-range { font-family: var(--display); font-size: 1.35rem; letter-spacing: -0.025em; color: var(--violet); margin-bottom: 28px; }
.campaign-months { display: grid; grid-template-columns: 320px repeat(9, minmax(0px, 1fr)); gap: 0px; border-bottom: 1px solid var(--line); padding-bottom: 15px; }
.campaign-months b { text-align: center; font-size: 0.8125rem; }
.campaign-row { display: grid; grid-template-columns: 320px 1fr; gap: 0px; border-bottom: 1px solid var(--line); min-height: 62px; align-items: center; }
.campaign-row h3 { font-size: 0.9375rem; line-height: 1.5; padding: 15px 20px 15px 0px; }
.campaign-row h3 span { display: none; }
.campaign-lane { display: grid; grid-template-columns: repeat(9, minmax(0px, 1fr)); height: 100%; align-items: center; background: repeating-linear-gradient(to right, transparent 0px, transparent calc(11.111% - 1px), rgba(180, 164, 205, 0.208) calc(11.111% - 1px), rgba(180, 164, 205, 0.208) 11.111%); }
.campaign-lane i { grid-column: var(--month); width: 75%; height: 16px; background: var(--tone); border-radius: 20px; justify-self: center; position: relative; box-shadow: rgba(255, 255, 255, 0.333) 0px 0px 0px 4px; }
.campaign-lane b { display: none; }
.budget-block { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: 42px; padding: 35px; border: 1px solid rgba(168, 138, 192, 0.267); border-radius: 18px; background: rgba(255, 249, 236, 0.6); }
.budget-block strong { font: 800 clamp(2.2rem,4vw,3.4rem)/1.1 var(--display); letter-spacing: -0.055em; }
.budget-block > span { font-size: 0.9375rem; max-width: 140px; }
.budget-block .key-mini { animation: 7s ease-in-out 0s infinite normal none running key-float; }
.package-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }
.package { padding: 30px; border-width: 5px 1px 1px; border-style: solid; border-color: rgb(180, 161, 210) rgba(170, 140, 175, 0.267) rgba(170, 140, 175, 0.267); border-image: none; background: rgb(243, 234, 250); border-radius: 6px 6px 16px 16px; }
.package-0 { background: rgb(48, 38, 49); color: white; border-top-color: rgb(245, 187, 144); --line: #ffffff32; --muted: #d7cad8; }
.package-2 { background: rgb(229, 234, 248); border-top-color: rgb(142, 173, 208); }
.package-label { font-size: 1.0625rem; font-weight: 700; line-height: 1.4; }
.package p[lang] { font-size: 0.9375rem; margin-top: 10px; color: var(--muted); }
.package-price { font: 800 clamp(2.75rem,5vw,4.5rem)/1.1 var(--display); letter-spacing: -0.065em; display: block; margin-top: 30px; }
.footprint { height: 110px; max-width: 190px; display: flex; align-items: center; justify-content: flex-start; margin-top: 15px; }
.footprint i { display: block; width: var(--fw); height: var(--fh); background: linear-gradient(140deg, rgba(162, 133, 205, 0.314), rgba(240, 175, 179, 0.314)); border: 1px dashed rgb(157, 116, 183); transform: skewY(-7deg); animation: 8s ease-in-out 0s infinite normal none running plot-breathe; }
.package-0 .footprint i { border-color: rgb(234, 207, 174); background: linear-gradient(140deg, rgba(255, 233, 201, 0.667), rgba(178, 147, 223, 0.467)); }
.package dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 13px 0px; border-bottom: 1px solid var(--line); font-size: 0.875rem; line-height: 1.5; }
.package dd { text-align: right; font-weight: 700; max-width: 50%; }
.package dt { max-width: 58%; color: var(--muted); }
.invitations { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; margin-top: 28px; }
.invitations strong { font: 800 1.6rem/1.2 var(--display); letter-spacing: -0.035em; }
.invitations strong:nth-child(2) { color: var(--teal); }
.package-0 .invitations strong:nth-child(2) { color: rgb(255, 215, 164); }
.invitations span { display: block; width: 100%; font-size: 0.75rem; color: var(--muted); }
.package-note { margin-top: 27px; font-weight: 700; color: var(--teal); font-size: 0.875rem; }
.table-scroll { max-width: 100%; overflow: auto; border: 1px solid var(--line); border-radius: 14px; scrollbar-color: rgb(157, 124, 186) transparent; overscroll-behavior-inline: contain; }
.rights-table { width: 100%; border-collapse: separate; border-spacing: 0px; min-width: 760px; font-size: 0.9375rem; }
.rights-table caption { text-align: left; padding: 18px 24px; font-size: 0.875rem; background: rgb(253, 249, 240); }
.rights-table thead th { background: rgb(224, 213, 237); padding: 25px 18px; text-align: center; font-weight: 700; font-size: 1rem; }
.rights-table thead th:first-child { text-align: left; min-width: 300px; }
.rights-table thead th:nth-child(2) { background: rgb(52, 41, 54); color: rgb(255, 236, 206); }
.rights-table thead span { display: block; margin-top: 8px; }
.rights-table tbody th, .rights-table tbody td { padding: 18px 24px; border-top: 1px solid var(--line); vertical-align: middle; line-height: 1.45; }
.rights-table tbody th { font-weight: 400; text-align: left; width: 44%; }
.rights-table tbody td { text-align: center; font-weight: 700; color: rgb(35, 108, 101); min-width: 150px; }
.rights-table tbody tr:nth-child(2n+1) { background: rgba(255, 250, 241, 0.5); }
.rights-table tbody tr:nth-child(2n) { background: rgba(229, 220, 237, 0.333); }
.rights-table tbody tr:hover { background: rgb(225, 211, 243); }
.table-hint { display: none; font-size: 0.8125rem; margin-bottom: 18px; }
.reference-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 38px 24px; }
.reference-grid .zoom-image { border-radius: 8px; }
.reference-grid img { height: 340px; object-fit: contain; background: rgb(53, 46, 67); }
.reference-grid > .photo:nth-child(2) { padding-top: 55px; }
.reference-grid > .photo:nth-child(5) { margin-top: -55px; }
.closing-layout { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 100px; }
.closing-manifesto { font-family: var(--display); font-size: 1.4rem; line-height: 1.65; letter-spacing: -0.025em; }
.closing-manifesto > span { display: block; }
.contact-links { display: grid; gap: 12px; margin-top: 38px; max-width: 450px; }
.contact-links a { display: flex; align-items: center; justify-content: space-between; padding: 12px 0px; border-bottom: 1px solid var(--line); font-size: 1.25rem; font-weight: 700; }
.contact-links a:hover { color: var(--violet); }
.contact-location { font-size: 0.9375rem; line-height: 1.9; margin-top: 28px; }
.official-link { display: inline-block; margin-top: 22px; border-bottom: 1px solid var(--line); font-weight: 700; }
.closing-layout > div > p:last-child { font-size: 0.875rem; margin-top: 10px; }
.closing-photo { align-self: center; transform: rotate(4deg); }
.closing-photo .zoom-image { border-radius: 0px; box-shadow: rgba(255, 255, 255, 0.533) 12px 12px 0px; border: 10px solid rgba(255, 255, 255, 0.533); }
.closing-photo img { height: 420px; object-fit: cover; }
.site-footer { margin-top: 90px; border-top: 1px solid var(--line); padding-top: 32px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.site-footer > span, .site-footer > a { font-size: 0.8125rem; font-weight: 700; }
.creator-credit { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.creator-credit img { width: 74px; height: auto; mix-blend-mode: multiply; opacity: 0.72; }
.inline-cross { color: var(--coral); }
.image-dialog { border: 0px; padding: 0px; width: min(96vw, 1500px); max-width: none; height: 94svh; max-height: none; border-radius: 18px; background: rgb(34, 29, 43); color: rgb(255, 248, 242); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.533) 0px 50px 150px; }
.image-dialog::backdrop { background: rgba(24, 16, 33, 0.867); backdrop-filter: blur(12px); }
.viewer-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); min-height: 72px; }
.viewer-toolbar p { font-size: 0.9375rem; line-height: 1.4; }
.viewer-toolbar > div { display: flex; gap: 6px; flex: 0 0 auto; }
.viewer-toolbar button { display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.267); border-radius: 9px; min-width: 44px; min-height: 44px; background: rgba(255, 255, 255, 0.035); color: white; font-size: 1.25rem; }
#zoom-reset { font-size: 0.8125rem; min-width: 56px; }
.viewer-scroll { overflow: auto; padding: 24px; height: calc(100% - 72px); overscroll-behavior: contain; touch-action: pan-x pan-y pinch-zoom; }
.viewer-scroll img { max-width: none; max-height: none; display: block; margin: auto; }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease),transform 1.1s var(--ease); }
.js .reveal.is-visible { opacity: 1; transform: none; }
.js .reveal .bar-track i { transform: scaleX(0); transition: transform 1.5s var(--ease); }
.js .reveal.is-visible .bar-track i { transform: scaleX(1); }
.js .history-year .history-bar i { transform: scaleY(0); transition: transform 1.5s var(--ease); }
.js .history-year.is-visible .history-bar i { transform: scaleY(1); }
.js .reveal.is-visible .donut-seg { animation: ring-draw 1.7s var(--ease) both; }
.js .reveal.is-visible .artist-dots i { animation: dot-enter .8s var(--ease) var(--delay) both; }
@keyframes menu-in { 
  0% { opacity: 0; transform: translateY(-6px); }
}
@keyframes key-float { 
  0%, 100% { transform: translateY(0px) rotate(-4deg); }
  50% { transform: translateY(-16px) rotate(4deg); }
}
@keyframes logo-breathe { 
  0%, 100% { transform: scale(0.92); opacity: 0.86; }
  50% { transform: scale(1.04); opacity: 1; }
}
@keyframes symbol-drift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(-1deg); }
  50% { transform: translate3d(0px, -9px, 0px) rotate(1deg); }
}
@keyframes orbit-spin { 
  100% { transform: rotate(335deg) scaleX(0.68); }
}
@keyframes orbit-spin-reverse { 
  100% { transform: rotate(-304deg) scaleX(0.72); }
}
@keyframes node-pulse { 
  0%, 100% { transform: scale(1); opacity: 0.82; }
  50% { transform: scale(1.16); opacity: 1; }
}
@keyframes ribbon-scroll { 
  100% { transform: translateX(-50%); }
}
@keyframes line-flow { 
  100% { stroke-dashoffset: -240; }
}
@keyframes breath-line { 
  0%, 100% { transform: scaleX(0.8); transform-origin: left center; }
  50% { transform: scaleX(1.3); transform-origin: left center; }
}
@keyframes signal-pulse { 
  0%, 100% { opacity: 0.65; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.25); }
}
@keyframes journey-signal { 
  100% { left: calc(100% - 16px); }
}
@keyframes plot-breathe { 
  0%, 100% { opacity: 0.7; transform: skewY(-7deg) translateY(0px); }
  50% { opacity: 1; transform: skewY(-7deg) translateY(-5px); }
}
@keyframes ring-draw { 
  0% { stroke-dasharray: 0, 100; }
}
@keyframes dot-enter { 
  0% { opacity: 0; transform: scale(0.3); }
}
.motion-paused *, .motion-paused ::before, .motion-paused ::after { animation-play-state: paused !important; }
.motion-paused .reveal { opacity: 1; transform: none; }
.motion-paused .artist-dots i { opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none !important; }
.motion-paused .bar-track i, .motion-paused .history-year .history-bar i { transform: none !important; }
.motion-paused .donut-seg { animation: auto ease 0s 1 normal none running none !important; }
.motion-paused .hero-landscape { transform: none !important; }
.motion-paused { scroll-behavior: auto; }
@media (max-width: 1150px) {
  :root { --header: 76px; }
  .container { width: min(100% - 56px, 980px); }
  .site-header { padding: 10px 24px; gap: 20px; }
  .brand { flex-basis: 106px; }
  .brand-logo { width: 106px; }
  .menu-toggle { display: flex; align-items: center; gap: 15px; min-height: 44px; margin-left: auto; border: 0px; background: transparent; font-size: 0.9375rem; font-weight: 700; padding: 8px; }
  .menu-toggle i { display: block; width: 20px; height: 12px; border-block: 1.5px solid; transition: transform 0.3s; }
  .nav-open .menu-toggle i { transform: rotate(90deg); }
  #navigation { display: none; position: fixed; inset: var(--header) 0 0; z-index: 90; width: 100%; height: calc(100dvh - var(--header)); max-height: none; overflow-y: auto; overscroll-behavior: contain; background: rgb(255, 250, 245); flex-direction: column; align-items: stretch; gap: 0px; padding: 28px 28px calc(48px + env(safe-area-inset-bottom)); }
  .nav-open #navigation { display: flex; }
  .nav-group { border-bottom: 1px solid var(--line); padding: 8px 0px; }
  .nav-group summary { font-size: 1.125rem; justify-content: space-between; padding: 7px 0px; }
  .submenu { position: static; min-width: 0px; border: 0px; box-shadow: none; padding: 0px 0px 15px; max-height: none; border-radius: 0px; }
  .submenu a { font-size: 0.9375rem; min-height: 44px; padding: 10px 16px; }
  .nav-contact { align-self: flex-start; margin-top: 26px; font-size: 1rem; }
  html:not(.js) .site-header { height: auto; flex-wrap: wrap; position: relative; }
  html:not(.js) #navigation { position: static; display: flex; width: 100%; max-height: none; padding: 0px; }
  html:not(.js) .menu-toggle { display: none; }
  .hero-layout { grid-template-columns: 1.6fr 0.65fr; gap: 25px; }
  .hero-copy h1 { font-size: clamp(3.3rem, 6.6vw, 5.7rem); }
  .key-art { min-width: 185px; }
  .hero-symbol .year-tag { font-size: 3.5rem; }
  .hero-bottom { flex-wrap: wrap; }
  .history-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 40px 24px; }
  .history-year > strong { font-size: 2rem; }
  .history-bar { height: 140px; }
  .artist-overview { grid-template-columns: 1.2fr 1fr; gap: 45px; }
  .lineup-poster { grid-column: 1 / -1; max-width: 340px; margin: 0px auto; }
  .headliner-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 32px 14px; }
  .headliner-grid figcaption strong { font-size: 0.875rem; }
  .headliner-grid figcaption span { font-size: 0.8125rem; }
  .partner-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 30px; }
  .org-nodes { gap: 14px; }
  .org-nodes > div { padding: 22px 12px; }
  .marketing-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .marketing-photos { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .value-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 32px; }
  .culture-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 35px; }
  .culture-grid .photo:nth-child(2n) { padding-top: 0px; }
  .audience-charts { gap: 50px; }
  .expansion-layout { gap: 40px; }
  .world-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .world:first-child { grid-area: span 2 / span 2; }
  .activation-layout { grid-template-columns: 0.7fr 1.3fr; gap: 32px; }
  .activation-gallery { grid-template-columns: 1fr 1fr; }
  .activation-gallery .photo:nth-child(1), .activation-gallery .photo:last-child { grid-column: span 1; }
  .activation-gallery img { height: 210px; }
  .exclusivity-layout { gap: 50px; }
  .package { padding: 23px; }
  .package-label { font-size: 1rem; }
  .package-price { font-size: 3.2rem; }
  .package dl > div { flex-direction: column; gap: 4px; }
  .package dt, .package dd { max-width: none; text-align: left; }
  .package-grid { gap: 14px; }
  .invitations strong { font-size: 1.3rem; }
  .campaign-months { grid-template-columns: 250px repeat(9, minmax(0px, 1fr)); }
  .campaign-row { grid-template-columns: 250px 1fr; }
  .closing-layout { gap: 60px; }
}
@media (max-width: 800px) {
  .container { width: calc(100% - 40px); }
  .hero-layout { grid-template-columns: 1.7fr 0.55fr; gap: 12px; margin-block: 42px 58px; }
  .hero-copy h1 { font-size: clamp(2.8rem, 6.7vw, 4rem); }
  .hero-symbol { min-height: 220px; }
  .symbol-field { width: min(100%, 250px); }
  .symbol-year { font-size: 3.2rem; }
  .key-art { min-width: 130px; }
  .hero-symbol .year-tag { font-size: 2.6rem; top: 12%; right: 0px; }
  .symbol-caption { display: none; }
  .hero-bottom { gap: 24px; }
  .hero-bottom .round-link { margin-top: 4px; }
  .confidential { grid-template-columns: 1fr; gap: 16px; }
  .section-heading h2 { font-size: clamp(2.5rem, 6vw, 3.5rem); }
  .headliner-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .stage-grid { grid-template-columns: 1fr 1fr; }
  .stage, .stage:first-child, .stage:nth-child(2) { grid-column: auto; }
  .stage:first-child { grid-column: span 2; }
  .stage > p { align-items: flex-start; flex-direction: column; gap: 8px; }
  .connections { display: none; }
  .ecosystem-core { max-width: 100%; }
  .org-nodes { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; margin-top: 35px; }
  .entry-total { gap: 25px; }
  .entry-metrics { grid-template-columns: 1fr 1fr; gap: 35px; }
  .entry-flow { gap: 18px; }
  .entry-flow img { height: 155px; }
  .entry-flow figcaption strong { font-size: 0.875rem; }
  .payment-lines { grid-template-columns: 1fr; gap: 25px; }
  .marketing-grid { grid-template-columns: 1fr 1fr; }
  .marketing-grid strong { font-size: 3.3rem; }
  .channel-list { gap: 32px; }
  .channel-list article > div:first-child { display: block; }
  .channel-list h4 { margin-bottom: 12px; }
  .creator-row { flex-wrap: wrap; justify-content: flex-start; gap: 32px; }
  .creator-row h3 { width: 100%; max-width: none; }
  .milestone-grid { grid-template-columns: 1fr 1fr; }
  .milestone-grid article, .milestone-grid article + article { padding: 30px 22px 30px 0px; }
  .milestone-grid strong { font-size: 3rem; }
  .audience-charts { grid-template-columns: 1fr 1.15fr; gap: 30px; }
  .audience-top { display: block; }
  .audience-top > span { display: block; margin-top: 18px; max-width: none; }
  .daily-plan { gap: 30px; }
  .daily-plan dd { font-size: 1.65rem; }
  .culture-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .world-grid { grid-template-columns: 1fr 1fr; }
  .world:first-child { grid-area: auto / span 2; }
  .world:first-child .zoom-image { height: auto; }
  .world:first-child img { height: 320px; min-height: 0px; }
  .expansion-layout { grid-template-columns: 1fr; }
  .expansion-copy > .display-number { font-size: 6rem; }
  .map-legend { grid-template-columns: 1fr 1fr; gap: 12px 20px; }
  .map-overhead img { height: 550px; }
  .journey-grid { gap: 28px; }
  .journey-step h3 { font-size: 1.4rem; }
  .journey-step li { font-size: 0.9375rem; }
  .objective-grid { gap: 0px 32px; }
  .objective-grid article { gap: 18px; }
  .activation-layout { grid-template-columns: 1fr; }
  .activation-options { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 32px; }
  .activation-gallery { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .touchpoint-columns { grid-template-columns: 1fr 1fr; gap: 40px; }
  .touchpoint-columns::before, .touchpoint-columns::after { display: none; }
  .touchpoint-hub { margin-bottom: 35px; }
  .exclusivity-layout { gap: 40px; grid-template-columns: 0.65fr 1.35fr; }
  .exclusive-statement > strong { font-size: 10rem; }
  .exclusive-statement .key-mini { width: 45px; height: 45px; right: 0px; top: 0px; }
  .category-list li { font-size: 1rem; gap: 15px; }
  .target-lineup { gap: 20px; }
  .target-lineup figcaption strong { font-size: 1.05rem; }
  .lineup-footer { align-items: flex-start; flex-direction: column; }
  .ticket-grid { grid-template-columns: 1fr 1fr; }
  .ticket-specials { grid-template-columns: 1fr; }
  .access-flow { grid-template-columns: 1fr 1fr; gap: 30px; }
  .access-flow::before { display: none; }
  .access-imagery img { height: 260px; }
  .campaign-months { grid-template-columns: 190px repeat(9, minmax(0px, 1fr)); }
  .campaign-months b { font-size: 0.75rem; }
  .campaign-row { grid-template-columns: 190px 1fr; }
  .campaign-row h3 { font-size: 0.875rem; }
  .budget-block { flex-wrap: wrap; }
  .package-grid { grid-template-columns: 1fr; gap: 24px; }
  .package { padding: 32px; }
  .package-price { font-size: 4rem; }
  .package dl > div { flex-direction: row; align-items: baseline; font-size: 0.9375rem; }
  .package dt { max-width: 55%; }
  .package dd { max-width: 45%; text-align: right; }
  .footprint { max-width: 230px; }
  .invitations strong { font-size: 2rem; }
  .table-hint { display: block; }
  .reference-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
  .reference-grid img { height: 280px; }
  .reference-grid > .photo:nth-child(2) { padding: 0px; }
  .reference-grid > .photo:nth-child(5) { margin: 0px; }
  .closing-layout { grid-template-columns: 1fr; }
  .closing-photo { max-width: 520px; transform: rotate(2deg); }
  .closing-photo img { height: 300px; }
  .site-footer { flex-wrap: wrap; gap: 24px; }
}
@media (max-width: 520px) {
  :root { --header: 70px; }
  .container { width: calc(100% - 32px); }
  .site-header { padding: 8px 16px; gap: 14px; }
  .brand { flex-basis: 91px; }
  .brand-logo { width: 91px; }
  .menu-toggle { font-size: 0.875rem; gap: 12px; }
  .motion-toggle { min-height: 40px; min-width: 40px; border-radius: 8px; }
  .motion-label { font-size: 0.75rem; }
  #navigation { padding: 18px 22px 35px; }
  .hero { padding-top: 38px; min-height: 0px; }
  .hero-layout { display: block; margin-top: 32px; margin-bottom: 26px; }
  .hero .eyebrow { max-width: 260px; font-size: 0.75rem; }
  .overline { font-size: 0.8125rem; margin-bottom: 20px; }
  .hero-copy h1 { font-size: clamp(2.35rem, 9.4vw, 3rem); letter-spacing: -0.045em; line-height: 1.09; }
  .hero-subtitle { font-size: 1rem; margin-top: 22px; }
  .hero-symbol { min-height: 205px; width: 220px; margin-left: auto; margin-top: 15px; }
  .symbol-field { width: 190px; }
  .symbol-year { font-size: 2.7rem; top: 2%; right: 1%; }
  .hero-symbol .year-tag { top: 10%; right: 0px; font-size: 2.5rem; }
  .key-art { width: 135px; min-width: 0px; justify-self: start; }
  .hero-bottom { gap: 18px; padding-top: 22px; }
  .hero-bottom > div { width: 100%; }
  .hero-bottom strong { font-size: 0.875rem; }
  .hero-bottom .round-link { margin-top: 8px; width: 100%; justify-content: space-between; }
  .confidential { padding-block: 25px; }
  .pattern-ribbon > div { gap: 25px; padding: 15px 0px; }
  .pattern-ribbon b { font-size: 0.75rem; letter-spacing: 0.12em; }
  .pattern-ribbon .key-mini { width: 28px; height: 28px; }
  .chapter { padding: 68px 0px; }
  .section-heading { margin-bottom: 35px; }
  .section-heading h2 { font-size: clamp(2.15rem, 9vw, 2.85rem); letter-spacing: -0.045em; line-height: 1.1; }
  .eyebrow { font-size: 0.75rem; letter-spacing: 0.085em; }
  .zoom-hint { opacity: 1; transform: none; width: 28px; height: 28px; right: 8px; bottom: 8px; font-size: 0.9375rem; }
  .photo figcaption strong { font-size: 0.9375rem; }
  .photo figcaption span { font-size: 0.875rem; }
  .history-grid { grid-template-columns: 1fr 1fr; gap: 32px 18px; }
  .history-year > strong { font-size: 1.9rem; margin-top: 20px; }
  .history-bar { height: 110px; }
  .venue-line { font-size: 0.875rem; }
  .venue-line > span { display: block; margin: 4px 0px; }
  .artist-overview { grid-template-columns: 1fr; gap: 45px; }
  .display-number { font-size: 5rem; }
  .artist-dots { gap: 6px; }
  .donut { max-width: 230px; }
  .genre-panel { border-top: 1px solid var(--line); padding-top: 25px; }
  .lineup-poster { grid-column: auto; width: 100%; max-width: 270px; }
  .headliner-grid { grid-template-columns: 1fr 1fr; gap: 30px 16px; }
  .headliner-grid figcaption span { font-size: 0.8125rem; }
  .stage-grid { grid-template-columns: 1fr; gap: 40px; }
  .stage:first-child { grid-column: auto; }
  .stage > p { flex-direction: row; align-items: center; gap: 20px; }
  .stage > p strong { font-size: 1.85rem; }
  .stage > p span { font-size: 0.75rem; }
  .org-nodes { grid-template-columns: 1fr 1fr; gap: 14px; }
  .org-nodes > div:last-child { grid-column: span 2; }
  .org-nodes > div > span { font-size: 0.9375rem; }
  .partner-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  .entry-total { display: block; }
  .entry-total > strong { font-size: clamp(3.5rem, 14vw, 4.7rem); }
  .entry-total > span { display: block; margin-top: 15px; font-size: 1rem; }
  .entry-metrics strong { font-size: 2.1rem; }
  .entry-metrics { gap: 30px 16px; }
  .entry-flow { grid-template-columns: 1fr; gap: 35px; }
  .entry-flow { width: 100%; }
  .entry-flow img { height: 220px; }
  .entry-flow figcaption strong { font-size: 1rem; }
  .entry-flow article:not(:last-child)::after { content: "↓"; inset: auto auto -40px calc(50% - 22px); }
  .marketing-grid article { padding: 23px 16px; }
  .marketing-grid strong { font-size: 2.5rem; margin: 25px 0px 15px; }
  .marketing-grid h3 { font-size: 0.9375rem; line-height: 1.4; min-height: 3em; }
  .marketing-photos { grid-template-columns: 1fr 1fr; gap: 26px 16px; }
  .marketing-photos img { height: 215px; }
  .reach-hero { padding: 25px 0px; }
  .reach-hero > strong { font-size: clamp(5rem, 26vw, 8rem); }
  .reach-support { gap: 32px; margin-top: 22px; }
  .reach-support > div { min-width: 140px; padding: 11px 12px; }
  .reach-support strong { font-size: 2rem; }
  .channel-list { grid-template-columns: 1fr; }
  .channel-list article > div:first-child { display: flex; }
  .channel-list h4 { margin: 0px; }
  .channel-list strong { font-size: 1.4rem; }
  .creator-row { gap: 28px; }
  .creator-row strong { font-size: 1.65rem; }
  .creator-row p { font-size: 0.875rem; }
  .value-grid { grid-template-columns: 1fr 1fr; gap: 30px 18px; }
  .value-grid > article:last-child { grid-column: span 2; max-width: 290px; justify-self: center; }
  .value-grid figcaption strong { font-size: 0.875rem; line-height: 1.5; }
  .milestone-grid { grid-template-columns: 1fr; }
  .milestone-grid article, .milestone-grid article + article { padding: 28px 0px; }
  .milestone-grid strong { font-size: 3.5rem; margin-top: 22px; }
  .milestone-grid .metric-word { font-size: 1.5rem; min-height: 0px; max-width: 280px; }
  #vision .container { padding-bottom: 75px; }
  .vision-copy > p:first-child { font-size: 1rem; }
  .vision-copy > strong { font-size: 1.5rem; }
  .floating-keys { bottom: 0px; right: 0px; gap: 24px; }
  .audience-top > .display-number { font-size: clamp(3.3rem, 13.7vw, 4.5rem); }
  .audience-charts { grid-template-columns: 1fr; gap: 45px; }
  .daily-plan { grid-template-columns: 1fr; gap: 15px; }
  .daily-plan dd { font-size: 2rem; }
  .daily-plan img { height: 200px; }
  .culture-grid { gap: 30px 18px; }
  .culture-grid .zoom-image { border-radius: 80px 80px 6px 6px; }
  .culture-grid figcaption strong { font-size: 0.875rem; }
  .culture-grid figcaption span { font-size: 0.875rem; }
  .world-grid { gap: 25px 16px; }
  .world img { height: 170px; }
  .world:first-child img { height: 235px; }
  .world figcaption strong { font-size: 0.9375rem; }
  .world-number { left: 10px; top: 10px; }
  .expansion-copy > .display-number { font-size: 5rem; }
  .expansion-photos { gap: 25px 16px; }
  .expansion-photos figcaption strong { font-size: 0.875rem; }
  .map-toolbar { align-items: flex-start; flex-direction: column; }
  .map-tabs { width: 100%; }
  .map-tabs button { flex: 1 1 0%; padding: 10px 12px; font-size: 0.875rem; }
  .map-toolbar > p { font-size: 1.5rem; }
  .map-toolbar > p > span { display: inline-block; margin-left: 12px; font-size: 0.75rem; }
  .map-frame { padding: 5px; border-radius: 10px; }
  .map-zoom { border-radius: 6px; }
  .map-overhead img { height: 440px; }
  .map-legend { grid-template-columns: 1fr; gap: 4px; }
  .map-legend li { font-size: 1rem; padding: 6px 0px; min-height: 44px; }
  .map-legend b { font-size: 0.8125rem; }
  .journey-path { display: none; }
  .journey-grid { grid-template-columns: 1fr; gap: 0px; }
  .journey-step { position: relative; padding: 0px 0px 45px 68px; }
  .journey-step:not(:last-child)::before { content: ""; position: absolute; left: 21px; top: 40px; bottom: 0px; width: 1px; background: rgb(164, 132, 182); }
  .journey-step .step-index { position: absolute; top: 0px; left: 0px; margin: 0px; }
  .journey-step h3 { font-size: 1.5rem; padding-top: 8px; }
  .pull-quote { margin-top: 10px; font-size: 1.7rem; }
  .objective-grid { grid-template-columns: 1fr; }
  .objective-grid article { padding: 25px 0px; }
  .objective-number { font-size: 2.3rem; }
  .objective-grid h3 { font-size: 1.25rem; }
  .activation-options { grid-template-columns: 1fr; gap: 0px; }
  .activation-options li { font-size: 1rem; }
  .activation-gallery { grid-template-columns: 1fr 1fr; gap: 26px 16px; }
  .activation-gallery img { height: 220px; object-fit: contain; background: rgb(48, 39, 57); }
  .touchpoint-hub { gap: 30px; padding: 20px; }
  .touchpoint-hub .brand-logo { width: 95px; margin-right: 0px; }
  .touchpoint-hub > span { font-size: 0.75rem; }
  .touchpoint-hub::before { font-size: 1.1rem; }
  .touchpoint-columns { gap: 35px 20px; }
  .touchpoint-columns h3 { font-size: 1rem; }
  .touchpoint-columns li { font-size: 0.9375rem; }
  .exclusivity-layout { grid-template-columns: 1fr; }
  .exclusive-statement { padding-bottom: 20px; }
  .exclusive-statement > strong { font-size: 10rem; }
  .exclusive-statement .key-mini { right: 22%; top: 6px; }
  .target-lineup { grid-template-columns: 1fr; gap: 40px; }
  .target-lineup img { aspect-ratio: 4 / 3; max-height: 320px; }
  .target-lineup figcaption strong { font-size: 1.3rem; }
  .lineup-footer > p { gap: 22px; }
  .lineup-footer b { font-size: 3.5rem; }
  .status-warning { font-size: 0.75rem; line-height: 1.7; }
  .ticket-grid { grid-template-columns: 1fr; gap: 22px; }
  .ticket { padding: 27px; }
  .ticket h3 { font-size: 1.4rem; }
  .ticket > p { font-size: 1rem; min-height: 3em; }
  .ticket > strong { font-size: 3.2rem; margin-top: 25px; }
  .ticket-perforation { bottom: 118px; }
  .ticket-specials article { padding: 26px; flex-wrap: wrap; }
  .ticket-specials strong { font-size: 2.5rem; }
  .ticket-specials article > span { font-size: 0.875rem; }
  .access-flow { grid-template-columns: 1fr; gap: 28px; }
  .access-flow article { padding-left: 68px; position: relative; }
  .access-flow .step-index { position: absolute; left: 0px; top: 0px; }
  .access-flow h3 { margin: 0px 0px 12px; padding-top: 9px; }
  .access-flow p { max-width: none; }
  .access-imagery { grid-template-columns: 1fr; gap: 30px; }
  .access-imagery img { height: auto; max-height: 360px; object-fit: contain; }
  .privacy-note { padding: 20px; }
  .privacy-note h3 { line-height: 1.55; }
  .campaign-months { display: flex; justify-content: space-between; gap: 5px; padding-bottom: 15px; }
  .campaign-months > span { display: none; }
  .campaign-months b { font-size: 0.75rem; }
  .campaign-row { grid-template-columns: 1fr 68px; padding: 12px 0px; }
  .campaign-row h3 { font-size: 1rem; padding: 8px 16px 8px 0px; }
  .campaign-row h3 span { display: block; font-size: 0.8125rem; font-weight: 400; color: var(--muted); margin-top: 5px; }
  .campaign-lane { display: flex; align-items: center; justify-content: center; background: none; }
  .campaign-lane i { width: 42px; height: 8px; }
  .budget-block { padding: 25px; gap: 22px; }
  .budget-block strong { font-size: 2.2rem; line-height: 1.2; }
  .budget-block > span { max-width: none; width: 70%; }
  .budget-block .key-mini { width: 27px; height: 27px; }
  .package { padding: 26px; }
  .package-price { font-size: 3.8rem; }
  .package-label { font-size: 1.125rem; }
  .package p[lang] { font-size: 1rem; }
  .package dl > div { font-size: 0.9375rem; }
  .invitations strong { font-size: 1.7rem; }
  .rights-table { min-width: 760px; }
  .rights-table tbody th, .rights-table tbody td { padding: 16px 18px; }
  .reference-grid { grid-template-columns: 1fr 1fr; gap: 30px 16px; }
  .reference-grid img { height: 230px; }
  .reference-grid figcaption strong { font-size: 0.875rem; }
  .closing-manifesto { font-size: 1.125rem; line-height: 1.9; }
  .closing-layout { gap: 45px; }
  .contact-links a { font-size: 1.125rem; min-height: 48px; }
  .closing-photo { transform: none; }
  .closing-photo img { height: 260px; }
  .site-footer { margin-top: 55px; padding-top: 25px; }
  .site-footer > span { width: 100%; order: 3; }
  .image-dialog { width: 100vw; height: 100svh; border-radius: 0px; margin: 0px; }
  .viewer-toolbar { padding: 10px 12px; flex-wrap: wrap; gap: 10px; min-height: 110px; }
  .viewer-toolbar p { font-size: 0.875rem; width: 100%; }
  .viewer-toolbar > div { justify-content: space-between; width: 100%; }
  .viewer-toolbar button { min-width: 46px; }
  .viewer-scroll { padding: 14px; height: calc(100% - 110px); }
}
.motion-paused .festival-loop *, .motion-paused .history-count-track i, .motion-paused .artist-share-track i, .motion-paused .genre-bars li > i { animation-play-state: paused !important; }
.hero-layout { position: relative; }
.hero-copy { position: relative; z-index: 2; }
.hero-symbol { position: absolute; top: -24%; right: -10%; width: min(64vw, 760px); height: min(64vw, 760px); min-height: 0px; display: block; z-index: 0; opacity: 0.92; pointer-events: none; }
.hero-symbol .symbol-field { width: 100%; height: 100%; max-width: none; aspect-ratio: auto; }
.hero-symbol .symbol-caption { right: 7%; bottom: 7%; }
.hero-bottom { position: relative; z-index: 3; }
@media (max-width: 800px) {
  .hero-symbol { top: -6%; right: -17%; width: 86vw; height: 86vw; opacity: 0.42; }
  .hero-symbol .symbol-caption { display: none; }
}
@media (max-width: 520px) {
  .hero-symbol { top: -5%; right: -30%; width: 122vw; height: 122vw; opacity: 0.3; }
  .hero-symbol .symbol-node { transform: scale(0.78); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
  .js .reveal { opacity: 1; transform: none; }
  .js .reveal .bar-track i, .js .history-year .history-bar i { transform: none; }
  .hero-landscape { transform: none !important; }
}
@media print {
  .site-header, .pattern-ribbon, .image-dialog, .zoom-hint, .floating-keys { display: none !important; }
  html { scroll-behavior: auto; }
  .js .reveal { opacity: 1; transform: none; }
  .chapter { padding: 40px 0px; break-inside: avoid; }
  .container { width: 100%; }
  .bar-track i, .history-bar i { transform: none !important; }
  a { color: inherit; }
}
#value .value-grid { grid-template-columns: 1fr 1.45fr 1fr; gap: 20px; align-items: stretch; }
#value .value-grid > article { min-width: 0px; padding: 16px; background: rgb(255, 248, 238); border: 1px solid rgba(7, 86, 107, 0.19); border-radius: 20px; box-shadow: rgba(7, 86, 107, 0.08) 0px 8px 20px; backdrop-filter: none; transition: box-shadow 0.3s, border-color 0.3s; }
#value .value-grid > article:nth-child(1) { grid-area: 1 / 1; }
#value .value-grid > article:nth-child(2) { grid-area: 2 / 1; }
#value .value-grid > article:nth-child(3) { grid-area: 1 / 3; }
#value .value-grid > article:nth-child(4) { grid-area: 2 / 3; }
#value .value-grid > article:nth-child(5) { grid-area: 1 / 2 / 3 / 3; max-width: none; width: 100%; justify-self: stretch; padding: 26px; background: rgb(7, 86, 107); border: 2px solid rgb(244, 210, 31); display: flex; flex-direction: column; justify-content: center; animation: 4s ease-in-out 0s infinite normal none running value-highlight; }
#value .value-grid .photo { margin: 0px; }
#value .value-grid img { aspect-ratio: 16 / 9; border: 0px; border-radius: 10px; object-fit: contain; }
#value .value-grid > article:nth-child(5) img { aspect-ratio: 1 / 1; background: rgb(255, 248, 238); }
#value .value-grid figcaption { padding: 12px 0px 0px; text-align: center; }
#value .value-grid .small-number { margin-bottom: 8px; }
#value .value-grid > article:nth-child(5) .small-number { color: rgb(244, 210, 31); }
#value .value-grid > article:nth-child(5) figcaption strong { color: rgb(255, 248, 238); font-size: clamp(1.1rem, 1.6vw, 1.5rem); line-height: 1.4; }
#value .value-grid > article:hover { border-color: rgb(242, 122, 50); box-shadow: rgba(7, 86, 107, 0.19) 0px 14px 30px; }
@keyframes value-highlight { 
  0%, 100% { box-shadow: rgba(7, 86, 107, 0.14) 0px 12px 28px; }
  50% { box-shadow: rgba(7, 86, 107, 0.267) 0px 16px 36px, rgba(244, 210, 31, 0.25) 0px 0px 0px 4px; }
}
@media (max-width: 700px) {
  #value .value-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  #value .value-grid > article { padding: 12px; }
  #value .value-grid > article:nth-child(1) { grid-area: 1 / 1; }
  #value .value-grid > article:nth-child(2) { grid-area: 1 / 2; }
  #value .value-grid > article:nth-child(3) { grid-area: 3 / 1; }
  #value .value-grid > article:nth-child(4) { grid-area: 3 / 2; }
  #value .value-grid > article:nth-child(5) { grid-area: 2 / 1 / 3 / 3; padding: 20px; }
  #value .value-grid > article:nth-child(5) img { max-height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  #value .value-grid > article { animation: auto ease 0s 1 normal none running none; transition: none; }
}
#top .hero-bottom { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.6fr) auto; gap: 28px 40px; padding: 40px 0px 16px; }
#top .hero-bottom > div { width: auto; min-width: 0px; gap: 12px; }
#top .hero-bottom > div > span { font-size: 0.875rem; }
#top .hero-bottom strong { font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.35; }
@media (max-width: 1050px) {
  #top .hero-bottom { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr); }
  #top .hero-bottom .round-link { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 600px) {
  #top .hero-bottom { grid-template-columns: minmax(0px, 1fr); gap: 26px; padding: 30px 0px 12px; }
  #top .hero-bottom strong { font-size: 1.25rem; }
}
.section-intro { max-width: 760px; margin-top: 22px; font-size: 1rem; line-height: 1.75; color: var(--muted); }
.confidential { display: block; padding-block: clamp(54px, 7vw, 96px); isolation: isolate; }
.confidential::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(120deg, rgba(255, 248, 241, 0.91), rgba(238, 230, 255, 0.8) 55%, rgba(248, 198, 194, 0.76)); z-index: -1; }
.confidential-bg { opacity: 0.18; }
.confidential-card { position: relative; max-width: 1110px; margin: 0px auto; padding: clamp(30px, 5vw, 64px); border: 2px solid rgb(189, 81, 100); border-radius: 26px; background: rgba(255, 250, 243, 0.91); box-shadow: rgba(116, 64, 100, 0.12) 0px 22px 70px, rgb(255, 255, 255) 0px 1px 0px inset; overflow: hidden; }
.confidential-card::after { content: ""; position: absolute; right: -90px; bottom: -120px; width: 320px; height: 320px; border: 1px solid rgba(242, 112, 131, 0.467); border-radius: 50%; box-shadow: rgba(242, 112, 131, 0.133) 0px 0px 0px 18px, rgba(242, 112, 131, 0.08) 0px 0px 0px 38px; pointer-events: none; }
.confidential-card-head { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(189, 81, 100, 0.333); padding-bottom: 28px; }
.confidential-title { display: flex; align-items: center; gap: 22px; }
.confidential-icon { display: grid; place-items: center; width: 64px; height: 64px; flex: 0 0 auto; border-radius: 50%; background: rgb(189, 81, 100); color: rgb(255, 250, 243); font: 800 2rem/1 var(--display); box-shadow: rgba(189, 81, 100, 0.267) 0px 10px 26px; }
.confidential-kicker { margin: 0px 0px 9px; font-size: 0.8rem; letter-spacing: 0.18em; font-weight: 700; color: rgb(139, 58, 80); }
.confidential-card h2 { margin: 0px; font: 800 clamp(2.4rem,6vw,5.8rem)/.95 var(--display); letter-spacing: -0.06em; color: rgb(67, 40, 61); }
.confidential-seal { padding: 10px 15px; border: 1px solid rgba(189, 81, 100, 0.667); border-radius: 100px; color: rgb(139, 58, 80); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; white-space: nowrap; }
.confidential-copy { max-width: 970px; padding-top: 28px; }
.confidential-copy p { font-size: clamp(1rem, 1.8vw, 1.35rem); line-height: 1.7; max-width: none; margin: 0px; }
.confidential-copy p:first-child { font-weight: 800; color: rgb(47, 35, 49); }
.confidential-copy p + p { margin-top: 20px; color: rgb(103, 87, 105); font-size: clamp(0.95rem, 1.5vw, 1.15rem); }
.festival-loop { position: absolute; inset: -28%; z-index: -1; pointer-events: none; opacity: 0.58; transform: rotate(-12deg); }
.festival-loop::before { content: ""; position: absolute; inset: 18%; border: 1px solid; border-radius: 48% 52% 47% 53%; color: rgb(136, 98, 184); box-shadow: rgba(136, 98, 184, 0.11) 0px 0px 0px 34px, rgba(136, 98, 184, 0.063) 0px 0px 0px 75px; animation: 28s linear 0s infinite normal none running festival-loop-spin; }
.festival-loop::after { content: ""; position: absolute; inset: 31% 8%; border: 1px solid; border-radius: 54% 46% 58% 42%; color: rgb(229, 103, 129); transform: rotate(62deg); animation: 23s linear 0s infinite normal none running festival-loop-spin-reverse; }
.festival-loop i { position: absolute; display: block; border-radius: 50%; width: 18px; height: 18px; background: var(--coral); box-shadow: rgba(242, 112, 131, 0.153) 0px 0px 0px 8px, rgba(242, 112, 131, 0.533) 0px 0px 32px; animation: 6s ease-in-out 0s infinite normal none running festival-node; }
.festival-loop i:nth-child(1) { top: 28%; left: 29%; }
.festival-loop i:nth-child(2) { right: 20%; top: 45%; background: var(--teal); box-shadow: rgba(24, 125, 120, 0.153) 0px 0px 0px 8px, rgba(24, 125, 120, 0.533) 0px 0px 32px; animation-delay: -2s; }
.festival-loop i:nth-child(3) { left: 41%; bottom: 16%; background: var(--violet); box-shadow: rgba(136, 98, 184, 0.153) 0px 0px 0px 8px, rgba(136, 98, 184, 0.533) 0px 0px 32px; animation-delay: -4s; }
@keyframes festival-loop-spin { 
  100% { transform: rotate(360deg) scale(1.06); }
}
@keyframes festival-loop-spin-reverse { 
  100% { transform: rotate(-298deg) scale(0.95); }
}
@keyframes festival-node { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(14px, -12px, 0px) scale(1.22); }
}
.history-section { overflow: hidden; }
.history-section > .container { position: relative; }
.history-grid-cards { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; align-items: stretch; }
.history-card { display: flex; flex-direction: column; min-width: 0px; overflow: hidden; border: 1px solid rgba(141, 110, 193, 0.333); border-radius: 24px; background: rgba(255, 250, 241, 0.91); box-shadow: rgba(114, 80, 128, 0.08) 0px 18px 48px; transition: transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease); }
.history-card:hover { transform: translateY(-7px); border-color: rgba(141, 110, 193, 0.667); box-shadow: rgba(114, 80, 128, 0.15) 0px 26px 56px; }
.history-card-art { position: relative; isolation: isolate; padding: 14px; background: linear-gradient(135deg, rgb(228, 213, 243), rgb(245, 203, 209) 52%, rgb(200, 227, 221)); }
.history-card-art .zoom-image { border-radius: 16px; background: rgb(40, 35, 51); box-shadow: rgba(60, 36, 67, 0.17) 0px 12px 24px; }
.history-lineup { display: block; width: 100%; height: 310px; object-fit: contain; background: rgb(40, 35, 51); }
.history-profile { position: absolute; left: 27px; bottom: -21px; width: 72px; height: 72px; object-fit: cover; border: 4px solid rgb(255, 250, 241); border-radius: 50%; box-shadow: rgba(57, 35, 55, 0.25) 0px 9px 24px; }
.history-card-index { position: absolute; right: 27px; bottom: 20px; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 50%; background: rgba(255, 250, 241, 0.85); color: rgb(57, 35, 55); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; }
.history-card-body { display: flex; flex: 1 1 0%; flex-direction: column; padding: 30px 24px 24px; }
.history-card-top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(141, 110, 193, 0.333); padding-bottom: 17px; }
.history-card-top strong { font: 800 clamp(2.5rem,4vw,4.6rem)/.9 var(--display); letter-spacing: -0.06em; color: rgb(84, 63, 102); }
.history-card-top span { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.13em; color: rgb(142, 82, 101); }
.history-facts { display: grid; grid-template-columns: 1fr 1.15fr; gap: 19px; margin: 21px 0px 25px; }
.history-facts div { min-width: 0px; }
.history-facts dt { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.13em; color: rgb(142, 82, 101); }
.history-facts dd { margin: 8px 0px 0px; font-size: 0.95rem; line-height: 1.45; font-weight: 700; color: rgb(52, 40, 59); }
.history-count { margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(141, 110, 193, 0.2); }
.history-count-label { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.history-count-label span { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.13em; color: rgb(118, 91, 128); }
.history-count-label strong { font: 800 1.55rem/1 var(--display); letter-spacing: -0.04em; color: rgb(52, 40, 59); }
.history-count-track { height: 11px; margin-top: 13px; overflow: hidden; border-radius: 99px; background: rgb(217, 207, 228); }
.history-count-track i { display: block; width: var(--count); height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgb(138, 96, 183), rgb(229, 103, 129)); transform-origin: left center; animation: history-count-in 1.4s var(--ease) both; }
.history-card-unknown .history-count-label strong { font-family: var(--body); font-size: 0.8rem; letter-spacing: 0px; color: rgb(138, 109, 143); }
.history-card-unknown .history-count-track { background: repeating-linear-gradient(135deg, rgb(217, 207, 228) 0px, rgb(217, 207, 228) 7px, rgb(238, 233, 243) 7px, rgb(238, 233, 243) 14px); }
.history-card-unknown .history-count-track i { width: 0px; }
@keyframes history-count-in { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
.history-note-box { display: flex; align-items: flex-start; gap: 16px; max-width: 950px; margin: 32px auto 0px; padding: 20px 22px; border: 1px solid rgba(189, 81, 100, 0.467); border-radius: 17px; background: rgba(255, 248, 237, 0.867); box-shadow: rgba(114, 80, 128, 0.07) 0px 10px 30px; }
.history-note-icon { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 50%; background: rgb(189, 81, 100); color: rgb(255, 255, 255); font: 800 1rem/1 var(--display); }
.history-note-box p { margin: 0px; font-size: 0.85rem; line-height: 1.65; color: rgb(103, 87, 105); }
.history-note-box strong { color: rgb(67, 40, 61); }
.artists-section { overflow: hidden; }
.artist-showcase { display: grid; grid-template-columns: minmax(280px, 0.8fr) minmax(0px, 1.2fr); gap: 28px; align-items: stretch; }
.artist-data-card, .artist-lineup-card { position: relative; min-width: 0px; border: 1px solid rgba(141, 110, 193, 0.333); border-radius: 26px; background: rgba(255, 250, 243, 0.91); box-shadow: rgba(114, 80, 128, 0.094) 0px 22px 62px; }
.artist-data-card { padding: clamp(24px, 3vw, 42px); display: flex; flex-direction: column; }
.artist-data-head, .artist-lineup-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.artist-card-kicker { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; color: rgb(118, 91, 128); }
.artist-card-mark { color: var(--coral); font-size: 1.3rem; }
.artist-total { display: flex; align-items: flex-end; gap: 18px; margin: 28px 0px 30px; padding-bottom: 24px; border-bottom: 1px solid rgba(141, 110, 193, 0.333); }
.artist-total strong { font: 800 clamp(5rem,10vw,9rem)/.8 var(--display); letter-spacing: -0.08em; color: rgb(84, 63, 102); }
.artist-total > span { padding-bottom: 8px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.16em; color: rgb(118, 91, 128); }
.artist-share-block { padding-bottom: 30px; border-bottom: 1px solid rgba(141, 110, 193, 0.333); }
.artist-share-head { display: flex; justify-content: space-between; gap: 15px; }
.artist-share-head div { display: grid; gap: 6px; }
.artist-share-head strong { font: 800 2.3rem/1 var(--display); letter-spacing: -0.05em; color: rgb(52, 40, 59); }
.artist-share-head span { font-size: 0.68rem; letter-spacing: 0.13em; font-weight: 700; color: rgb(118, 91, 128); }
.artist-share-track { height: 18px; margin-top: 18px; overflow: hidden; border-radius: 99px; background: rgb(226, 217, 234); }
.artist-share-track i { display: block; width: var(--share); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--violet) 0 72%,var(--coral) 72% 100%); animation: history-count-in 1.6s var(--ease) both; }
.artist-share-caption { display: flex; justify-content: space-between; margin-top: 9px; color: rgb(118, 91, 128); font-size: 0.74rem; }
.artist-share-caption span:last-child { color: rgb(154, 77, 103); }
.genre-block { padding-top: 28px; }
.artist-block-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.artist-block-title span { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; color: rgb(118, 91, 128); }
.artist-block-title strong { font: 800 1.25rem/1 var(--display); letter-spacing: -0.03em; color: rgb(84, 63, 102); }
.genre-bars { list-style: none; padding: 0px; margin: 0px; display: grid; gap: 19px; }
.genre-bars li > div { display: flex; justify-content: space-between; gap: 14px; font-size: 0.9rem; line-height: 1.3; }
.genre-bars li > div strong { white-space: nowrap; font-size: 0.86rem; color: rgb(84, 63, 102); }
.genre-bars li > div strong .count { font: 800 1.15rem/1 var(--display); }
.genre-bars li > i { display: block; width: 100%; height: 12px; margin-top: 9px; border-radius: 99px; background: var(--tone); transform-origin: left center; animation: history-count-in 1.35s var(--ease) both; clip-path: inset(0 calc(100% - var(--genre)) 0 0 round 99px); }
.artist-data-foot { margin: auto 0px 0px; padding-top: 28px; font-size: 0.78rem; line-height: 1.6; color: rgb(118, 91, 128); }
.artist-lineup-card { display: flex; flex-direction: column; padding: 18px; }
.artist-lineup-head { align-items: center; padding: 10px 10px 18px; }
.artist-lineup-head div { display: grid; gap: 8px; }
.artist-lineup-head strong { font-size: 1.25rem; line-height: 1.2; color: rgb(52, 40, 59); }
.artist-lineup-head > span { font: 800 2.5rem/1 var(--display); letter-spacing: -0.05em; color: rgb(84, 63, 102); }
.artist-lineup-card .zoom-image { flex: 1 1 0%; border-radius: 18px; background: rgb(36, 32, 50); }
.artist-lineup-card img { display: block; width: 100%; height: clamp(430px, 54vw, 690px); object-fit: contain; background: rgb(36, 32, 50); }
.artist-lineup-card figcaption { display: flex; justify-content: space-between; gap: 16px; padding: 15px 9px 4px; color: rgb(118, 91, 128); font-size: 0.8rem; }
.artist-lineup-card figcaption strong { color: rgb(52, 40, 59); }
.headliners-section { overflow: hidden; }
.headliners-section .section-intro { color: rgb(208, 198, 214); }
.headliner-grid-cards { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 26px; }
.headliner-card { min-width: 0px; border: 1px solid rgba(255, 255, 255, 0.145); border-radius: 20px; overflow: hidden; background: rgb(58, 48, 73); box-shadow: rgba(8, 5, 15, 0.22) 0px 18px 46px; transition: transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease); }
.headliner-card:hover { transform: translateY(-7px); border-color: rgba(210, 185, 255, 0.467); box-shadow: rgba(8, 5, 15, 0.44) 0px 26px 62px; }
.headliner-card figure { margin: 0px; }
.headliner-card .zoom-image { border-radius: 0px; background: rgb(28, 24, 37); }
.headliner-card img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: contain; background: rgb(28, 24, 37); }
.headliner-card figcaption { padding: 17px 17px 18px; }
.headliner-card-head { display: grid; gap: 6px; min-height: 59px; padding-bottom: 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.145); }
.headliner-card-head strong { font: 800 clamp(1.08rem,1.8vw,1.45rem)/1 var(--display); letter-spacing: -0.03em; color: rgb(255, 249, 242); }
.headliner-card-head span { font-size: 0.75rem; line-height: 1.35; color: rgb(208, 198, 214); }
.headliner-stats { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 11px 13px; list-style: none; padding: 14px 0px 0px; margin: 0px; }
.headliner-stats li { display: grid; gap: 4px; min-width: 0px; }
.headliner-stats li span { font-size: 0.64rem; letter-spacing: 0.1em; font-weight: 700; color: rgb(185, 169, 198); text-transform: uppercase; }
.headliner-stats li strong { font-size: 0.82rem; line-height: 1.25; color: rgb(255, 249, 242); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.headliner-data-note { margin: 32px 0px 0px; padding: 13px 16px; border: 1px solid rgba(255, 255, 255, 0.184); border-radius: 12px; color: rgb(208, 198, 214); font-size: 0.72rem; letter-spacing: 0.1em; line-height: 1.6; }
.stage-grid-cards { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; align-items: stretch; }
.stage-card { min-width: 0px; border: 1px solid rgba(141, 110, 193, 0.333); border-radius: 22px; overflow: hidden; background: rgba(255, 250, 241, 0.91); box-shadow: rgba(114, 80, 128, 0.086) 0px 18px 48px; }
.stage-card .zoom-image { border-radius: 0px; background: rgb(219, 208, 215); }
.stage-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.stage-card figcaption { padding: 19px 22px 0px; }
.stage-card figcaption strong { display: block; font: 800 clamp(1.15rem,2.3vw,1.8rem)/1.08 var(--display); letter-spacing: -0.035em; color: rgb(84, 63, 102); }
.stage-metric { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 18px 22px 22px; padding-top: 17px; border-top: 1px solid rgba(141, 110, 193, 0.333); }
.stage-metric span { font-size: 0.82rem; line-height: 1.35; font-weight: 800; letter-spacing: 0.12em; color: rgb(118, 91, 128); }
.stage-metric strong { font: 800 clamp(2rem,4vw,3.6rem)/.9 var(--display); letter-spacing: -0.06em; white-space: nowrap; color: rgb(154, 77, 103); }
@media (min-width: 1450px) {
  .headliner-grid-cards { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
@media (max-width: 1000px) {
  .history-grid-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .artist-showcase { grid-template-columns: 1fr; }
  .artist-lineup-card img { height: min(125vw, 680px); }
  .headliner-grid-cards { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .stage-grid-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 700px) {
  .confidential-card-head { align-items: flex-start; flex-direction: column; }
  .confidential-seal { align-self: flex-start; }
  .history-grid-cards, .headliner-grid-cards, .stage-grid-cards { grid-template-columns: 1fr 1fr; }
  .history-lineup { height: 250px; }
  .history-card-body { padding-inline: 18px; }
  .history-facts { grid-template-columns: 1fr; gap: 14px; }
  .history-card-top strong { font-size: 3.15rem; }
  .artist-lineup-card img { height: calc(-60px + 100vw); max-height: 610px; }
  .stage-metric { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width: 480px) {
  .confidential-title { gap: 14px; }
  .confidential-icon { width: 52px; height: 52px; font-size: 1.6rem; }
  .confidential-card h2 { font-size: 2.6rem; }
  .confidential-copy p { font-size: 1rem; }
  .history-grid-cards, .headliner-grid-cards, .stage-grid-cards { grid-template-columns: 1fr; }
  .history-lineup { height: 320px; }
  .artist-total strong { font-size: 6.2rem; }
  .artist-lineup-card img { height: calc(120px + 100vw); max-height: 620px; }
}
:root { --xmf24-bg: #0b0b3d; --xmf24-surface: #151248; --xmf24-surface-2: #1d1758; --xmf24-purple: #7650cf; --xmf24-coral: #f16f86; --xmf24-teal: #62d8ce; --xmf24-cream: #fff8f1; --xmf24-muted: #d9d0e9; --xmf24-line: #ffffff33; }
.confidential, #history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones, #vision { --violet: var(--xmf24-purple); --coral: var(--xmf24-coral); --teal: var(--xmf24-teal); --muted: var(--xmf24-muted); --line: var(--xmf24-line); color: var(--xmf24-cream); background: var(--xmf24-bg); }
.confidential { isolation: isolate; }
.confidential::before { background: radial-gradient(circle at 14% 10%, rgba(118, 80, 207, 0.4) 0px, rgba(118, 80, 207, 0.4) 10%, transparent 38%), linear-gradient(135deg, rgb(11, 11, 61) 0%, rgb(23, 16, 77) 52%, rgb(50, 18, 63) 100%); }
.confidential-bg { opacity: 0.12; mix-blend-mode: screen; filter: saturate(0.8) hue-rotate(14deg); }
.confidential-card { background: linear-gradient(145deg, rgba(33, 25, 86, 0.95), rgba(16, 13, 63, 0.933)); border-color: var(--xmf24-coral); box-shadow: rgba(5, 3, 29, 0.6) 0px 24px 80px, rgba(255, 255, 255, 0.133) 0px 1px 0px inset; }
.confidential-card::after { border-color: rgba(241, 111, 134, 0.533); box-shadow: rgba(241, 111, 134, 0.14) 0px 0px 0px 18px, rgba(118, 80, 207, 0.14) 0px 0px 0px 38px; }
.confidential-card-head { border-color: rgba(255, 255, 255, 0.208); }
.confidential-icon { background: var(--xmf24-coral); color: var(--xmf24-bg); box-shadow: rgba(241, 111, 134, 0.333) 0px 10px 30px; }
.confidential-kicker, .confidential-seal { color: rgb(255, 181, 194); }
.confidential-seal { border-color: rgba(241, 111, 134, 0.667); }
.confidential-card h2 { color: var(--xmf24-cream); }
.confidential-copy p:first-child { color: rgb(255, 248, 241); }
.confidential-copy p + p { color: rgb(217, 208, 233); }
#history .section-heading h2, #artists .section-heading h2, #headliners .section-heading h2, #stages .section-heading h2, #ecosystem .section-heading h2, #entries .section-heading h2, #marketing .section-heading h2, #reach .section-heading h2, #value .section-heading h2, #milestones .section-heading h2, #vision .section-heading h2 { color: var(--xmf24-cream); }
#history .section-heading h2 em, #artists .section-heading h2 em, #headliners .section-heading h2 em, #stages .section-heading h2 em, #ecosystem .section-heading h2 em, #entries .section-heading h2 em, #marketing .section-heading h2 em, #reach .section-heading h2 em, #value .section-heading h2 em, #milestones .section-heading h2 em, #vision .section-heading h2 em { color: var(--xmf24-coral); }
#history .section-intro, #artists .section-intro, #headliners .section-intro, #stages .section-intro, #ecosystem .section-intro, #entries .section-intro, #marketing .section-intro, #reach .section-intro, #value .section-intro, #milestones .section-intro, #vision .section-intro { color: var(--xmf24-muted); }
#history .eyebrow, #artists .eyebrow, #headliners .eyebrow, #stages .eyebrow, #ecosystem .eyebrow, #entries .eyebrow, #marketing .eyebrow, #reach .eyebrow, #value .eyebrow, #milestones .eyebrow, #vision .eyebrow { color: rgb(247, 168, 183); }
#history .history-card, #artists .artist-data-card, #artists .artist-lineup-card, #stages .stage-card { background: linear-gradient(145deg, rgba(33, 25, 86, 0.933), rgba(17, 13, 61, 0.91)); border-color: rgba(118, 80, 207, 0.533); box-shadow: rgba(5, 3, 29, 0.4) 0px 22px 58px; color: var(--xmf24-cream); }
#history .history-card:hover, #artists .artist-data-card:hover, #artists .artist-lineup-card:hover, #stages .stage-card:hover { border-color: rgba(241, 111, 134, 0.667); box-shadow: rgba(5, 3, 29, 0.6) 0px 28px 68px; }
#history .history-card-art { background: linear-gradient(135deg, rgb(118, 80, 207), rgb(241, 111, 134) 52%, rgb(39, 123, 134)); }
#history .history-card-art .zoom-image, #artists .artist-lineup-card .zoom-image { background: rgb(9, 7, 45); box-shadow: rgba(5, 3, 29, 0.6) 0px 14px 30px; }
#history .history-profile { border-color: rgb(255, 248, 241); box-shadow: rgba(5, 3, 29, 0.6) 0px 8px 24px; }
#history .history-card-index { background: rgba(11, 11, 61, 0.867); border-color: rgba(255, 255, 255, 0.667); color: rgb(255, 248, 241); }
#history .history-card-top { border-color: rgba(255, 255, 255, 0.208); }
#history .history-card-top strong { color: rgb(255, 248, 241); }
#history .history-card-top span, #history .history-facts dt { color: rgb(246, 165, 182); }
#history .history-facts dd { color: rgb(247, 240, 235); }
#history .history-count { border-color: rgba(255, 255, 255, 0.15); }
#history .history-count-label span { color: rgb(208, 194, 224); }
#history .history-count-label strong { color: rgb(255, 248, 241); }
#history .history-count-track { background: rgb(48, 38, 98); }
#history .history-count-track i { background: linear-gradient(90deg,var(--xmf24-purple),var(--xmf24-coral)); }
#history .history-note-box { background: rgba(23, 18, 72, 0.933); border-color: rgba(241, 111, 134, 0.533); box-shadow: rgba(5, 3, 29, 0.4) 0px 16px 40px; }
#history .history-note-icon { background: var(--xmf24-coral); color: var(--xmf24-bg); }
#history .history-note-box p { color: rgb(217, 208, 233); }
#history .history-note-box strong { color: rgb(255, 248, 241); }
#history .history-grid-cards { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; }
#history .history-card-art .zoom-image { aspect-ratio: 857 / 1200; }
#history .history-lineup { height: auto; aspect-ratio: 857 / 1200; object-fit: contain; }
#history .history-facts { grid-template-columns: 1fr; }
#history .history-count-label span { font-size: 0.62rem; }
#history .history-count-label strong { font-size: 1.2rem; }
#history .history-profile { animation: 2.45s ease-in-out 0s infinite normal none running profile-beat; }
#history .history-card:nth-child(2) .history-profile { animation-delay: -0.35s; }
#history .history-card:nth-child(3) .history-profile { animation-delay: -0.7s; }
#history .history-card:nth-child(4) .history-profile { animation-delay: -1.05s; }
#history .history-card:nth-child(5) .history-profile { animation-delay: -1.4s; }
#history .history-card:nth-child(6) .history-profile { animation-delay: -1.75s; }
#history .history-card:nth-child(7) .history-profile { animation-delay: -2.1s; }
#history .history-card:nth-child(8) .history-profile { animation-delay: -2.35s; }
@keyframes profile-beat { 
  0%, 100% { transform: scale(1); box-shadow: rgba(5, 3, 29, 0.6) 0px 8px 24px, rgba(241, 111, 134, 0) 0px 0px 0px 0px; }
  45% { transform: scale(1.08); box-shadow: rgba(5, 3, 29, 0.667) 0px 12px 28px, rgba(241, 111, 134, 0.15) 0px 0px 0px 8px; }
  58% { transform: scale(1.02); box-shadow: rgba(5, 3, 29, 0.6) 0px 9px 24px, rgba(118, 80, 207, 0.14) 0px 0px 0px 3px; }
}
@keyframes history-bar-pulse { 
  0%, 100% { filter: saturate(1) brightness(1); }
  50% { filter: saturate(1.25) brightness(1.16); }
}
#history .history-count-track i { animation: history-count-in 1.4s var(--ease) both,history-bar-pulse 3.2s ease-in-out 1.4s infinite; }
#artists .artist-card-kicker, #artists .artist-block-title span, #artists .artist-share-head span, #artists .artist-share-caption, #artists .artist-data-foot { color: rgb(213, 201, 230); }
#artists .artist-card-mark { color: var(--xmf24-coral); }
#artists .artist-total, #artists .artist-share-block { border-color: rgba(255, 255, 255, 0.208); }
#artists .artist-total strong, #artists .artist-share-head strong, #artists .artist-block-title strong, #artists .artist-lineup-head strong { color: rgb(255, 248, 241); }
#artists .artist-total > span { color: rgb(213, 201, 230); }
#artists .artist-share-track { background: rgb(48, 38, 98); }
#artists .artist-share-track i { background: linear-gradient(90deg,var(--xmf24-purple) 0 72%,var(--xmf24-coral) 72% 100%); }
#artists .genre-bars li > div strong { color: rgb(255, 248, 241); }
#artists .genre-bars li > i { background: var(--tone); box-shadow: 0 0 14px color-mix(in srgb,var(--tone) 55%,transparent); }
#artists .artist-lineup-card { padding: 18px; }
#artists .artist-lineup-card .zoom-image { aspect-ratio: 1462 / 2048; flex: 0 0 auto; overflow: hidden; }
#artists .artist-lineup-card img { height: auto; aspect-ratio: 1462 / 2048; object-fit: contain; background: rgb(9, 7, 45); }
#artists .artist-lineup-head { border-color: rgba(255, 255, 255, 0.133); }
#artists .artist-lineup-head > span { color: var(--xmf24-coral); }
#artists .artist-lineup-card figcaption { color: rgb(213, 201, 230); }
#artists .artist-lineup-card figcaption strong { color: rgb(255, 248, 241); }
.genre-dot-matrix { display: grid; grid-template-columns: repeat(19, minmax(7px, 1fr)); gap: 6px; margin: 24px 0px 18px; padding: 14px; border-radius: 14px; background: rgb(12, 10, 55); border: 1px solid rgba(118, 80, 207, 0.4); box-shadow: rgba(118, 80, 207, 0.094) 0px 0px 28px inset; }
.genre-dot { display: block; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--dot-color); animation: genre-dot-beat 2.4s ease-in-out var(--dot-delay) infinite; box-shadow: 0 0 0 0 color-mix(in srgb,var(--dot-color) 45%,transparent); }
.genre-dot.live { --dot-color: var(--xmf24-purple); }
.genre-dot.hiphop { --dot-color: var(--xmf24-coral); }
.genre-dot.electronic { --dot-color: var(--xmf24-teal); }
.genre-dot-legend { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px 12px; color: rgb(217, 208, 233); font-size: 0.59rem; letter-spacing: 0.06em; font-weight: 700; line-height: 1.4; }
.genre-dot-legend span { display: grid; grid-template-columns: 8px 1fr; gap: 6px; align-items: center; }
.genre-dot-legend span i { width: 8px; height: 8px; border-radius: 50%; background: var(--xmf24-purple); }
.genre-dot-legend span:nth-child(2) i { background: var(--xmf24-coral); }
.genre-dot-legend span:nth-child(3) i { background: var(--xmf24-teal); }
.genre-dot-legend b { grid-column: 2; color: rgb(255, 248, 241); font-size: 0.78rem; }
@keyframes genre-dot-beat { 
  0%, 100% { transform: scale(0.86); opacity: 0.72; box-shadow: 0 0 0 0 color-mix(in srgb,var(--dot-color) 0%,transparent); }
  35% { transform: scale(1.08); opacity: 1; box-shadow: 0 0 0 5px color-mix(in srgb,var(--dot-color) 18%,transparent); }
  55% { transform: scale(0.96); opacity: 0.9; }
}
#headliners .headliner-card { background: rgb(23, 18, 72); border-color: rgba(118, 80, 207, 0.4); }
#headliners .headliner-card:hover { border-color: rgba(241, 111, 134, 0.667); }
#headliners .headliner-card-head { border-color: rgba(255, 255, 255, 0.208); }
#headliners .headliner-card-head strong, #headliners .headliner-stats li strong { color: rgb(255, 248, 241); }
#headliners .headliner-card-head span, #headliners .headliner-stats li span, #headliners .headliner-data-note { color: rgb(210, 199, 224); }
#headliners .headliner-data-note { border-color: rgba(255, 255, 255, 0.208); background: rgba(23, 18, 72, 0.8); }
#stages .scene, #ecosystem .scene, #vision .scene { opacity: 0.16; mix-blend-mode: screen; filter: saturate(0.65) hue-rotate(10deg); }
#stages .stage-card .zoom-image { background: rgb(10, 8, 48); }
#stages .stage-card figcaption strong, #stages .stage-metric strong { color: rgb(255, 248, 241); }
#stages .stage-metric { border-color: rgba(255, 255, 255, 0.208); }
#stages .stage-metric span { color: rgb(242, 223, 234); font-size: 0.86rem; }
#stages .stage-metric strong { color: var(--xmf24-coral); text-shadow: rgba(241, 111, 134, 0.267) 0px 0px 24px; }
#stages .stage-grid-cards { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
#ecosystem .ecosystem-core, #ecosystem .org-nodes > div { background: rgba(23, 18, 72, 0.91); border-color: rgba(118, 80, 207, 0.533); color: rgb(255, 248, 241); }
#ecosystem .ecosystem-core { border-top-color: var(--xmf24-coral); }
#ecosystem .org-nodes > div { border-top-color: var(--xmf24-teal); }
#ecosystem .ecosystem-core strong, #ecosystem .org-nodes strong { color: rgb(255, 248, 241); }
#ecosystem .ecosystem-core > span, #ecosystem .org-nodes > div > span, #ecosystem .subheading, #ecosystem .partner-grid figcaption strong { color: rgb(217, 208, 233); }
#ecosystem .partner-grid .zoom-image { background: rgb(244, 239, 240); border: 1px solid rgba(118, 80, 207, 0.4); }
#ecosystem .connections path { stroke: var(--xmf24-teal); }
#entries .entry-total, #entries .payment-lines { border-color: rgba(255, 255, 255, 0.208); }
#entries .entry-total > strong, #entries .entry-metrics strong { color: var(--xmf24-coral); }
#entries .entry-total > span, #entries .entry-metrics span:not(.count), #entries .payment-lines p, #entries .payment-lines h3 { color: rgb(217, 208, 233); }
#entries .bar-track { background: rgb(48, 38, 98); }
#marketing .marketing-grid { border-color: rgba(118, 80, 207, 0.4); }
#marketing .marketing-grid article { background: rgba(23, 18, 72, 0.667); border-color: rgba(118, 80, 207, 0.4); }
#marketing .marketing-grid strong { color: var(--xmf24-coral); }
#marketing .marketing-grid h3, #marketing .marketing-grid .small-number { color: rgb(255, 248, 241); }
#marketing .metric-line { background: var(--xmf24-teal); }
#reach .reach-hero > strong { color: rgb(168, 145, 237); text-shadow: rgba(118, 80, 207, 0.267) 0px 0px 35px; }
#reach .reach-hero > span, #reach .reach-support span, #reach .channel-list h4, #reach .channel-list p, #reach .creator-row h3, #reach .creator-row p { color: rgb(217, 208, 233); }
#reach .reach-support strong, #reach .channel-list strong, #reach .creator-row strong { color: rgb(255, 248, 241); }
#reach .reach-orbit { border-color: rgba(118, 80, 207, 0.533); }
#reach .channel-list .bar-track { background: rgb(48, 38, 98); }
#reach .creator-row { border-color: rgba(255, 255, 255, 0.208); }
#value .value-grid article { color: rgb(255, 248, 241); }
#value .value-grid .small-number, #value .value-grid figcaption strong { color: rgb(217, 208, 233); }
#value .value-grid img { background: rgb(244, 239, 240); border: 1px solid rgba(118, 80, 207, 0.4); }
#milestones .milestone-grid { border-color: rgba(255, 255, 255, 0.208); }
#milestones .milestone-grid article { border-color: rgba(255, 255, 255, 0.208); }
#milestones .milestone-grid strong { color: var(--xmf24-coral); }
#milestones .milestone-grid .metric-word, #milestones .milestone-grid p { color: rgb(255, 248, 241); }
#vision .vision-copy > p:first-child, #vision .vision-copy > strong { color: rgb(255, 248, 241); }
#vision .floating-keys .key-mini { opacity: 0.5; }
.pattern-ribbon { background: linear-gradient(90deg, rgb(118, 80, 207), rgb(84, 45, 157) 52%, rgb(118, 80, 207)); border-color: rgba(241, 111, 134, 0.667); color: rgb(255, 248, 241); }
.pattern-ribbon .key-mini::before, .pattern-ribbon .key-mini::after { background: var(--xmf24-coral); }
@media (min-width: 1450px) {
  #history .history-grid-cards { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media (max-width: 1000px) {
  #history .history-grid-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  #artists .artist-lineup-card .zoom-image, #artists .artist-lineup-card img { aspect-ratio: 1462 / 2048; height: auto; }
  #stages .stage-grid-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 700px) {
  #history .history-grid-cards { grid-template-columns: 1fr 1fr; }
  #history .history-lineup { height: auto; aspect-ratio: 857 / 1200; }
  .genre-dot-matrix { gap: 4px; padding: 10px; }
  .genre-dot-legend { grid-template-columns: 1fr; }
  #stages .stage-grid-cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  #history .history-grid-cards, #stages .stage-grid-cards { grid-template-columns: 1fr; }
  .genre-dot-matrix { grid-template-columns: repeat(19, minmax(5px, 1fr)); gap: 3px; }
  #artists .artist-lineup-card .zoom-image, #artists .artist-lineup-card img { aspect-ratio: 1462 / 2048; height: auto; }
}
:root { --xmf26-cream: #f6ecdf; --xmf26-cream-light: #fff8ee; --xmf26-teal: #07566b; --xmf26-emerald: #0aa892; --xmf26-yellow: #f4d21f; --xmf26-orange: #f27a32; --xmf26-lilac: #cfc5e7; --xmf26-ink: #073f55; }
#content > .confidential { width: 100%; max-width: none; margin-inline: 0px; padding-inline: max(24px, -600px + 50vw); }
#content > .confidential .confidential-card { width: 100%; max-width: 1110px; }
#content > .confidential-bg { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones, #vision { --violet: var(--xmf26-teal); --coral: var(--xmf26-orange); --teal: var(--xmf26-emerald); --muted: #4a6b72; --line: #07566b38; color: var(--xmf26-ink); background-color: var(--xmf26-cream); background-image: radial-gradient(circle at 92% 8%, rgba(207, 197, 231, 0.333) 0px, rgba(207, 197, 231, 0.333) 9%, transparent 31%), radial-gradient(circle at 5% 90%, rgba(10, 168, 146, 0.11) 0px, rgba(10, 168, 146, 0.11) 8%, transparent 25%); }
#history .section-heading h2, #artists .section-heading h2, #headliners .section-heading h2, #stages .section-heading h2, #ecosystem .section-heading h2, #entries .section-heading h2, #marketing .section-heading h2, #reach .section-heading h2, #value .section-heading h2, #milestones .section-heading h2, #vision .section-heading h2 { color: var(--xmf26-teal); }
#history .section-heading h2 em, #artists .section-heading h2 em, #headliners .section-heading h2 em, #stages .section-heading h2 em, #ecosystem .section-heading h2 em, #entries .section-heading h2 em, #marketing .section-heading h2 em, #reach .section-heading h2 em, #value .section-heading h2 em, #milestones .section-heading h2 em, #vision .section-heading h2 em { color: var(--xmf26-orange); }
#history .section-intro, #artists .section-intro, #headliners .section-intro, #stages .section-intro, #ecosystem .section-intro, #entries .section-intro, #marketing .section-intro, #reach .section-intro, #value .section-intro, #milestones .section-intro, #vision .section-intro { color: rgb(65, 104, 115); }
#history .eyebrow, #artists .eyebrow, #headliners .eyebrow, #stages .eyebrow, #ecosystem .eyebrow, #entries .eyebrow, #marketing .eyebrow, #reach .eyebrow, #value .eyebrow, #milestones .eyebrow, #vision .eyebrow { color: var(--xmf26-emerald); }
#history .history-card, #artists .artist-data-card, #artists .artist-lineup-card, #stages .stage-card { background: linear-gradient(145deg, rgba(255, 249, 240, 0.96), rgba(243, 231, 217, 0.95)); border-color: rgba(10, 142, 133, 0.5); box-shadow: rgba(7, 86, 107, 0.12) 0px 20px 52px; color: var(--xmf26-ink); }
#history .history-card:hover, #artists .artist-data-card:hover, #artists .artist-lineup-card:hover, #stages .stage-card:hover { border-color: var(--xmf26-orange); box-shadow: rgba(7, 86, 107, 0.18) 0px 28px 64px; }
#history .history-card-art { background: linear-gradient(135deg,var(--xmf26-emerald),var(--xmf26-yellow) 52%,var(--xmf26-orange)); }
#history .history-card-art .zoom-image, #artists .artist-lineup-card .zoom-image { background: rgb(10, 83, 101); box-shadow: rgba(7, 86, 107, 0.196) 0px 14px 28px; }
#history .history-profile { border-color: var(--xmf26-cream-light); box-shadow: rgba(7, 86, 107, 0.24) 0px 8px 24px; }
#history .history-card-index { background: rgba(255, 248, 238, 0.91); border-color: rgba(7, 86, 107, 0.4); color: var(--xmf26-teal); }
#history .history-card-top { border-color: rgba(7, 86, 107, 0.22); }
#history .history-card-top strong { color: var(--xmf26-teal); }
#history .history-card-top span, #history .history-facts dt { color: rgb(210, 98, 50); }
#history .history-facts dd { color: rgb(29, 86, 97); }
#history .history-count { border-color: rgba(7, 86, 107, 0.17); }
#history .history-count-label span { color: rgb(65, 104, 115); }
#history .history-count-label strong { color: var(--xmf26-teal); }
#history .history-count-track { background: rgb(215, 230, 223); }
#history .history-count-track i { background: linear-gradient(90deg,var(--xmf26-emerald),var(--xmf26-yellow),var(--xmf26-orange)); }
#history .history-note-box { background: rgba(255, 248, 238, 0.95); border-color: rgba(10, 142, 133, 0.5); box-shadow: rgba(7, 86, 107, 0.11) 0px 14px 34px; }
#history .history-note-icon { background: var(--xmf26-yellow); color: var(--xmf26-teal); }
#history .history-note-box p { color: rgb(65, 104, 115); }
#history .history-note-box strong { color: var(--xmf26-teal); }
.festival-loop { opacity: 0.42; color: var(--xmf26-teal); }
.festival-loop::before { color: var(--xmf26-emerald); border-width: 2px; box-shadow: rgba(10, 168, 146, 0.094) 0px 0px 0px 34px, rgba(244, 210, 31, 0.082) 0px 0px 0px 75px; }
.festival-loop::after { color: var(--xmf26-orange); border-width: 2px; }
.festival-loop i { background: var(--xmf26-yellow); box-shadow: rgba(244, 210, 31, 0.196) 0px 0px 0px 8px, rgba(244, 210, 31, 0.4) 0px 0px 30px; }
.festival-loop i:nth-child(2) { background: var(--xmf26-orange); box-shadow: rgba(242, 122, 50, 0.19) 0px 0px 0px 8px, rgba(242, 122, 50, 0.4) 0px 0px 30px; }
.festival-loop i:nth-child(3) { background: var(--xmf26-emerald); box-shadow: rgba(10, 168, 146, 0.19) 0px 0px 0px 8px, rgba(10, 168, 146, 0.4) 0px 0px 30px; }
#artists .artist-card-kicker, #artists .artist-block-title span, #artists .artist-share-head span, #artists .artist-share-caption, #artists .artist-data-foot { color: rgb(65, 104, 115); }
#artists .artist-card-mark { color: var(--xmf26-orange); }
#artists .artist-total, #artists .artist-share-block { border-color: rgba(7, 86, 107, 0.22); }
#artists .artist-total strong, #artists .artist-share-head strong, #artists .artist-block-title strong, #artists .artist-lineup-head strong { color: var(--xmf26-teal); }
#artists .artist-total > span { color: rgb(65, 104, 115); }
#artists .artist-share-track { background: rgb(215, 230, 223); }
#artists .artist-share-track i { background: linear-gradient(90deg,var(--xmf26-emerald) 0 72%,var(--xmf26-yellow) 72% 100%); }
#artists .genre-bars li > div strong { color: var(--xmf26-teal); }
#artists .genre-bars li > i { background: var(--tone); box-shadow: none; }
#artists .artist-lineup-card .zoom-image { background: var(--xmf26-teal); }
#artists .artist-lineup-card img { background: var(--xmf26-teal); }
#artists .artist-lineup-head { border-color: rgba(7, 86, 107, 0.18); }
#artists .artist-lineup-head > span { color: var(--xmf26-orange); }
#artists .artist-lineup-card figcaption { color: rgb(65, 104, 115); }
#artists .artist-lineup-card figcaption strong { color: var(--xmf26-teal); }
.genre-dot-matrix { background: rgb(227, 239, 231); border-color: rgba(10, 168, 146, 0.4); box-shadow: rgba(10, 168, 146, 0.082) 0px 0px 28px inset; }
.genre-dot.live { --dot-color: var(--xmf26-teal); }
.genre-dot.hiphop { --dot-color: var(--xmf26-yellow); }
.genre-dot.electronic { --dot-color: var(--xmf26-orange); }
.genre-dot-legend { color: rgb(65, 104, 115); }
.genre-dot-legend span i { background: var(--xmf26-teal); }
.genre-dot-legend span:nth-child(2) i { background: var(--xmf26-yellow); }
.genre-dot-legend span:nth-child(3) i { background: var(--xmf26-orange); }
.genre-dot-legend b { color: var(--xmf26-teal); }
#headliners .headliner-card { background: rgb(10, 83, 101); border-color: rgba(10, 168, 146, 0.6); }
#headliners .headliner-card:hover { border-color: var(--xmf26-yellow); }
#headliners .headliner-card-head { border-color: rgba(255, 255, 255, 0.333); }
#headliners .headliner-card-head strong, #headliners .headliner-stats li strong { color: rgb(255, 248, 238); }
#headliners .headliner-card-head span, #headliners .headliner-stats li span, #headliners .headliner-data-note { color: rgb(201, 224, 217); }
#headliners .headliner-data-note { border-color: rgba(10, 168, 146, 0.533); background: rgba(10, 83, 101, 0.8); }
#stages .stage-card .zoom-image { background: var(--xmf26-teal); }
#stages .stage-card figcaption strong, #stages .stage-metric strong { color: var(--xmf26-teal); }
#stages .stage-metric { border-color: rgba(7, 86, 107, 0.22); }
#stages .stage-metric span { color: rgb(65, 104, 115); font-size: 0.86rem; }
#stages .stage-metric strong { color: var(--xmf26-orange); text-shadow: none; }
#ecosystem .ecosystem-core, #ecosystem .org-nodes > div { background: rgba(255, 248, 238, 0.95); border-color: rgba(10, 168, 146, 0.533); color: var(--xmf26-teal); }
#ecosystem .ecosystem-core { border-top-color: var(--xmf26-yellow); }
#ecosystem .org-nodes > div { border-top-color: var(--xmf26-emerald); }
#ecosystem .ecosystem-core strong, #ecosystem .org-nodes strong { color: var(--xmf26-teal); }
#ecosystem .ecosystem-core > span, #ecosystem .org-nodes > div > span, #ecosystem .subheading, #ecosystem .partner-grid figcaption strong { color: rgb(65, 104, 115); }
#ecosystem .partner-grid .zoom-image { background: rgb(255, 248, 238); border-color: rgba(10, 168, 146, 0.4); }
#ecosystem .connections path { stroke: var(--xmf26-emerald); }
#entries .entry-total, #entries .payment-lines { border-color: rgba(7, 86, 107, 0.22); }
#entries .entry-total > strong, #entries .entry-metrics strong { color: var(--xmf26-orange); }
#entries .entry-total > span, #entries .entry-metrics span:not(.count), #entries .payment-lines p, #entries .payment-lines h3 { color: rgb(65, 104, 115); }
#entries .payment-methods { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
#entries .payment-methods span { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; box-sizing: border-box; padding: 7px; border: 1px solid rgba(7, 86, 107, 0.208); border-radius: 50%; background: rgb(255, 250, 243); color: rgb(7, 86, 107); font-size: 0.68rem; font-weight: 700; text-align: center; line-height: 1.1; }
#entries .payment-methods span img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 50%; }
#entries .payment-methods span img { filter: none; mix-blend-mode: normal; }
#entries .payment-methods span[data-method="bank-card"], #entries .payment-methods span[data-method="transfer"] { padding: 3px; background: rgb(255, 250, 243); border-color: rgba(7, 86, 107, 0.208); }
#entries .note--boxed { display: flex; align-items: flex-start; gap: 16px; max-width: 950px; margin: 32px auto 0px; padding: 20px 22px; border: 1px solid rgba(10, 142, 133, 0.5); border-radius: 17px; background: rgba(255, 248, 238, 0.95); box-shadow: rgba(7, 86, 107, 0.11) 0px 14px 34px; color: rgb(65, 104, 115); font-size: 0.85rem; line-height: 1.65; }
#entries .note--boxed::before { content: "i"; flex: 0 0 28px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgb(241, 111, 134); color: rgb(255, 248, 241); font-weight: 800; font-style: normal; }
#entries .note--boxed strong { color: var(--xmf-style-teal,#07566B); }
#reach .note--boxed, #milestones .note { display: flex; align-items: flex-start; gap: 16px; max-width: 950px; margin: 32px auto 0px; padding: 20px 22px; border: 1px solid rgba(10, 142, 133, 0.5); border-radius: 17px; background: rgba(255, 248, 238, 0.95); box-shadow: rgba(7, 86, 107, 0.11) 0px 14px 34px; color: rgb(65, 104, 115); font-size: 0.85rem; line-height: 1.65; }
#reach .note--boxed::before, #milestones .note::before { content: "i"; flex: 0 0 28px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgb(241, 111, 134); color: rgb(255, 248, 241); font-weight: 800; font-style: normal; }
#entries .bar-track, #reach .channel-list .bar-track { background: rgb(215, 230, 223); }
#marketing .marketing-grid { border-color: rgba(10, 168, 146, 0.4); }
#marketing .marketing-arrival { position: absolute; right: 0px; top: -20px; width: min(34vw, 360px); pointer-events: none; z-index: 0; }
#marketing .marketing-arrival svg { display: block; width: 100%; height: auto; }
#marketing .marketing-wave { animation: 2.4s linear 0s infinite normal none running marketing-wave-flow; }
#marketing .marketing-spark { animation: 2.8s ease-in-out 0s infinite alternate none running marketing-spark-pulse; transform-origin: 300px 110px; }
@keyframes marketing-wave-flow { 
  100% { stroke-dashoffset: -44; }
}
@keyframes marketing-spark-pulse { 
  0% { opacity: 0.35; transform: scale(0.88); }
  100% { opacity: 1; transform: scale(1.12); }
}
.motion-paused #marketing .marketing-arrival * { animation-play-state: paused; }
@media (max-width: 700px) {
  #marketing .marketing-arrival { position: relative; top: auto; right: auto; width: 75%; margin: 0px 0px 10px auto; }
}
#marketing .marketing-grid article { background: rgba(255, 248, 238, 0.667); border-color: rgba(10, 168, 146, 0.4); }
#marketing .marketing-grid strong { color: var(--xmf26-orange); }
#marketing .marketing-grid h3, #marketing .marketing-grid .small-number { color: var(--xmf26-teal); }
#marketing .metric-line { background: var(--xmf26-yellow); }
#reach .reach-hero > strong { color: var(--xmf26-teal); text-shadow: none; }
#reach .reach-hero > span, #reach .reach-support span, #reach .channel-list h4, #reach .channel-list p, #reach .creator-row h3, #reach .creator-row p { color: rgb(65, 104, 115); }
#reach .reach-support strong, #reach .channel-list strong, #reach .creator-row strong { color: var(--xmf26-teal); }
#reach .reach-orbit { border-color: rgba(10, 168, 146, 0.533); }
#reach .creator-row { border-color: rgba(7, 86, 107, 0.22); }
#value .value-grid article { color: var(--xmf26-teal); }
#value .value-grid .small-number, #value .value-grid figcaption strong { color: rgb(65, 104, 115); }
#value .value-grid img { background: rgb(255, 248, 238); border-color: rgba(10, 168, 146, 0.4); }
#milestones .milestone-grid, #milestones .milestone-grid article { border-color: rgba(7, 86, 107, 0.22); }
#milestones .milestone-grid strong { color: var(--xmf26-orange); }
#milestones .milestone-grid .metric-word, #milestones .milestone-grid p { color: var(--xmf26-teal); }
#vision .vision-copy > p:first-child, #vision .vision-copy > strong { color: var(--xmf26-teal); }
#vision .floating-keys .key-mini { opacity: 0.6; }
.pattern-ribbon { background: var(--xmf26-teal); border-color: var(--xmf26-yellow); color: var(--xmf26-cream-light); }
.pattern-ribbon .key-mini::before, .pattern-ribbon .key-mini::after { background: var(--xmf26-yellow); }
@media (max-width: 700px) {
  #content > .confidential { padding-inline: 20px; }
}
.hero { background: linear-gradient(rgb(131, 211, 207) 0%, rgb(168, 221, 209) 45%, rgb(216, 230, 189) 77%, rgb(244, 218, 141) 100%); }
.hero-landscape { opacity: 0.44; mix-blend-mode: multiply; filter: saturate(0.72) hue-rotate(12deg) contrast(0.92); }
.hero::after { background: radial-gradient(at 10% 7%, rgba(255, 249, 240, 0.85) 0px, rgba(255, 249, 240, 0.85) 8%, transparent 23%), radial-gradient(at 89% 10%, rgba(255, 249, 240, 0.83) 0px, rgba(255, 249, 240, 0.83) 10%, transparent 25%), repeating-conic-gradient(from 250deg at 50% 90%, rgba(244, 239, 155, 0.24) 0deg, rgba(244, 239, 155, 0.24) 7deg, transparent 7deg, transparent 17deg), linear-gradient(rgba(122, 208, 204, 0.816) 0%, rgba(165, 221, 205, 0.71) 54%, rgba(246, 221, 146, 0.72) 100%); mix-blend-mode: normal; }
.hero-inner { position: relative; }
.hero-copy h1 { color: var(--xmf26-teal); text-shadow: rgba(255, 249, 240, 0.333) 0px 2px 0px; }
.hero-copy h1 em { color: var(--xmf26-teal); }
.hero-copy .overline, .hero-subtitle { color: var(--xmf26-teal); }
.hero .eyebrow { color: var(--xmf26-teal); }
.hero-bottom { border-color: rgba(7, 86, 107, 0.333); }
.hero-bottom > div > span, .hero-bottom strong, .round-link { color: var(--xmf26-teal); }
.round-link b { border-color: rgba(7, 86, 107, 0.5); color: var(--xmf26-teal); }
.hero-symbol { filter: saturate(0.85); }
.hero-symbol .symbol-glow { background: radial-gradient(circle, rgba(255, 249, 240, 0.8) 0px, rgba(255, 249, 240, 0.8) 17%, rgba(207, 197, 231, 0.6) 38%, rgba(244, 210, 31, 0.2) 63%, transparent 75%); }
.hero-symbol .symbol-orbit { border-color: rgba(7, 86, 107, 0.467); }
.hero-symbol .symbol-orbit-b { border-color: rgba(10, 168, 146, 0.533); }
.hero-symbol .symbol-orbit i { background: var(--xmf26-yellow); box-shadow: rgba(244, 210, 31, 0.22) 0px 0px 0px 5px, rgba(244, 210, 31, 0.6) 0px 0px 18px; }
.hero-symbol .symbol-orbit-b i { background: var(--xmf26-orange); box-shadow: rgba(242, 122, 50, 0.22) 0px 0px 0px 4px, rgba(242, 122, 50, 0.6) 0px 0px 16px; }
.hero-symbol .symbol-core { border-color: rgba(7, 86, 107, 0.4); background: linear-gradient(145deg, rgba(255, 249, 240, 0.91), rgba(207, 232, 216, 0.867) 58%, rgba(244, 220, 167, 0.867)); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(7, 86, 107, 0.196) 0px 24px 50px, rgba(255, 249, 240, 0.267) 0px 0px 0px 12px; }
.hero-symbol .symbol-kicker, .hero-symbol .symbol-core-label { color: var(--xmf26-teal); }
.hero-symbol .symbol-core-line { background: linear-gradient(90deg,transparent,var(--xmf26-orange),transparent); }
.hero-symbol .symbol-node-a { background: var(--xmf26-yellow); color: var(--xmf26-teal); }
.hero-symbol .symbol-node-b { background: var(--xmf26-orange); }
.hero-symbol .symbol-node-c { background: var(--xmf26-emerald); }
.hero-symbol .symbol-year { color: var(--xmf26-teal); }
.hero-symbol .symbol-caption { color: var(--xmf26-teal); }
#content > .confidential { background: linear-gradient(rgb(139, 212, 208) 0%, rgb(184, 224, 201) 54%, rgb(233, 223, 174) 100%); }
#content > .confidential::before { background: radial-gradient(at 12% 12%, rgba(255, 249, 240, 0.85) 0px, rgba(255, 249, 240, 0.85) 9%, transparent 27%), radial-gradient(at 91% 16%, rgba(255, 249, 240, 0.79) 0px, rgba(255, 249, 240, 0.79) 12%, transparent 28%), repeating-conic-gradient(from 244deg at 50% 100%, rgba(244, 239, 155, 0.26) 0deg, rgba(244, 239, 155, 0.26) 7deg, transparent 7deg, transparent 17deg), linear-gradient(rgba(131, 210, 205, 0.85), rgba(201, 228, 196, 0.79) 66%, rgba(241, 220, 157, 0.8)); }
#content > .confidential-bg { opacity: 0.25; mix-blend-mode: multiply; filter: saturate(0.55) hue-rotate(15deg); }
#content > .confidential .confidential-card { background: rgba(255, 248, 238, 0.91); border: 2px solid var(--xmf26-teal); box-shadow: rgba(7, 86, 107, 0.17) 0px 22px 60px, rgb(255, 255, 255) 0px 1px 0px inset; }
#content > .confidential .confidential-card::after { border-color: rgba(10, 168, 146, 0.4); box-shadow: rgba(10, 168, 146, 0.125) 0px 0px 0px 18px, rgba(244, 210, 31, 0.133) 0px 0px 0px 38px; }
#content > .confidential .confidential-card-head { border-color: rgba(7, 86, 107, 0.3); }
#content > .confidential .confidential-icon { background: var(--xmf26-yellow); color: var(--xmf26-teal); box-shadow: rgba(244, 210, 31, 0.333) 0px 10px 26px; }
#content > .confidential .confidential-kicker, #content > .confidential .confidential-seal { color: var(--xmf26-teal); }
#content > .confidential .confidential-seal { border-color: rgba(7, 86, 107, 0.533); }
#content > .confidential .confidential-card h2 { color: var(--xmf26-teal); }
#content > .confidential .confidential-copy p:first-child { color: var(--xmf26-teal); }
#content > .confidential .confidential-copy p + p { color: rgb(65, 104, 115); }
#history::after, #artists::after, #headliners::after, #stages::after, #ecosystem::after, #entries::after, #marketing::after, #reach::after, #value::after, #milestones::after, #vision::after { content: ""; position: absolute; right: -8%; bottom: -8%; width: 34vw; height: 22vw; min-width: 260px; min-height: 170px; opacity: 0.22; pointer-events: none; background: repeating-radial-gradient(at 60% 50%, transparent 0px, transparent 18px, rgb(10, 168, 146) 19px, rgb(10, 168, 146) 21px, transparent 22px, transparent 35px); transform: rotate(-17deg); z-index: -1; }
.hero, #content > .confidential, #history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones { background-image: url("media/xmf26-clouds-vector.svg"), url("media/xmf26-landscape-vector.svg"), linear-gradient(rgb(134, 212, 208) 0%, rgb(183, 223, 200) 57%, rgb(241, 221, 165) 100%); background-repeat: repeat-x, no-repeat, no-repeat; background-position: center top, center bottom, center center; background-size: auto 220px, 100% auto, cover; }
.hero { background-blend-mode: normal, normal, multiply; }
#content > .confidential { background-blend-mode: normal, normal, multiply; }
#history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones { background-blend-mode: normal, normal, normal; }
#history .history-card, #artists .artist-data-card, #artists .artist-lineup-card, #stages .stage-card { background: rgba(255, 248, 238, 0.937); border: 1px solid rgba(7, 86, 107, 0.533); box-shadow: rgba(7, 86, 107, 0.133) 0px 16px 38px; }
#history .history-card-art { background: rgb(217, 231, 215); padding: 10px; }
#history .history-card-art .zoom-image { box-shadow: none; border-radius: 11px; }
#history .history-card-body { padding-top: 26px; }
#history .history-card-top strong { font-size: clamp(2.5rem, 4vw, 4.1rem); }
#history .history-count-track { height: 11px; background: rgb(213, 226, 218); }
#history .history-count-track i { background: linear-gradient(90deg, rgb(10, 168, 146) 0px, rgb(10, 168, 146) 42%, rgb(244, 210, 31) 67%, rgb(242, 122, 50) 100%); }
#artists .artist-data-card, #artists .artist-lineup-card { box-shadow: rgba(7, 86, 107, 0.133) 0px 16px 38px; }
#artists .artist-lineup-card .zoom-image { background: rgb(217, 231, 215); }
#artists .artist-lineup-card img { background: rgb(217, 231, 215); }
#stages .stage-card { overflow: hidden; }
#vision { min-height: min(100svh, 920px); background-image: url("media/xmf26-clouds-vector.svg"), url("media/xmf26-landscape-vector.svg"), linear-gradient(rgb(131, 210, 207) 0%, rgb(183, 223, 200) 56%, rgb(241, 221, 165) 100%); background-repeat: repeat-x, no-repeat, no-repeat; background-position: center top, center bottom, center center; background-size: auto 255px, 100% auto, cover; background-blend-mode: normal, normal, multiply; }
#vision > .scene { opacity: 0.2; mix-blend-mode: multiply; filter: saturate(0.45) hue-rotate(12deg); }
#vision::before { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: -1; background: repeating-conic-gradient(from 247deg at 50% 91%, rgba(244, 239, 155, 0.333) 0deg, rgba(244, 239, 155, 0.333) 6deg, transparent 6deg, transparent 17deg); animation: 18s ease-in-out 0s infinite alternate none running era-rays; }
#vision::after { content: ""; position: absolute; right: -4%; bottom: -5%; width: 44vw; height: 35vw; min-width: 320px; min-height: 240px; opacity: 0.38; pointer-events: none; background: repeating-radial-gradient(transparent 0px, transparent 18px, rgb(10, 168, 146) 19px, rgb(10, 168, 146) 22px, transparent 23px, transparent 38px); transform: rotate(-14deg); z-index: -1; animation: 16s ease-in-out 0s infinite alternate none running era-vector-drift; }
#vision .section-heading h2 { color: var(--xmf26-teal); text-shadow: rgba(255, 249, 240, 0.333) 0px 2px 0px; }
#vision .section-heading h2 em { color: var(--xmf26-teal); }
#vision .vision-copy > p:first-child, #vision .vision-copy > strong, #vision .venue-line { color: var(--xmf26-teal); }
#vision .vision-copy > strong { font-size: clamp(2.4rem, 5vw, 4.8rem); }
#vision .floating-keys { right: 8%; bottom: 15%; gap: 38px; transform: rotate(-12deg); z-index: 1; }
#vision .floating-keys::before { content: ""; position: absolute; inset: -35%; border: 2px solid rgba(10, 168, 146, 0.5); border-radius: 50%; transform: rotate(-25deg) scaleX(0.66); animation: 12s linear 0s infinite normal none running era-orbit; }
#vision .floating-keys::after { content: "✦"; position: absolute; right: -22%; top: -26%; font: 800 clamp(2rem,4vw,4rem)/1 var(--display); color: var(--xmf26-yellow); text-shadow: rgba(244, 210, 31, 0.533) 0px 0px 20px; animation: 3.4s ease-in-out 0s infinite normal none running era-symbol-pulse; }
#vision .floating-keys .key-mini { opacity: 0.95; filter: drop-shadow(rgba(7, 86, 107, 0.133) 0px 10px 12px); }
#vision .floating-keys .key-mini::before, #vision .floating-keys .key-mini::after { background: var(--xmf26-yellow); }
@keyframes era-rays { 
  0% { transform: scale(1); opacity: 0.72; }
  100% { transform: scale(1.06); opacity: 1; }
}
@keyframes era-vector-drift { 
  0% { transform: rotate(-14deg) translate3d(0px, 0px, 0px); }
  100% { transform: rotate(-9deg) translate3d(-24px, -14px, 0px); }
}
@keyframes era-orbit { 
  100% { transform: rotate(335deg) scaleX(0.66); }
}
@keyframes era-symbol-pulse { 
  0%, 100% { transform: scale(0.9) rotate(-8deg); }
  50% { transform: scale(1.13) rotate(8deg); }
}
:root { --xmf-light-cream: #FFF4E7; --xmf-light-mint: #E2FCF5; --xmf-soft-teal: #BDDBD9; --xmf-deep-green: #0C4F44; --xmf-fresh-green: #41B35F; --xmf-teal-green: #05877C; --xmf-aqua-green: #1BA89C; --xmf-pink: #F39BD8; --xmf-yellow: #D3CF54; --xmf-orange: #F28C38; --xmf-dark-navy: #12598C; --xmf-forest-teal: #143835; --xmf-blue-teal: #FFFFFF; --xmf-main-gradient: #A5D9D6; }
.hero, #content > .confidential, #history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones, #vision { background-color: var(--xmf-main-gradient); background-image: url("media/xmf26-pattern.svg"), url("media/xmf26-clouds-vector.svg"), url("media/xmf26-landscape-vector.svg"), linear-gradient(rgb(165, 217, 214) 0%, rgb(132, 182, 172) 56%, rgb(211, 207, 84) 100%); background-repeat: repeat, repeat-x, no-repeat, no-repeat; background-position: center center, center top, center bottom, center center; background-size: 320px 320px, auto 220px, 100% auto, cover; background-blend-mode: normal, normal, normal, normal; }
.hero { background-size: 360px 360px, auto 245px, 100% auto, cover; }
#content > .confidential { background-size: 360px 360px, auto 235px, 100% auto, cover; }
.hero-copy h1, .hero-copy h1 em, .hero-copy .overline, .hero-subtitle, .hero .eyebrow, .hero-bottom > div > span, .hero-bottom strong, .round-link { color: var(--xmf-deep-green); }
.hero::after { background: linear-gradient(rgba(226, 252, 245, 0.66) 0%, rgba(226, 252, 245, 0.4) 50%, rgba(255, 244, 231, 0.267) 100%), repeating-conic-gradient(from 250deg at 50% 90%, rgba(211, 207, 84, 0.333) 0deg, rgba(211, 207, 84, 0.333) 7deg, transparent 7deg, transparent 17deg); }
.hero-symbol .symbol-orbit { border-color: rgba(18, 89, 140, 0.533); }
.hero-symbol .symbol-orbit-b { border-color: rgba(27, 168, 156, 0.533); }
.hero-symbol .symbol-orbit i { background: var(--xmf-orange); box-shadow: rgba(242, 140, 56, 0.22) 0px 0px 0px 5px, rgba(242, 140, 56, 0.6) 0px 0px 18px; }
.hero-symbol .symbol-orbit-b i { background: var(--xmf-pink); box-shadow: rgba(243, 155, 216, 0.22) 0px 0px 0px 4px, rgba(243, 155, 216, 0.6) 0px 0px 16px; }
.hero-symbol .symbol-core { border-color: rgba(12, 79, 68, 0.4); background: var(--xmf-light-cream); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(12, 79, 68, 0.196) 0px 24px 50px, rgba(255, 249, 240, 0.267) 0px 0px 0px 12px; }
.hero-symbol .symbol-kicker, .hero-symbol .symbol-core-label, .hero-symbol .symbol-year, .hero-symbol .symbol-caption { color: var(--xmf-deep-green); }
.hero-symbol .symbol-core-line { background: var(--xmf-orange); }
.hero-symbol .symbol-node-a { background: var(--xmf-yellow); }
.hero-symbol .symbol-node-b { background: var(--xmf-orange); }
.hero-symbol .symbol-node-c { background: var(--xmf-aqua-green); }
#content > .confidential { background-color: var(--xmf-main-gradient); }
#content > .confidential::before { background: linear-gradient(rgba(165, 217, 214, 0.8) 0%, rgba(197, 222, 193, 0.85) 58%, rgba(216, 232, 183, 0.9) 100%); }
#content > .confidential .confidential-card { background: var(--xmf-light-cream); border-color: var(--xmf-deep-green); box-shadow: rgba(12, 79, 68, 0.15) 0px 22px 60px; }
#content > .confidential .confidential-card::after { border-color: rgba(27, 168, 156, 0.4); box-shadow: rgba(27, 168, 156, 0.118) 0px 0px 0px 18px, rgba(243, 155, 216, 0.12) 0px 0px 0px 38px; }
#content > .confidential .confidential-card-head { border-color: rgba(12, 79, 68, 0.267); }
#content > .confidential .confidential-icon { background: var(--xmf-pink); color: var(--xmf-deep-green); box-shadow: rgba(243, 155, 216, 0.333) 0px 10px 26px; }
#content > .confidential .confidential-kicker, #content > .confidential .confidential-seal { color: var(--xmf-dark-navy); }
#content > .confidential .confidential-seal { border-color: var(--xmf-dark-navy); }
#content > .confidential .confidential-card h2, #content > .confidential .confidential-copy p:first-child { color: var(--xmf-deep-green); }
#content > .confidential .confidential-copy p + p { color: rgb(20, 56, 53); }
#history .history-card, #artists .artist-data-card, #artists .artist-lineup-card, #stages .stage-card { background: var(--xmf-light-cream); border-color: rgba(12, 79, 68, 0.533); box-shadow: rgba(12, 79, 68, 0.13) 0px 16px 38px; color: var(--xmf-deep-green); }
#history .history-card:hover, #artists .artist-data-card:hover, #artists .artist-lineup-card:hover, #stages .stage-card:hover { border-color: var(--xmf-orange); }
#history .history-card-art { background: var(--xmf-soft-teal); }
#history .history-card-art .zoom-image, #artists .artist-lineup-card .zoom-image { background: var(--xmf-light-mint); }
#history .history-profile { border-color: var(--xmf-light-cream); }
#history .history-card-index { background: var(--xmf-light-cream); border-color: rgba(12, 79, 68, 0.4); color: var(--xmf-deep-green); }
#history .history-card-top { border-color: rgba(12, 79, 68, 0.22); }
#history .history-card-top strong, #history .history-facts dd, #history .history-count-label strong { color: var(--xmf-deep-green); }
#history .history-card-top span, #history .history-facts dt { color: var(--xmf-dark-navy); }
#history .history-count { border-color: rgba(12, 79, 68, 0.17); }
#history .history-count-label span { color: var(--xmf-forest-teal); }
#history .history-count-track { background: var(--xmf-soft-teal); }
#history .history-count-track i { background: linear-gradient(90deg,var(--xmf-fresh-green),#D3CF54,var(--xmf-orange)); }
#history .history-note-box { background: var(--xmf-light-cream); border-color: var(--xmf-deep-green); }
#history .history-note-icon { background: var(--xmf-yellow); color: var(--xmf-deep-green); }
#history .history-note-box p, #history .history-note-box strong { color: var(--xmf-forest-teal); }
#artists .artist-card-kicker, #artists .artist-block-title span, #artists .artist-share-head span, #artists .artist-share-caption, #artists .artist-data-foot { color: var(--xmf-forest-teal); }
#artists .artist-total, #artists .artist-share-block { border-color: rgba(12, 79, 68, 0.22); }
#artists .artist-total strong, #artists .artist-share-head strong, #artists .artist-block-title strong, #artists .artist-lineup-head strong { color: var(--xmf-deep-green); }
#artists .artist-share-track { background: var(--xmf-soft-teal); }
#artists .artist-share-track i { background: linear-gradient(90deg,var(--xmf-aqua-green),var(--xmf-fresh-green) 68%,var(--xmf-orange)); }
#artists .genre-bars li > div strong { color: var(--xmf-deep-green); }
#artists .genre-dot-matrix { background: var(--xmf-light-mint); border-color: rgba(12, 79, 68, 0.4); }
#artists .genre-dot.live { --dot-color: var(--xmf-aqua-green); }
#artists .genre-dot.hiphop { --dot-color: var(--xmf-orange); }
#artists .genre-dot.electronic { --dot-color: var(--xmf-pink); }
#artists .genre-dot-legend { color: var(--xmf-forest-teal); }
#artists .genre-dot-legend span i { background: var(--xmf-aqua-green); }
#artists .genre-dot-legend span:nth-child(2) i { background: var(--xmf-orange); }
#artists .genre-dot-legend span:nth-child(3) i { background: var(--xmf-pink); }
#artists .genre-dot-legend b { color: var(--xmf-deep-green); }
#artists .artist-lineup-card .zoom-image, #artists .artist-lineup-card img { background: var(--xmf-light-mint); }
#headliners .headliner-card { background: var(--xmf-deep-green); border-color: var(--xmf-aqua-green); }
#headliners .headliner-card:hover { border-color: var(--xmf-orange); }
#headliners .headliner-card-head { border-color: rgba(226, 252, 245, 0.333); }
#headliners .headliner-card-head strong, #headliners .headliner-stats li strong { color: var(--xmf-light-cream); }
#headliners .headliner-card-head span, #headliners .headliner-stats li span, #headliners .headliner-data-note { color: var(--xmf-soft-teal); }
#headliners .headliner-data-note { border-color: rgba(226, 252, 245, 0.333); background: rgba(12, 79, 68, 0.8); }
#stages .stage-card .zoom-image { background: var(--xmf-light-mint); }
#stages .stage-card figcaption strong, #stages .stage-metric strong { color: var(--xmf-deep-green); }
#stages .stage-metric { border-color: rgba(12, 79, 68, 0.22); }
#stages .stage-metric span { color: var(--xmf-forest-teal); }
#stages .stage-metric strong { color: var(--xmf-orange); }
#vision { background-color: var(--xmf-main-gradient); background-size: 420px 420px, auto 260px, 100% auto, cover; }
#vision::before { background: repeating-conic-gradient(from 247deg at 50% 91%, rgba(211, 207, 84, 0.37) 0deg, rgba(211, 207, 84, 0.37) 6deg, transparent 6deg, transparent 17deg); }
#vision .section-heading h2, #vision .section-heading h2 em, #vision .vision-copy > p:first-child, #vision .vision-copy > strong, #vision .venue-line { color: var(--xmf-deep-green); }
#vision .floating-keys::before { border-color: rgba(27, 168, 156, 0.6); }
#vision .floating-keys::after { color: var(--xmf-orange); }
#vision .floating-keys .key-mini::before, #vision .floating-keys .key-mini::after { background: var(--xmf-yellow); }
.hero, #content > .confidential, #history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones { background-image: url("media/xmf-kv-flower-sprig.png"), url("media/xmf-kv-bird.png"), url("media/xmf-kv-cloud-a.png"), url("media/xmf-kv-cloud-b.png"), url("media/xmf-kv-landscape.png"), linear-gradient(rgb(165, 217, 214) 0%, rgb(132, 182, 172) 56%, rgb(216, 232, 183) 100%); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; background-position: left 3% top 18px, right 4% top 64px, left 7% top 16px, right 8% top 42px, center bottom, center center; background-size: 160px auto, 190px auto, 360px auto, 420px auto, min(100%, 926px) auto, cover; background-blend-mode: normal, normal, normal, normal, normal, normal; }
.hero { background-size: 180px auto, 220px auto, 420px auto, 480px auto, min(100%, 1180px) auto, cover; }
#content > .confidential { background-size: 145px auto, 0px 0px, 320px auto, 360px auto, min(100%, 926px) auto, cover; }
#history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones { background-attachment: scroll; }
#history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones { background-image: url("media/xmf-kv-hills-flora.png"), url("media/xmf-kv-flower-sprig.png"), url("media/xmf-kv-cloud-a.png"), url("media/xmf-kv-cloud-b.png"), url("media/xmf-kv-landscape.png"), linear-gradient(rgb(165, 217, 214) 0%, rgb(132, 182, 172) 56%, rgb(216, 232, 183) 100%); background-position: left bottom 18px, right 4% top 24px, left 8% top 28px, right 9% top 40px, center bottom, center center; background-size: min(54vw, 720px) auto, 150px auto, 320px auto, 370px auto, min(100%, 926px) auto, cover; }
.hero::after { background: linear-gradient(rgba(226, 252, 245, 0.133) 0%, rgba(226, 252, 245, 0) 55%, rgba(255, 244, 231, 0.2) 100%), repeating-conic-gradient(from 250deg at 50% 90%, rgba(211, 207, 84, 0.32) 0deg, rgba(211, 207, 84, 0.32) 7deg, transparent 7deg, transparent 17deg); }
#content > .confidential::before { background: linear-gradient(rgba(165, 217, 214, 0.667) 0%, rgba(197, 222, 193, 0.71) 55%, rgba(216, 232, 183, 0.8) 100%); }
#content > .confidential .confidential-card { background: rgba(255, 244, 231, 0.93); border-color: rgb(12, 79, 68); }
#vision { background-image: url("media/xmf-kv-pegasus.png"), url("media/xmf-kv-bird.png"), url("media/xmf-kv-flower-sprig.png"), url("media/xmf-kv-cloud-a.png"), url("media/xmf-kv-cloud-b.png"), url("media/xmf-kv-landscape.png"), linear-gradient(rgb(165, 217, 214) 0%, rgb(132, 182, 172) 56%, rgb(216, 232, 183) 100%); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; background-position: right 7% bottom 90px, right 14% top 84px, left 5% bottom 115px, left 6% top 28px, right 7% top 34px, center bottom, center center; background-size: 260px auto, 220px auto, 150px auto, 410px auto, 470px auto, min(100%, 926px) auto, cover; }
#vision > .scene { opacity: 0.12; }
#vision .floating-keys { animation: 9s ease-in-out 0s infinite normal none running era-cover-float; }
@keyframes era-cover-float { 
  0%, 100% { transform: rotate(-12deg) translate3d(0px, 0px, 0px); }
  50% { transform: rotate(-8deg) translate3d(-14px, -18px, 0px); }
}
@media (max-width: 700px) {
  .hero, #content > .confidential, #history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones, #vision { background-size: 110px auto, 0px 0px, 230px auto, 280px auto, 150% auto, cover; }
  #vision { background-size: 170px auto, 140px auto, 100px auto, 240px auto, 300px auto, 170% auto, cover; background-position: right 5% bottom 120px, right 8% top 70px, left 3% bottom 125px, left 3% top 28px, right 4% top 36px, center bottom, center center; }
}
.hero, #content > .confidential, #history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones { color: var(--xmf-deep-green); background-color: rgb(165, 217, 214); background-image: url("media/xmf-kv-composed-strip-v2.png"), repeating-conic-gradient(from 250deg at 50% 112%, rgba(211, 207, 84, 0.19) 0deg, rgba(211, 207, 84, 0.19) 7deg, transparent 7deg, transparent 17deg), linear-gradient(rgb(165, 217, 214) 0%, rgb(198, 230, 212) 56%, rgb(255, 244, 231) 100%); background-repeat: no-repeat, no-repeat; background-position: center bottom, center center, center center; background-size: 100% auto, 100% 100%, cover; }
.hero { background-image: url("media/xmf-kv-composed-strip-v2.png"), repeating-conic-gradient(from 250deg at 50% 112%, rgba(211, 207, 84, 0.22) 0deg, rgba(211, 207, 84, 0.22) 7deg, transparent 7deg, transparent 17deg), linear-gradient(rgb(165, 217, 214) 0%, rgb(196, 231, 211) 58%, rgb(255, 244, 231) 100%); background-size: 100% auto, 100% 100%, cover; }
#vision { color: var(--xmf-deep-green); background-color: rgb(165, 217, 214); background-image: url("media/xmf-kv-composed-strip-v2.png"), repeating-conic-gradient(from 247deg at 50% 92%, rgba(211, 207, 84, 0.282) 0deg, rgba(211, 207, 84, 0.282) 6deg, transparent 6deg, transparent 17deg), linear-gradient(rgb(165, 217, 214) 0%, rgb(196, 231, 211) 58%, rgb(255, 244, 231) 100%); background-repeat: no-repeat, no-repeat, no-repeat; background-position: center bottom, center center, center center; background-size: 100% auto, 100% 100%, cover; }
.hero-landscape, #content > .confidential-bg, #history > .scene, #artists > .scene, #headliners > .scene, #stages > .scene, #ecosystem > .scene, #entries > .scene, #marketing > .scene, #reach > .scene, #value > .scene, #milestones > .scene, #vision > .scene { opacity: 0 !important; visibility: hidden; }
#history > .festival-loop, #artists > .festival-loop, #headliners > .festival-loop, #stages > .festival-loop { display: none; }
#history::after, #artists::after, #headliners::after, #stages::after, #ecosystem::after, #entries::after, #marketing::after, #reach::after, #value::after, #milestones::after { display: none !important; }
.hero::before, #history::before, #artists::before, #headliners::before, #stages::before, #ecosystem::before, #entries::before, #marketing::before, #reach::before, #value::before, #milestones::before, #content > .confidential::after, #vision::before { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background: url("media/xmf-kv-clouds-composed.png") center top / 100% auto no-repeat; opacity: 0.82; transform: translate3d(0px, 0px, 0px) scale(1.015); animation: 30s ease-in-out 0s infinite alternate none running xmf-cloud-fly; will-change: transform; }
.hero::before { opacity: 0.92; }
#content > .confidential::after { opacity: 0.72; background-position: center 8px; }
#vision::before { opacity: 0.86; background-position: center -8px; }
#vision::after { content: ""; position: absolute; right: -7%; bottom: -13%; width: 44vw; height: 34vw; min-width: 300px; min-height: 230px; border: 2px solid rgba(27, 168, 156, 0.4); border-radius: 50%; box-shadow: rgba(27, 168, 156, 0.094) 0px 0px 0px 18px, rgba(243, 155, 216, 0.1) 0px 0px 0px 42px; transform: rotate(-16deg); pointer-events: none; z-index: -1; animation: 16s ease-in-out 0s infinite alternate none running xmf-orbit-drift; }
#history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones, #vision { --muted: #35685F; --line: #0C4F4438; }
#headliners { color: var(--xmf-deep-green); }
#headliners .section-intro { color: rgb(53, 104, 95); }
@keyframes xmf-cloud-fly { 
  0%, 100% { transform: translate3d(-1.5%, 0px, 0px) scale(1.015); }
  50% { transform: translate3d(1.5%, -9px, 0px) scale(1.03); }
}
@keyframes xmf-orbit-drift { 
  0% { transform: rotate(-16deg) translate3d(0px, 0px, 0px); }
  100% { transform: rotate(-11deg) translate3d(-22px, -16px, 0px); }
}
@media (max-width: 700px) {
  .hero, #content > .confidential, #history, #artists, #headliners, #stages, #ecosystem, #entries, #marketing, #reach, #value, #milestones, #vision { background-size: auto 250px, 100% 100%, cover; background-position: center bottom, center center, center center; }
  #vision { background-size: auto 250px, 100% 100%, cover; background-position: center bottom, center center, center center; }
  .hero::before, #history::before, #artists::before, #headliners::before, #stages::before, #ecosystem::before, #entries::before, #marketing::before, #reach::before, #value::before, #milestones::before, #content > .confidential::after, #vision::before { background-size: auto 250px; background-position: center top; }
  #vision::before { background-position: center -4px; }
  #vision::after { right: -34%; bottom: -9%; width: 86vw; height: 62vw; }
}
@media (prefers-reduced-motion: reduce) {
  .hero::before, #history::before, #artists::before, #headliners::before, #stages::before, #ecosystem::before, #entries::before, #marketing::before, #reach::before, #value::before, #milestones::before, #content > .confidential::after, #vision::before, #vision::after { animation: auto ease 0s 1 normal none running none !important; }
}
.motion-paused .hero::before, .motion-paused #history::before, .motion-paused #artists::before, .motion-paused #headliners::before, .motion-paused #stages::before, .motion-paused #ecosystem::before, .motion-paused #entries::before, .motion-paused #marketing::before, .motion-paused #reach::before, .motion-paused #value::before, .motion-paused #milestones::before, .motion-paused #content > .confidential::after, .motion-paused #vision::before, .motion-paused #vision::after { animation-play-state: paused !important; }
:root { --xmf-style-sky: #A5D9D6; --xmf-style-mint: #B7DFC8; --xmf-style-cream: #FFF4E7; --xmf-style-sun: #F1DDA5; --xmf-style-teal: #07566B; --xmf-style-emerald: #0AA892; --xmf-style-yellow: #F4D21F; --xmf-style-orange: #F27A32; --xmf-style-pink: #F16F86; }
body { color: var(--xmf-style-teal); background: var(--xmf-style-cream); }
.site-header { background: rgba(255, 244, 231, 0.933); border-color: rgba(7, 86, 107, 0.17); }
.site-header .nav-group summary, .site-header .nav-contact { color: var(--xmf-style-teal); }
.site-header .nav-group summary span { color: var(--xmf-style-orange); }
.submenu { background: rgba(255, 244, 231, 0.96); border-color: rgba(7, 86, 107, 0.17); }
.reading-progress i { background: linear-gradient(90deg,var(--xmf-style-orange),var(--xmf-style-yellow),var(--xmf-style-emerald)); }
#content > .hero, #content > .confidential, #content > .chapter { color: var(--xmf-style-teal); background-color: var(--xmf-style-sky) !important; background-image: radial-gradient(ellipse 72% 42% at 92% 8%,#F5D9E244 0%,transparent 62%),
    radial-gradient(ellipse 60% 38% at 6% 88%,#0AA89220 0%,transparent 66%),
    linear-gradient(180deg,var(--xmf-style-sky) 0%,var(--xmf-style-mint) 54%,var(--xmf-style-cream) 86%,var(--xmf-style-sun) 100%) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }
#content > .hero { min-height: calc(100svh - var(--header)); background-image: radial-gradient(ellipse 78% 48% at 88% 2%,#F5D9E255 0%,transparent 62%),
  radial-gradient(ellipse 64% 42% at 8% 92%,#0AA89225 0%,transparent 66%),
  linear-gradient(180deg,var(--xmf-style-sky) 0%,#B9E1CF 54%,var(--xmf-style-cream) 86%,var(--xmf-style-sun) 100%) !important; }
#content > #vision { background-image: radial-gradient(ellipse 70% 54% at 86% 8%,#F5D9E255 0%,transparent 64%),
  radial-gradient(ellipse 64% 42% at 8% 86%,#0AA89224 0%,transparent 68%),
  linear-gradient(135deg,var(--xmf-style-sky) 0%,#B9E1CF 48%,var(--xmf-style-cream) 82%,var(--xmf-style-sun) 100%) !important; }
.hero-landscape, #content > .confidential > .confidential-bg, #content > .chapter > .scene { display: none !important; visibility: hidden !important; opacity: 0 !important; }
.hero::before, #content > .confidential::before, #content > .chapter::before { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background-image: url("media/cloud-01.png"), url("media/cloud-02.png"), url("media/cloud-03.png"), url("media/cloud-04.png"), url("media/cloud-05.png"), url("media/cloud-06.png"); background-repeat: no-repeat; background-position: -6% 2%, 16% 16%, 39% -2%, 62% 12%, 84% 1%, 112% 20%; background-size: 290px auto, 320px auto, 350px auto, 270px auto, 330px auto, 300px auto; opacity: 0.62; transform: translate3d(0px, 0px, 0px); animation: 46s ease-in-out 0s infinite alternate none running xmf-cloud-flight-a; will-change: transform; }
.hero::after, #content > .chapter::after, #content > .confidential::after { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background-image: url("media/cloud-07.png"), url("media/cloud-08.png"), url("media/cloud-09.png"), url("media/cloud-10.png"), url("media/cloud-11.png"), url("media/cloud-12.png"); background-repeat: no-repeat; background-position: -10% 67%, 15% 45%, 42% 75%, 66% 52%, 90% 70%, 116% 42%; background-size: 300px auto, 250px auto, 330px auto, 310px auto, 290px auto, 280px auto; opacity: 0.24; transform: translate3d(0px, 0px, 0px); animation: 62s ease-in-out 0s infinite alternate-reverse none running xmf-cloud-flight-b; will-change: transform; display: block !important; }
.hero::before { opacity: 0.82; }
.hero::after { opacity: 0.34; }
#content > .confidential::before { opacity: 0.56; }
#content > .confidential::after { opacity: 0.2; background-position: -6% 57%, 16% 35%, 42% 74%, 66% 48%, 90% 65%, 116% 38%; }
#content > #vision::before { opacity: 0.78; background-position: -4% 4%, 18% 19%, 42% 1%, 66% 17%, 88% 5%, 114% 22%; }
#content > #vision::after { opacity: 0.22; background-position: -8% 63%, 16% 43%, 44% 72%, 68% 51%, 91% 67%, 116% 41%; }
@keyframes xmf-cloud-flight-a { 
  0%, 100% { transform: translate3d(-1.8%, 0px, 0px) scale(1.01); }
  50% { transform: translate3d(1.8%, -12px, 0px) scale(1.035); }
}
@keyframes xmf-cloud-flight-b { 
  0%, 100% { transform: translate3d(2%, 5px, 0px) scale(1.02); }
  50% { transform: translate3d(-2%, -8px, 0px) scale(1.04); }
}
.hero-layout { position: relative; }
.hero-symbol { position: absolute; top: -24%; right: -10%; width: min(64vw, 760px); height: min(64vw, 760px); min-height: 0px; display: block; z-index: 0; opacity: 0.78; pointer-events: none; filter: saturate(0.82); }
.hero-symbol .symbol-field { width: 100%; height: 100%; max-width: none; aspect-ratio: auto; }
.hero-symbol .symbol-caption { right: 7%; bottom: 7%; color: var(--xmf-style-teal); }
.hero-symbol .symbol-orbit { border-color: rgba(7, 86, 107, 0.467); }
.hero-symbol .symbol-orbit-b { border-color: rgba(10, 168, 146, 0.533); }
.hero-symbol .symbol-orbit i { background: var(--xmf-style-orange); box-shadow: rgba(242, 122, 50, 0.22) 0px 0px 0px 5px, rgba(242, 122, 50, 0.6) 0px 0px 18px; }
.hero-symbol .symbol-orbit-b i { background: var(--xmf-style-pink); box-shadow: rgba(241, 111, 134, 0.22) 0px 0px 0px 4px, rgba(241, 111, 134, 0.6) 0px 0px 16px; }
.hero-symbol .symbol-core { border-color: rgba(7, 86, 107, 0.4); background: linear-gradient(145deg, rgba(255, 244, 231, 0.933), rgba(207, 232, 216, 0.867) 58%, rgba(244, 220, 167, 0.867)); box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(7, 86, 107, 0.196) 0px 24px 50px, rgba(255, 249, 240, 0.267) 0px 0px 0px 12px; }
.hero-symbol .symbol-kicker, .hero-symbol .symbol-core-label, .hero-symbol .symbol-year { color: var(--xmf-style-teal); }
.hero-symbol .symbol-core-line { background: linear-gradient(90deg,transparent,var(--xmf-style-orange),transparent); }
.hero-symbol .symbol-node-a { background: var(--xmf-style-yellow); color: var(--xmf-style-teal); }
.hero-symbol .symbol-node-b { background: var(--xmf-style-orange); }
.hero-symbol .symbol-node-c { background: var(--xmf-style-emerald); }
#content > #history > .festival-loop, #content > #artists > .festival-loop, #content > #headliners > .festival-loop, #content > #stages > .festival-loop { opacity: 0.24; color: var(--xmf-style-teal); display: block !important; }
#content > .chapter > .festival-loop::before { border-color: rgba(10, 168, 146, 0.6); box-shadow: rgba(10, 168, 146, 0.094) 0px 0px 0px 34px, rgba(244, 210, 31, 0.07) 0px 0px 0px 75px; }
#content > .chapter > .festival-loop::after { border-color: rgba(242, 122, 50, 0.533); }
#content > .chapter > .festival-loop i { background: var(--xmf-style-yellow); box-shadow: rgba(244, 210, 31, 0.18) 0px 0px 0px 8px, rgba(244, 210, 31, 0.4) 0px 0px 30px; }
#content > .chapter > .festival-loop i:nth-child(2) { background: var(--xmf-style-orange); box-shadow: rgba(242, 122, 50, 0.157) 0px 0px 0px 8px, rgba(242, 122, 50, 0.4) 0px 0px 30px; }
#content > .chapter > .festival-loop i:nth-child(3) { background: var(--xmf-style-emerald); box-shadow: rgba(10, 168, 146, 0.157) 0px 0px 0px 8px, rgba(10, 168, 146, 0.4) 0px 0px 30px; }
#content > #vision .floating-keys { display: none !important; }
#content > #vision::after { inset: auto -8% -16% auto; opacity: 1; background-image: none; inset-inline-start: auto; width: 48vw; height: 38vw; min-width: 300px; min-height: 240px; border: 2px solid rgba(10, 168, 146, 0.4); border-radius: 50%; box-shadow: rgba(10, 168, 146, 0.094) 0px 0px 0px 18px, rgba(241, 111, 134, 0.094) 0px 0px 0px 42px; transform: rotate(-16deg); z-index: 0; pointer-events: none; animation: 16s ease-in-out 0s infinite alternate none running xmf-orbit-drift; }
#content > .hero .hero-copy h1, #content > .hero .hero-copy h1 em, #content > .hero .hero-copy .overline, #content > .hero .hero-subtitle, #content > .hero .eyebrow, #content > .hero .hero-bottom > div > span, #content > .hero .hero-bottom strong, #content > .hero .round-link, #content > .chapter .section-heading h2, #content > .chapter .section-heading h2 em, #content > .chapter .eyebrow { color: var(--xmf-style-teal); }
#content > .chapter .section-heading h2 em { color: var(--xmf-style-orange); }
#content > .chapter .section-intro, #content > .chapter .note { color: rgb(65, 104, 115); }
#content > .confidential .confidential-card { background: rgba(255, 244, 231, 0.933); border-color: var(--xmf-style-teal); box-shadow: rgba(7, 86, 107, 0.17) 0px 22px 60px; }
#content > .confidential .confidential-card h2, #content > .confidential .confidential-copy p:first-child { color: var(--xmf-style-teal); }
@media (max-width: 700px) {
  #content > .hero { min-height: 0px; }
  .hero-symbol { top: 14%; right: -28%; width: 126vw; height: 126vw; opacity: 0.2; z-index: 0; }
  .hero-symbol .symbol-core { opacity: 0.72; }
  .hero-symbol .symbol-core img { width: 88%; }
  #content > .hero .hero-copy, #content > .hero .hero-bottom { position: relative; z-index: 2; }
  .hero-symbol .symbol-caption { display: none; }
  .hero::before, #content > .confidential::before, #content > .chapter::before { background-size: 220px auto, 250px auto, 280px auto, 220px auto, 260px auto, 240px auto; }
  .hero::after, #content > .confidential::after, #content > .chapter::after { background-size: 230px auto, 210px auto, 270px auto, 250px auto, 240px auto, 220px auto; }
  #content > #vision::after { right: -38%; bottom: -9%; width: 88vw; height: 64vw; }
}
#content > #audience { background: rgb(40, 34, 50); color: rgb(255, 247, 238); }
#content > #audience .section-heading h2 { color: rgb(255, 247, 238); }
#content > #audience .section-heading h2 em { color: rgb(189, 162, 255); }
#content > #audience .eyebrow { color: rgb(143, 224, 208); }
#content > #audience .section-intro, #content > #audience .audience-top > span, #content > #audience .gender-panel h3, #content > #audience .age-panel h3, #content > #audience .interest-line { color: rgb(217, 208, 228); }
#content > #audience .note { color: rgb(185, 175, 197); }
#content > #worlds { color: rgb(255, 247, 238); background: none rgb(40, 34, 50) !important; }
#content > #worlds::before, #content > #worlds::after { display: none !important; }
#content > #worlds .section-heading h2 { color: rgb(255, 247, 238); }
#content > #worlds .section-heading h2 em { color: rgb(189, 162, 255); }
#content > #worlds .eyebrow { color: rgb(143, 224, 208); }
#content > #worlds > .era-atmosphere { opacity: 0.5; display: block !important; background: transparent !important; }
@media (prefers-reduced-motion: reduce) {
  .hero::before, .hero::after, #content > .confidential::before, #content > .confidential::after, #content > .chapter::before, #content > .chapter::after, #content > #vision::after { animation: auto ease 0s 1 normal none running none !important; }
}
#artists .artist-total > span { font-size: 1.125rem; line-height: 1.32rem; letter-spacing: 0.06em; }
#artists .artist-share-head strong .count { font: inherit; letter-spacing: inherit; color: inherit; }
#artists .artist-share-head div > span { font-size: 0.9375rem; line-height: 1.122rem; letter-spacing: 0.02em; }
#artists .artist-share-caption { font-size: 1rem; line-height: 1.221rem; }
#artists .artist-block-title > span { font-size: 1rem; line-height: 1.188rem; letter-spacing: 0.06em; }
#artists .artist-block-title > strong { font-size: 1.5rem; line-height: 1.25rem; }
#artists .genre-bars li > div { font-size: 1.0625rem; line-height: 1.17rem; }
#artists .genre-bars li > div strong { font-size: 1.25rem; line-height: 1.17rem; }
#artists .genre-bars li > div strong .count { font-size: inherit; line-height: inherit; }
#artists .genre-dot-legend { font-size: clamp(0.75rem, 0.92vw, 0.875rem); line-height: 0.826rem; letter-spacing: 0px; }
#artists .genre-dot-legend b { font-size: 1.125rem; line-height: 1.092rem; }
@media (min-width: 1001px) and (max-width: 1150px) {
  #artists .genre-dot-legend { letter-spacing: -0.03em; }
}
@media (max-width: 700px) {
  #artists .genre-dot-legend { font-size: 0.9375rem; }
}
#ecosystem .org-nodes > div { position: relative; }
#ecosystem .eco-icon { position: absolute; top: 25px; right: 16px; width: 2.8rem; height: 2.8rem; display: grid; place-items: center; background: rgba(244, 210, 31, 0.12); border-radius: 50%; pointer-events: none; --eco-phase: 0s; --eco-tone: var(--xmf-style-emerald); }
#ecosystem .eco-icon > img { width: 74%; height: auto; position: relative; z-index: 1; }
#ecosystem .eco-icon-orbit { position: absolute; inset: 2px; border: 1.5px solid var(--eco-tone); border-radius: 50%; animation: eco-orbit-spin 1.7s linear var(--eco-phase) infinite; }
#ecosystem .eco-icon-orbit > b { position: absolute; top: 9%; left: 9%; width: 6px; height: 6px; background: var(--xmf-style-yellow); border-radius: 50%; }
#ecosystem .eco-icon-orbit-back { inset: 5px 0px; border-color: var(--xmf-style-orange); animation: eco-orbit-spin-back 1.35s linear var(--eco-phase) infinite; }
#ecosystem .eco-icon-orbit-back > b { background: var(--xmf-style-pink); width: 5px; height: 5px; }
#ecosystem .org-nodes > div:nth-child(2) .eco-icon { --eco-phase: -.34s; --eco-tone: var(--xmf-style-orange); }
#ecosystem .org-nodes > div:nth-child(3) .eco-icon { --eco-phase: -.68s; --eco-tone: var(--xmf-style-teal); }
#ecosystem .org-nodes > div:nth-child(4) .eco-icon { --eco-phase: -1.02s; --eco-tone: var(--xmf-style-pink); }
#ecosystem .org-nodes > div:nth-child(5) .eco-icon { --eco-phase: -1.36s; --eco-tone: var(--xmf-style-emerald); }
@keyframes eco-orbit-spin { 
  0% { transform: rotate(0deg) scaleX(0.6); }
  100% { transform: rotate(360deg) scaleX(0.6); }
}
@keyframes eco-orbit-spin-back { 
  0% { transform: rotate(65deg) scaleX(0.65); }
  100% { transform: rotate(-295deg) scaleX(0.65); }
}
#ecosystem .ecosystem-partner-group + .ecosystem-partner-group { margin-top: 44px; }
#ecosystem .ecosystem-partner-group .subheading { margin: 32px 0px 20px; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.35; color: var(--xmf-style-teal); }
#ecosystem .ecosystem-partner-group .subheading > span { font-weight: 400; }
#ecosystem .ecosystem-partner-group .partner-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; }
#ecosystem .partner-card { display: flex; flex-direction: column; overflow: hidden; border: 0px; border-radius: 16px; background: rgb(255, 244, 231); }
#ecosystem .partner-card .zoom-image { width: 100%; aspect-ratio: 1 / 1; border: 0px; border-radius: 0px; }
#ecosystem .partner-card img { display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
#ecosystem .partner-card figcaption { display: flex; flex: 1 1 0%; align-items: center; justify-content: center; min-height: 64px; padding: 14px 12px; text-align: center; }
#ecosystem .partner-card figcaption strong { font-size: clamp(1rem, 1.3vw, 1.25rem); line-height: 1.3; color: var(--xmf-style-teal); }
@media (max-width: 1000px) {
  #ecosystem .eco-icon { right: 8px; }
}
@media (max-width: 700px) {
  #ecosystem .ecosystem-partner-group .partner-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #ecosystem .eco-icon-orbit { animation: auto ease 0s 1 normal none running none; }
}
#ecosystem .ecosystem-card-chart { --eco-small-size: .9375rem; --eco-count-size: 2.3rem; padding: 28px; border: 1px solid rgba(7, 86, 107, 0.208); border-radius: 24px; background: rgba(255, 244, 231, 0.85); box-shadow: rgba(7, 86, 107, 0.07) 0px 16px 38px; }
#ecosystem .ecosystem-card-chart .eco-small { display: block; font-family: var(--body); font-size: var(--eco-small-size); line-height: 1.45; letter-spacing: 0.02em; color: rgb(65, 104, 115); }
#ecosystem .ecosystem-card-chart .eco-small strong, #ecosystem .ecosystem-card-chart .eco-small span { font-size: inherit; line-height: inherit; }
#ecosystem .eco-total-card { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
#ecosystem .eco-total-heading { display: flex; align-items: center; gap: 22px; min-width: 0px; }
#ecosystem .eco-total-heading > div { display: grid; gap: 10px; }
#ecosystem .eco-total-value { display: block; font: 800 4.5rem/1 var(--display); letter-spacing: -0.05em; color: var(--xmf-style-teal); }
#ecosystem .eco-total-value .count, #ecosystem .eco-category-value .count { font: inherit; letter-spacing: inherit; color: inherit; }
#ecosystem .eco-equation { display: grid; gap: 10px; text-align: right; }
#ecosystem .eco-equation p.eco-small { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 0.55em; font-weight: 700; color: var(--xmf-style-teal); }
#ecosystem .eco-equation p.eco-small > span:nth-child(2n) { color: rgb(114, 145, 143); font-weight: 400; }
#ecosystem .eco-composition { display: flex; height: 16px; margin: 26px 0px; overflow: hidden; border-radius: 999px; background: rgb(215, 230, 223); }
#ecosystem .eco-composition > i { display: block; flex: var(--eco-part) 1 0; min-width: 0px; background: var(--eco-accent); }
#ecosystem .eco-breakdown { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 16px; margin: 0px; padding: 0px; list-style: none; }
#ecosystem .eco-category-card { display: grid; grid-template-rows: auto 1fr auto; gap: 16px; min-width: 0px; padding: 20px 16px; border-right: 1px solid rgba(7, 86, 107, 0.15); border-bottom: 1px solid rgba(7, 86, 107, 0.15); border-left: 1px solid rgba(7, 86, 107, 0.15); border-image: none; border-top: 4px solid var(--eco-accent); border-radius: 16px; background: rgb(255, 250, 243); }
#ecosystem .eco-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#ecosystem .eco-category-value { font: 800 var(--eco-count-size)/1 var(--display); letter-spacing: -0.05em; color: var(--xmf-style-teal); }
#ecosystem .ecosystem-card-chart .eco-category-label { font-weight: 700; color: var(--xmf-style-teal); }
#ecosystem .eco-category-share { padding-top: 12px; border-top: 1px solid rgba(7, 86, 107, 0.125); }
#ecosystem .eco-category-share strong { font-weight: 700; color: var(--xmf-style-teal); white-space: nowrap; }
#ecosystem .ecosystem-card-chart .eco-icon { position: relative; inset: auto; flex: 0 0 auto; width: 2.8rem; height: 2.8rem; background: rgba(244, 210, 31, 0.094); --eco-tone: var(--eco-accent,var(--xmf-style-emerald)); --eco-phase: var(--eco-delay,0s); }
#ecosystem .ecosystem-card-chart .eco-icon--total { width: 4.5rem; height: 4.5rem; --eco-accent: var(--xmf-style-teal); --eco-delay: -.5s; }
#ecosystem .ecosystem-card-chart .eco-icon > svg { position: relative; z-index: 1; width: 68%; height: 68%; fill: none; stroke: var(--xmf-style-teal); stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 1100px) {
  #ecosystem .eco-breakdown { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  #ecosystem .eco-category-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  #ecosystem .ecosystem-card-chart { padding: 20px; border-radius: 20px; }
  #ecosystem .eco-total-card { align-items: flex-start; flex-direction: column; gap: 22px; }
  #ecosystem .eco-total-heading { gap: 16px; }
  #ecosystem .eco-equation { text-align: left; }
  #ecosystem .eco-equation p.eco-small { justify-content: flex-start; }
  #ecosystem .eco-breakdown { gap: 12px; }
}
@media (max-width: 540px) {
  #ecosystem .ecosystem-card-chart { padding: 16px; }
  #ecosystem .eco-breakdown { grid-template-columns: minmax(0px, 1fr); }
}
#ecosystem .eco-category-card { grid-template-rows: auto 1fr; }
#ecosystem .ecosystem-partner-group .partner-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
#ecosystem .ecosystem-partner-group .partner-card { flex: 0 0 var(--eco-partner-width,calc((100% - 122px)/5)); width: var(--eco-partner-width,calc((100% - 122px)/5)); height: auto; min-width: 0px; display: flex; flex-direction: column; border-radius: 16px; }
#ecosystem .partner-card .zoom-image { height: auto; min-height: 0px; aspect-ratio: 1 / 1; background: var(--partner-image-bg,#FFF4E7); display: flex; align-items: center; justify-content: center; padding: 0px; box-sizing: border-box; }
#ecosystem .partner-card img { display: block; width: 100%; height: 100%; max-height: none; min-height: 0px; aspect-ratio: auto; object-fit: cover; object-position: center center; }
#ecosystem .partner-card figcaption { min-height: 0px; padding: 9px 10px; }
#ecosystem .partner-card figcaption strong { font-size: 0.9375rem; line-height: 1.45; }
#entries .entry-metrics > div { min-width: 0px; padding: 24px; border-right: 1px solid rgba(7, 86, 107, 0.15); border-bottom: 1px solid rgba(7, 86, 107, 0.15); border-left: 1px solid rgba(7, 86, 107, 0.15); border-image: none; border-top: 4px solid var(--entry-accent,#F27A32); border-radius: 16px; background: rgb(255, 250, 243); box-shadow: rgba(7, 86, 107, 0.043) 0px 12px 28px; }
#entries .entry-metrics > div:nth-child(2) { --entry-accent: #F4D21F; }
#entries .entry-metrics > div:nth-child(3) { --entry-accent: #0AA892; }
#entries .entry-metrics > div:nth-child(4) { --entry-accent: #F16F86; }
#entries .entry-metrics span:not(.count) { font-size: 0.9375rem; line-height: 1.45; }
#entries .section-heading, #entries .entry-total, #entries .entry-metrics, #entries .entry-flow, #entries .payment-lines, #entries > .container > .note { position: relative; z-index: 1; }
#entries .entry-arrival { float: right; width: 32%; margin: -25px 4% 0px 32px; pointer-events: none; user-select: none; border: 0px; overflow: visible; transform: translate(10%, -34px); }
#entries .entry-arrival > svg { display: block; width: 100%; height: auto; }
#entries .entry-total { min-height: 250px; }
#entries .entry-metrics { clear: both; }
#entries .entry-guest { animation: entry-arrival-loop 12s linear var(--arrival-delay) infinite; opacity: 0; }
#entries .entry-guest-body { animation: entry-walking-weight 1.2s ease-in-out var(--arrival-delay) infinite; }
#entries .entry-stride-a, #entries .entry-stride-b { fill: none; stroke: rgb(7, 86, 107); stroke-width: 2.5; stroke-linecap: round; transform-origin: 0px -7px; }
#entries .entry-stride-a { animation: entry-walking-step .6s ease-in-out var(--arrival-delay) infinite alternate; }
#entries .entry-stride-b { animation: entry-walking-step .6s ease-in-out var(--arrival-delay) infinite alternate-reverse; }
@keyframes entry-arrival-loop { 
  0% { transform: translate(calc(300px + var(--arrival-lane)*1.8),250px) scale(1); opacity: 0; }
  10% { opacity: 1; }
  82% { opacity: 1; }
  100% { transform: translate(calc(300px + var(--arrival-lane)),117px) scale(.58); opacity: 0; }
}
@keyframes entry-walking-step { 
  0% { transform: rotate(-16deg); }
  100% { transform: rotate(16deg); }
}
@keyframes entry-walking-weight { 
  0%, 50%, 100% { transform: translateY(0px); }
  25%, 75% { transform: translateY(-0.7px); }
}
@media (prefers-reduced-motion: reduce) {
  #entries .entry-guest:nth-child(4n+1) { opacity: 1; transform: translate(276px, 182px) scale(0.8); }
  #entries .entry-guest:nth-child(4n+2) { opacity: 1; transform: translate(330px, 217px) scale(0.95); }
}
.motion-paused #entries .entry-arrival * { animation-play-state: paused !important; }
@media (max-width: 1100px) {
  #ecosystem .ecosystem-partner-group .partner-card { flex-basis: var(--eco-partner-width,calc((100% - 74px)/2)); width: var(--eco-partner-width,calc((100% - 74px)/2)); }
}
@media (max-width: 1000px) {
  #entries .entry-arrival { float: none; width: 85%; max-width: 380px; margin: 0px auto 24px; transform: none; }
  #entries .entry-total { min-height: 0px; }
}
@media (max-width: 540px) {
  #ecosystem .ecosystem-partner-group .partner-card { flex-basis: var(--eco-partner-width,calc(100% - 34px)); width: var(--eco-partner-width,calc(100% - 34px)); }
  #entries .entry-metrics > div { padding: 20px 14px; }
  #entries .entry-flow figure a { aspect-ratio: 1 / 1; }
  #entries .entry-flow img { height: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #entries .entry-arrival * { animation: auto ease 0s 1 normal none running none !important; }
}
#content > .chapter.new-era, #content > #vision.new-era { --era-scene: url("media/era-enhanced-01.png"); background-color: rgb(248, 232, 235) !important; background-image: linear-gradient(to bottom,#F8E8EB 0%,#F8E8EB00 24%),var(--era-scene) !important; background-position: center bottom, center bottom !important; background-size: 100% 56.28vw, 100% 56.28vw !important; background-repeat: no-repeat !important; }
#content > .new-era[data-era-scene="03"] { --era-scene: url("media/era-enhanced-03.png"); }
#content > .new-era[data-era-scene="04"] { --era-scene: url("media/era-enhanced-04.png"); }
#content > .new-era::before, #content > .new-era::after { content: none !important; display: none !important; animation: auto ease 0s 1 normal none running none !important; }
#content > #vision.new-era { --era-scene: url("media/cover-clean-sky.png"); min-height: calc(100svh - var(--header)); display: flex; align-items: center; padding: clamp(72px, 7vw, 108px) 0px clamp(108px, 9vw, 150px); background-image: linear-gradient(to bottom,#F8E8EB 0%,#F8E8EB00 24%),var(--era-scene) !important; }
#content > #vision.new-era > .container { padding-bottom: 0px; isolation: isolate; }
#content > #vision.new-era .section-heading { max-width: none; width: 70%; margin-bottom: 26px; }
#content > #vision.new-era .eyebrow { color: rgb(77, 66, 100); }
#content > #vision.new-era .section-heading h2 { font-size: clamp(3.5rem, 6.5vw, 6.15rem); line-height: 1.06; letter-spacing: -0.05em; color: rgb(48, 38, 49); text-shadow: none; }
#content > #vision.new-era .section-heading h2 .era-title-line { display: block; white-space: nowrap; }
#content > #vision.new-era .section-heading h2 em { color: rgb(121, 84, 142); }
#content > #vision.new-era .vision-copy { position: relative; z-index: 2; max-width: 620px; width: 58%; }
#content > #vision.new-era .vision-copy > p:first-child { font-size: 1.125rem; line-height: 1.75; color: rgb(80, 72, 91); }
#content > #vision.new-era .era-cover-bottom { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(81, 67, 92, 0.22); color: rgb(48, 38, 49); }
#content > #vision.new-era .era-cover-details { display: grid; gap: 8px; }
#content > #vision.new-era .era-cover-details > strong { font: 800 clamp(1.5rem,2.35vw,2rem)/1.2 var(--display); letter-spacing: -0.03em; }
#content > #vision.new-era .venue-line { font-size: 0.9375rem; line-height: 1.5; color: rgb(80, 72, 91); }
#content > #vision.new-era .round-link { flex-shrink: 0; font-size: 0.9375rem; }
#content > #vision.new-era .era-cover-symbol { top: -8px; right: -16%; width: min(60vw, 800px); height: min(60vw, 800px); min-height: 0px; margin: 0px; opacity: 0.9; z-index: 0; }
#content > #vision.new-era .era-cover-symbol .symbol-year { top: 3%; right: 18%; }
@media (max-width: 1000px) {
  #content > #vision.new-era .section-heading { width: 100%; }
  #content > #vision.new-era .era-cover-symbol { top: 26px; right: -23%; width: 75vw; height: 75vw; opacity: 0.34; }
  #content > #vision.new-era .vision-copy { width: 76%; max-width: 660px; }
  #content > #vision.new-era .era-cover-bottom { align-items: flex-start; gap: 24px; }
}
@media (max-width: 700px) {
  #content > #vision.new-era { min-height: 0px; padding: 56px 0px 112px; }
  #content > #vision.new-era .eyebrow { max-width: 300px; }
  #content > #vision.new-era .section-heading { margin-bottom: 24px; }
  #content > #vision.new-era .section-heading h2 { font-size: clamp(1.8rem, 10.35vw, 4.2rem); margin-top: 22px; }
  #content > #vision.new-era .vision-copy { width: 100%; max-width: 560px; }
  #content > #vision.new-era .vision-copy > p:first-child { font-size: 1rem; line-height: 1.75; }
  #content > #vision.new-era .era-cover-bottom { flex-direction: column; margin-top: 32px; padding-top: 22px; gap: 20px; }
  #content > #vision.new-era .round-link { width: 100%; justify-content: space-between; }
  #content > #vision.new-era .era-cover-symbol { top: 88px; right: -36%; width: 112vw; height: 112vw; opacity: 0.22; }
  #content > #vision.new-era .era-cover-symbol .symbol-year { top: 0px; right: 24%; }
}
@media print {
  #content > #vision.new-era { min-height: 0px; padding-block: 40px; }
  #content > #vision.new-era .era-cover-symbol { opacity: 0.24; }
}
#content > #vision .symbol-glow, #content > #vision .symbol-node { display: none; }
#content > #vision.new-era .vision-copy { max-width: 540px; padding-left: 18px; border-left: 2px solid rgba(121, 84, 142, 0.376); }
#content > #vision.new-era .vision-copy > p:first-child { font-size: 1rem; line-height: 1.85; color: rgb(80, 72, 91); }
#content > #vision.new-era .era-cover-bottom { padding: 26px 0px 0px; margin-top: 36px; align-items: center; border-top: 1px solid rgba(121, 84, 142, 0.208); }
#content > #vision.new-era .era-cover-details { gap: 12px; }
#content > #vision.new-era .era-cover-details > strong { font-size: clamp(1.6rem, 3vw, 2.5rem); letter-spacing: -0.035em; color: rgb(48, 38, 49); }
#content > #vision.new-era .venue-line { font-size: 0.8rem; letter-spacing: 0.075em; line-height: 1.8; max-width: none; color: rgb(100, 85, 110); }
#content > #vision.new-era { padding: 64px 0px 72px; }
#content > #vision.new-era > .container { display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr); column-gap: 32px; align-items: center; }
#content > #vision.new-era .section-heading { grid-area: 1 / 1; width: 100%; margin: 0px 0px 22px; }
#content > #vision.new-era .section-heading h2 { font-size: clamp(2.5rem, 4.8vw, 4.9rem); line-height: 1.08; margin-top: 20px; }
#content > #vision.new-era .section-heading h2 .era-title-line { white-space: normal; }
#content > #vision.new-era .vision-copy { grid-area: 2 / 1; width: 100%; max-width: 580px; }
#content > #vision.new-era .vision-copy > p:first-child { font-size: 1.05rem; margin: 0px; line-height: 1.8; }
#content > #vision.new-era .era-cover-symbol { position: relative; grid-area: 1 / 2 / 3; top: auto; right: auto; width: 100%; height: auto; aspect-ratio: 1 / 1; opacity: 1; align-self: center; }
#content > #vision.new-era .era-cover-bottom { grid-area: 3 / 1 / auto / -1; width: 100%; margin-top: 40px; padding-top: 24px; }
#content > #vision.new-era .venue-line { max-width: 520px; margin: 0px; line-height: 1.7; font-size: 0.82rem; }
#content > #vision.new-era .round-link { background: rgb(255, 248, 243); border: 1px solid rgba(121, 84, 142, 0.25); padding: 14px 20px; border-radius: 999px; }
@media (max-width: 700px) {
  #content > #vision.new-era { padding: 44px 0px 56px; }
  #content > #vision.new-era > .container { grid-template-columns: 1fr; gap: 0px; }
  #content > #vision.new-era .section-heading { grid-row: 1; }
  #content > #vision.new-era .section-heading h2 { font-size: clamp(2.2rem, 8.5vw, 3.5rem); }
  #content > #vision.new-era .vision-copy { grid-row: 2; }
  #content > #vision.new-era .era-cover-symbol { position: absolute; z-index: 0; top: 31%; left: 50%; width: 118vw; height: 118vw; transform: translate(-50%, -50%); opacity: 0.1; pointer-events: none; }
  #content > #vision.new-era .era-cover-bottom { grid-row: 3; margin-top: 20px; gap: 20px; position: relative; z-index: 2; }
  #content > #vision.new-era .round-link { width: 100%; }
}
#milestones .milestone-grid { border: 0px; gap: 20px; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
#milestones .milestone-grid article { padding: 26px; border: 1px solid rgba(7, 86, 107, 0.19); border-radius: 18px; background: rgb(255, 248, 238); box-shadow: rgba(7, 86, 107, 0.07) 0px 8px 24px; transition: border-color 0.3s, box-shadow 0.3s; }
#milestones .milestone-grid article:hover { border-color: rgb(242, 122, 50); box-shadow: rgba(7, 86, 107, 0.14) 0px 12px 28px; }
#milestones .milestone-emblem { display: block; width: 64px; height: 64px; color: rgb(7, 86, 107); }
#milestones .milestone-emblem svg { display: block; width: 100%; height: 100%; }
#milestones .milestone-trace { stroke: rgb(242, 122, 50); transform-origin: 32px 32px; animation: milestone-trace-turn 7s linear var(--milestone-delay) infinite; }
#milestones .milestone-grid strong { margin: 20px 0px 12px; font-size: clamp(2.4rem, 4vw, 3.8rem); color: rgb(242, 122, 50); }
#milestones .milestone-grid .metric-word { font-size: clamp(1.2rem, 2vw, 1.65rem); min-height: 2.5em; color: rgb(7, 86, 107); }
#milestones .milestone-grid p { margin: 0px; color: rgb(65, 104, 115); line-height: 1.6; }
@keyframes milestone-trace-turn { 
  100% { transform: rotate(360deg); }
}
@media (max-width: 900px) {
  #milestones .milestone-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 540px) {
  #milestones .milestone-grid { grid-template-columns: 1fr; gap: 14px; }
  #milestones .milestone-grid article { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  #milestones .milestone-trace { animation: auto ease 0s 1 normal none running none; }
}
#content > .new-era { position: relative; isolation: isolate; overflow: hidden; }
#content > .new-era > .container { position: relative; z-index: 2; }
#content > .new-era > .era-atmosphere { position: absolute; inset: 0px; z-index: 1; pointer-events: none; overflow: hidden; background: rgba(255, 255, 255, 0.72); backdrop-filter: none; }
.era-ribbon-motion { position: absolute; inset: 50% auto auto 50%; width: 180%; max-width: none; height: 180%; max-height: none; transform: translate(-50%, -50%); pointer-events: none; }
.era-ribbon-float { transform: none; }
#vision .symbol-orbit { display: none; }
#vision .cover-pearl-ribbon { position: absolute; left: 50%; top: 50%; width: 120%; height: 120%; max-width: none; transform: translate(-50%, -50%); z-index: 0; overflow: visible; }
#vision .symbol-core { position: relative; z-index: 1; }
#vision .symbol-core img { width: 82%; }
#vision .cover-pearl-ribbon { z-index: 0; }
@media (max-width: 700px) {
  #content > #vision.new-era .era-cover-symbol { opacity: 1; }
  #vision .cover-pearl-ribbon { opacity: 0.22; }
  #vision .symbol-core img { width: 88%; }
}

#content>#audience{background:#eee9ff!important;background-image:none!important;color:#30263b}
#content>#audience::before,#content>#audience::after{display:none!important}
#content>#audience .section-heading h2{color:#30263b}
#content>#audience .section-heading h2 em{color:#7650cf}
#content>#audience .eyebrow{color:#008998}
#content>#audience .audience-top>span,#content>#audience .gender-panel h3,#content>#audience .age-panel h3,#content>#audience .interest-line{color:#4f4260}
#content>#audience .note{color:#665a73}
#content>#audience>.era-atmosphere{background:transparent!important;opacity:.35}/* Restored source-reported results cards */
#milestones .milestone-grid .milestone-investment{grid-column:span 2;position:relative;overflow:hidden;background:#07566b;border-color:#07566b;padding:32px;min-height:320px}
#milestones .milestone-investment .milestone-emblem{color:#fff8ee}
#milestones .milestone-investment>strong{position:relative;z-index:1;font-size:clamp(4rem,8vw,7rem);line-height:1;letter-spacing:-.055em;color:#fff8ee;margin:22px 0 12px}
#milestones .milestone-investment>p{position:relative;z-index:1;color:#fff8ee;font-size:1.1rem}
#milestones .investment-art{position:absolute;right:0;bottom:0;width:65%;opacity:.65;pointer-events:none}
#milestones .investment-art svg{display:block;width:100%}
#milestones .investment-signal{animation:investment-signal-pulse 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
#milestones .milestone-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#milestones .milestone-feedback .milestone-emblem{display:none}
#milestones .feedback-gauge{position:relative;width:min(100%,210px);aspect-ratio:1;margin-bottom:14px}
#milestones .feedback-gauge svg{display:block;width:100%;height:100%}
#milestones .feedback-gauge strong{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#07566b;font-size:3.5rem}
#milestones .feedback-progress{animation:feedback-fill 1.8s ease-out both}
#milestones .note{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:18px 22px;border:1px solid #07566b30;border-radius:14px;background:#fff8ee;color:#416873;font-size:.9rem;line-height:1.6;max-width:none}
#milestones .note::before{content:'!';display:grid;place-items:center;flex:0 0 24px;height:24px;background:#f4d21f;color:#07566b;border-radius:50%;font-weight:800}
@keyframes feedback-fill{from{stroke-dasharray:0 100}to{stroke-dasharray:98 100}}
@keyframes investment-signal-pulse{50%{opacity:.4;transform:scale(.7)}}
@media(max-width:900px){#milestones .milestone-grid .milestone-investment{grid-column:span 2}}
@media(max-width:540px){#milestones .milestone-grid .milestone-investment{grid-column:auto;padding:24px;min-height:300px}}
@media(prefers-reduced-motion:reduce){#milestones .investment-signal,#milestones .feedback-progress{animation:none}}
/* Value slide: edge-to-edge photos inside each benefit card. */
#value .value-grid>article{position:relative;padding:0;overflow:hidden;border:1px solid #07566b33;border-radius:16px;background:#fff8ee;box-shadow:0 8px 22px #07566b12;display:flex;flex-direction:column}
#value .value-grid>article:nth-child(5){padding:0;background:#fff8ee;border:1px solid #07566b33;justify-content:stretch;animation:none}
#value .value-grid .small-number{display:none}
#value .value-grid .photo{display:flex;flex-direction:column;flex:1;margin:0;width:100%}
#value .value-grid .zoom-image{display:block;position:relative;flex:1;min-height:170px;overflow:hidden}
#value .value-grid img,#value .value-grid>article:nth-child(5) img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:0;background:none}
#value .value-grid figcaption{position:relative;padding:16px 18px;text-align:center;background:#fff8ee;border-top:1px solid #07566b18;min-height:76px;display:flex;align-items:center;justify-content:center}
#value .value-grid figcaption strong,#value .value-grid>article:nth-child(5) figcaption strong{color:#07566b;font-weight:800;line-height:1.3}
#value .value-grid>article:nth-child(5) .zoom-image{min-height:390px}
@media(max-width:700px){#value .value-grid .zoom-image{min-height:145px}#value .value-grid>article:nth-child(5) .zoom-image{min-height:320px}#value .value-grid figcaption{padding:12px;min-height:80px}}
/* Restore reach metrics, channels and creator cards. */
#reach .reach-hero{padding:28px 0 24px;margin:0 auto;max-width:760px}
#reach .reach-hero>strong{font-size:clamp(6rem,14vw,11rem)}
#reach .reach-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:760px;margin:20px auto 40px}
#reach .reach-support>div{min-width:0;background:#fff8ee;padding:24px;border:1px solid #07566b33;border-radius:16px;text-align:center}
#reach .reach-support strong{display:block;font-size:clamp(2.2rem,4vw,3.5rem);color:#07566b}
#reach .reach-support span{display:block;margin-top:8px}
#reach .channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#reach .channel-list article{display:block;padding:22px;background:#fff8ee;border:1px solid #07566b33;border-radius:16px;min-width:0}
#reach .channel-list article>div:first-child{display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:center}
#reach .channel-logo{grid-row:1 / 3;display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:10px;background:#fff}
#reach .channel-logo img{display:block;width:100%;height:100%;object-fit:contain}
#reach .channel-list h4{margin:0;font-size:1rem}
#reach .channel-list article>div:first-child strong{grid-column:2;justify-self:start;font-size:1.8rem}
#reach .channel-list article p{font-size:.95rem;line-height:1.6;opacity:1;margin:12px 0 0}
#reach .creator-row{display:block;margin:40px 0 0;padding:0;border:0}
#reach .creator-row>h3{width:100%;max-width:none;margin:0 0 20px;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.025em;text-transform:none;text-align:left;white-space:normal;color:#07566b;text-shadow:none}
#reach .creator-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin:0}
#reach .creator-cards article{position:relative;min-width:0;background:#fff8ee;border:1px solid #07566b33;border-radius:16px;box-shadow:0 8px 22px #07566b12;overflow:hidden}
#reach .creator-cards img{display:block;width:100%;height:240px;object-fit:cover;filter:none;opacity:1}
#reach .creator-cards article::after{display:none}
#reach .creator-cards article>strong{position:absolute;top:16px;left:16px;bottom:auto;margin:0;padding:8px 12px;background:#07566b;color:#fff!important;border-radius:8px;font-size:2rem;text-shadow:none}
#reach .creator-cards article>span{position:static;margin:0;padding:16px;display:block;color:#07566b;background:#fff8ee;font-size:1rem;letter-spacing:0;text-shadow:none}
#reach .note--boxed{display:flex;align-items:flex-start;gap:12px;max-width:none;margin-top:28px;padding:18px 22px;background:#fff8ee;border:1px solid #07566b33;border-radius:14px;color:#416873}
#reach .note--boxed::before{content:'!';display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#f4d21f;color:#07566b;font-weight:800}
@media(max-width:700px){#reach .channel-list{grid-template-columns:1fr}#reach .reach-support{gap:12px}#reach .reach-support>div{padding:18px 10px}#reach .creator-cards{gap:12px}#reach .creator-cards img{height:170px}#reach .creator-cards article>strong{font-size:1.4rem;top:8px;left:8px;padding:6px 8px}}
@media(max-width:480px){#reach .creator-cards{grid-template-columns:1fr}#reach .creator-cards img{height:260px}}
/* Projected audience: restored light profile layout and pearl motion. */
#audience .section-heading{position:relative;padding-right:240px;margin-bottom:28px}
#audience .audience-stage{position:absolute;right:0;top:0;width:220px;pointer-events:none}
#audience .audience-stage svg{display:block;width:100%;height:auto}
#audience .audience-landscape{position:absolute;inset:0;pointer-events:none;opacity:.16;z-index:0;overflow:hidden}
#audience .audience-landscape svg{width:100%;height:100%}
#audience .audience-top{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:16px 28px;padding:26px;border:1px solid #77609030;border-radius:18px;background:#fff8f3;box-shadow:0 8px 24px #50485b0c}
#audience .audience-top>.display-number{font-size:clamp(3.6rem,8vw,6.5rem);line-height:1.1;letter-spacing:-.05em;color:#7650cf}
#audience .audience-top>span{max-width:230px;font-size:.85rem;line-height:1.6}
#audience .audience-charts{grid-template-columns:1fr 1.4fr;gap:20px;margin-top:24px;align-items:stretch}
#audience .gender-panel,#audience .age-panel{min-width:0;padding:26px;background:#fff8f3;border:1px solid #77609030;border-radius:18px}
#audience .audience-charts h3{margin:0 0 22px;font-size:1.2rem;color:#50485b}
#audience .gender-panel .donut{margin-inline:auto}
#audience .gender-legend{justify-content:center;gap:20px}
#audience .gender-symbol{float:left;font-style:normal;font-size:2rem;margin-right:10px;color:#684797}
#audience .gender-legend>span:last-child .gender-symbol{color:#b7456d}
#audience .daily-plan{grid-template-columns:1fr 1.2fr;gap:28px;margin-top:24px;padding:26px;border:1px solid #77609030;border-radius:18px;background:#fff8f3;align-items:center}
#audience .daily-plan h3{margin:0 0 16px;font-size:1.2rem;color:#50485b}
#audience .daily-plan .photo{margin:0}
#audience .daily-plan img{width:100%;height:240px;border-radius:12px;object-fit:cover}
#audience .daily-plan dl{margin:0;min-width:0}
#audience .daily-plan dl>div{padding:15px 0;gap:16px}
#audience .daily-plan dd{margin:0;font-size:clamp(1.6rem,2.8vw,2.2rem);color:#684797}
#audience .interest-line{margin:24px 0;text-align:center;font-weight:500;line-height:1.9}
#audience .interest-line>span+span::before{content:'·';display:inline-block;margin:0 12px;color:#7650cf;font-weight:900}
#audience .note{display:flex;gap:12px;max-width:none;margin-top:24px;padding:18px 22px;border:1px solid #77609040;border-radius:16px;background:#fff8f3;color:#50485b}
#audience .note::before{content:'!';display:grid;place-items:center;flex:0 0 24px;height:24px;background:#7650cf;color:white;border-radius:50%;font-weight:800}
#content>#audience>.era-atmosphere{opacity:.65;background:transparent!important}
#audience .era-ribbon-motion{width:150%;height:150%}
#audience .era-ribbon-float{transform-origin:600px 450px;animation:audience-pearl-turn 28s linear infinite}
@keyframes audience-pearl-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.motion-paused #audience .era-ribbon-float{animation-play-state:paused}
@media(max-width:700px){#audience .section-heading{padding-right:0}#audience .audience-stage{position:relative;width:180px;margin:8px auto}#audience .audience-charts,#audience .daily-plan{grid-template-columns:1fr;gap:18px}#audience .gender-panel,#audience .age-panel,#audience .daily-plan{padding:20px}#audience .daily-plan img{height:210px}}
@media(prefers-reduced-motion:reduce){#audience .era-ribbon-float{animation:none}}
/* Two continuous pearl ribbons across the 2027 chapter. */
#content>.new-era:not(#vision) .era-ribbon-motion{width:150%;height:150%;overflow:visible}
#content>.new-era:not(#vision) .era-ribbon-float{transform-origin:600px 450px;animation:pearl-loop-one 30s linear infinite}
#content>.new-era:not(#vision) .era-ribbon-second{opacity:.75;animation:pearl-loop-two 38s linear infinite}
#content>.new-era:not(#vision) .era-ribbon-float>path{animation:pearl-film-fold 16s ease-in-out infinite;stroke-linejoin:round}
#content>.new-era:not(#vision) .era-ribbon-second>path{animation-delay:-8s}
@keyframes pearl-loop-one{from{transform:rotate(-22deg)}to{transform:rotate(338deg)}}
@keyframes pearl-loop-two{from{transform:translate(70px,0) rotate(158deg)}to{transform:translate(70px,0) rotate(-202deg)}}
@keyframes pearl-film-fold{0%,100%{d:path('M300 -220C1050 100 120 240 600 520S1320 800 860 1120L1010 1120C1510 770 820 670 710 470S1210 70 440 -220Z')}50%{d:path('M420 -220C1160 160 190 310 640 570S1200 870 760 1120L920 1120C1400 840 900 650 755 515S1280 100 565 -220Z')}}
.motion-paused #content>.new-era .era-ribbon-float,.motion-paused #content>.new-era .era-ribbon-float>path{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#content>.new-era .era-ribbon-float,#content>.new-era .era-ribbon-float>path{animation:none!important}}
/* Pearl film twists in place; the folds travel along each ribbon. */
#content>.new-era:not(#vision) .era-ribbon-float{transform:rotate(-16deg);animation:none}
#content>.new-era:not(#vision) .era-ribbon-second{transform:translate(320px,0) rotate(164deg);opacity:.8;animation:none}
#content>.new-era:not(#vision) .era-ribbon-float>path{animation:pearl-twist 18s ease-in-out infinite}
#content>.new-era:not(#vision) .era-ribbon-second>path{animation-delay:-9s}
#content>.new-era:not(#vision) .era-ribbon-float>path:nth-child(1){opacity:.55}
#content>.new-era:not(#vision) .era-ribbon-float>path:nth-child(2){stroke:#fff7e3;stroke-width:1.2;stroke-opacity:.85}
#content>.new-era:not(#vision) .era-ribbon-float>path:nth-child(3){opacity:.22}
@keyframes pearl-twist{
0%,100%{d:path('M450 -240C1100 40 420 120 535 290C680 455 965 570 675 735C505 850 620 980 850 1140L970 1140C700 955 525 865 680 735C1010 560 635 435 535 290C445 125 1230 5 610 -240Z')}
50%{d:path('M520 -240C1140 90 340 190 600 350C850 495 930 595 610 785C455 905 760 1050 900 1140L1020 1140C820 1020 485 925 615 785C1010 575 820 475 600 350C385 185 1260 35 680 -240Z')}
}
@media(prefers-reduced-motion:reduce){#content>.new-era:not(#vision) .era-ribbon-float>path{animation:none}}
/* Broad pearl surfaces with narrow crossings. */
#content>.new-era:not(#vision) .era-ribbon-float>path:nth-child(1){opacity:.85}
#content>.new-era:not(#vision) .era-ribbon-float>path:nth-child(3){opacity:.4}
@keyframes pearl-twist{
0%,100%{d:path('M180 -240C950 40 300 120 535 290C780 455 810 570 675 735C350 850 430 980 610 1140L1110 1140C850 955 690 865 680 735C1240 560 850 435 535 290C720 125 1480 5 820 -240Z')}
50%{d:path('M250 -240C960 90 220 190 600 350C950 495 760 595 610 785C280 905 540 1050 660 1140L1160 1140C980 1020 650 925 615 785C1240 575 1030 475 600 350C650 185 1510 35 890 -240Z')}
}
.pearl-film-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.pearl-rotating-pair{transform-origin:600px 450px;animation:pearl-pair-orbit 39.27s linear infinite}
@keyframes pearl-pair-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.motion-paused .pearl-rotating-pair{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.pearl-rotating-pair{animation:none}}
/* Tax benefit card follows the complete artwork's native ratio. */
#value .value-grid>article:nth-child(5){align-self:center}
#value .value-grid>article:nth-child(5) .photo{flex:none}
#value .value-grid>article:nth-child(5) .zoom-image{flex:none;min-height:0;aspect-ratio:1200 / 1216}
#value .value-grid>article:nth-child(5) img{position:static;display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
/* 2027 cover: readable editorial copy with a pearl orbital mark. */
#content>#vision.new-era{padding-block:80px;overflow:hidden}
#content>#vision.new-era>.container{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:24px 40px;align-items:center;padding-bottom:0}
#content>#vision.new-era .section-heading{grid-area:1 / 1;margin:0;position:relative;z-index:2}
#content>#vision.new-era .section-heading h2{font-size:clamp(2.7rem,4.6vw,4.8rem);line-height:1.06;letter-spacing:-.045em;margin:20px 0 0}
#content>#vision.new-era .eyebrow{font-size:.75rem;letter-spacing:.12em;line-height:1.6}
#content>#vision.new-era .vision-copy{grid-area:2 / 1;position:relative;z-index:2;border:0;padding:0;max-width:560px;width:100%}
#content>#vision.new-era .vision-copy>p:first-child{font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.8;color:#484052;margin:0}
#content>#vision.new-era .era-cover-symbol{position:relative;grid-area:1 / 2 / 3 / 3;left:auto;right:auto;top:auto;transform:none;width:112%;height:auto;aspect-ratio:1;margin-left:-6%;opacity:1;pointer-events:none;z-index:1}
#vision .symbol-field{width:100%;height:100%;max-width:none;aspect-ratio:1;perspective:850px;animation:none}
#vision .symbol-core{width:53%;z-index:2}
#vision .symbol-core img{width:82%}
#vision .cover-pearl-ribbon{width:110%;height:110%;opacity:.95;perspective:850px;overflow:visible}
#vision .cover-orbit-ring{transform-origin:300px 300px;animation:vision-orbit-front 22s linear infinite}
#vision .cover-orbit-ring-back{animation:vision-orbit-back 29s linear infinite;opacity:.8}
@keyframes vision-orbit-front{from{transform:rotateZ(-28deg) rotateX(64deg) rotateY(0deg)}to{transform:rotateZ(-28deg) rotateX(64deg) rotateY(360deg)}}
@keyframes vision-orbit-back{from{transform:rotateZ(38deg) rotateY(62deg) rotateX(0deg)}to{transform:rotateZ(38deg) rotateY(62deg) rotateX(-360deg)}}
#content>#vision.new-era .era-cover-bottom{grid-area:3 / 1 / 4 / -1;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding-top:26px;position:relative;z-index:2}
#content>#vision.new-era .era-cover-details{display:grid;gap:12px}
#content>#vision.new-era .era-cover-details>strong{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15}
#content>#vision.new-era .venue-line{font-size:.85rem;line-height:1.7;letter-spacing:.06em}
.motion-paused #vision .cover-orbit-ring{animation-play-state:paused}
@media(max-width:700px){
#content>#vision.new-era{padding-block:56px}
#content>#vision.new-era>.container{display:block;isolation:isolate}
#content>#vision.new-era .section-heading h2{font-size:clamp(2.5rem,10vw,4rem);line-height:1.07}
#content>#vision.new-era .vision-copy{margin-top:24px}
#content>#vision.new-era .era-cover-symbol{position:absolute;grid-area:auto;top:48%;left:62%;right:auto;width:118vw;height:118vw;max-width:640px;max-height:640px;margin:0;transform:translate(-50%,-50%);opacity:.13;z-index:0}
#vision .cover-pearl-ribbon{opacity:1}
#content>#vision.new-era .era-cover-bottom{display:flex;flex-direction:column;align-items:flex-start;margin-top:32px;gap:22px}
#content>#vision.new-era .round-link{width:100%}
}
@media(prefers-reduced-motion:reduce){#vision .cover-orbit-ring{animation:none}}
@media(min-width:701px){
#content>#vision.new-era .era-cover-symbol{position:absolute;top:42%;right:-2%;left:auto;width:min(49vw,650px);height:min(49vw,650px);margin:0;transform:translateY(-50%);grid-area:auto}
#content>#vision.new-era .vision-copy{margin-top:8px}
#content>#vision.new-era .era-cover-bottom{margin-top:34px}
}
/* 2027 cover background veil, below the logo and copy. */
#vision>.cover-white-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:rgb(255 255 255 / 45%)}
#content>#vision.new-era>.container{position:relative;z-index:2}
/* Navigation matches the dark XMF wordmark. */
.site-header .nav-group summary,.site-header .nav-group summary span,.site-header .nav-contact,.site-header .nav-menu a,.site-header .motion-toggle,.site-header .menu-toggle{color:#1b0c06}
.reading-progress i{background:linear-gradient(90deg,#f47195 0%,#9560ce 38%,#5269c8 66%,#168b79 100%)}
/* A shared pale seam joins the actual-results and next-chapter covers. */
#milestones,#vision{position:relative}
#milestones>.era-transition-blend,#vision>.era-transition-blend{position:absolute;left:0;right:0;height:120px;pointer-events:none;z-index:1}
#milestones>.era-transition-blend{bottom:0;background:linear-gradient(transparent,#f8eeef)}
#vision>.era-transition-blend{top:0;background:linear-gradient(#f8eeef,transparent)}
#milestones>.container{position:relative;z-index:2}
#vision .cover-pearl-ribbon{opacity:1;filter:drop-shadow(0 0 2px #d4b7e677)}
#vision .cover-orbit-ring{opacity:1}
#vision .cover-orbit-ring-back{opacity:.95}
.era-pearl-orbital{position:absolute;left:50%;top:50%;width:135%;height:135%;max-width:none;transform:translate(-50%,-50%);overflow:visible;perspective:850px;pointer-events:none}
.era-pearl-orbital .cover-orbit-ring{transform-origin:300px 300px;animation:vision-orbit-front 26s linear infinite;opacity:.85}
.era-pearl-orbital .cover-orbit-ring-back{animation:vision-orbit-back 33s linear infinite;opacity:.75}
.motion-paused .era-pearl-orbital .cover-orbit-ring{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.era-pearl-orbital .cover-orbit-ring{animation:none}}
/* Pearl highlights move independently of the orbit geometry. */
.orbital-reflection{transform-origin:300px 300px;animation:orbital-light-sweep 9s linear infinite;mix-blend-mode:screen}
.cover-orbit-ring-back .orbital-reflection{animation-direction:reverse;animation-duration:12s}
.orbital-glint{animation:orbital-glint-travel 7s linear infinite;filter:drop-shadow(0 0 2px #fff9)}
@keyframes orbital-light-sweep{0%{transform:rotate(0);opacity:.45}50%{opacity:.9}100%{transform:rotate(-360deg);opacity:.45}}
@keyframes orbital-glint-travel{from{stroke-dashoffset:0;opacity:.35}50%{opacity:.95}to{stroke-dashoffset:-100;opacity:.35}}
.motion-paused .orbital-reflection,.motion-paused .orbital-glint{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.orbital-reflection,.orbital-glint{animation:none}}
/* Audience: aligned metrics and clear visual hierarchy. */
#audience .audience-charts{grid-template-columns:1fr 1.35fr;gap:24px}
#audience .gender-panel,#audience .age-panel,#audience .daily-plan{background:#fffaf6;border:1px solid #7650cf25;border-radius:20px;box-shadow:0 8px 24px #30263b08}
#audience .gender-legend{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#audience .gender-legend>span{display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:10px;font-size:.9rem;color:#514659}
#audience .gender-legend b{font-size:1.7rem;line-height:1.2}
#audience .profile-person{grid-row:1 / 3;width:40px;height:64px;overflow:visible;color:#2799c9}
#audience .gender-legend>span:first-child b{color:#2799c9}
#audience .gender-legend>span:last-child .profile-person,#audience .gender-legend>span:last-child b{color:#da668d}
.profile-person-body{transform-origin:32px 95px;animation:profile-person-sway 4s ease-in-out infinite}
#audience .gender-legend>span:last-child .profile-person-body{animation-delay:-2s}
@keyframes profile-person-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-2px)}}
#audience .age-panel .bars{display:grid;gap:13px}
#audience .age-panel .bar-row{padding:10px 12px;margin:0;border-radius:12px}
#audience .age-panel .bar-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#audience .age-panel .bar-row strong{color:#7650cf;font-size:1.15rem}
#audience .age-panel .bar-track{height:10px;border-radius:10px;background:#ece6f3;overflow:hidden}
#audience .age-panel .bar-track i{border-radius:10px;background:#a48ad0;transform-origin:left;animation:age-bar-enter 1.2s ease-out var(--age-delay) both}
#audience .age-panel .age-focus{background:#eee7fb;border:1px solid #7650cf20}
#audience .age-panel .age-focus .bar-track i{background:#7650cf}
#audience .age-panel .age-focus strong{font-size:1.4rem}
@keyframes age-bar-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#audience .daily-plan{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:26px}
#audience .daily-plan .photo{overflow:hidden;border-radius:14px}
#audience .daily-plan img{height:260px;object-fit:cover}
#audience .daily-plan dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#audience .daily-plan dl>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:112px;padding:18px;background:#eee9fb;border:1px solid #7650cf18;border-radius:14px}
#audience .daily-plan dt{font-size:.9rem;line-height:1.4;color:#514659}
#audience .daily-plan dd{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1;color:#7650cf}
.motion-paused .profile-person-body,.motion-paused #audience .bar-track i{animation-play-state:paused}
@media(max-width:700px){#audience .audience-charts,#audience .daily-plan{grid-template-columns:1fr}#audience .daily-plan{padding:20px}#audience .daily-plan img{height:220px}#audience .gender-legend{gap:10px}}
@media(prefers-reduced-motion:reduce){.profile-person-body,#audience .age-panel .bar-track i{animation:none}}
#audience .age-panel:not(.age-inview) .bar-track i{animation:none;transform:scaleX(0)}
@media(prefers-reduced-motion:reduce){#audience .age-panel:not(.age-inview) .bar-track i{transform:none}}
/* Compact gender panel without stretching to the taller age chart. */
#audience .gender-panel{align-self:start;display:grid;grid-template-columns:1fr;gap:16px;padding:24px}
#audience .gender-panel h3{margin:0}
#audience .gender-panel .donut{width:190px;height:190px;margin:0 auto}
#audience .gender-panel .donut svg{width:100%;height:100%;display:block}
#audience .gender-panel .gender-legend{margin-top:0;padding-top:16px;border-top:1px solid #7650cf20;gap:14px}
#audience .gender-panel .gender-legend>span{grid-template-columns:36px 1fr;column-gap:8px}
#audience .gender-panel .profile-person{width:34px;height:54px}
#audience .gender-panel .gender-legend b{font-size:1.6rem}
@media(max-width:700px){#audience .gender-panel{padding:20px;gap:14px}}
/* Audience profile: unified editorial dashboard. */
#content>#audience>.container{max-width:1280px}
#audience .section-heading{padding-right:0;max-width:920px;margin:0 0 28px}
#content>#audience .section-heading h2{font-size:clamp(2.2rem,4.2vw,4.2rem);line-height:1.08;letter-spacing:-.045em}
#audience .section-heading h2 br{display:none}
#audience .section-heading h2 em{display:block}
#audience .audience-stage{display:none}
#audience .audience-top{justify-content:flex-start;align-items:center;text-align:left;padding:24px 30px;background:#7650cf;border:0;border-radius:20px;gap:20px 30px;margin-bottom:24px;box-shadow:0 12px 28px #7650cf18}
#audience .audience-top>.display-number{color:#fffaf6;font-size:clamp(3.5rem,7vw,6rem);line-height:1}
#content>#audience .audience-top>span{color:#f2eaff;max-width:260px;font-size:.85rem;letter-spacing:.09em;line-height:1.7}
#audience .audience-charts{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;margin:0;align-items:stretch}
#audience .gender-panel,#audience .age-panel{padding:28px;border-radius:20px;background:#fffaf8;border:1px solid #7650cf20;box-shadow:none;align-self:stretch}
#audience .audience-charts h3{font-size:1.15rem;letter-spacing:-.02em;color:#30263b;margin:0 0 20px}
#audience .gender-panel{display:flex;flex-direction:column;justify-content:space-between;gap:0}
#audience .gender-panel .donut{width:210px;height:210px;margin:0 auto 18px;flex:none}
#audience .donut-base{stroke:#eee8f4}
#audience .donut-seg:nth-of-type(2){stroke:#2799c9}
#audience .donut-seg:nth-of-type(3){stroke:#da668d}
#audience .gender-panel .gender-legend{display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;gap:12px;margin:0}
#audience .gender-panel .gender-legend>span{background:#edf7fc;border-radius:12px;padding:12px;grid-template-columns:34px 1fr;font-size:.85rem}
#audience .gender-panel .gender-legend>span:last-child{background:#fff0f4}
#audience .age-panel .bars{gap:10px}
#audience .age-panel .bar-row{padding:9px 12px;border:0}
#audience .age-panel .bar-row>div:first-child{margin-bottom:8px;font-size:.95rem}
#audience .age-panel .age-focus{background:#eee7fb}
#audience .age-panel .bar-track{height:9px}
#audience .daily-plan{margin-top:24px;padding:26px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;border-radius:20px;background:#fffaf8;box-shadow:none}
#audience .daily-plan h3{font-size:1.15rem;color:#30263b;margin:0 0 16px}
#audience .daily-plan .photo{border-radius:12px;margin:0}
#audience .daily-plan img{height:190px;object-fit:cover;display:block}
#audience .daily-plan figcaption{padding:10px 0 0;font-size:.8rem}
#audience .daily-plan dl{align-self:center;gap:12px}
#audience .daily-plan dl>div{background:#f2edfc;padding:18px;min-height:110px;border:0;border-radius:12px}
#audience .daily-plan dt{font-size:.85rem}
#audience .daily-plan dd{font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:800}
#audience .interest-line{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 18px;line-height:1.4}
#audience .interest-line>span{padding:8px 13px;background:#ffffff70;border:1px solid #7650cf20;border-radius:30px;font-size:.8rem}
#audience .interest-line>span+span::before{display:none}
#audience .note{margin:0;padding:14px 18px;border-radius:12px;background:#ffffff60;font-size:.8rem;line-height:1.6}
@media(max-width:700px){
#audience .audience-charts,#audience .daily-plan{grid-template-columns:1fr;gap:16px}
#audience .gender-panel,#audience .age-panel,#audience .daily-plan{padding:20px}
#audience .audience-top{padding:24px;gap:12px}
#audience .audience-top>span{margin:0}
#audience .gender-panel .donut{width:180px;height:180px}
#audience .daily-plan img{height:210px}
#audience .daily-plan dl>div{padding:14px;min-height:100px}
}
#audience .gender-panel .profile-person{width:46px;height:46px;align-self:center}
#audience .gender-panel .gender-legend>span{grid-template-columns:46px 1fr}
.profile-portrait{transform-origin:32px 45px;animation:portrait-breathe 5s ease-in-out infinite}
@keyframes portrait-breathe{50%{transform:translateY(-1px) rotate(2deg)}}
.motion-paused .profile-portrait{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.profile-portrait{animation:none}}
/* Age distribution palette from the supplied reference. */
#audience .age-panel .bar-row:nth-child(1) .bar-track i{background:#7650cf}
#audience .age-panel .bar-row:nth-child(2) .bar-track i{background:#f66889}
#audience .age-panel .bar-row:nth-child(3) .bar-track i{background:#16847f}
#audience .age-panel .bar-row:nth-child(4) .bar-track i{background:#bf9143}
#audience .age-panel .bar-row:nth-child(5) .bar-track i{background:#777bd5}
#audience .age-panel .bar-track{background:#e2daef}
/* Audience positioning: preserve the arch silhouettes and align the captions. */
#culture .section-heading{max-width:900px;margin-bottom:40px}
#content>#culture .section-heading h2{font-size:clamp(2.5rem,4.8vw,4.8rem);line-height:1.06;letter-spacing:-.045em}
#culture .culture-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:start}
#culture .culture-grid .photo{margin:0;padding-top:0;min-width:0}
#culture .culture-grid .zoom-image{display:block;overflow:hidden}
#culture .culture-grid img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
#culture .culture-grid figcaption{display:flex;flex-direction:column;gap:10px;padding:18px 2px 0}
#culture .culture-grid figcaption strong{display:flex;align-items:flex-start;min-height:2.6em;font-size:.95rem;line-height:1.3;letter-spacing:.035em;color:#30263b}
#culture .culture-grid figcaption span{margin:0;font-size:.9rem;line-height:1.65;color:#514659}
#culture .note{margin-top:30px;padding-top:16px;border-top:1px solid #7650cf25;font-size:.8rem;line-height:1.6}
@media(max-width:1000px){#culture .culture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}}
@media(max-width:700px){#culture .section-heading{margin-bottom:28px}#culture .culture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}#culture .culture-grid figcaption{padding-top:14px;gap:6px}#culture .culture-grid figcaption strong{font-size:.85rem}#culture .culture-grid figcaption span{font-size:.85rem}}
/* Restore staggered arches and join each caption to its image. */
#culture .culture-grid .photo:nth-child(even){padding-top:60px}
#culture .culture-grid .zoom-image{border-bottom-left-radius:0;border-bottom-right-radius:0}
#culture .culture-grid figcaption{padding:18px 16px 20px;background:#fffaf6;border:1px solid #7650cf22;border-top:0;border-radius:0 0 16px 16px;min-height:172px;box-shadow:0 8px 20px #30263b08}
#culture .culture-grid figcaption strong{display:flex;align-items:center;gap:9px;min-height:2.8em;font-size:.85rem}
#culture .culture-emblem{flex:0 0 30px;width:30px;height:30px;color:#7650cf;overflow:visible;animation:culture-emblem-dance 4s ease-in-out infinite}
#culture .photo:nth-child(2) .culture-emblem{color:#e76b91;animation-delay:-.8s}
#culture .photo:nth-child(3) .culture-emblem{color:#168b83;animation-delay:-1.6s}
#culture .photo:nth-child(4) .culture-emblem{color:#be9042;animation-delay:-2.4s}
#culture .photo:nth-child(5) .culture-emblem{color:#777bd5;animation-delay:-3.2s}
@keyframes culture-emblem-dance{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-2px)}}
#culture .note{display:flex;align-items:flex-start;gap:12px;margin-top:30px;padding:15px 18px;border:1px solid #7650cf30;border-radius:12px;background:#fffaf6;color:#514659}
#culture .note::before{content:'!';display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#7650cf;color:white;font-weight:800}
.motion-paused .culture-emblem{animation-play-state:paused}
@media(max-width:1000px){#culture .culture-grid .photo:nth-child(even){padding-top:0}}
@media(max-width:700px){#culture .culture-grid figcaption{padding:14px 12px;min-height:170px}#culture .culture-grid figcaption strong{gap:6px;font-size:.78rem}#culture .culture-emblem{width:25px;height:25px;flex-basis:25px}}
@media(prefers-reduced-motion:reduce){.culture-emblem{animation:none!important}}
/* Next stage: a headline target beside an editorial festival mosaic. */
#expansion .section-heading{margin-bottom:36px;max-width:1000px}
#content>#expansion .section-heading h2{font-size:clamp(2.5rem,4.7vw,4.8rem);line-height:1.08;letter-spacing:-.045em;color:#30263b}
#content>#expansion .section-heading h2 em{color:#7650cf}
#expansion .expansion-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:28px;align-items:stretch}
#expansion .expansion-copy{position:relative;overflow:hidden;padding:30px;border-radius:22px;background:#fffaf6;border:1px solid #7650cf25;box-shadow:0 12px 32px #30263b0a}
#expansion .expansion-copy>.eyebrow{margin:0;color:#7650cf;letter-spacing:.15em;font-size:.75rem}
#expansion .expansion-copy>.display-number{display:block;margin:14px 0 0;font-size:clamp(5rem,8vw,8rem);line-height:1;letter-spacing:-.07em;color:#7650cf}
#expansion .expansion-copy h3{margin:8px 0 24px;font-size:1.5rem;color:#30263b}
#expansion .check-list{margin:0;padding:20px 0 0;border-top:1px solid #7650cf25;list-style:none;display:grid;gap:0}
#expansion .check-list li{position:relative;padding:11px 0 11px 26px;border:0;font-size:.95rem;line-height:1.5;color:#514659}
#expansion .check-list li::before{content:'✦';position:absolute;left:0;top:12px;color:#7650cf;font-size:.85rem}
#expansion .expansion-photos{grid-template-columns:1fr 1fr;gap:18px;align-content:start}
#expansion .expansion-photos .photo{margin:0;overflow:hidden;border-radius:18px;background:#fffaf6;border:1px solid #7650cf22;box-shadow:0 8px 24px #30263b0a}
#expansion .expansion-photos .zoom-image{display:block;overflow:hidden;border-radius:0}
#expansion .expansion-photos img{display:block;width:100%;height:190px;aspect-ratio:auto;object-fit:cover;transition:transform .6s ease}
#expansion .expansion-photos>.photo:first-child img{height:280px}
#expansion .expansion-photos figcaption{padding:16px 18px;min-height:58px;display:flex;align-items:center}
#expansion .expansion-photos figcaption strong{font-size:.95rem;line-height:1.4;color:#30263b}
#expansion .expansion-photos .photo:hover img{transform:scale(1.035)}
#expansion .note{display:flex;gap:12px;align-items:center;margin-top:24px;padding:14px 18px;background:#fffaf6cc;border:1px solid #7650cf25;border-radius:12px;font-size:.78rem;letter-spacing:.04em;color:#514659}
#expansion .note::before{content:'i';display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#7650cf;color:white;font-weight:800}
@media(max-width:800px){#expansion .expansion-layout{grid-template-columns:1fr;gap:20px}#expansion .expansion-copy{padding:24px}#expansion .check-list{grid-template-columns:1fr 1fr;column-gap:18px}#expansion .expansion-photos>.photo:first-child img{height:250px}}
@media(max-width:480px){#expansion .check-list{grid-template-columns:1fr}#expansion .expansion-photos{gap:12px}#expansion .expansion-photos img{height:155px}#expansion .expansion-photos figcaption{padding:12px;min-height:66px}#expansion .expansion-photos figcaption strong{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){#expansion .expansion-photos img{transition:none}}
#site-plan .section-heading{margin-bottom:28px}
#content>#site-plan .section-heading h2{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.08;letter-spacing:-.045em}
#site-plan .section-heading h2 br{display:none}
#site-plan .map-toolbar{justify-content:flex-start;margin-bottom:20px}
#site-plan .map-toolbar>p{margin:0;padding:12px 18px;background:#fffaf6;border:1px solid #188b8830;border-radius:12px}
#site-plan .official-plan-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:26px;align-items:start}
#site-plan .map-frame{margin:0;padding:12px;background:#fffaf6;border:1px solid #7650cf25;border-radius:18px;overflow:hidden}
#site-plan .map-overhead{display:block;max-height:none;height:auto;overflow:hidden;border-radius:8px}
#site-plan .map-overhead img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
#site-plan .map-instruction{font-size:.8rem;color:#514659;line-height:1.6;margin:12px 0 0}
#site-plan .official-plan-guide{background:#fffaf6;border:1px solid #7650cf25;border-radius:18px;padding:22px}
#site-plan .official-plan-guide .subheading{font-size:1rem;margin:0 0 18px;line-height:1.5;color:#30263b}
#site-plan .map-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0;padding:0;list-style:none}
#site-plan .map-legend li{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 0;border:0;font-size:.78rem;line-height:1.4}
#site-plan .map-legend li b{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--place);color:white;font-size:.75rem}
#site-plan .map-legend .sponsor-place{background:#188b8810;border-radius:8px;padding:7px 5px}
#site-plan .map-footnote{margin-top:24px;padding-top:18px}
@media(max-width:900px){#site-plan .official-plan-layout{grid-template-columns:1fr}#site-plan .official-plan-guide{padding:20px}}
@media(max-width:420px){#site-plan .map-legend{grid-template-columns:1fr}}
#site-plan .plan-source-summary{font-size:.85rem;line-height:1.8;color:#514659;margin:0 0 16px}
#site-plan .map-footnote .note{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;margin:0;max-width:none;background:#fffaf6;border:1px solid #7650cf30;border-radius:12px;color:#514659;font-size:.85rem;line-height:1.6}
#site-plan .map-footnote .note::before{content:'!';display:grid;place-items:center;flex:0 0 24px;height:24px;background:#7650cf;color:#fff;border-radius:50%;font-weight:800}
#journey .journey-grid{gap:24px}
#journey .journey-step{position:relative;padding:26px;background:#fffaf6;border:1px solid #7650cf25;border-radius:20px;box-shadow:0 10px 25px #30263b08}
#journey .journey-step .step-index{position:relative;z-index:2;margin:0 0 22px;background:#7650cf;color:#fff}
#journey .journey-step:nth-child(2) .step-index{background:#e76b91}
#journey .journey-step:nth-child(3) .step-index{background:#168b83}
#journey .journey-step h3{font-size:1.5rem;margin:0 0 18px;color:#30263b;letter-spacing:-.025em}
#journey .journey-step li{font-size:.95rem;line-height:1.5;padding:10px 0;border-color:#7650cf18;color:#514659}
#journey .journey-step li:last-child{border:0}
#journey .journey-art{position:absolute;right:24px;top:20px;width:56px;height:56px;color:#7650cf;animation:journey-art-pulse 4s ease-in-out infinite}
#journey .journey-step:nth-child(2) .journey-art{color:#e76b91;animation-delay:-1.3s}
#journey .journey-step:nth-child(3) .journey-art{color:#168b83;animation-delay:-2.6s}
#journey .journey-path{display:block;width:calc(66.666% - 16px);margin:24px 0 24px 16.666%;height:3px;background:#7650cf25;border-radius:4px}
#journey .journey-path i{width:46px;height:5px;top:-1px;background:linear-gradient(90deg,#7650cf,#e76b91,#168b83);box-shadow:0 0 8px #7650cf55;animation:journey-signal 6s linear infinite}
@keyframes journey-art-pulse{50%{transform:translateY(-3px) rotate(3deg)}}
@media(max-width:700px){#journey .journey-grid{grid-template-columns:1fr;gap:20px;padding-left:22px}#journey .journey-path{display:none}#journey .journey-grid::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#7650cf,#e76b91,#168b83)}#journey .journey-grid::after{content:'';position:absolute;left:-1px;top:0;width:5px;height:35px;border-radius:5px;background:#fff;box-shadow:0 0 8px #7650cf;animation:journey-mobile-signal 6s linear infinite}}
@keyframes journey-mobile-signal{from{top:0}to{top:calc(100% - 35px)}}
.motion-paused #journey .journey-art,.motion-paused #journey .journey-path i,.motion-paused #journey .journey-grid::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#journey .journey-art,#journey .journey-path i,#journey .journey-grid::after{animation:none}}
/* Consistent heading palette throughout the 2027 chapter. */
#content>.new-era .section-heading h2{color:#30263b;text-shadow:none}
#content>.new-era .section-heading h2 em{color:#7650cf}
#content>.new-era .section-heading>.eyebrow{color:#168b83}
#content>.new-era h3{color:#30263b}
#content>#worlds.new-era .section-heading h2{color:#fff7ee}
#content>#worlds.new-era .section-heading h2 em{color:#cbb4ff}
#content>#worlds.new-era .section-heading>.eyebrow{color:#8fe0d0}
#objectives .section-heading{margin-bottom:34px}
#objectives .objective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#objectives .objective-grid>article{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px;background:#fffaf6;border:1px solid #7650cf25;border-radius:20px;box-shadow:0 10px 24px #30263b08;min-width:0}
#objectives .objective-number{position:absolute;top:20px;right:22px;font-size:.8rem;color:#9987ae;background:none}
#objectives .objective-art{display:block;width:120px;height:100px;flex:none;color:#7650cf}
#objectives .objective-grid>article:nth-child(2) .objective-art{color:#db7198}
#objectives .objective-grid>article:nth-child(3) .objective-art{color:#168b83}
#objectives .objective-grid>article:nth-child(4) .objective-art{color:#be9042}
#objectives .objective-grid>article:nth-child(5) .objective-art{color:#777bd5}
#objectives .objective-grid>article:nth-child(6) .objective-art{color:#a967ac}
#objectives .objective-grid h3{font-size:1.25rem;line-height:1.3;margin:0 0 10px;color:#30263b;letter-spacing:-.02em}
#objectives .objective-grid p{font-size:.95rem;line-height:1.65;margin:0;color:#514659}
@media(max-width:900px){#objectives .objective-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){#objectives .objective-grid{grid-template-columns:1fr;gap:16px}#objectives .objective-grid>article{padding:22px}.objective-art{width:100px}}
#activations .section-heading{margin-bottom:34px;max-width:1100px}
#content>#activations .section-heading h2{font-size:clamp(2.3rem,4.3vw,4.4rem);line-height:1.1;letter-spacing:-.04em}
#activations .activation-layout{display:grid;grid-template-columns:1fr;gap:30px}
#activations .activation-layout>div>h3{font-size:1rem;margin:0 0 16px;color:#514659}
#activations .activation-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
#activations .activation-options li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 16px;background:#fffaf6;border:1px solid #7650cf25;border-radius:16px;min-width:0}
#activations .activation-options li>b{position:absolute;right:12px;top:12px;font-size:.7rem;color:#a394b2;background:none}
#activations .activation-options li>span{font-size:.9rem;line-height:1.4;font-weight:650;color:#30263b}
#activations .activation-icon{width:40px;height:40px;color:#7650cf}
#activations .activation-options li:nth-child(3n+2) .activation-icon{color:#da7199}
#activations .activation-options li:nth-child(3n) .activation-icon{color:#168b83}
#activations .activation-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#activations .activation-gallery .photo{margin:0;border:1px solid #7650cf25;background:#fffaf6;border-radius:18px;overflow:hidden}
#activations .activation-gallery .zoom-image{display:block;border-radius:0}
#activations .activation-gallery img{display:block;width:100%;height:240px;object-fit:cover}
#activations .activation-gallery figcaption{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
#activations .activation-gallery figcaption strong{font-size:.95rem;line-height:1.4;color:#30263b}
#activations .activation-gallery figcaption span{font-size:.78rem;color:#7d7089}
#activations .note{display:flex;align-items:center;gap:12px;margin-top:24px;padding:15px 18px;border:1px solid #7650cf30;border-radius:12px;background:#fffaf6;color:#514659;font-size:.85rem}
#activations .note::before{content:'!';display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#7650cf;color:#fff;font-weight:800}
@media(max-width:1000px){#activations .activation-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#activations .activation-options,#activations .activation-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#activations .activation-gallery img{height:190px}#activations .activation-gallery figcaption{padding:12px}}
@media(max-width:420px){#activations .activation-gallery{grid-template-columns:1fr}}
/* Clear event details on the 2027 cover. */
#content>#vision.new-era .era-cover-details{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 26px;background:#fffaf6f2;border:1px solid #7650cf30;border-radius:16px;box-shadow:0 8px 24px #30263b0a;max-width:760px}
#content>#vision.new-era .era-cover-details>strong{display:block;color:#30263b;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.025em}
#content>#vision.new-era .era-cover-details .venue-line{display:block;color:#514659;font-size:1rem;font-weight:600;line-height:1.7;letter-spacing:.02em;white-space:normal}
@media(max-width:700px){#content>#vision.new-era .era-cover-details{width:100%;padding:20px}#content>#vision.new-era .era-cover-details .venue-line{font-size:.9rem;line-height:1.8}}
#content>#vision.new-era .era-cover-details .venue-line{margin:0;display:grid;gap:5px}
#content>#vision.new-era .era-cover-details .venue-line>span:first-child{color:#7650cf;font-size:.85em;letter-spacing:.08em}
/* Activation options alongside the reference gallery. */
#activations .activation-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:26px;align-items:start}
#activations .activation-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#activations .activation-options li{padding:16px 12px;gap:10px;min-height:112px}
#activations .activation-icon{width:32px;height:32px}
#activations .activation-options li>span{font-size:.85rem;line-height:1.35}
#activations .activation-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#activations .activation-gallery img{height:155px}
#activations .activation-gallery figcaption{padding:12px 14px;gap:4px;min-height:72px}
#activations .activation-gallery figcaption strong{font-size:.85rem;line-height:1.35}
#activations .activation-gallery figcaption span{font-size:.72rem}
@media(max-width:850px){#activations .activation-layout{grid-template-columns:1fr;gap:24px}#activations .activation-options{grid-template-columns:repeat(2,minmax(0,1fr))}#activations .activation-gallery img{height:190px}}
@media(max-width:420px){#activations .activation-gallery{grid-template-columns:1fr}}
/* Compact activation slide with a true, even 2-by-3 gallery. */
#content>#activations{padding-block:64px}
#activations .section-heading{margin-bottom:24px}
#activations .activation-gallery .photo:nth-child(n){grid-column:auto;grid-row:auto}
#activations .activation-gallery{gap:14px}
#activations .activation-gallery img{height:138px;object-fit:cover}
#activations .activation-gallery figcaption{min-height:64px;padding:10px 12px}
#activations .activation-options li{min-height:108px}
#activations .note{margin-top:18px}
@media(max-width:700px){#content>#activations{padding-block:44px}#activations .activation-gallery img{height:170px}}
#touchpoints .touchpoint-spine{display:block}
#touchpoints .touchpoint-hub{display:block;width:min(100%,400px);margin:0 auto 24px;padding:0;border:0;background:none;box-shadow:none;animation:none}
#touchpoints .brand-signal{display:block;width:100%;height:auto;overflow:visible}
.brand-signal-run{animation:brand-signal-run 1.8s linear infinite}
.brand-signal-type{transform-origin:200px 110px;animation:brand-signal-breathe 2.4s ease-in-out infinite}
.brand-signal-stars{transform-origin:200px 110px;animation:brand-signal-breathe 1.8s ease-in-out infinite}
@keyframes brand-signal-run{to{stroke-dashoffset:-100}}
@keyframes brand-signal-breathe{50%{transform:scale(1.025)}}
#touchpoints .touchpoint-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#touchpoints .touchpoint-columns>article{position:relative;padding:24px 20px;background:#fffaf6;border:1px solid #7650cf25;border-radius:18px;box-shadow:0 8px 22px #30263b06;transition:border-color .35s,box-shadow .35s}
#touchpoints .touchpoint-columns>article:hover{border-color:#7650cf66;box-shadow:0 10px 26px #7650cf14}
#touchpoints .small-number{position:absolute;right:18px;top:18px;font-size:.75rem;color:#a191b3}
#touchpoints .touchpoint-icon{display:block;width:40px;height:40px;margin-bottom:18px;color:#7650cf}
#touchpoints article:nth-child(2) .touchpoint-icon{color:#168b83}
#touchpoints article:nth-child(3) .touchpoint-icon{color:#db7198}
#touchpoints article:nth-child(4) .touchpoint-icon{color:#be9042}
#touchpoints .touchpoint-columns h3{font-size:1.05rem;letter-spacing:.035em;margin:0 0 16px;color:#30263b}
#touchpoints .touchpoint-columns ul{list-style:none;padding:0;margin:0}
#touchpoints .touchpoint-columns li{font-size:.9rem;line-height:1.5;padding:7px 0;color:#514659;border-bottom:1px solid #7650cf10}
#touchpoints .touchpoint-columns li:last-child{border:0}
@media(max-width:900px){#touchpoints .touchpoint-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#touchpoints .touchpoint-columns{grid-template-columns:1fr}#touchpoints .touchpoint-hub{max-width:330px}}
.motion-paused .brand-signal-run,.motion-paused .brand-signal-type,.motion-paused .brand-signal-stars{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.brand-signal-run,.brand-signal-type,.brand-signal-stars{animation:none}#touchpoints .touchpoint-columns>article{transition:none}}
#touchpoints .touchpoint-hub{width:min(100%,640px)}
#touchpoints .brand-signal-type{transform-origin:320px 110px}
@media(max-width:480px){#touchpoints .touchpoint-hub{max-width:100%}}
#touchpoints .brand-signal-type,#touchpoints .brand-signal-stars,#touchpoints .brand-signal-run{animation:none}
#touchpoints .partner-name-motion{transform-origin:456px 112px;animation:brand-signal-breathe 2.4s ease-in-out infinite}
#touchpoints .touchpoint-columns li{display:flex;align-items:flex-start;gap:9px}
#touchpoints .touchpoint-detail-icon{flex:0 0 19px;width:19px;height:19px;margin-top:2px;color:#8b72b4}
.motion-paused #touchpoints .partner-name-motion{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#touchpoints .partner-name-motion{animation:none}}
/* Compact brand touchpoint cards sized to their own content. */
#touchpoints .touchpoint-columns{align-items:start;gap:16px}
#touchpoints .touchpoint-columns>article{padding:20px 18px;min-height:0;height:auto}
#touchpoints .touchpoint-icon{width:34px;height:34px;margin-bottom:12px}
#touchpoints .touchpoint-columns h3{margin-bottom:10px}
#touchpoints .touchpoint-columns li{padding:6px 0;line-height:1.4;font-size:.88rem}
#touchpoints .touchpoint-hub{margin-bottom:14px}
#touchpoints .touchpoint-spine{position:relative;isolation:isolate}
#touchpoints .touchpoint-columns::before,#touchpoints .touchpoint-columns::after,#touchpoints .touchpoint-hub::before{display:none}
#touchpoints .touchpoint-hub{position:relative;z-index:1;margin-bottom:48px}
#touchpoints .touchpoint-columns{position:relative;z-index:1}
#touchpoints .touchpoint-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
#touchpoints .brand-signal-run{animation:brand-signal-run 2.4s linear infinite}
.motion-paused #touchpoints .brand-signal-run{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#touchpoints .brand-signal-run{animation:none}}
#exclusivity .section-heading{margin-bottom:32px}
#exclusivity .exclusivity-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr);gap:26px;align-items:stretch}
#exclusivity .exclusive-statement{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:#fffaf6;border:1px solid #7650cf25;border-radius:22px}
#exclusivity .exclusive-emblem{width:210px;height:158px;display:block;overflow:visible}
#exclusivity .exclusive-statement>strong{color:#7650cf;font-size:clamp(5rem,9vw,8rem);line-height:1;margin:4px 0 14px}
#exclusivity .exclusive-statement>span{font-size:.95rem;line-height:1.7;letter-spacing:.08em;color:#514659}
#exclusivity .category-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
#exclusivity .category-list li{position:relative;display:flex;align-items:center;gap:16px;background:#fffaf6;border:1px solid #7650cf25;border-radius:14px;padding:16px 46px 16px 18px;font-size:1rem;line-height:1.4;color:#30263b;transition:border-color .3s,box-shadow .3s}
#exclusivity .category-list li>b{position:absolute;right:16px;font-size:.7rem;color:#a292b1}
#exclusivity .category-icon{width:32px;height:32px;flex:0 0 32px;color:#7650cf}
#exclusivity .category-list li:nth-child(3n+2) .category-icon{color:#168b83}
#exclusivity .category-list li:nth-child(3n) .category-icon{color:#d47198}
#exclusivity .category-list li:hover{border-color:#7650cf66;box-shadow:0 6px 18px #7650cf12}
.exclusive-crown{animation:exclusive-float 4s ease-in-out infinite;transform-origin:120px 100px}
.exclusive-spark{animation:exclusive-shine 2.8s ease-in-out infinite}
@keyframes exclusive-float{50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes exclusive-shine{50%{opacity:.35}}
@media(max-width:700px){#exclusivity .exclusivity-layout{grid-template-columns:1fr}#exclusivity .exclusive-emblem{width:150px;height:112px}#exclusivity .exclusive-statement{padding:22px}#exclusivity .category-list li{font-size:.9rem}}
.motion-paused .exclusive-crown,.motion-paused .exclusive-spark{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.exclusive-crown,.exclusive-spark{animation:none}#exclusivity .category-list li{transition:none}}
#exclusivity .exclusive-emblem{width:250px;height:145px;max-width:100%}
.exclusive-logo-motion{transform-origin:140px 76px;animation:exclusive-logo-breathe 4s ease-in-out infinite}
@keyframes exclusive-logo-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.025)}}
.motion-paused .exclusive-logo-motion{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.exclusive-logo-motion{animation:none}}

/* Six target artists — official profile snapshot, September 2026. */
#lineup .lineup-intro{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:48px;margin-bottom:30px}
#lineup .lineup-intro .section-heading{margin:0}
#lineup .artist-budget{position:relative;overflow:hidden;padding:24px 30px;border:1px solid #cbb4ec;border-radius:24px;background:linear-gradient(125deg,#fdf9f4,#eee6ff 60%,#dff3ef);color:#4e3778;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 18px;box-shadow:0 12px 35px #6242920c}
#lineup .budget-kicker{grid-column:1/-1;font-size:10px;letter-spacing:.16em;font-weight:800;color:#16847f}
#lineup .artist-budget>strong{font-family:var(--display);font-size:clamp(66px,6vw,94px);line-height:1.1;letter-spacing:-.065em;color:#7650cf}
#lineup .artist-budget>strong+span{font-size:10px;line-height:1.65;letter-spacing:.06em;font-weight:700}
#lineup .artist-total{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:2px 0 0;padding:14px 0 0;border:0;border-top:1px solid #7650cf26}
#lineup .artist-total b{font-family:var(--display);font-size:29px;line-height:1;color:#30263b}
#lineup .artist-total span{padding:0;font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.5}
#lineup .lineup-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#lineup .lineup-day{display:grid;align-content:start;gap:16px;min-width:0}
#lineup .lineup-day-heading{display:flex;align-items:center;gap:12px;padding:0 2px 12px;border-bottom:1px solid #7650cf33}
#lineup .lineup-day-heading>span:first-child{font:800 33px/1 var(--display);color:#a58bcf}
#lineup .lineup-day-heading h3{margin:0;font-size:14px;letter-spacing:.04em;color:#30263b}
#lineup .lineup-day-heading small{display:block;font-size:10px;letter-spacing:.09em;font-weight:500;margin-top:4px;color:#685b73}
#lineup .target-tag{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.1em;color:#16847f;background:#e4f1ed;border-radius:30px;padding:5px 9px}
#lineup .artist-card{min-width:0;background:#fffaf6;border:1px solid #7650cf24;border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #30263b08;transition:transform .3s,box-shadow .3s}
#lineup .artist-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #30263b12}
#lineup .artist-portrait{display:block;width:100%;height:190px;object-fit:cover;object-position:center 35%;border-radius:0}
#lineup .artist-detail{padding:17px 18px 18px}
#lineup .artist-detail h4{margin:0 0 14px;font:800 clamp(21px,2vw,28px)/1.15 var(--display);letter-spacing:-.04em;color:#30263b}
#lineup .artist-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#lineup .artist-metric{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-decoration:none;color:#68547f;min-width:0;border-right:1px solid #7650cf19;padding-right:6px}
#lineup .artist-metric:last-child{border:0;padding-right:0}
#lineup .artist-metric svg{width:17px;height:17px}
#lineup .artist-metric strong{font:800 clamp(17px,1.7vw,23px)/1.2 var(--display);letter-spacing:-.045em;color:#48335d}
#lineup .artist-metric span{font-size:9px;line-height:1.4;color:#6f6478}
#lineup .artist-metric.sp svg{color:#16847f}
#lineup .artist-metric.yt svg{color:#e46781}
#lineup .artist-metric.ig svg{color:#9466c8}
#lineup a.artist-metric:hover strong{color:#7650cf;text-decoration:underline;text-underline-offset:4px}
#lineup a.artist-metric:focus-visible{outline:2px solid #7650cf;outline-offset:3px;border-radius:3px}
#lineup .lineup-data-note{margin-top:19px;color:#6f6478;font-size:10px;line-height:1.6}
#lineup .lineup-data-note p{margin:3px 0}
#lineup .lineup-redesign>.status-warning{margin-top:14px;font-size:11px}
@media(max-width:1000px){#lineup .lineup-intro{grid-template-columns:1fr 300px;gap:25px}#lineup .lineup-days{gap:14px}#lineup .artist-detail{padding:14px 12px}#lineup .artist-portrait{height:160px}}
@media(max-width:700px){#lineup .lineup-intro{grid-template-columns:1fr;gap:22px}#lineup .artist-budget{padding:20px 24px;grid-template-columns:auto 1fr}#lineup .artist-budget>strong{font-size:76px}#lineup .artist-budget>strong+span{font-size:12px}#lineup .lineup-days{grid-template-columns:1fr;gap:28px}#lineup .lineup-day{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#lineup .lineup-day-heading{grid-column:1/-1}#lineup .artist-portrait{height:auto;aspect-ratio:1/1}#lineup .artist-detail h4{font-size:20px;min-height:46px;margin-bottom:8px}#lineup .artist-metrics{grid-template-columns:1fr;gap:8px}#lineup .artist-metric{display:grid;grid-template-columns:16px 1fr;gap:1px 6px;border:0;padding:0}#lineup .artist-metric svg{grid-row:1/3;width:14px;height:14px;margin-top:3px}#lineup .artist-metric strong{font-size:19px}#lineup .artist-metric span{font-size:8px}#lineup .artist-detail{padding:13px 10px}#lineup .lineup-data-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){#lineup .artist-card{transition:none}}
/* Image-led lineup cards with edge-to-edge photography. */
#lineup .artist-portrait{height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;background:#eee7f7}
#lineup .artist-detail{padding:13px 15px 15px}
#lineup .artist-detail h4{font-size:clamp(20px,1.65vw,25px);margin-bottom:10px}
#lineup .artist-metric strong{font-size:clamp(16px,1.35vw,20px)}
#lineup .artist-metric svg{width:15px;height:15px}
#lineup .artist-metric{gap:4px}
@media(max-width:700px){#lineup .artist-detail{padding:11px 10px}#lineup .artist-detail h4{font-size:18px}#lineup .artist-metric strong{font-size:17px}}

/* 2027 ticket release journey */
#ticketing .section-heading{margin-bottom:28px}
#ticketing .ticket-season{display:flex;align-items:center;justify-content:space-between;gap:18px;border-block:1px solid #7650cf30;padding:17px 0;margin-bottom:27px;color:#68577d}
#ticketing .ticket-season>span{font-size:10px;font-weight:700;letter-spacing:.13em}
#ticketing .ticket-season strong{font-size:17px;letter-spacing:.025em;color:#30263b}
#ticketing .ticket-season i{font-style:normal;color:#7650cf;margin:0 18px}
#ticketing .ticket-phase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
#ticketing .release-card{min-width:0;background:#fffaf6;border:1px solid #7650cf29;border-top:4px solid var(--ticket-accent);border-radius:18px;box-shadow:0 8px 28px #48335d09;overflow:hidden;transition:transform .3s,box-shadow .3s}
#ticketing .release-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #48335d15}
#ticketing .release-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 10px;color:var(--ticket-accent)}
#ticketing .release-top>span{font-size:10px;font-weight:800;letter-spacing:.15em}
#ticketing .release-top svg{width:32px;height:32px}
#ticketing .release-card h3{margin:0;padding:0 22px;font:800 19px/1.3 var(--display);letter-spacing:-.035em;color:#30263b}
#ticketing .release-price{margin:18px 0 22px;padding:0 22px;font:800 clamp(35px,3.6vw,56px)/1 var(--display);letter-spacing:-.065em;color:var(--ticket-accent)}
#ticketing .release-price>span{font-size:.55em;vertical-align:top;display:inline-block;padding-top:5px;margin-right:4px}
#ticketing .release-dates{padding:0 22px 20px;min-height:75px}
#ticketing .release-dates>span{display:block;font-size:9px;letter-spacing:.12em;color:#88748f;font-weight:700;margin-bottom:7px}
#ticketing .release-dates strong{display:block;font-size:12px;line-height:1.6;font-weight:600;color:#4e4258}
#ticketing .release-stub{position:relative;border-top:1px dashed #7650cf42;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;background:#7650cf05;color:var(--ticket-accent);font-size:10px;font-weight:800;letter-spacing:.08em}
#ticketing .release-stub:before,#ticketing .release-stub:after{content:'';position:absolute;top:-8px;width:14px;height:14px;border:1px solid #7650cf24;background:#f8f2f6;border-radius:50%}
#ticketing .release-stub:before{left:-8px}#ticketing .release-stub:after{right:-8px}
#ticketing .ticket-bars{width:58px;height:18px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 7px);opacity:.35}
#ticketing .ticket-day-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}
#ticketing .day-pass{display:flex;align-items:center;gap:18px;min-width:0;border:1px solid #7650cf30;border-radius:18px;background:#fffaf6;padding:23px}
#ticketing .day-pass-icon{display:grid;place-items:center;flex:0 0 52px;height:60px;color:#7650cf;background:#eee6fb;border-radius:14px}
#ticketing .day-pass-icon svg{width:32px;height:32px}
#ticketing .day-pass-body{flex:1;min-width:0}
#ticketing .day-pass-label{font-size:9px;font-weight:800;letter-spacing:.13em;color:#7650cf}
#ticketing .day-pass h3{font:800 23px/1.3 var(--display);letter-spacing:-.035em;margin:4px 0;color:#30263b}
#ticketing .day-pass p{font-size:11px;line-height:1.5;margin:0;color:#68577d}
#ticketing .day-pass-price{font:800 clamp(30px,3vw,44px)/1 var(--display);letter-spacing:-.05em;color:#7650cf;white-space:nowrap}
#ticketing .day-pass-price small{font-size:.55em;margin-right:3px}
#ticketing .vip-day-pass{background:linear-gradient(110deg,#33253f,#514065);border-color:#514065}
#ticketing .vip-day-pass h3,#ticketing .vip-day-pass .day-pass-price{color:#fff7eb}
#ticketing .vip-day-pass .day-pass-label,#ticketing .vip-day-pass p{color:#ddcbea}
#ticketing .vip-day-pass .day-pass-icon{background:#ffffff10;color:#ebcfa6}
#ticketing .vip-limit{display:inline-block;color:#eed6b0;font-size:8px;letter-spacing:.07em;font-weight:700;margin-top:9px}
#ticketing .ticket-platform{margin-top:23px;font-size:12px;color:#68577d}
@media(max-width:1000px){#ticketing .ticket-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ticketing .day-pass{gap:12px;padding:18px}#ticketing .day-pass-icon{display:none}#ticketing .release-price{font-size:48px}}
@media(max-width:600px){#ticketing .ticket-season{flex-wrap:wrap;gap:8px}#ticketing .ticket-season strong{font-size:14px}#ticketing .ticket-season>span:last-child{width:100%;font-size:9px}#ticketing .ticket-season i{margin:0 7px}#ticketing .ticket-phase-grid{gap:12px}#ticketing .release-top{padding:15px 13px 8px}#ticketing .release-card h3{padding:0 13px;font-size:16px;min-height:42px}#ticketing .release-price{padding:0 13px;font-size:38px;margin:13px 0 18px}#ticketing .release-dates{padding:0 13px 14px;min-height:87px}#ticketing .release-dates strong{font-size:11px}#ticketing .release-stub{padding:13px;font-size:9px}#ticketing .ticket-bars{width:35px}#ticketing .ticket-day-options{grid-template-columns:1fr;gap:12px;margin-top:17px}#ticketing .day-pass-price{font-size:35px}#ticketing .day-pass h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){#ticketing .release-card{transition:none}}

#ticketing .platform-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;box-sizing:border-box;margin:24px 0 0;padding:17px 26px;background:#1034e5;color:#fff;border-radius:14px;border:1px solid #ffffff25;text-align:left;box-shadow:0 7px 20px #1034e51a}
#ticketing .platform-label{font-size:14px;font-weight:600;letter-spacing:.015em}
#ticketing .platform-banner a{display:flex;align-items:center;gap:23px;color:#fff;text-decoration:none}
#ticketing .boxoffice-logo-window{position:relative;display:block;width:190px;height:43px;overflow:hidden}
#ticketing .boxoffice-logo-window img{position:absolute;width:317px;max-width:none;height:320px;left:-59px;top:-141px;mix-blend-mode:lighten}
#ticketing .platform-arrow{font-size:23px;line-height:1;opacity:.8}
#ticketing .platform-banner a:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:4px}
@media(max-width:600px){#ticketing .platform-banner{padding:17px 18px;gap:10px;flex-wrap:wrap}#ticketing .platform-label{font-size:12px}#ticketing .platform-banner a{gap:15px}#ticketing .boxoffice-logo-window{width:152px;height:35px}#ticketing .boxoffice-logo-window img{width:254px;height:256px;left:-47px;top:-113px}}

#access .access-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0}
#access .access-steps:before,#access .access-steps:after{display:none}
#access .access-steps article{position:relative;padding:22px;background:#fffaf6;border:1px solid #7650cf2b;border-radius:18px;min-width:0}
#access .access-steps article:not(:last-child):after{content:'→';position:absolute;right:-17px;top:26px;color:#7650cf;font-size:20px;z-index:1}
#access .access-step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#access .access-step-head .step-index{display:inline;font:800 23px/1 var(--display);color:#b095d4;margin:0}
#access .access-step-head h3{font-size:13px;letter-spacing:.08em;margin:0;color:#30263b}
#access .access-step-icon{display:block;width:64px;height:64px;color:#7650cf;margin:0 0 17px}
#access .access-steps p,#access .access-steps li{font-size:13px;line-height:1.65;color:#5f526d;margin:0}
#access .access-steps ol{margin:0;padding-left:17px}
#access .access-steps li+li{margin-top:7px}
#access .access-boxoffice{display:flex;align-items:center;height:64px;margin-bottom:17px;background:#1034e5;border-radius:10px;padding:0 12px;width:fit-content;max-width:100%}
#access .access-boxoffice>span{position:relative;display:block;overflow:hidden;width:166px;height:38px}
#access .access-boxoffice img{position:absolute;width:277px;max-width:none;height:280px;left:-52px;top:-123px;mix-blend-mode:lighten}
@media(max-width:1000px){#access .access-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#access .access-steps article:nth-child(2):after{display:none}}
@media(max-width:540px){#access .access-steps{grid-template-columns:1fr;gap:17px}#access .access-steps article{padding:20px}#access .access-steps article:not(:last-child):after{display:block;content:'↓';right:24px;top:auto;bottom:-19px}}

/* Compact access story: connected steps alongside the concept imagery. */
#access>.container{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.8fr);gap:20px 28px;align-items:start}
#access .section-heading{grid-column:1/-1;margin-bottom:8px}
#access .access-steps{grid-template-columns:1fr;gap:12px;margin:0}
#access .access-steps article{display:grid;grid-template-columns:1fr 70px;align-items:center;gap:5px 10px;padding:16px 18px;border-radius:14px}
#access .access-step-head{grid-column:1;gap:10px;margin:0}
#access .access-step-head .step-index{position:static;font-size:21px}
#access .access-step-head h3{padding:0;font-size:12px}
#access .access-steps p,#access .access-steps ol{grid-column:1;font-size:12px;line-height:1.5;max-width:none}
#access .access-steps li{font-size:12px;line-height:1.5}
#access .access-steps li+li{margin-top:4px}
#access .access-step-icon{grid-column:2;grid-row:1/3;width:48px;height:48px;justify-self:center;margin:0}
#access .access-boxoffice{grid-column:2;grid-row:1/3;margin:0;width:70px;height:48px;padding:0;justify-content:center;border-radius:9px;position:relative;overflow:hidden}
#access .access-boxoffice>span{width:64px;height:18px}
#access .access-boxoffice img{width:107px;height:108px;left:-20px;top:-47px}
#access .access-steps article:not(:last-child):after{content:'';display:block;position:absolute;top:auto;bottom:-14px;left:28px;right:auto;width:2px;height:14px;background:linear-gradient(to bottom,#7650cf20,#7650cf,#7650cf20);background-size:100% 200%;animation:access-connect 1.8s linear infinite}
#access .access-imagery{display:grid;grid-template-columns:1173fr 1674fr;gap:14px;align-items:start;margin:0}
#access .access-imagery .photo{margin:0;overflow:hidden;border:1px solid #7650cf24;border-radius:16px;background:#fffaf6}
#access .access-imagery .zoom-image{display:block;border-radius:0;overflow:hidden}
#access .access-imagery img{display:block;width:100%;height:auto;max-height:none;object-fit:cover;background:transparent;border-radius:0}
#access .access-imagery figure:first-child img{aspect-ratio:1173/1341}
#access .access-imagery figure:last-child img{aspect-ratio:1402/1122}
#access .access-imagery figcaption{padding:14px;margin:0;min-height:83px}
#access .access-imagery figcaption strong{font:700 13px/1.45 var(--display);color:#49375e}
#access .access-imagery figcaption span{display:block;font-size:10px;line-height:1.5;margin-top:5px;color:#796b83}
#access .privacy-note{grid-column:1/-1;margin:0;padding:14px 18px;border-radius:10px;background:#eee7f7e6;display:flex;align-items:center;justify-content:space-between;gap:12px}
#access .privacy-note h3{font-size:10px;letter-spacing:.04em;margin:0;line-height:1.5}
#access .privacy-note p{font-size:11px;margin:0;line-height:1.5}
#access .access-steps article:nth-child(2) .access-step-icon path:last-child{animation:access-scan 2.6s ease-in-out infinite}
#access .access-steps article:nth-child(3) .access-step-icon{animation:access-qr 3s ease-in-out infinite}
#access .access-steps article:nth-child(4) .access-step-icon path:first-child{animation:access-gate 3s ease-in-out infinite}
#access .access-boxoffice:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff4 50%,transparent 80%);transform:translateX(-150%);animation:access-shine 4s ease-in-out infinite;pointer-events:none}
@keyframes access-connect{to{background-position:0 200%}}
@keyframes access-scan{0%,100%{transform:translateY(-15px);opacity:.35}50%{transform:translateY(14px);opacity:1}}
@keyframes access-qr{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@keyframes access-gate{0%,100%{stroke:#7650cf}50%{stroke:#16847f}}
@keyframes access-shine{0%,45%{transform:translateX(-150%)}85%,100%{transform:translateX(150%)}}
.motion-paused #access .access-steps *, .motion-paused #access .access-steps :after{animation-play-state:paused!important}
@media(max-width:1000px){#access>.container{grid-template-columns:1fr}#access .access-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#access .access-steps article:after{display:none!important}#access .access-imagery{grid-template-columns:1173fr 1674fr}}
@media(max-width:540px){#access .access-steps{grid-template-columns:1fr}#access .access-steps article:not(:last-child):after{display:block!important}#access .access-imagery{gap:10px}#access .access-imagery figcaption{padding:10px;min-height:96px}#access .access-imagery figcaption strong{font-size:11px}#access .access-imagery figcaption span{font-size:9px}#access .privacy-note{display:block}#access .privacy-note p{margin-top:5px}}
@media(prefers-reduced-motion:reduce){#access .access-steps *,#access .access-steps :after{animation:none!important}}
#access .access-step-head .step-index{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:#eee5f8;color:#7650cf;font:800 14px/1 var(--display)}
/* Improve verification copy readability without narrowing it around the icon. */
#access .access-steps article:nth-child(2) ol{grid-column:1/-1;margin:5px 0 0;padding-left:21px}
#access .access-steps article:nth-child(2) li{font-size:14px;line-height:1.65;font-weight:500;color:#40334f;padding-left:3px}
#access .access-steps article:nth-child(2) li+li{margin-top:9px}
#access .access-steps article:nth-child(2) li::marker{color:#7650cf;font-weight:700}
#access .access-steps article:nth-child(2) .access-step-icon{grid-row:1;width:36px;height:36px}
/* Boxoffice-branded purchase step. */
#access .access-steps article:first-child{background:#1034e5;border-color:#1034e5;box-shadow:0 6px 18px #1034e51a}
#access .access-steps article:first-child h3,#access .access-steps article:first-child p{color:#fff}
#access .access-steps article:first-child .step-index{background:#ffffff20;color:#fff}
#access .access-steps article:first-child .access-boxoffice{background:transparent}
/* Consistent icon tiles centered in the verification, QR and gate cards. */
#access .access-steps article:not(:first-child){position:relative;padding-right:94px;grid-template-columns:minmax(0,1fr)}
#access .access-steps article:not(:first-child) .access-step-icon{position:absolute;right:18px;top:50%;margin:0;width:58px;height:58px;box-sizing:border-box;padding:10px;border:1px solid #7650cf20;border-radius:13px;background:#eee5f8;color:#7650cf;transform:translateY(-50%);animation:none}
#access .access-steps article:nth-child(2) ol{grid-column:1/-1}
#access .access-steps article:nth-child(3) .access-step-icon path{animation:access-qr-glow 3s ease-in-out infinite}
@keyframes access-qr-glow{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){#access .access-steps article:nth-child(3) .access-step-icon path{animation:none}}
#access .access-steps article:not(:first-child) .access-step-icon{grid-area:auto}
#access .access-steps article:nth-child(2) li{font-size:12px;line-height:1.5;font-weight:400;color:#5f526d}

/* Campaign investment and nine-month rollout. */
#campaign .campaign-redesign{display:grid;grid-template-columns:1.15fr 1fr;gap:28px 35px;align-items:center}
#campaign .section-heading{margin:0}
#campaign .campaign-investment{position:relative;overflow:hidden;background:linear-gradient(125deg,#30213e,#54406b);border:1px solid #a58bcf80;border-radius:22px;padding:29px 30px;color:#fff8f0;box-shadow:0 12px 30px #40304f15}
#campaign .investment-label{position:relative;z-index:1;font-size:10px;letter-spacing:.15em;font-weight:700;color:#dcc8ed}
#campaign .campaign-investment>strong{display:block;position:relative;z-index:1;font:800 clamp(35px,4.2vw,66px)/1.15 var(--display);letter-spacing:-.065em;white-space:nowrap;margin:18px 0 22px;color:#fff7eb}
#campaign .campaign-investment>strong>span{color:#b598d4;font-size:.7em}
#campaign .investment-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1;border-top:1px solid #ffffff26;padding-top:15px;font-size:10px;letter-spacing:.05em}
#campaign .investment-bottom>b{color:#c6eee5}
#campaign .campaign-investment>svg{position:absolute;width:210px;height:210px;right:-95px;top:-45px;stroke:#d5baff;stroke-width:.6;opacity:.2;animation:campaign-rings 7s ease-in-out infinite}
#campaign .campaign-roadmap{grid-column:1/-1;background:#fffaf6f5;border:1px solid #7650cf26;border-radius:20px;padding:23px 26px;overflow:hidden;box-shadow:0 8px 25px #40304f07}
#campaign .roadmap-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
#campaign .roadmap-title h3{font:800 20px/1.3 var(--display);letter-spacing:-.03em;color:#30263b;margin:0}
#campaign .roadmap-title>span{font-size:10px;letter-spacing:.08em;color:#16847f;font-weight:700}
#campaign .roadmap-months,#campaign .roadmap-row{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px}
#campaign .roadmap-months{padding-bottom:12px;border-bottom:1px solid #7650cf23}
#campaign .roadmap-months>span{align-self:center;font-size:9px;letter-spacing:.12em;color:#887893;font-weight:700}
#campaign .roadmap-months>div{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));text-align:center}
#campaign .roadmap-months b{font-size:10px;color:#5a476c}
#campaign .roadmap-months small{display:block;font-size:8px;color:#978aa1;margin-top:3px}
#campaign .roadmap-row{border-bottom:1px solid #7650cf10;min-height:46px;align-items:center}
#campaign .roadmap-row:last-child{border:0}
#campaign .roadmap-task{display:flex;gap:10px;align-items:center;padding:10px 0}
#campaign .roadmap-task>span{font-size:10px;font-weight:800;color:var(--phase-color);background:color-mix(in srgb,var(--phase-color) 10%,transparent);padding:5px;border-radius:6px}
#campaign .roadmap-task h4{font-size:12px;line-height:1.4;font-weight:600;margin:0;color:#44354f}
#campaign .roadmap-task small{display:none}
#campaign .roadmap-track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));height:100%;align-items:center;background:repeating-linear-gradient(to right,#7650cf0d 0 1px,transparent 1px calc(100% / 9))}
#campaign .roadmap-bar{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;height:25px;margin:0 4px;border-radius:7px;background:var(--phase-color);color:white;font-size:8px;letter-spacing:.035em;font-weight:700}
#campaign .roadmap-bar:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffff30,transparent);transform:translateX(-110%);animation:campaign-sweep 5s ease-in-out infinite}
#campaign .roadmap-row:nth-child(odd) .roadmap-bar:after{animation-delay:1.2s}
@keyframes campaign-sweep{0%,35%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}
@keyframes campaign-rings{50%{transform:scale(1.1);opacity:.35}}
.motion-paused #campaign .campaign-investment>svg,.motion-paused #campaign .roadmap-bar:after{animation-play-state:paused}
@media(max-width:1000px){#campaign .campaign-redesign{grid-template-columns:1fr}#campaign .campaign-investment>strong{font-size:clamp(40px,7vw,66px)}#campaign .roadmap-months,#campaign .roadmap-row{grid-template-columns:250px minmax(0,1fr);gap:12px}}
@media(max-width:600px){#campaign .campaign-redesign{gap:22px}#campaign .campaign-investment{padding:24px 20px}#campaign .campaign-investment>strong{font-size:clamp(31px,8.5vw,48px)}#campaign .investment-label{font-size:9px}#campaign .investment-bottom{font-size:9px}#campaign .campaign-roadmap{padding:18px 16px}#campaign .roadmap-title{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:10px}#campaign .roadmap-title h3{font-size:18px}#campaign .roadmap-months{display:none}#campaign .roadmap-row{grid-template-columns:1fr;gap:0;padding:10px 0}#campaign .roadmap-task{padding:0 0 8px;gap:8px}#campaign .roadmap-task h4{font-size:12px;flex:1}#campaign .roadmap-task small{display:block;font-size:9px;color:var(--phase-color);font-weight:700;white-space:nowrap}#campaign .roadmap-track{height:8px;background:#7650cf0b;border-radius:5px}#campaign .roadmap-bar{height:8px;margin:0;border-radius:5px}#campaign .roadmap-bar>span{display:none}}
@media(prefers-reduced-motion:reduce){#campaign .campaign-investment>svg,#campaign .roadmap-bar:after{animation:none}}

/* One continuous partnership chapter. */
#packages,#rights{background:#f1ebf8!important}
#packages{padding-bottom:0!important}
#rights{padding-top:35px!important}
#packages>.era-atmosphere,#rights>.era-atmosphere{opacity:.16}
#packages:before,#packages:after,#rights:before,#rights:after{background:none!important}
#packages .sponsor-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#packages .sponsor-offer{position:relative;border:1px solid #7650cf30;border-radius:20px;background:#fffaf6;padding:26px;overflow:hidden;color:#44334f}
#packages .sponsor-offer.tier-0{border-top:5px solid #7650cf;padding-top:22px;background:linear-gradient(145deg,#fffaf6,#eee4fc)}
#packages .sponsor-offer.tier-1{border-top:5px solid #16847f;padding-top:22px}
#packages .sponsor-offer.tier-2{border-top:5px solid #9882b2;padding-top:22px}
#packages .offer-number{position:absolute;right:22px;top:22px;font:800 36px/1 var(--display);color:#7650cf12}
#packages .sponsor-offer h3{font-size:12px;letter-spacing:.08em;margin:0 0 20px;color:#5b4179}
#packages .offer-price{display:block;font:800 clamp(40px,4vw,64px)/1 var(--display);letter-spacing:-.06em;color:#7650cf}
#packages .offer-stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;margin:20px 0;padding-bottom:17px;border-bottom:1px solid #7650cf22;font-size:12px}
#packages .offer-stage b{font-size:9px;background:#e6def0;padding:4px 7px;border-radius:5px;color:#7650cf}
#packages .sponsor-offer dl{margin:0}
#packages .sponsor-offer dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #7650cf12;font-size:12px;line-height:1.5}
#packages .sponsor-offer dt{color:#796785}
#packages .sponsor-offer dd{margin:0;text-align:right;font-weight:700}
#packages .sponsor-offer dd small{display:block;font-size:9px;font-weight:400;color:#84728e}
#packages .offer-invites{display:flex;align-items:center;gap:19px;padding-top:21px}
#packages .offer-invites>span{font-size:8px;font-weight:700;letter-spacing:.08em;margin-right:auto}
#packages .offer-invites strong{font:800 24px/1.2 var(--display)}
#packages .offer-invites small{font:600 10px/1 sans-serif}
#packages .sponsor-tax{display:grid;grid-template-columns:240px 1fr;gap:25px;align-items:center;margin-top:20px;background:#e6ddf2;border-left:3px solid #7650cf;border-radius:10px;padding:18px 22px}
#packages .sponsor-tax>strong{font-size:12px;color:#5b4179}
#packages .sponsor-tax>strong span{display:block;font-size:9px;letter-spacing:.08em;margin-top:7px;color:#16847f}
#packages .sponsor-tax p{font-size:11px;line-height:1.7;margin:0;color:#665373}
#packages .rights-continuation{display:flex;justify-content:space-between;align-items:center;padding:26px 0 0;color:#7650cf;text-decoration:none;font-size:12px;font-weight:700}
#packages .rights-continuation span{font-size:24px}
#rights .section-heading{border-top:1px solid #7650cf26;padding-top:35px;margin-bottom:24px}
#rights .section-heading h2{font-size:clamp(34px,4.5vw,64px)}
#rights .table-hint{font-size:11px;color:#766284;margin-bottom:16px}
#rights .table-scroll{border:1px solid #7650cf2b;border-radius:17px;background:#fffaf6}
#rights .rights-table{width:100%;min-width:780px;border-collapse:collapse;background:transparent;font-size:12px}
#rights .rights-table caption{padding:12px 18px;text-align:left;font-size:10px;color:#766284}
#rights .rights-table thead th{background:#443052;color:#fff8f0;padding:20px 16px;font-size:11px;letter-spacing:.04em}
#rights .rights-table thead th span{display:block;color:#decbf4;font:800 26px/1.2 var(--display);margin-top:8px;letter-spacing:-.04em}
#rights .rights-table tbody th,#rights .rights-table td{padding:13px 16px;border-bottom:1px solid #7650cf16;line-height:1.65;color:#554161;background:transparent}
#rights .rights-table tbody th{width:34%;font-size:12px;font-weight:600;text-align:left}
#rights .rights-table td{width:22%;text-align:center;font-size:12px}
#rights .rights-table tbody tr:nth-child(even){background:#7650cf05}
#rights .rights-table tbody tr:hover{background:#ede5f6}
@media(max-width:850px){#packages .sponsor-offers{grid-template-columns:1fr}#packages .sponsor-tax{grid-template-columns:1fr;gap:10px}#packages .offer-price{font-size:52px}#packages .sponsor-offer{padding:23px}#rights{padding-top:22px!important}}

#packages .section-heading h2{font-size:clamp(40px,5.5vw,82px);max-width:1000px}
#packages .sponsor-offer{box-shadow:0 12px 32px #44305212;background:#fffaf6f2;transition:transform .35s,box-shadow .35s}
#packages .sponsor-offer:hover{transform:translateY(-5px);box-shadow:0 18px 40px #44305220}
#packages .sponsor-offer.tier-0{background:linear-gradient(150deg,#fffaf9f5,#e5d6f6f5);border-color:#ae86dc}
#packages .sponsor-offer h3{font-size:14px;font-weight:800}
#packages .offer-price{font-size:clamp(44px,4.5vw,70px)}
#packages .offer-space{padding:17px 16px 13px;margin:0 0 12px;border:1px solid #7650cf20;border-radius:13px;background:linear-gradient(135deg,#f4eefb,#e5edf5);text-align:center}
#packages .space-caption{display:block;font-size:9px;font-weight:700;letter-spacing:.12em;color:#766087;text-align:left}
#packages .space-plan{position:relative;margin:25px auto 12px;height:90px;width:180px;max-width:85%;border:1px solid #9372bc;background:repeating-linear-gradient(0deg,transparent 0 14px,#7650cf12 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,#7650cf12 14px 15px),#e2d2f0;display:grid;place-items:center;box-shadow:6px 6px 0 #7650cf12}
#packages .standard .space-plan{width:120px;height:60px;margin-top:40px;margin-bottom:27px}
#packages .space-plan strong{font:800 23px/1 var(--display);color:#644190}
#packages .space-width{position:absolute;top:-19px;left:0;right:0;font-size:10px;color:#6d5284}
#packages .space-depth{position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:9px;color:#6d5284}
#packages .space-dimensions{font-size:13px;font-weight:700;color:#503861}
#packages .space-dimensions small{display:block;font-size:9px;font-weight:400;margin-top:4px;color:#88758f}
#packages .sponsor-offer dl>div:first-child{display:none}
#packages>.era-atmosphere{opacity:.55!important}
#rights>.era-atmosphere{opacity:.35!important}
@media(prefers-reduced-motion:reduce){#packages .sponsor-offer{transition:none}}

/* Dark partnership backdrop with readable light cards and pearl motion. */
#packages .section-heading h2,#rights .section-heading h2{color:#fff8f0!important}
#packages .section-heading h2 em,#rights .section-heading h2 em{color:#ceb3ff!important}
#packages .section-heading .eyebrow,#rights .section-heading .eyebrow{color:#afe7df!important}
#packages .rights-continuation{color:#dac8f4}
#rights .section-heading{border-top-color:#d4b8ff30}
#rights .table-hint{color:#d2c5df}
#packages>.era-atmosphere{opacity:.65!important}
#rights>.era-atmosphere{opacity:.45!important}
#packages .sponsor-offer{box-shadow:0 16px 35px #100b2230}
#packages .sponsor-tax{background:#473555;border-left-color:#c7a5fa}
#packages .sponsor-tax>strong{color:#ebdcff}
#packages .sponsor-tax>strong span{color:#afe7df}
#packages .sponsor-tax p{color:#e0d4e9}

/* Full dark treatment across the partnership cards and matrix. */
#packages .sponsor-offer,#packages .sponsor-offer.tier-0,#packages .sponsor-offer.tier-1,#packages .sponsor-offer.tier-2{background:#342c42;border-color:#c8a8fa35;color:#f7efff}
#packages .sponsor-offer.tier-0{background:linear-gradient(145deg,#493656,#362d45);border-top-color:#c9a6ff}
#packages .sponsor-offer.tier-1{border-top-color:#94d8cc}
#packages .sponsor-offer.tier-2{border-top-color:#a99ac5}
#packages .sponsor-offer h3{color:#ece0ff}
#packages .offer-price{color:#cfb3ff}
#packages .offer-number{color:#dac1ff15}
#packages .offer-stage,#packages .sponsor-offer dl>div{border-color:#d0b3ff20}
#packages .offer-stage b{background:#c7a7ff20;color:#dfcaff}
#packages .sponsor-offer dt{color:#c7b9d3}
#packages .sponsor-offer dd,#packages .offer-invites{color:#fff5ef}
#packages .sponsor-offer dd small{color:#beafcc}
#packages .offer-space{background:linear-gradient(135deg,#42344f,#343744);border-color:#bda0df30}
#packages .space-caption,#packages .space-width,#packages .space-depth{color:#d5c1eb}
#packages .space-plan{border-color:#b294d1;background:repeating-linear-gradient(0deg,transparent 0 14px,#ceb0f51a 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,#ceb0f51a 14px 15px),#5a436e;box-shadow:6px 6px 0 #160d242b}
#packages .space-plan strong,#packages .space-dimensions{color:#f0dfff}
#packages .space-dimensions small{color:#c1afcf}
#rights .table-scroll{background:#342c42;border-color:#c8a8fa35}
#rights .rights-table caption{color:#cfc0df}
#rights .rights-table thead th{background:#473456;color:#fff6ef}
#rights .rights-table tbody th,#rights .rights-table td{color:#e9dfef;border-color:#ccb0eb1c}
#rights .rights-table tbody tr:nth-child(even){background:#c8a8fa08}
#rights .rights-table tbody tr:hover{background:#c8a8fa15}
/* Remove the white wash while preserving the animated pearl ribbons. */
#content>#packages>.era-atmosphere,#content>#rights>.era-atmosphere{background:transparent!important;backdrop-filter:none!important}

/* Refined dark partnership system. */
#packages .sponsor-offers{gap:22px;align-items:stretch}
#packages .sponsor-offer{--tier-accent:#cbb0ff;padding:28px;border-radius:24px;border-top-width:1px;box-shadow:0 18px 40px #100b2225;background:linear-gradient(155deg,#393044,#2f293b)}
#packages .sponsor-offer.tier-0{--tier-accent:#dfc2ff;padding-top:28px;border:1px solid #c9a6ff80;background:linear-gradient(150deg,#513d61,#342c43 75%)}
#packages .sponsor-offer.tier-1{--tier-accent:#a6e1d6;padding-top:28px;border-top-width:1px;background:linear-gradient(150deg,#324044,#2f293b 75%)}
#packages .sponsor-offer.tier-2{--tier-accent:#c1c6f1;padding-top:28px;border-top-width:1px;background:linear-gradient(150deg,#37374b,#2f293b 75%)}
#packages .sponsor-offer h3{font-size:12px;letter-spacing:.12em;color:var(--tier-accent);padding-right:32px;margin-bottom:22px}
#packages .offer-number{font-size:27px;top:26px;right:26px;color:var(--tier-accent);opacity:.24}
#packages .offer-price{font-size:clamp(42px,4.5vw,68px);color:#fff8f1;letter-spacing:-.055em}
#packages .offer-stage{min-height:43px;font-size:12px;line-height:1.5;margin:17px 0 19px;padding-bottom:17px;color:#e5dbea}
#packages .offer-stage b{color:var(--tier-accent);background:#ffffff09;border:1px solid #ffffff10;letter-spacing:.1em}
#packages .offer-space{border:0;background:#130e202b;padding:17px 20px;border-radius:14px}
#packages .space-caption{font-size:9px;color:#bfb0cc;letter-spacing:.14em}
#packages .space-plan{border-color:var(--tier-accent);background:repeating-linear-gradient(0deg,transparent 0 14px,#ffffff09 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,#ffffff09 14px 15px),#c5a9e51a;box-shadow:5px 5px 0 #00000018}
#packages .space-plan strong{color:var(--tier-accent)}
#packages .space-dimensions{font-size:15px;letter-spacing:.035em}
#packages .sponsor-offer dl>div{font-size:12px;padding:12px 0}
#packages .sponsor-offer dt{color:#bfb1ca}
#packages .offer-invites{padding:17px 14px;margin-top:17px;border-radius:12px;background:#ffffff06;gap:17px}
#packages .offer-invites strong{color:var(--tier-accent);font-size:27px}
#packages .offer-invites small{color:#d7ccdf}
#packages .sponsor-tax{margin-top:23px;border:1px solid #c9a6ff24;border-left:3px solid #b69ada;background:#ffffff05;border-radius:12px;padding:20px 24px;grid-template-columns:235px 1fr}
#packages .sponsor-tax p{font-size:12px;line-height:1.7;color:#c9bdd3}
#packages .rights-continuation{font-size:11px;letter-spacing:.035em;padding-top:25px;color:#c8b2e3}
#rights .section-heading{padding-top:25px;border-top-color:#c9a6ff20}
#rights .table-scroll{border-radius:20px;border-color:#c9a6ff25;background:#2e273a;box-shadow:0 16px 40px #100b221a}
#rights .rights-table caption{padding:15px 20px;font-size:10px;letter-spacing:.06em;background:#211c2b}
#rights .rights-table thead th{padding:23px 18px;background:#3b2e4a;line-height:1.6;font-size:10px}
#rights .rights-table thead th:nth-child(2){background:#4a365a;border-top:3px solid #dfc2ff}
#rights .rights-table thead th:nth-child(3){background:#2e4042;border-top:3px solid #a6e1d6}
#rights .rights-table thead th:nth-child(4){background:#37354b;border-top:3px solid #c1c6f1}
#rights .rights-table thead th span{font-size:30px;color:#fff7ef;margin-top:8px}
#rights .rights-table tbody th{font-weight:500;color:#cfc3d9}
#rights .rights-table tbody th,#rights .rights-table td{padding:14px 20px;font-size:12px;border-color:#ffffff09}
#rights .rights-table td:nth-child(2){background:#c9a6ff05}
#rights .rights-table .rights-group th{background:#211c2b;color:#bfa2df;font-size:10px;letter-spacing:.13em;font-weight:700;padding:13px 20px;border-top:1px solid #c9a6ff25}
#rights .rights-yes{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#a6e1d614;color:#a6e1d6;font-weight:800}
#rights .rights-no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#ffffff06;color:#a697b3}
#rights .rights-unspecified{font-size:10px;color:#a99ab6}
@media(max-width:850px){#packages .sponsor-tax{grid-template-columns:1fr}#packages .sponsor-offer{padding:24px}#packages .offer-price{font-size:54px}}

/* Light, high-contrast partnership overview and comparison. */
#packages .section-heading h2,#rights .section-heading h2{color:#30263b!important}
#packages .section-heading h2 em,#rights .section-heading h2 em{color:#7650cf!important}
#packages .section-heading .eyebrow,#rights .section-heading .eyebrow{color:#14766f!important}
#packages .sponsor-offer,#packages .sponsor-offer.tier-0,#packages .sponsor-offer.tier-1,#packages .sponsor-offer.tier-2{background:#fffdf9;color:#30263b;border-color:#cfc1df;--tier-accent:#7650cf;box-shadow:0 9px 24px #49325d0b}
#packages .sponsor-offer.tier-0{background:linear-gradient(145deg,#fffdf9,#f1eafa);border-color:#ac8bd0}
#packages .sponsor-offer.tier-1{--tier-accent:#167a70}
#packages .sponsor-offer.tier-2{--tier-accent:#5b61a0}
#packages .sponsor-offer h3{color:var(--tier-accent)}
#packages .offer-price,#packages .sponsor-offer dd{color:#352642}
#packages .offer-stage{color:#4e3f5c;border-color:#ded3e7}
#packages .offer-stage b{color:var(--tier-accent);background:#eee7f5;border-color:#ddd1e8}
#packages .offer-space{background:#ede8f4}
#packages .space-caption,#packages .space-width,#packages .space-depth{color:#67517b}
#packages .space-plan{background:repeating-linear-gradient(0deg,transparent 0 14px,#7650cf16 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,#7650cf16 14px 15px),#dfd2ed;box-shadow:5px 5px 0 #7650cf10}
#packages .space-dimensions{color:#463050}
#packages .space-dimensions small,#packages .sponsor-offer dd small{color:#6f5c7b}
#packages .sponsor-offer dt{color:#594767}
#packages .sponsor-offer dl>div{border-color:#e5ddeb}
#packages .offer-invites{background:#eee8f4;color:#594767}
#packages .offer-invites small{color:#594767}
#packages .sponsor-tax{background:#e9e1f2;border-color:#cfc0de;border-left-color:#8864ad}
#packages .sponsor-tax>strong{color:#4a315e}
#packages .sponsor-tax>strong span{color:#14766f}
#packages .sponsor-tax p{color:#51405f}
#packages .rights-continuation{color:#67428d}
#rights .section-heading{border-color:#cfc0de}
#rights .table-hint{color:#5e4b6d}
#rights .table-scroll{background:#fffdf9;border-color:#cfc0de}
#rights .rights-table caption{background:#eee7f5;color:#594467}
#rights .rights-table thead th{background:#eae2f2;color:#443050}
#rights .rights-table thead th:nth-child(2){background:#e9dcf7;border-top-color:#9b77bf}
#rights .rights-table thead th:nth-child(3){background:#def0e9;border-top-color:#579b8c}
#rights .rights-table thead th:nth-child(4){background:#e5e8f7;border-top-color:#858abd}
#rights .rights-table thead th span{color:#382645}
#rights .rights-table tbody th,#rights .rights-table td{color:#46364f;border-color:#e5ddeb}
#rights .rights-table tbody tr:nth-child(even){background:#f7f3fa}
#rights .rights-table tbody tr:hover{background:#eee7f5}
#rights .rights-table .rights-group th{background:#eae2f2;color:#62417e;border-top-color:#d5c7e0}
#rights .rights-yes{background:#deeee6;color:#166952}
#rights .rights-no{background:#eee7f2;color:#796386}
#rights .rights-unspecified{color:#766681}
#packages>.era-atmosphere,#rights>.era-atmosphere{opacity:.3!important}
/* Dark surrounding surface, light readable partnership cards and matrix. */
#packages .section-heading h2,#rights .section-heading h2{color:#fff8f0!important}
#packages .section-heading h2 em,#rights .section-heading h2 em{color:#ceb3ff!important}
#packages .section-heading .eyebrow,#rights .section-heading .eyebrow{color:#afe7df!important}
#packages .rights-continuation{color:#dac8f4}
#rights .section-heading{border-top-color:#d4b8ff30}
#rights .table-hint{color:#d2c5df}
#packages>.era-atmosphere{opacity:.65!important}
#rights>.era-atmosphere{opacity:.45!important}

/* Tier emphasis and animated brand-color borders. */
#packages .sponsor-offer{position:relative;isolation:isolate;border:2px solid transparent!important;background:linear-gradient(#fffaf6,#fffaf6) padding-box,conic-gradient(from var(--sponsor-angle),#c6a6fa,#88d6ce,#e9a3c6,#c6a6fa) border-box!important;animation:sponsor-border 9s linear infinite;box-shadow:0 8px 24px #0002}
#packages .sponsor-offer.tier-0{background:linear-gradient(140deg,#ead8ff,#fff2e7 65%,#ece0fb) padding-box,conic-gradient(from var(--sponsor-angle),#d5adff,#fff0ca,#92e4d7,#ecacca,#d5adff) border-box!important;box-shadow:0 0 25px #c6a6fa32,0 15px 35px #0003;--tier-accent:#68408e}
#packages .sponsor-offer.tier-1{background:linear-gradient(140deg,#e1f2ee,#f4faf5) padding-box,conic-gradient(from var(--sponsor-angle),#c6a6fa,#88d6ce,#e9a3c6,#c6a6fa) border-box!important;animation-delay:-3s}
#packages .sponsor-offer.tier-2{background:linear-gradient(140deg,#e9eafb,#f7f5fb) padding-box,conic-gradient(from var(--sponsor-angle),#c6a6fa,#88d6ce,#e9a3c6,#c6a6fa) border-box!important;animation-delay:-6s}
#packages .tier-0 .offer-price{color:#663391;text-shadow:0 2px 0 #fff9}
#packages .tier-0 h3{font-size:14px;color:#663391}
#packages .tier-0 .offer-invites{background:#d7bcea70}
#packages .sponsor-tax{grid-template-columns:64px 225px minmax(0,1fr);gap:20px;padding:24px 26px;background:linear-gradient(110deg,#e3ecff,#eee5fb);border:1px solid #b4c8ef;border-left:5px solid #729bd7;box-shadow:0 5px 22px #0002}
#packages .sponsor-tax>strong{font-size:16px;line-height:1.4;color:#38396d}
#packages .sponsor-tax>strong span{font-size:11px;letter-spacing:.08em;margin-top:9px;color:#147464}
#packages .sponsor-tax p{font-size:14px;line-height:1.75;color:#3f405b}
#packages .tax-benefit-icon{width:62px;height:70px;padding:10px;box-sizing:border-box;background:#fff9;border-radius:13px;color:#6266a7}
@property --sponsor-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes sponsor-border{to{--sponsor-angle:360deg}}
.motion-paused #packages .sponsor-offer{animation-play-state:paused}
@media(max-width:850px){#packages .sponsor-tax{grid-template-columns:55px 1fr;gap:13px;padding:20px}#packages .sponsor-tax p{grid-column:1/-1;font-size:13px}#packages .tax-benefit-icon{width:50px;height:58px}}
@media(prefers-reduced-motion:reduce){#packages .sponsor-offer{animation:none}}
#packages .tax-official-logo{width:76px;height:76px;padding:0;background:none;border-radius:0;object-fit:contain}
#packages .sponsor-tax{grid-template-columns:80px 225px minmax(0,1fr)}
#packages .offer-price{animation:price-breathe 4s ease-in-out infinite;transform-origin:left center}
#packages .tier-1 .offer-price{animation-delay:-1.3s}
#packages .tier-2 .offer-price{animation-delay:-2.6s}
@keyframes price-breathe{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-3px);filter:brightness(1.18)}}
#packages .offer-space{perspective:650px;padding-bottom:19px;overflow:visible}
#packages .space-plan{transform:rotateX(28deg) rotateZ(-8deg);border:2px solid var(--tier-accent);border-radius:5px;box-shadow:0 7px 0 #b3a3c5,0 13px 17px #49305220;margin-top:31px;margin-bottom:23px}
#packages .standard .space-plan{margin-top:46px;margin-bottom:38px}
#packages .space-plan i{position:absolute;left:25%;right:25%;top:0;height:9px;background:var(--tier-accent);border-radius:0 0 3px 3px}
#packages .space-plan:after{content:'ENTRY ↑';position:absolute;bottom:4px;font-size:7px;letter-spacing:.13em;color:#655078}
#packages .space-plan strong{font-size:20px}
.motion-paused #packages .offer-price{animation-play-state:paused}
@media(max-width:850px){#packages .sponsor-tax{grid-template-columns:76px 1fr}}
@media(prefers-reduced-motion:reduce){#packages .offer-price{animation:none}}
/* Compact activation footprint panels. */
#packages .offer-space{padding:12px 16px 11px;margin-bottom:8px}
#packages .space-plan{height:70px;width:155px;margin:23px auto 13px;box-shadow:0 5px 0 #b3a3c5,0 9px 12px #49305218}
#packages .standard .space-plan{width:105px;height:47px;margin:34px auto 25px}
#packages .space-plan strong{font-size:18px}
#packages .space-dimensions{font-size:13px}
#packages .space-dimensions small{margin-top:2px}
/* Footprint and dimensions side by side, without a tall empty panel. */
#packages .offer-space{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px 16px;padding:12px 16px;min-height:0}
#packages .space-caption{grid-column:1/-1;margin:0}
#packages .space-plan,#packages .standard .space-plan{grid-column:1;grid-row:2;width:100px;height:54px;max-width:85%;margin:12px 0 9px;transform:none;box-shadow:3px 3px 0 #b3a3c5}
#packages .standard .space-plan{width:82px;height:41px;margin:18px 0 16px}
#packages .space-plan strong{font-size:16px}
#packages .space-width{top:-15px;font-size:8px}
#packages .space-depth{right:-25px;font-size:8px}
#packages .space-dimensions{grid-column:2;grid-row:2;text-align:right;font-size:17px;line-height:1.3}
#packages .space-dimensions small{font-size:9px;margin-top:5px}
#packages .space-plan:after{display:none}
/* Clear call to action linking the proposal to the rights matrix. */
#packages .rights-continuation{display:flex;align-items:center;justify-content:center;gap:18px;width:fit-content;max-width:100%;box-sizing:border-box;margin:24px auto 0;padding:15px 24px;border:1px solid #d6bbff80;border-radius:12px;background:linear-gradient(110deg,#d5bbfa,#c6d8f5);color:#352243;font-size:13px;font-weight:800;letter-spacing:0;text-decoration:none;box-shadow:0 5px 18px #0e071f25;transition:transform .2s,box-shadow .2s}
#packages .rights-continuation span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#ffffff55;font-size:19px;color:#51366d}
#packages .rights-continuation:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c7a8f52e}
#packages .rights-continuation:focus-visible{outline:3px solid #e4d5ff;outline-offset:4px}
@media(max-width:540px){#packages .rights-continuation{width:100%;padding:14px 17px;gap:12px;font-size:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){#packages .rights-continuation{transition:none}}

/* Unified reference cards, retaining the staggered grid placement. */
#references .reference-card{overflow:hidden;border:1px solid #baa1d63d;border-radius:17px;background:#fffaf6;box-shadow:0 8px 24px #21152f16}
#references .reference-card .zoom-image{display:block;border-radius:0;overflow:hidden}
#references .reference-card img{display:block;width:100%;border-radius:0}
#references .reference-card figcaption{display:flex;flex-direction:column;gap:7px;padding:17px 19px;margin:0;min-height:84px;box-sizing:border-box;background:#fffaf6}
#references .reference-card figcaption strong{font-family:var(--display);font-size:15px;font-weight:700;line-height:1.4;color:#3e2d4d}
#references .reference-card figcaption>span{font-size:10px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#816299}
#references .reference-card .zoom-hint{background:#fffaf6;color:#674589}
@media(max-width:600px){#references .reference-card{border-radius:12px}#references .reference-card figcaption{padding:12px;min-height:92px}#references .reference-card figcaption strong{font-size:12px}#references .reference-card figcaption>span{font-size:8px}}

/* Natural-ratio reference gallery: full images with no empty image frames. */
#references .reference-grid{display:block;columns:3;column-gap:22px}
#references .reference-grid>.photo,#references .reference-grid>.photo:nth-child(2),#references .reference-grid>.photo:nth-child(5){display:inline-block;width:100%;padding:0;margin:0 0 22px;break-inside:avoid;vertical-align:top}
#references .reference-card .zoom-image{height:auto;aspect-ratio:auto;background:transparent}
#references .reference-card img{height:auto!important;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent}
#references .reference-card figcaption{min-height:0;padding:15px 17px}
@media(max-width:1000px){#references .reference-grid{columns:2;column-gap:18px}#references .reference-grid>.photo{margin-bottom:18px}}
@media(max-width:540px){#references .reference-grid{columns:1}#references .reference-card figcaption{padding:15px 17px}#references .reference-card figcaption strong{font-size:15px}#references .reference-card figcaption>span{font-size:10px}}
/* Reference gallery advisory. */
#references .container>.note{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:4px 0 0;padding:16px 20px;border:1px solid #b9cce3;border-left:4px solid #648aba;border-radius:10px;background:#e6eef8;color:#354e70;font-size:13px;line-height:1.6}
#references .container>.note:before{content:'i';display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1.5px solid #648aba;border-radius:50%;font-weight:800;font-family:serif;line-height:1}
#contact .contact-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
#contact .contact-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px;border:1px solid #7650cf30;border-radius:11px;background:#fffaf6;font-size:18px;font-weight:700;color:#493257;text-decoration:none}
#contact .contact-links a span{font-size:15px;color:#8867ac}
#contact .closing-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
#contact .closing-socials a{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #7650cf25;border-radius:12px;background:#fffaf6e8;color:#4a365b;text-decoration:none;min-width:0;font-size:11px;transition:background .2s}
#contact .closing-socials a:hover{background:#ece2f6}
#contact .closing-socials a>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
#contact .closing-socials small{display:block;font-size:10px;color:#836995;margin-bottom:4px}
#contact .closing-socials b{margin-left:auto;font-size:15px;color:#8867ac}
#contact .social-mark{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;background:#ede4f5;color:#7650cf;border-radius:8px;font-size:23px;font-weight:800}
#contact .social-mark svg{width:19px;height:19px}
@media(max-width:540px){#contact .contact-links a{font-size:16px}#contact .closing-socials{grid-template-columns:1fr}}

/* A clean closing slide with a straight photo and clear contact hierarchy. */
#contact .section-heading{margin-bottom:30px}
#contact .section-heading h2{font-size:clamp(42px,5.7vw,84px);line-height:1.06}
#contact .closing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
#contact .closing-layout>div:first-child{min-width:0}
#contact .closing-manifesto{margin:0 0 24px;font-size:16px;line-height:1.7;color:#655271}
#contact .closing-manifesto span{display:block}
#contact .contact-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}
#contact .contact-links a{padding:15px 17px;font:700 clamp(17px,1.6vw,23px)/1.3 var(--display);letter-spacing:-.025em;background:#fffaf6;border-color:#bfa3d23b}
#contact .contact-links a:last-child{grid-column:1/-1;color:#7650cf}
#contact .contact-location{font-size:12px;line-height:1.7;padding:0;margin:0 0 20px;color:#685275;letter-spacing:.035em}
#contact .closing-socials{gap:9px;margin:0}
#contact .closing-socials a{padding:12px;font-size:11px;background:#fffaf6a6}
#contact .closing-photo,#contact .closing-photo .photo,#contact .closing-photo .zoom-image,#contact .closing-photo img{transform:none!important;rotate:none!important}
#contact .closing-photo{margin:0;padding:0;width:100%;align-self:stretch;display:flex}
#contact .closing-photo .photo{margin:0;width:100%;display:flex;padding:0;border:1px solid #ffffff60;border-radius:20px;overflow:hidden;box-shadow:0 16px 36px #44305218;background:transparent}
#contact .closing-photo .zoom-image{display:block;width:100%;height:100%;border-radius:0}
#contact .closing-photo img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;border-radius:0}
#contact .closing-photo figcaption{display:none}
#contact .site-footer{margin-top:38px;padding-top:22px;border-top:1px solid #7650cf25}
#contact .creator-credit{margin-top:16px}
@media(max-width:850px){#contact .closing-layout{grid-template-columns:1fr;gap:24px}#contact .closing-photo img{min-height:0;height:auto;aspect-ratio:3/2}#contact .closing-photo{align-self:auto}}
@media(max-width:540px){#contact .contact-links{gap:9px}#contact .contact-links a{padding:13px;font-size:17px}#contact .closing-manifesto{font-size:14px}#contact .closing-socials{grid-template-columns:1fr 1fr}#contact .closing-socials a{padding:10px;gap:7px}#contact .closing-socials b{display:none}#contact .site-footer{margin-top:25px}}
#contact .closing-photo .zoom-image{border:0;box-shadow:none}
#contact .closing-photo{max-width:none}
#contact .contact-links{max-width:none}

/* Editorial contact details instead of boxed controls. */
#contact .contact-links{display:flex;flex-wrap:wrap;gap:10px 30px;margin:23px 0 20px}
#contact .contact-links a{padding:0 0 7px;border:0;border-radius:0;background:transparent;box-shadow:none;justify-content:flex-start;gap:12px;font-size:clamp(21px,2vw,28px)}
#contact .contact-links a:last-child{flex-basis:100%;margin-top:3px}
#contact .contact-links a span{font-size:14px;opacity:.6}
#contact .contact-links a:hover{text-decoration:underline;text-underline-offset:6px}
#contact .closing-socials{display:grid;grid-template-columns:1fr 1fr;gap:19px 24px;padding-top:22px;border-top:1px solid #7650cf28}
#contact .closing-socials a{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:11px;font-size:12px;align-items:center}
#contact .closing-socials a:hover{background:transparent;color:#7650cf}
#contact .closing-socials small{font-size:10px;margin-bottom:4px;color:#7d698b}
#contact .social-mark{background:transparent;border-radius:0;flex-basis:24px;width:24px;height:24px;font-size:22px}
#contact .closing-socials b{font-size:12px;opacity:.6}
#contact .contact-location{font-size:12px;line-height:1.8;margin:0 0 22px}
#contact .closing-manifesto{font-family:var(--body,Arial,sans-serif);font-weight:400;font-size:16px;line-height:1.8;color:#685973}
@media(max-width:540px){#contact .contact-links{gap:10px 22px}#contact .contact-links a{font-size:21px}#contact .closing-socials{gap:18px 14px}#contact .closing-socials a{font-size:11px}}
/* Balanced closing photograph, preserving its original proportions. */
#contact .closing-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:48px;align-items:center}
#contact .closing-photo{display:block;align-self:center;padding:0;margin:0}
#contact .closing-photo .photo{display:block;border:0;border-radius:14px;overflow:hidden;box-shadow:0 16px 38px #3924491a}
#contact .closing-photo .zoom-image{display:block;height:auto;width:100%}
#contact .closing-photo img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:contain}
@media(max-width:850px){#contact .closing-layout{grid-template-columns:1fr;gap:28px}#contact .closing-photo{width:100%}}
/* Ordered reference gallery with natural image proportions. */
#references .section-heading{margin-bottom:30px;max-width:1050px}
#references .reference-grid{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
#references .reference-grid>.photo,#references .reference-grid>.photo:nth-child(2),#references .reference-grid>.photo:nth-child(5){display:block;margin:0;padding:0;width:100%;min-width:0}
#references .reference-card{border-radius:14px;box-shadow:0 5px 18px #30203b0d}
#references .reference-card .zoom-image{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:#ede6f2}
#references .reference-card img{display:block;width:100%;height:100%!important;max-height:100%;object-fit:contain;aspect-ratio:auto;background:transparent}
#references .reference-card figcaption{min-height:85px;padding:16px 18px;gap:6px}
#references .reference-card figcaption strong{font-size:14px;line-height:1.45}
#references .reference-card figcaption>span{font-size:9px;letter-spacing:.1em}
#references .container>.note{margin-top:22px}
@media(max-width:1000px){#references .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:540px){#references .reference-grid{grid-template-columns:1fr;gap:18px}#references .reference-card .zoom-image{aspect-ratio:auto;display:block}#references .reference-card img{height:auto!important;max-height:none}#references .reference-card figcaption{min-height:0}}
/* Full reference images: let native dimensions determine each card height. */
#references .reference-card .zoom-image{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible;background:transparent}
#references .reference-card img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;position:static!important}
#references .reference-grid{align-items:start}
/* Sculpted reference cards: controlled crops within a composed gallery. */
#references .reference-grid{gap:24px;align-items:start}
#references .reference-card{border:1px solid #c8b3d850;overflow:hidden;background:#fffaf6;box-shadow:0 8px 24px #30203b12}
#references .reference-grid>.photo:nth-child(1) .reference-card{border-radius:110px 110px 18px 18px}
#references .reference-grid>.photo:nth-child(2) .reference-card{border-radius:22px 80px 22px 22px}
#references .reference-grid>.photo:nth-child(3) .reference-card{border-radius:70px 22px 22px 22px}
#references .reference-grid>.photo:nth-child(4) .reference-card{border-radius:22px 22px 65px 22px}
#references .reference-grid>.photo:nth-child(5) .reference-card{border-radius:95px 95px 22px 22px}
#references .reference-grid>.photo:nth-child(6) .reference-card{border-radius:75px 22px 22px 22px}
#references .reference-card .zoom-image{height:auto!important;aspect-ratio:4/5!important;overflow:hidden;position:relative}
#references .reference-card img{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;inset:0;object-position:center;transition:scale .6s ease}
#references .reference-grid>.photo:nth-child(3) img,#references .reference-grid>.photo:nth-child(5) img{object-position:center;scale:1.04}
#references .reference-card .zoom-image:hover img{scale:1.07}
#references .reference-card figcaption{padding:18px 22px;min-height:90px}
@media(max-width:540px){#references .reference-grid{grid-template-columns:1fr;gap:22px}#references .reference-card .zoom-image{aspect-ratio:4/5!important}}
@media(prefers-reduced-motion:reduce){#references .reference-card img{transition:none}}

/* Single-line closing headline on larger screens. */
#contact .section-heading{max-width:none}
#contact .section-heading h2{font-size:clamp(40px,5.1vw,78px);white-space:nowrap}
#contact .section-heading h2 em{display:inline}
@media(max-width:700px){#contact .section-heading h2{white-space:normal;font-size:clamp(36px,8vw,52px)}}
/* Slightly larger supporting text on the closing slide. */
#contact .closing-manifesto{font-size:18px;line-height:1.8}
#contact .contact-location{font-size:14px;line-height:1.8}
#contact .closing-socials a{font-size:14px}
#contact .closing-socials small{font-size:12px}
#contact .site-footer>span,#contact .site-footer>a{font-size:13px}
@media(max-width:540px){#contact .closing-manifesto{font-size:16px}#contact .contact-location{font-size:13px}#contact .closing-socials a{font-size:12px}#contact .closing-socials small{font-size:11px}}
#contact .site-footer>span,#contact .site-footer>a{color:#000}

/* Bilingual navigation and text-friendly Mongolian layouts. */
.language-switch{display:flex;align-items:center;gap:2px;border:1px solid #b7a9aa70;border-radius:10px;padding:3px;margin-left:9px;flex-shrink:0}
.language-switch button{border:0;background:transparent;color:#67546c;padding:8px 7px;font:700 11px/1.2 Arial,sans-serif;border-radius:7px;cursor:pointer;min-height:31px}
.language-switch button[aria-pressed=true]{background:#382a44;color:#fff8ee}
.language-switch button:focus-visible{outline:2px solid #7650cf;outline-offset:2px}
html[lang=mn] #navigation{gap:14px}
html[lang=mn] #navigation summary,html[lang=mn] #navigation .nav-contact{font-size:12px}
html[lang=mn] #navigation .submenu{min-width:225px}
html[lang=mn] #access .access-step-head h3{font-size:10px;letter-spacing:0}
html[lang=mn] #access .access-steps article{padding-right:87px}
html[lang=mn] #lineup .artist-budget{grid-template-columns:auto minmax(0,1fr)}
html[lang=mn] #lineup .artist-budget>strong+span{font-size:9px;letter-spacing:0}
html[lang=mn] #packages .sponsor-offer dl>div{font-size:12px;gap:10px}
html[lang=mn] #packages .sponsor-tax>strong{font-size:14px}
html[lang=mn] #packages .sponsor-tax p{font-size:13px}
html[lang=mn] #packages .offer-stage{min-height:54px}
html[lang=mn] #rights .rights-table{min-width:900px}
html[lang=mn] #rights .rights-table thead th{letter-spacing:0}
html[lang=mn] #campaign .roadmap-task h4{font-size:11px}
html[lang=mn] #campaign .roadmap-bar{font-size:8px}
html[lang=mn] #contact .closing-socials a{font-size:12px}
@media(max-width:700px){.language-switch{margin-left:5px}.language-switch button{padding:7px 5px;font-size:10px}.site-header{gap:8px}html[lang=mn] #lineup .artist-budget>strong+span{font-size:10px}}

.header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-controls .language-switch{margin-left:0}
/* Rebuilt festival arrival illustration */
#entries .entry-arrival{width:37%;margin:-12px 0 12px 26px;transform:none}
#entries .entry-stream{animation:entry-stream-new 1.8s linear infinite}
#entries .entry-scan{animation:entry-scan-new 3s ease-in-out infinite}
#entries .entry-walk{animation:entry-walk-new 5.6s linear var(--d) infinite}
#entries .entry-check{transform-origin:365px 160px;animation:entry-check-new 2.8s ease-in-out infinite}
#entries .entry-flag{transform-box:fill-box;transform-origin:left center;animation:entry-flag-new 2.2s ease-in-out infinite alternate}
#entries .entry-spark{animation:entry-spark-new 2.8s ease-in-out infinite}
@keyframes entry-stream-new{to{stroke-dashoffset:32}}
@keyframes entry-scan-new{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(53px);opacity:1}}
@keyframes entry-walk-new{0%{transform:translateY(18px);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateY(-40px) scale(.88);opacity:0}}
@keyframes entry-check-new{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@keyframes entry-flag-new{to{transform:skewY(5deg)}}
@keyframes entry-spark-new{50%{opacity:.25}}
@media(max-width:700px){#entries .entry-arrival{float:none;width:100%;max-width:360px;margin:0 auto 14px}}
@media(prefers-reduced-motion:reduce){#entries .entry-scene *{animation:none!important}}
/* Partnership journey list markers */
#journey .journey-step{--journey-marker:#7650cf}
#journey .journey-step:nth-child(2){--journey-marker:#e76b91}
#journey .journey-step:nth-child(3){--journey-marker:#168b83}
#journey .journey-step li{position:relative;padding-left:20px;list-style:none}
#journey .journey-step li::before{content:'';position:absolute;left:0;top:calc(10px + .7em);width:9px;height:2px;border-radius:2px;background:var(--journey-marker)}