/* Leadership opening: the runner. Scoped to .reel so nothing else on the site is affected. */
.reel{--r-ink:#0b1f33;--r-ink2:#3d5568;--r-accent:#0a7fa8;--r-sky-a:#ffffff;--r-sky-b:#e3f0f7;--r-sky-c:#c9e1ee;--r-glow:#7cc7ea;--r-glass:rgba(255,255,255,.62);--r-line:rgba(15,60,95,.12);--r-mono:'DM Sans',Inter,system-ui,sans-serif;--r-serif:Manrope,'DM Sans',system-ui,sans-serif;position:relative;height:330vh;margin-top:-88px}
body.dark .reel{--r-ink:#eef7fc;--r-ink2:#a9c1d1;--r-accent:#8fd9f2;--r-sky-a:#0a1a2c;--r-sky-b:#050d18;--r-sky-c:#02060c;--r-glow:#3fb6e0;--r-glass:rgba(10,26,44,.58);--r-line:rgba(160,215,240,.13)}
.reel-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;color:var(--r-ink)}
.reel-sky{position:absolute;inset:0;z-index:-3;background:radial-gradient(60% 70% at 72% 58%,var(--r-sky-a) 0%,transparent 60%),radial-gradient(120% 90% at 50% 100%,var(--r-sky-b) 0%,transparent 70%),linear-gradient(180deg,var(--r-sky-b),var(--r-sky-c))}
#reel-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.reel-copy{position:absolute;left:6%;bottom:clamp(70px,14vh,150px);width:min(600px,44vw);z-index:3}
.reel .beat{position:absolute;left:0;bottom:0;width:100%;opacity:0;transform:translateY(26px);filter:blur(10px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1),filter .9s;pointer-events:none}
.reel .beat.is-on{opacity:1;transform:none;filter:none;pointer-events:auto}
.reel .kicker{font:500 11px/1.2 var(--r-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--r-accent);margin:0 0 20px}
.reel h1,.reel h2{font-family:var(--r-serif);font-weight:400;letter-spacing:-.015em;color:var(--r-ink);margin:0 0 22px}
.reel h1{font-size:clamp(46px,5.6vw,92px);line-height:.98;max-width:12ch}
.reel h2{font-size:clamp(42px,5vw,82px);line-height:.98;max-width:11ch}
.reel h1 em,.reel h2 em{font-style:italic;color:var(--r-accent)}
.reel .lede{font-size:clamp(16px,1.2vw,19px);line-height:1.62;color:var(--r-ink2);max-width:470px;margin:0}
.reel-hud{position:absolute;inset:0;z-index:2;pointer-events:none}
.reel .hud{position:absolute;left:0;top:0;display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:baseline;padding:9px 12px 10px;border-radius:10px;background:var(--r-glass);border:1px solid var(--r-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:var(--r-mono);color:var(--r-ink);opacity:0;transition:opacity .5s;will-change:transform}
.reel .hud span{grid-column:1/-1;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--r-ink2)}
.reel .hud b{font:400 23px/1.1 var(--r-serif)}
.reel .hud i{font-style:normal;font-size:10.5px;color:var(--r-ink2)}
.reel .hud em{font-style:normal}
.reel-labels{position:absolute;inset:0;z-index:2;pointer-events:none}
.reel .net-label{position:absolute;left:0;top:0;font:500 10.5px/1 var(--r-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--r-ink);white-space:nowrap;opacity:0;padding:6px 9px;border-radius:99px;background:var(--r-glass);border:1px solid var(--r-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.reel .net-label.hub{color:var(--r-accent)}
.reel .net-err{display:none}
.reel .scroll-hint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font:500 10px var(--r-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--r-ink2);z-index:3;transition:opacity .5s}
@media(max-width:760px){.reel{height:300vh;margin-top:-76px}.reel-copy{left:20px;right:20px;width:auto;bottom:70px}.reel h1{font-size:clamp(38px,10vw,52px)}.reel h2{font-size:clamp(36px,9.5vw,48px)}.reel .hud{padding:6px 9px}.reel .hud b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.reel .beat{transition:none}}

.reel h1,.reel h2{font-weight:700;letter-spacing:-.05em;line-height:1.02}
.reel h1 em,.reel h2 em{font-style:normal}
.reel .hud b{font-family:Manrope,'DM Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}
.reel .kicker{font-weight:600}