/* Sponsorship film, scenes 2–4: the talk, the reach hub and the host-site globe.
   Scene timing lives in sponsorship-film.js; the look is tuned with these knobs. */
#lc27 .partnership-film{
  --spoke-color:#1bb6f7;--spoke-width:1.5;--spoke-opacity:.55;
  --hub-width:min(30vw,440px);--col-gap:clamp(40px,6vw,120px);
  --card-media:44%;--card-radius:10px;
  --globe-size:min(54vw,70vh,880px);
  /* Laptop finish: silver aluminium with a black bezel. For the old navy look, swap in the navy set below. */
  --lap-bezel:#0d1117;--lap-rim:#c9ced5;--lap-rim-w:2px;
  --lap-base:linear-gradient(#eef0f3,#c9ced5 45%,#9ba2ab);--lap-notch:#a3aab3;
  --lap-shell:linear-gradient(#e6e9ed,#bfc5cc);--lap-edge:#b4bac2;
  /* navy: --lap-bezel:#1a2c3f;--lap-rim:transparent;--lap-rim-w:0px;--lap-base:linear-gradient(#34506b,#1a2e42 55%,#0f1f2f);--lap-notch:#0f1f2f;--lap-shell:linear-gradient(#34506b,#22384e);--lap-edge:#1a2c3f; */
}

/* Scene 2: a laptop showing leadercast.com, same frame and amount of copy as the hub. */
#lc27 .film-content{width:min(40%,620px);left:50%;top:7%;margin-left:calc(min(40%,620px) / -2)}
#lc27 .site-laptop{transform-origin:50% 100%;will-change:transform}
/* The closed lid's outer shell: seen from above, it shrinks to nothing as the lid opens. */
/* Behind the tipped lid: fills the wedges between its sloped sides and the shell, fading as it lands. */
#lc27 .lid-fill{position:absolute;left:0;right:0;bottom:clamp(14px,1.5vw,22px);height:0;background:var(--lap-edge);opacity:0}
#lc27 .site-laptop{position:relative;z-index:1}
#lc27 .lid-back{position:absolute;left:-7%;right:-7%;bottom:clamp(14px,1.5vw,22px);height:0;z-index:2;background:var(--lap-shell);border-radius:16px 16px 0 0;box-shadow:inset 0 1px 0 #ffffff40}
#lc27 .site-laptop .reach-screen{position:relative}
#lc27 .site-laptop .reach-screen:after{content:"";position:absolute;inset:0;background:#05101a;opacity:var(--screen-off,0);pointer-events:none}
#lc27 .reach-page.site-page{padding:3% 6% 4%}   /* ~3x the hub page side margin */
#lc27 .reach-page.site-page b{margin:4px 0 12px}
#lc27 .site-page img{aspect-ratio:16/9}

/* Scene 1: the dotted stage. */
#lc27 .film-dots{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#12304a,#0b1928 70%)}
#lc27 .film-dots canvas{width:100%;height:100%;display:block}

/* Scene 3: the hub. */
#lc27 .film-reach{position:absolute;inset:7% 3% 20%;opacity:0;pointer-events:none;display:flex;align-items:center}
#lc27 .reach-grid{position:relative;width:100%;display:grid;grid-template-columns:1fr var(--hub-width) 1fr;grid-template-rows:auto repeat(5,1fr);column-gap:var(--col-gap);row-gap:1.4vh;align-items:center;max-height:100%}
#lc27 .reach-spokes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#lc27 .reach-spokes path{fill:none;stroke:var(--spoke-color);stroke-width:var(--spoke-width);opacity:var(--spoke-opacity)}
#lc27 .reach-spokes path.pulse{stroke:#9fe6ff;stroke-width:3;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 6px #1bb6f7) drop-shadow(0 0 2px #fff)}
#lc27 .reach-head{grid-row:1;margin:0 0 .6vh;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#8ca1b2}
#lc27 .reach-head[data-side="l"]{grid-column:1;text-align:right}
#lc27 .reach-head[data-side="r"]{grid-column:3}
#lc27 .reach-hub{grid-column:2;grid-row:2/7;position:relative;z-index:1}
/* The hub's laptop is a placeholder: the scene 2 laptop glides into this exact slot. */
#lc27 .reach-hub .reach-laptop,#lc27 .reach-hub .reach-base{visibility:hidden}
#lc27 .reach-laptop{background:var(--lap-bezel);border-radius:14px 14px 4px 4px;padding:10px 10px 14px;box-shadow:0 0 0 var(--lap-rim-w) var(--lap-rim),0 30px 60px #0008}
#lc27 .reach-screen{background:#f4f1ea;border-radius:4px;overflow:hidden;color:#0b1928}
/* Mock header: the site's light (editorial) nav, floating over the cream page. */
#lc27 .mock-nav{background:#f4f1ea;padding:6px 7px 0}
#lc27 .mock-nav>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dfe4e7;border-radius:6px;background:#fffffff5;padding:5px 8px}
#lc27 .mock-nav img{height:10px;width:auto;filter:url(#lc-logo-editorial)}
#lc27 .mock-nav span{display:flex;align-items:center;gap:.75em;font-size:.44rem;font-weight:600;white-space:nowrap;color:#0b1926}
/* Product colors, darkened a step so they read on the white bar. */
#lc27 .mock-nav i{font-style:normal}
#lc27 .mock-nav i:nth-of-type(1){color:#0a7fbf!important}
#lc27 .mock-nav i:nth-of-type(2){color:#dc4a1c!important}
#lc27 .mock-nav i:nth-of-type(3){color:#b07a0c!important}
#lc27 .mock-nav i:nth-of-type(4){color:#5a9430!important}
#lc27 .mock-nav em{font-style:normal;color:#536570}
#lc27 .mock-nav b{color:#0b1926;border:1px solid #cbd4da;border-radius:3px;padding:.35em .6em;font-weight:600}
#lc27 .reach-page{padding:10px 12px 12px}
#lc27 .reach-page small{display:block;font-size:.42rem;letter-spacing:.15em;font-weight:700}
#lc27 .reach-page b{display:block;font-size:clamp(.7rem,1.1vw,1rem);line-height:1.1;margin:4px 0 8px}
#lc27 .reach-page img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
#lc27 .reach-base{position:relative;height:clamp(14px,1.5vw,22px);background:var(--lap-base);border-radius:2px 2px 16px 16px;margin:0 -7%;box-shadow:0 14px 30px #0008}
#lc27 .reach-base:before{content:"";position:absolute;top:0;left:50%;width:14%;height:40%;margin-left:-7%;background:var(--lap-notch);border-radius:0 0 8px 8px}
#lc27 .reach-hubcap{text-align:center;margin:14px 0 0;font-size:.62rem;color:#8ca1b2;letter-spacing:.12em;text-transform:uppercase}
#lc27 .reach-hubcap b{display:block;color:#fff;font-size:.95rem;letter-spacing:0;text-transform:none;margin-bottom:3px}

/* Channel cards: one level, one spoke each. Thumbnail + a line of copy. */
#lc27 .reach-card{position:relative;z-index:1;display:flex;gap:16px;align-items:center;background:#12263a;border:1px solid #20374d;border-radius:var(--card-radius);padding:7px;box-shadow:0 12px 26px #0006;min-width:0;will-change:transform,opacity}
#lc27 .reach-card[data-side="l"]{grid-column:1}
#lc27 .reach-card[data-side="r"]{grid-column:3}
/* Pair rows: the Nth social card sits level with the Nth Leadercast card. */
#lc27 .reach-card:nth-of-type(1),#lc27 .reach-card:nth-of-type(6){grid-row:2}#lc27 .reach-card:nth-of-type(2),#lc27 .reach-card:nth-of-type(7){grid-row:3}#lc27 .reach-card:nth-of-type(3),#lc27 .reach-card:nth-of-type(8){grid-row:4}#lc27 .reach-card:nth-of-type(4),#lc27 .reach-card:nth-of-type(9){grid-row:5}#lc27 .reach-card:nth-of-type(5),#lc27 .reach-card:nth-of-type(10){grid-row:6}
#lc27 .rc-media{flex:0 0 var(--card-media);border-radius:6px;overflow:hidden;background:#0b1928}
#lc27 .rc-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
/* Instagram: a 4:5 phone-style post inside the same 16:9 frame, over a blurred copy. */
#lc27 .rc-portrait .rc-media{position:relative;aspect-ratio:16/9}
#lc27 .rc-portrait .rc-media .rc-blur{position:absolute;inset:0;height:100%;object-fit:cover;filter:blur(10px) brightness(.7) saturate(1.2);transform:scale(1.25)}
#lc27 .rc-portrait .rc-media img:not(.rc-blur){position:absolute;top:6%;left:50%;translate:-50% 0;width:auto;height:88%;aspect-ratio:4/5;object-position:50% 50%;border-radius:4px;box-shadow:0 6px 18px #0009}
#lc27 .rc-art{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#1db954,#0b1928 70%)}
#lc27 .rc-art img{width:62%!important;aspect-ratio:auto!important;object-fit:contain!important}
#lc27 .rc-body{flex:1;min-width:0;padding-right:6px}
#lc27 .rc-chan{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:.66rem;font-weight:600;color:#e3edf4}
#lc27 .rc-chan i{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.85rem;color:#fff;background:var(--c)}
#lc27 .rc-chan i svg{width:60%;height:60%;fill:currentColor}
#lc27 .rc-chan i svg.ln{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#lc27 .rc-chan em{margin-left:auto;padding-left:6px;font-style:normal;font-weight:400;font-size:.55rem;color:#8ca1b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#lc27 .rc-chan{min-width:0}
#lc27 .rc-text{margin:0;font-size:.62rem;line-height:1.4;color:#b7c6d2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Scene 4: the globe, centred, with one metric either side at its equator. */
#lc27 .film-globe{position:absolute;inset:0;opacity:0;pointer-events:none;display:grid;grid-template-columns:minmax(0,1fr) var(--globe-size) minmax(0,1fr);align-items:center;gap:3vw;padding:0 4% 20vh}   /* bottom pad = the narration band, so the globe centres in the space above it */
#lc27 .globe-stat{position:relative;z-index:2}
#lc27 .globe-stat[data-side="l"]{justify-self:end;text-align:right}
#lc27 .globe-stat[data-side="r"]{justify-self:start}
#lc27 .globe-stat strong{display:block;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:#fff}
#lc27 .globe-stat span{display:block;margin-top:10px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8ca1b2}
#lc27 .globe-view{position:relative;width:var(--globe-size);aspect-ratio:1}
#lc27 .globe-view:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#1bb6f733,transparent 65%);filter:blur(30px)}

/* Phones: hub on top, cards two-up, no spokes; globe under its copy. */
@media(max-width:760px){
  #lc27 .film-content{width:76%;left:12%;margin-left:0}   /* base spreads to ~87%, clear of the edges */
  #lc27 .film-reach{inset:7% 4% 25%}
  #lc27 .reach-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;column-gap:8px;row-gap:8px}
  #lc27 .reach-spokes,#lc27 .reach-head,#lc27 .reach-hubcap,#lc27 .rc-text{display:none}
  #lc27 .reach-hub{grid-column:1/3;grid-row:auto;width:62%;justify-self:center;margin-bottom:6px}
  #lc27 .reach-card[data-side]{grid-column:auto;grid-row:auto;padding:5px;gap:6px}
  #lc27 .rc-media{flex-basis:40%}
  #lc27 .rc-chan{font-size:.56rem;margin:0}
  #lc27 .rc-chan em{display:none}
  #lc27 .rc-chan i{width:22px;height:22px;border-radius:6px;font-size:.6rem}
  #lc27 .film-globe{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:center;padding:6% 6% 34%;gap:18px 12px;--globe-size:min(84vw,400px)}
  #lc27 .globe-view{grid-column:1/3;grid-row:1;justify-self:center}
  #lc27 .globe-stat{grid-row:2;justify-self:center!important;text-align:center!important}
  #lc27 .globe-stat strong{font-size:1.7rem}
  #lc27 .globe-stat span{font-size:.55rem}
}
@media(prefers-reduced-motion:reduce){#lc27 .film-reach,#lc27 .film-globe,#lc27 .film-dots{display:none}}

/* Scene 2 laptop scales as one piece: everything is sized off its own width (cqw),
   so a phone shows the same proportions as desktop, only smaller. Values = desktop at ~620px. */
#lc27 .film-content{container-type:inline-size}
#lc27 .film-content .reach-laptop{padding:1.6cqw 1.6cqw 2.3cqw;border-radius:2.3cqw 2.3cqw .6cqw .6cqw}
#lc27 .film-content .reach-base,#lc27 .film-content .lid-back,#lc27 .film-content .lid-fill{--base-h:3.5cqw}
#lc27 .film-content .reach-base{height:var(--base-h);border-radius:.3cqw .3cqw 2.6cqw 2.6cqw}
#lc27 .film-content .lid-back,#lc27 .film-content .lid-fill{bottom:var(--base-h)}
#lc27 .film-content .lid-back{border-radius:2.6cqw 2.6cqw 0 0}
#lc27 .film-content .mock-nav{padding:1cqw 1.1cqw 0}
#lc27 .film-content .mock-nav>div{padding:.8cqw 1.3cqw;border-radius:1cqw;gap:1.3cqw}
#lc27 .film-content .mock-nav img{height:1.6cqw}
#lc27 .film-content .mock-nav span{font-size:1.13cqw}
#lc27 .film-content .reach-page small{font-size:1.08cqw}
#lc27 .film-content .reach-page b{font-size:2.5cqw;margin:.6cqw 0 1.9cqw}
#lc27 .film-content .reach-page img{border-radius:.5cqw}

/* Lit channels (set by the power phase, 0–1). */
#lc27 .reach-card{border-color:color-mix(in srgb,#1bb6f7 calc(var(--lit,0) * 100%),#20374d);box-shadow:0 0 calc(var(--lit,0) * 26px) color-mix(in srgb,#1bb6f7 calc(var(--lit,0) * 45%),transparent),0 12px 26px #0006}
#lc27 .reach-hub .reach-hubcap b{text-shadow:0 0 calc(var(--lit,0) * 18px) #1bb6f7}
#lc27 .film-content .reach-laptop{box-shadow:0 0 0 var(--lap-rim-w) var(--lap-rim),0 0 calc(var(--lit,0) * 60px) color-mix(in srgb,#1bb6f7 calc(var(--lit,0) * 35%),transparent),0 30px 60px #0008}
/* The laptop sits above scene 3's wires. */
#lc27 .film-content{z-index:3}
/* Globe canvas spans the whole scene (the fly-out fills the screen); copy sits above it. */
#lc27 .film-globe>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}
/* Scene 4 backdrop: deepens toward near-black as we pull out of the globe, with a soft pool of
   light around it; the bottom edge returns to page navy so the film hands off without a seam. */
#lc27 .globe-space{position:absolute;inset:0;z-index:0;opacity:0;background:
  linear-gradient(to bottom,transparent 82%,#0b1928),
  radial-gradient(ellipse 60% 70% at 50% 40%,#0c1b2b 0%,#060d16 55%,#03070c 100%)}
/* Scene 3 power-up: the room lifts toward electric blue from the hub, then drains into scene 4's dark. */
#lc27 .film-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse 70% 75% at 50% 42%,#0f5a86 0%,#0b3b5c 35%,#0b2539 70%,transparent 100%)}
#lc27 .site-page small{color:#0a7fbf}
#lc27 .reach-page.site-page b{font-weight:400}
#lc27 .site-page b em{font-style:normal;font-weight:800}
/* Partnership tiers: an at-a-glance summary after the detailed stack. */
#lc27 .tier-summary{margin:72px 0 40px}
#lc27 .tier-summary>h3{margin:0 0 24px;color:#fff!important}
#lc27 .tier-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#lc27 .tier-summary article{display:flex;flex-direction:column;background:#10243a;border-top:3px solid var(--tier-accent);padding:26px 24px}
#lc27 .tier-summary article:first-child{background:#132c46}
#lc27 .tier-summary h4{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tier-accent)}
#lc27 .ts-price{margin:10px 0 22px;font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:700;letter-spacing:-.03em;color:#fff}
#lc27 .tier-summary dl{margin:0 0 24px;flex:1}
#lc27 .tier-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #ffffff1a;font-size:.8rem}
#lc27 .tier-summary dt{color:#b8c5ce}
#lc27 .tier-summary dd{margin:0;color:#fff;font-weight:600;text-align:right;white-space:nowrap}
@media(max-width:900px){#lc27 .tier-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#lc27 .tier-summary-grid{grid-template-columns:1fr}}
#lc27 .v-levels .p-note a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#1bb6f7}
#lc27 .tier-summary .text-link{border-bottom:0;padding-bottom:0;align-items:center}
#lc27 .tier-summary .text-link .lc-chevron{color:var(--tier-accent)}

#lc27 .sponsor-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:48px;padding-top:36px;border-top:1px solid #ffffff2e}#lc27 .sponsor-cta p{margin:0;max-width:620px;font-size:1.15rem;line-height:1.6;color:#c9d4dc}#lc27 .sponsor-cta strong{color:#fff;font-weight:600}
#lc27 .proof-light{background:var(--cream);color:var(--navy)}#lc27 .proof-light figcaption{color:#52606a}#lc27 .proof-light figcaption strong{color:var(--navy)}