/* Full-bleed scenes; movement is scroll-driven, never autoplaying large images. */
.hero {
  min-height: max(760px, 100svh);
  padding: clamp(170px, 24svh, 280px) max(7vw, 24px) 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #07080b;
}
.hero .live-hero {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%; max-width: none;
  margin: 0; border: 0; border-radius: 0;
  z-index: -1;
}
.hero .live-hero img { object-position: 65% center; }
.live-hero::after {
  background: linear-gradient(90deg,#07080bbb 0%,#07080b44 65%,#07080b22),linear-gradient(0deg,#07080b,transparent 26%,transparent 75%,#07080b66);
}
.live-hero::before {
  content: ""; position: absolute; inset: 0 50% 0 0; z-index: 1;
  backdrop-filter: blur(5px);
  mask-image: linear-gradient(90deg,#000,transparent);
  pointer-events: none;
}
.live-hero-title { display: none; }
.hero-intro { text-align: left; max-width: 1200px; width: 100%; margin: auto; }
.hero .eyebrow { color: #ffe0cc; }
.hero h1 { font-size: clamp(58px,7.2vw,112px); line-height: 1.12; max-width: 850px; margin: 32px 0; letter-spacing: -.055em; }
.hero h1 span { background: none; color: #fff; -webkit-text-fill-color: #fff; }
.hero .mobile-break { display: block; }
.hero-description { color: #eee9e5; font-size: 21px; text-shadow: 0 2px 20px #000; }
.hero-description > span { color: #e0d8d3; font-size: 15px; }
.hero-actions { justify-content: flex-start; }
.hero-bottom { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 70px auto 0; color: #d0c8c4; }
.hero-bottom > a { display: inline-flex; align-items: center; min-height: 44px; }
.network > .section-title { margin-bottom: 65px; }
.network .bento { gap: 28px; }
.bento .bento-venue {
  grid-column: 1 / -1; grid-row: auto;
  min-height: max(600px,80svh) !important;
  border-radius: 0; border: 0;
  padding: 100px max(7vw,24px);
  display: flex; flex-direction: column; justify-content: center;
  background: #091016 !important;
}
.bento-venue h3 { font-size: clamp(44px,5vw,76px) !important; line-height: 1.18 !important; position: relative; z-index: 1; }
.bento-venue .eyebrow { color: #b5e3e8; }
.bento .bento-venue p { font-size: 16px; color: #e0e3e5; max-width: 550px; }
.venue-photo { inset: 0; z-index: -1; }
.venue-photo img { object-position: center; }
.venue-photo::after { background: linear-gradient(90deg,#050b11de,#050b1144 70%),linear-gradient(0deg,#07080b,transparent 20%,transparent 80%,#07080b); }
.venue-photo::before { content:""; position:absolute; inset:0 40% 0 0; z-index:1; backdrop-filter:blur(4px); mask-image:linear-gradient(90deg,#000,transparent); }
.bento .bento-partners { margin-left: max(7vw,24px); }
.bento .bento-artists { margin-right: max(7vw,24px); }
.future-photo { margin: 0 0 80px; border-radius: 0; min-height: max(600px,85svh); display: flex; align-items: center; overflow: hidden; }
.future-photo > div { padding: 100px max(7vw,24px); }
.future-photo h3 { font-size: clamp(44px,5.2vw,80px); line-height:1.18; }
.future-photo p { font-size: 17px; }
.future-photo::after { background: linear-gradient(90deg,#061019cb,transparent 90%),linear-gradient(0deg,#07080b88,transparent 35%); }
.live-hero img,.venue-photo img,.future-photo > img { transform: translate3d(0,var(--scene-y,0px),0) scale(1.08); }
.motion-toggle { position: fixed; z-index: 20; right: 22px; bottom: 22px; min-height: 44px; padding: 10px 15px; display: flex; gap: 10px; align-items: center; border: 1px solid #ffffff2a; border-radius: 30px; background: #10131bdd; backdrop-filter: blur(16px); color: #dedee7; font-size: 11px; }
.motion-bars { height: 17px; display: flex; align-items: center; gap: 3px; }
.motion-bars i { display:block; width:2px; height:100%; background:#ffcfa5; transform:scaleY(.35); }
.visual-note { color: #999ba5; font-size: 11px; line-height:1.8; padding-bottom:85px; }
.bento article,.capability-grid article,.join-grid article { transition: border-color .25s,box-shadow .25s,translate .25s; }
@media (hover:hover) and (pointer:fine) {
  .bento article:not(.bento-venue):hover,.capability-grid article:hover,.join-grid article:hover { translate:0 -5px; border-color:#aebcd35c; box-shadow:0 14px 42px #0004; }
  .pill:hover > span,.text-link:hover { translate:2px -2px; }
}
.pill > span,.text-link { transition:translate .25s; }
@keyframes meter { from {transform:scaleY(.2)} to {transform:scaleY(1)} }
@keyframes signal { 0%,100% {opacity:.35} 50% {opacity:1} }
@keyframes enter-stage { from {opacity:0;transform:translateY(22px)} to {opacity:1;transform:none} }
@media (prefers-reduced-motion:no-preference) {
  .motion-active .hero-intro > * { animation: enter-stage .85s both; }
  .motion-active .hero-intro h1 { animation-delay:.1s; }
  .motion-active .hero-description { animation-delay:.2s; }
  .motion-active .hero-actions { animation-delay:.3s; }
  .motion-active .motion-bars i,.motion-active .in-view .wave-art i { animation:meter 1.05s ease-in-out infinite alternate; }
  .motion-active .motion-bars i:nth-child(2n),.motion-active .in-view .wave-art i:nth-child(3n) { animation-delay:-.6s; animation-duration:.7s; }
  .motion-active .motion-bars i:nth-child(3n),.motion-active .in-view .wave-art i:nth-child(2n) { animation-delay:-.3s; animation-duration:1.4s; }
  .motion-active .in-view .status-dot,.motion-active .hero .eyebrow i { animation:signal 2s ease-in-out infinite; }
  .motion-active .in-view .flow-nodes span { animation:enter-stage .6s both; }
  .motion-active .in-view .flow-nodes span:nth-child(2) { animation-delay:.12s; }
  .motion-active .in-view .flow-nodes span:nth-child(3) { animation-delay:.24s; }
  .motion-paused *, .page-hidden * { animation-play-state:paused !important; }
}
.motion-paused .reveal { opacity:1; transform:none; transition:none; }
.motion-paused .hero-intro > * { opacity:1; transform:none; animation:none; }
.motion-paused .live-hero img,.motion-paused .venue-photo img,.motion-paused .future-photo > img { transform:scale(1.08); }
@media(max-width:650px) {
  .hero { min-height:max(740px,100svh); padding:160px 24px 24px; }
  .hero h1 { font-size:clamp(54px,13vw,78px); margin:26px 0; }
  .hero-description { font-size:17px; }
  .hero-description > span { font-size:12px; }
  .hero .live-hero img { object-position:60% center; }
  .live-hero::after { background:linear-gradient(90deg,#07080b99,#07080b33),linear-gradient(0deg,#07080b,transparent 35%,#07080b55); }
  .hero-bottom { margin-top:100px; font-size:9px; }
  .network .bento { grid-template-columns:1fr; }
  .bento .bento-venue { grid-column:auto; min-height:750px !important; justify-content:flex-end; padding:70px 24px; }
  .venue-photo img { object-position:58% center; }
  .venue-photo::after { background:linear-gradient(0deg,#07080bf2, #07080b44 70%); }
  .bento .bento-venue p { font-size:14px; }
  .bento .bento-partners,.bento .bento-artists { margin:0 24px; }
  .future-photo { min-height:760px; }
  .future-photo > div { padding:280px 24px 90px; }
  .future-photo::after { background:linear-gradient(0deg,#07080be8, #07080b22); }
  .future-photo p { font-size:15px; }
  .motion-toggle { right:14px; bottom:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .live-hero img,.venue-photo img,.future-photo > img { transform:scale(1.08) !important; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}
@media (prefers-reduced-transparency:reduce) { .motion-toggle { background:#10131b; backdrop-filter:none; } .live-hero::before,.venue-photo::before { backdrop-filter:none; } }