/* Four presentation directions — the selector stays in the header on every version. */
.option-nav { display: flex; align-items: center; gap: 3px; margin-left: auto; padding: 3px; border: 1px solid rgba(255,255,255,.2); background: rgba(3,7,19,.42); }
.option-nav a { min-width: 39px; padding: 6px 7px; color: rgba(255,255,255,.72); border: 1px solid transparent; font-size: .56rem; font-weight: 900; letter-spacing: .08em; line-height: 1; text-align: center; text-decoration: none; }
.option-nav a:hover, .option-nav a:focus-visible { color: var(--ink); background: var(--gold); }
.option-1 .option-nav [data-option="1"], .option-2 .option-nav [data-option="2"], .option-3 .option-nav [data-option="3"], .option-4 .option-nav [data-option="4"] { color: var(--ink); background: var(--gold); }
.mobile-nav__label { display: block; margin: 2px 0 8px; color: var(--gold); font-size: .56rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }

/* OP 2 — the video stays as the pinned cinematic screen; the pitch moves over it as cards. */
.option-2 { background: #030713; }
.option-2 main { position: relative; isolation: isolate; padding-bottom: 34px; background: #030713; }
.option-2 .hero { position: sticky; z-index: 0; top: 0; min-height: 100svh; height: 100svh; padding: 78px 0 154px; }
.option-2 .hero__image { filter: saturate(.74) brightness(.58); }
.option-2 .hero__veil { background: linear-gradient(90deg, rgba(3,7,19,.95) 0%, rgba(3,7,19,.77) 34%, rgba(3,7,19,.22) 76%, rgba(3,7,19,.5) 100%), linear-gradient(0deg, rgba(3,7,19,.8), transparent 44%); }
.option-2 .hero__content { align-self: center; padding-top: 0; }
.option-2 .hero__content .hero-title { width: min(470px, 66vw); }
.option-2 .hero__note { max-width: 430px; margin-bottom: 25px; }
.option-2 .hero__bottom { right: auto; bottom: 28px; left: 50%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; width: min(900px, calc(100% - 48px)); margin: 0; padding: 17px 20px; background: rgba(5,10,23,.85); border: 1px solid rgba(244,188,40,.52); border-radius: 14px; box-shadow: 0 18px 48px rgba(0,0,0,.3); backdrop-filter: blur(16px); transform: translateX(-50%); }
.option-2 .hero__bottom > div:not(.scroll-prompt) { gap: 5px; min-width: 0; padding: 0 20px; border-left: 1px solid rgba(244,188,40,.36); }
.option-2 .hero__bottom > div:first-child { padding-left: 0; border-left: 0; }
.option-2 .hero__bottom .scroll-prompt { display: none; }
.option-2 .hero__bottom span { color: rgba(255,255,255,.54); }
.option-2 .hero__bottom strong { font-size: .78rem; }
.option-2 main > .intro-strip, .option-2 main > .pitch-section:not(.hero) { position: relative; z-index: 2; width: min(var(--layout), calc(100% - 48px)); margin: 0 auto 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 30px; box-shadow: 0 26px 78px rgba(0,0,0,.42), 0 1px 0 rgba(255,255,255,.1) inset; transform: translateZ(0); }
.option-2 main > .intro-strip { min-height: auto; margin-top: 22px; border-color: rgba(244,188,40,.42); background: rgba(3,7,19,.96); backdrop-filter: blur(18px); }
.option-2 .intro-strip__inner { width: auto; min-height: 0; padding: 21px 30px; }
.option-2 main > .pitch-section:not(.hero) { scroll-margin-top: 96px; }
.option-2 main > .film-reveal, .option-2 main > .story-logline, .option-2 main > .story-synopsis, .option-2 main > .corps, .option-2 main > .proof, .option-2 main > .opportunity-deck, .option-2 main > .plan { padding-inline: 0; }
.option-2 .film-reveal__art, .option-2 .story-synopsis__art { margin-right: 0; }
.option-2 .film-reveal__grid, .option-2 .story-logline__grid, .option-2 .story-synopsis__grid, .option-2 .corps__heading, .option-2 .corps__stage, .option-2 .proof__heading, .option-2 .proof__gallery, .option-2 .proof__screening, .option-2 .opportunity-deck__intro, .option-2 .opportunity-deck__tracks, .option-2 .plan__heading, .option-2 .plan__grid, .option-2 .closing-deck__content { width: min(100% - 64px, var(--layout)); margin-inline: auto; }
.option-2 .story-logline, .option-2 .opportunity-deck, .option-2 .plan, .option-2 .proof { padding-block: clamp(82px, 10vw, 126px); }
.option-2 .corps { padding-top: clamp(82px, 10vw, 126px); }
.option-2 .closing-deck__content { width: min(100% - 64px, var(--layout)); }
.option-2 .closing-deck__art { background-position: right bottom; }
@supports (animation-timeline: view()) {
  .option-2 main > .intro-strip, .option-2 main > .pitch-section:not(.hero) { animation: option-card-rise linear both; animation-timeline: view(); animation-range: entry 0% cover 30%; }
}
@keyframes option-card-rise { from { opacity: .72; transform: translateY(10vh) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }

@media (max-width: 1180px) {
  .site-nav { display: none; }
  .option-nav { margin-left: auto; }
}
@media (max-width: 700px) {
  .option-nav a { min-width: 32px; padding: 6px 4px; font-size: .5rem; }
  .option-2 .hero { min-height: 100svh; height: 100svh; padding: 100px 0 126px; }
  .option-2 .hero__content .hero-title { width: min(410px, 76vw); }
  .option-2 .hero__rule { margin: 22px 0 17px; }
  .option-2 .hero__subhead { margin-bottom: 8px; font-size: 1rem; }
  .option-2 .hero__note { margin-bottom: 18px; font-size: .82rem; }
  .option-2 .hero__actions { gap: 15px; }
  .option-2 .hero__bottom { bottom: 16px; width: calc(100% - 22px); padding: 13px 8px; border-radius: 12px; }
  .option-2 .hero__bottom > div:not(.scroll-prompt) { gap: 3px; padding: 0 11px; }
  .option-2 .hero__bottom span { font-size: .47rem; letter-spacing: .08em; }
  .option-2 .hero__bottom strong { font-size: .62rem; letter-spacing: 0; }
  .option-2 main > .intro-strip, .option-2 main > .pitch-section:not(.hero) { width: calc(100% - 22px); margin-bottom: 12px; border-radius: 21px; }
  .option-2 main > .intro-strip { margin-top: 12px; }
  .option-2 .intro-strip__inner { display: grid; grid-template-columns: auto 1fr; padding: 17px 20px; }
  .option-2 .intro-strip__inner a { grid-column: 2; }
  .option-2 .film-reveal__grid, .option-2 .story-logline__grid, .option-2 .story-synopsis__grid, .option-2 .corps__heading, .option-2 .corps__stage, .option-2 .proof__heading, .option-2 .proof__gallery, .option-2 .proof__screening, .option-2 .opportunity-deck__intro, .option-2 .opportunity-deck__tracks, .option-2 .plan__heading, .option-2 .plan__grid, .option-2 .closing-deck__content { width: calc(100% - 42px); }
}
@media (prefers-reduced-motion: reduce) {
  .option-2 main > .intro-strip, .option-2 main > .pitch-section:not(.hero) { animation: none; }
}