/* =====================================================
   R1 ReadyFirst – Study Page Layout
   Requires: shared.css
   ===================================================== */

/* DATA BEATS – shared rhythm */
.beat{padding:var(--lg) var(--md);position:relative;overflow:hidden}
.beat--full{min-height:85vh;display:flex;align-items:center;justify-content:center}
.beat__inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;width:100%}

/* BEAT 1 – Study Promise */
.beat-1{background:var(--g-deep);color:var(--white);position:relative}
.beat-1::before{content:'';position:absolute;top:-100px;right:-60px;width:400px;height:400px;border-radius:50%;background:rgba(var(--jade-lt-rgb),.06)}
.beat-1::after{content:'';position:absolute;bottom:-140px;left:-80px;width:340px;height:340px;border-radius:50%;background:rgba(var(--sky-rgb),.04)}
.beat-1__bg{position:absolute;inset:0;z-index:0;background:url('../img/study-hero-bg.webp') center/cover no-repeat;background-color:var(--jade-dk)}
.beat-1__bg::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--jade-deep-rgb),.92) 0%,rgba(var(--jade-dk-rgb),.85) 40%,rgba(var(--jade-rgb),.75) 100%)}
.beat-1__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--jade-deep-rgb),.6) 0%,transparent 50%)}
.beat-1__content{text-align:center;max-width:750px;margin:0 auto;position:relative;z-index:1}
.beat-1__numbers{font-family:var(--font-ui);font-size:1rem;font-weight:500;color:rgba(var(--sand-rgb),.6);margin-bottom:var(--lg);display:flex;align-items:baseline;justify-content:center;gap:.5rem;flex-wrap:nowrap}
.beat-1__num{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;color:var(--terra-soft);line-height:1}
.beat-1__unit{font-family:var(--font-ui);font-size:clamp(.875rem,1.5vw,1.0625rem);font-weight:500;color:rgba(var(--sand-rgb),.6)}
.beat-1__sep{width:1px;height:2rem;background:rgba(var(--sand-rgb),.2);flex-shrink:0;align-self:center}
.beat-1__statement{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.3;margin-bottom:var(--md);color:var(--white)}
.beat-1__sub{font-family:var(--font-quote);font-size:clamp(1rem,2vw,1.1875rem);font-weight:400;font-style:italic;color:rgba(var(--sand-rgb),1);line-height:1.7;max-width:580px;margin:0 auto var(--md)}
.beat-1__scale{font-family:var(--font-ui);font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:600;color:var(--jade-lt);line-height:1.5;max-width:640px;margin:0 auto var(--lg)}
.beat-1__scale strong{color:var(--white);font-weight:700}
.beat-1__cta{display:flex;gap:var(--sm);justify-content:center;flex-wrap:wrap}
.beat-1__timing{font-family:var(--font-ui);font-size:.75rem;font-weight:500;color:rgba(var(--sand-rgb),.45);margin-top:var(--md);letter-spacing:.02em}

/* WHY THIS STUDY MATTERS – layman strip under the hero */
.study-why{background:var(--white);padding:var(--lg) var(--md)}
.study-why__inner{max-width:720px;margin:0 auto;text-align:center}
.study-why .section-eyebrow{color:var(--eyebrow-light)}
.study-why p{font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.75;color:var(--char);margin:0}
.study-why__photo{display:block;width:100%;max-width:960px;height:auto;margin:var(--md) auto 0;border-radius:12px}

/* BEAT 2 – The Dropout Flow */
.beat-2{background:var(--sand);padding:var(--lg) var(--md)}
.beat-2__flow-inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;width:100%}
.beat-2__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.beat-2__header .section-eyebrow{color:var(--eyebrow-light)}
.beat-2__header h2{margin-bottom:var(--sm)}
.beat-2__flow-wrap{max-width:680px;margin:0 auto var(--lg)}
.beat-2__flow-entry{text-align:center;margin-bottom:var(--sm)}
.beat-2__flow-entry-num{display:block;font-family:var(--font-display);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:800;color:var(--grow);line-height:1.2}
.beat-2__flow-entry-sub{display:block;font-family:var(--font-ui);font-size:.875rem;color:var(--char);margin-top:.15rem}
.beat-2__flow{width:100%;height:auto;display:block}
.beat-2__flow-resolve{text-align:center;margin-top:var(--md);padding-top:var(--md);border-top:1px solid rgba(var(--char-rgb),.06)}
.beat-2__flow-resolve-line{font-family:var(--font-ui);font-size:clamp(1rem,2vw,1.1875rem);font-weight:600;color:var(--jade);line-height:1.5;margin:0}
.beat-2__hook{max-width:640px;margin:0 auto;text-align:center}
.beat-2__stats{display:flex;gap:var(--md);justify-content:center;margin-bottom:var(--lg)}
.beat-2__stat-card{background:var(--white);border-radius:10px;padding:1.25rem 1.75rem;box-shadow:var(--sh);text-align:center;flex:0 0 auto}
.beat-2__stat-num{font-family:var(--font-display);font-size:clamp(1.375rem,2.8vw,1.875rem);font-weight:800;color:var(--jade-dk);line-height:1;margin-bottom:.25rem}
.beat-2__stat-label{font-family:var(--font-ui);font-size:.8125rem;color:var(--wgray);line-height:1.4;max-width:140px;margin:0 auto}
.beat-2__hook-prose{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);text-align:left;margin:0 auto var(--md);max-width:480px}
.beat-2__hook-close{font-family:var(--font-quote);font-size:clamp(1.375rem,2.8vw,2rem);line-height:1.6;color:var(--char);text-align:center;margin-bottom:var(--sm)}
.beat-2__hook-close strong{font-weight:700;color:var(--jade-dk)}
.beat-2__hook-sources{font-family:var(--font-ui);font-size:.6875rem;color:var(--wgray);text-align:center;margin-top:.25rem}
@media(max-width:480px){.beat-2__stats{flex-direction:column;align-items:center}}
.beat-2__cta{text-align:center;margin-top:var(--md)}

/* BEAT 2b – Visual pause */
.beat-2b{padding:0 var(--md) var(--lg);background:var(--sand)}
.beat-2b__inner{max-width:1060px;margin:0 auto;overflow:hidden;border-radius:12px}
.beat-2b__photo{width:100%;height:400px;object-fit:cover;object-position:center;display:block}

/* BEAT 3 – What R1 Changes */
.beat-3{background:var(--white);padding:var(--lg) var(--md)}
.beat-3__inner{max-width:1040px;margin:0 auto}
.beat-3__header{text-align:center;max-width:580px;margin:0 auto var(--md)}
.beat-3__header .section-eyebrow{color:var(--eyebrow-light)}
.beat-3__header h2{margin-bottom:0}
.beat-3__pillars-line{text-align:center;font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.6;margin-bottom:var(--xl);max-width:540px;margin-left:auto;margin-right:auto}
.beat-3__pillars-line strong{color:var(--jade-dk)}
.beat-3__chart-wrap{margin-bottom:0}
.beat-3__chart{width:100%;height:auto}
.beat-3__closing-line{text-align:center;font-family:var(--font-quote);font-size:clamp(.9375rem,1.8vw,1.125rem);font-style:italic;color:var(--jade-dk);margin:var(--sm) auto var(--md);max-width:500px}
.beat-3__link{text-align:center}

/* BEAT 4 – The Study Design */
.beat-4{background:var(--sand);padding:var(--lg) var(--md)}
.beat-4__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.beat-4__header .section-eyebrow{color:var(--eyebrow-light)}
.beat-4__header h2{margin-bottom:0}
.beat-4__sub-heading{font-family:var(--font-display);font-size:1.125rem;font-weight:700;margin-bottom:var(--md);text-align:center}
.beat-4__timeline{max-width:100%;margin:0 auto var(--xxl)}
.beat-4__method{max-width:680px;margin:0 auto}
.beat-4__method-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--md)}
.beat-4__method-card{background:var(--white);border-radius:10px;padding:1.5rem;box-shadow:var(--sh)}
.beat-4__method-card h4{font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:var(--jade);margin-bottom:.5rem}
.beat-4__method-card p{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.6}
.beat-4__timeline-track{display:flex;justify-content:space-between;position:relative;padding-top:var(--md)}
.beat-4__timeline-track::before{content:'';position:absolute;top:calc(var(--md) + 5px);left:0;right:0;height:2px;background:var(--sand-dk)}
.beat-4__timeline-step{text-align:center;flex:1;position:relative}
.beat-4__timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--jade);margin:0 auto var(--xs);position:relative;z-index:1}
.beat-4__timeline-dot--final{background:var(--terra);width:14px;height:14px}
.beat-4__timeline-label{font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--char);margin-bottom:.125rem}
.beat-4__timeline-date{font-family:var(--font-ui);font-size:.6875rem;color:var(--wgray)}
.beat-4__pilot-note{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--jade);text-align:center;max-width:560px;margin:var(--lg) auto 0;line-height:1.5}
.beat-4__counter{display:flex;max-width:560px;margin:var(--lg) auto 0;border-radius:12px;overflow:hidden;border:1px solid rgba(var(--jade-rgb),.15)}
.beat-4__counter-enrolled{flex:2;padding:1.75rem 2rem;background:rgba(var(--jade-rgb),.06);border-right:1px solid rgba(var(--jade-rgb),.15);text-align:center}
.beat-4__counter-remaining{flex:1;padding:1.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
.beat-4__counter-enrolled .beat-4__counter-number{font-family:var(--font-display);font-size:clamp(2.75rem,7vw,4rem);font-weight:800;color:var(--jade);line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.beat-4__counter-remaining .beat-4__counter-number{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;color:var(--wgray);line-height:1;letter-spacing:-0.5px;font-variant-numeric:tabular-nums}
.beat-4__counter-enrolled .beat-4__counter-label{font-family:var(--font-ui);font-size:.8125rem;color:var(--jade-dk);margin-bottom:.5rem;font-weight:500;letter-spacing:.03em}
.beat-4__counter-remaining .beat-4__counter-label{font-family:var(--font-ui);font-size:.6875rem;color:var(--wgray);margin-bottom:.375rem;font-weight:500}
.beat-4__counter-enrolled .beat-4__counter-detail{font-family:var(--font-ui);font-size:.8125rem;color:var(--jade-dk);margin-top:.5rem}
.beat-4__counter-remaining .beat-4__counter-detail{font-family:var(--font-ui);font-size:.6875rem;color:var(--wgray);margin-top:.375rem}
.beat-4__counter-divider{display:none}

/* BEAT 4b – Why This Moment */
.beat-4b{background:var(--sand);padding:var(--lg) var(--md);border-top:1px solid rgba(var(--jade-dk-rgb),.08)}
.beat-4b__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.beat-4b__header h2{margin-bottom:var(--sm)}
.beat-4b__diagram-wrap{max-width:900px;margin:0 auto var(--lg)}
.beat-4b__diagram{width:100%;height:auto}
.beat-4b__body{max-width:600px;margin:0 auto;text-align:left}
.beat-4b__body p{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);margin-bottom:var(--md)}
.beat-4b__body p:last-child{margin-bottom:0}

/* BEAT 5 – The Team (pillar strip) */
.beat-5{background:var(--sand-dk);padding:var(--lg) var(--md)}
.beat-5__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.beat-5__header .section-eyebrow{color:var(--eyebrow-light)}
.beat-5__header h2{margin-bottom:var(--sm)}
.beat-5__header p{color:var(--char);font-size:1rem}
.beat-5__pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md);margin-bottom:var(--md)}
.beat-5__pillar{background:var(--white);border-radius:12px;box-shadow:var(--sh);text-align:center;overflow:hidden;position:relative}
.beat-5__pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;border-radius:12px 12px 0 0;pointer-events:none}
.beat-5__pillar--body::before{background:linear-gradient(to bottom,rgba(var(--jade-rgb),.1) 0%,transparent 100%)}
.beat-5__pillar--mind::before{background:linear-gradient(to bottom,rgba(var(--sky-rgb),.1) 0%,transparent 100%)}
.beat-5__pillar--energy::before{background:linear-gradient(to bottom,rgba(var(--terra-rgb),.1) 0%,transparent 100%)}
.beat-5__pillar--advisor::before{background:linear-gradient(to bottom,rgba(var(--jade-rgb),.06) 0%,transparent 100%)}
.beat-5__pillar--advisor .beat-5__pillar-label{color:var(--jade)}
.beat-5__pillar-content{padding:1.5rem;position:relative;z-index:1}
.beat-5__pillar-label{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}
.beat-5__pillar--mind .beat-5__pillar-label{color:var(--sky)}
.beat-5__pillar--body .beat-5__pillar-label{color:var(--jade)}
.beat-5__pillar--energy .beat-5__pillar-label{color:var(--terra)}
.beat-5__pillar-avatar{width:48px;height:48px;border-radius:12px;background:var(--sand);margin:0 auto .75rem;overflow:hidden}
.beat-5__pillar-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--char);margin-bottom:.25rem}
.beat-5__pillar-cred{font-family:var(--font-ui);font-size:.875rem;color:var(--wgray);line-height:1.45}
.beat-5__advisor{background:var(--white);border-radius:10px;padding:1rem 1.5rem;box-shadow:var(--sh);max-width:480px;margin:0 auto var(--md);display:flex;align-items:center;gap:var(--sm);text-align:left}
.beat-5__advisor-avatar{width:40px;height:40px;border-radius:50%;background:var(--sand);flex-shrink:0;overflow:hidden}
.beat-5__advisor-name{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--char)}
.beat-5__advisor-role{font-family:var(--font-ui);font-size:.75rem;color:var(--wgray)}
.beat-5__about-link{text-align:center}

/* BEAT 6 – The Ask */
/* BEAT 6 – light per study-page rebuild: no dark backgrounds between hero and close */
.beat-6{background:var(--sand-lt);color:var(--char);padding:var(--lg) var(--md)}
.beat-6__inner{max-width:900px;margin:0 auto}
.beat-6__header{text-align:center;max-width:640px;margin:0 auto var(--lg)}
.beat-6__header .section-eyebrow{color:var(--eyebrow-light)}
.beat-6__header h2{color:var(--char);margin-bottom:var(--sm)}
.beat-6__header p{color:var(--char);font-size:1.1875rem;line-height:1.7}
.beat-6__breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md);margin-bottom:var(--xl)}
.beat-6__breakdown-card{background:var(--white);border-radius:12px;padding:var(--md);text-align:center;box-shadow:var(--sh)}
.beat-6__breakdown-value{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:800;color:var(--jade-dk);line-height:1;margin-bottom:.5rem}
.beat-6__breakdown-label{font-family:var(--font-ui);font-size:.9375rem;color:var(--wgray);line-height:1.5}
.beat-6__breakdown-note{font-family:var(--font-ui);font-size:.8125rem;color:var(--wgray);line-height:1.55;margin-top:.75rem}
.beat-6__flexibility{text-align:center;max-width:600px;margin:0 auto var(--md)}
.beat-6__flexibility p{font-family:var(--font-quote);font-size:clamp(1.25rem,2.3vw,1.625rem);font-style:italic;color:var(--char);line-height:1.7;margin-bottom:0}
.beat-6__founding-callout{max-width:540px;margin:0 auto var(--lg);padding:var(--md);border-radius:6px;background:rgba(var(--jade-rgb),.06)}
.beat-6__founding-callout p{font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:var(--char);line-height:1.65;margin:0}
.beat-6__not-funding{text-align:center;max-width:540px;margin:0 auto var(--lg);font-family:var(--font-ui);font-size:clamp(1.125rem,2vw,1.375rem);color:var(--wgray);line-height:1.7}
.beat-6__cta{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sm)}

/* BEAT 7 – The Ecosystem */
.beat-7{background:var(--sand);padding:var(--lg) var(--md)}
.beat-7__inner{max-width:800px;margin:0 auto}
.beat-7__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.beat-7__header .section-eyebrow{color:var(--eyebrow-light)}
.beat-7__header h2{margin-bottom:var(--sm)}
.beat-7__header p{color:var(--char);font-size:1rem}
.beat-7__aspen{background:var(--white);border-radius:12px;padding:var(--md);box-shadow:var(--sh);margin-bottom:var(--lg);max-width:680px;margin-left:auto;margin-right:auto}
.beat-7__aspen h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.beat-7__aspen p{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.6;margin-bottom:.75rem}
.beat-7__aspen p:last-child{margin-bottom:0}
.beat-7__aspen-cite{font-family:var(--font-ui);font-size:.75rem;color:var(--wgray);font-style:italic}
.beat-7__girls{background:var(--g-warm);border-radius:12px;padding:var(--md);margin-bottom:var(--lg);max-width:680px;margin-left:auto;margin-right:auto}
.beat-7__girls h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.beat-7__girls p{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.6;margin-bottom:.75rem}
.beat-7__girls p:last-child{margin-bottom:0}
.beat-7__girls-cta{margin-top:var(--md);text-align:center}
.beat-7__girls-highlight{display:flex;align-items:center;gap:var(--sm);background:var(--white);border-radius:10px;padding:1.25rem var(--md);box-shadow:var(--sh);margin:var(--md) 0}
.beat-7__girls-highlight-num{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--terra);line-height:1;flex-shrink:0}
.beat-7__girls-highlight-text{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.5}

/* BEAT 7 – Sports Desert Index block.
   Scoped palette tokens follow the reboot palette (see css/home.css);
   the visualization must render identically if the study page migrates. */
.beat-7__sdi{--sdi-deep:#1A4A44;--sdi-accent:#2D7D6F;--sdi-mid:#B2DDD6;--sdi-light:#D4F0EA;--sdi-lightest:#E0F2EE;--sdi-ink:#1A1A1A;background:var(--white);border-radius:12px;padding:var(--md);box-shadow:var(--sh);max-width:680px;margin:0 auto}
.beat-7__sdi h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.beat-7__sdi p{font-family:var(--font-ui);font-size:.9375rem;color:var(--sdi-ink);line-height:1.6;margin-bottom:.75rem}
.beat-7__sdi-cite{font-family:var(--font-ui);font-size:.75rem;color:var(--wgray);font-style:italic}
.sdi-figure{margin:var(--sm) 0 1.25rem}
.sdi-viz{display:block;width:100%;height:auto}
.sdi-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1.4rem;margin-top:.6rem;font-family:var(--font-ui)}
.sdi-legend__item{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:600;color:var(--sdi-deep)}
.sdi-legend__item svg{display:block;flex-shrink:0}
.sdi-legend__note{flex-basis:100%;text-align:center;font-size:.71875rem;color:var(--wgray);line-height:1.55;margin-top:.35rem}
/* SVG paint – all colour lives here, none in the markup */
.sdi-stop-accent{stop-color:var(--sdi-accent)}
.sdi-stop-light{stop-color:var(--sdi-light)}
.sdi-stop-lightest{stop-color:var(--sdi-lightest)}
.sdi-outline{fill:none;stroke:var(--sdi-deep);stroke-opacity:.38;stroke-width:1.4}
.sdi-echo{fill:none;stroke:var(--sdi-mid);stroke-width:1;stroke-opacity:.75}
.sdi-echo--far{stroke:var(--sdi-light);stroke-opacity:.9}
.sdi-contour{fill:none;stroke:var(--sdi-accent);stroke-width:1}
.sdi-net-line{fill:none;stroke:var(--sdi-accent);stroke-width:.9;stroke-opacity:.22}
.sdi-node{fill:var(--sdi-accent);fill-opacity:.5}
.sdi-node--hub{fill-opacity:.75}
.sdi-halo{fill:var(--white);fill-opacity:.82}
.sdi-g-fill{fill:var(--sdi-deep)}
.sdi-g-stroke{fill:none;stroke:var(--sdi-deep)}
/* Load-in choreography – keyed to the site-wide fade-in observer, one-shot, no loops */
.sdi-wash,.sdi-contours,.sdi-net,.sdi-marker__in{opacity:0}
.sdi-wash{transform-box:fill-box;transform-origin:center;transform:scale(1.04)}
.sdi-marker__in{transform-box:fill-box;transform-origin:center;transform:scale(.55)}
.beat-7__sdi.visible .sdi-wash{animation:sdiSettle 1.9s ease-out .15s forwards}
.beat-7__sdi.visible .sdi-contours{animation:sdiIn 1.4s ease-out .45s forwards}
.beat-7__sdi.visible .sdi-net{animation:sdiIn 1.2s ease-out .65s forwards}
.beat-7__sdi.visible .sdi-marker__in{animation:sdiMark .55s cubic-bezier(.22,.68,.36,1.12) forwards}
.beat-7__sdi.visible .sdi-marker:nth-child(1) .sdi-marker__in{animation-delay:.95s}
.beat-7__sdi.visible .sdi-marker:nth-child(2) .sdi-marker__in{animation-delay:1.05s}
.beat-7__sdi.visible .sdi-marker:nth-child(3) .sdi-marker__in{animation-delay:1.15s}
.beat-7__sdi.visible .sdi-marker:nth-child(4) .sdi-marker__in{animation-delay:1.25s}
.beat-7__sdi.visible .sdi-marker:nth-child(5) .sdi-marker__in{animation-delay:1.35s}
.beat-7__sdi.visible .sdi-marker:nth-child(6) .sdi-marker__in{animation-delay:1.45s}
.beat-7__sdi.visible .sdi-marker:nth-child(7) .sdi-marker__in{animation-delay:1.55s}
.beat-7__sdi.visible .sdi-marker:nth-child(8) .sdi-marker__in{animation-delay:1.65s}
.beat-7__sdi.visible .sdi-marker:nth-child(9) .sdi-marker__in{animation-delay:1.75s}
.beat-7__sdi.visible .sdi-marker:nth-child(10) .sdi-marker__in{animation-delay:1.85s}
.beat-7__sdi.visible .sdi-marker:nth-child(11) .sdi-marker__in{animation-delay:1.95s}
@keyframes sdiIn{to{opacity:1}}
@keyframes sdiSettle{to{opacity:1;transform:scale(1)}}
@keyframes sdiMark{to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .sdi-wash,.sdi-contours,.sdi-net,.sdi-marker__in{opacity:1;transform:none;animation:none!important}
}

/* BEAT 8 – Emotional Close */
.beat-8{background:#1F5F56;color:var(--white);padding:var(--lg) var(--md)}
.beat-8__inner{max-width:640px;margin:0 auto;text-align:center}
.beat-8__line-sm{font-family:var(--font-ui);font-size:.9375rem;color:rgba(var(--sand-rgb),.55);line-height:1.6;margin-bottom:var(--md)}
.beat-8__line{font-family:var(--font-quote);font-size:clamp(1.125rem,2.3vw,1.5rem);font-style:italic;line-height:1.65;color:rgba(var(--sand-rgb),.9);margin-bottom:var(--lg)}
.beat-8__cta{display:flex;gap:var(--sm);justify-content:center;flex-wrap:wrap}
.beat-8__cta .btn--hero-ghost{color:var(--white);border-color:rgba(var(--white-rgb),.5)}

/* Beat 5b – human pause */
.beat-5b{background:var(--white);padding:0}
.beat-5b__inner{display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.beat-5b__photo-wrap{overflow:hidden}
.beat-5b__photo{width:100%;height:100%;object-fit:cover;display:block}
.beat-5b__text{display:flex;flex-direction:column;justify-content:center;padding:var(--xxl) var(--xl)}
.beat-5b__line{font-family:var(--font-quote);font-size:clamp(1.125rem,2.3vw,1.5rem);font-style:italic;color:var(--char);line-height:1.6;margin:0 0 var(--md)}
.beat-5b__sub{font-family:var(--font-ui);font-size:1rem;color:var(--wgray);line-height:1.7;margin:0}

/* RESPONSIVE – STUDY */
@media(max-width:1024px){
  .beat-5__pillars{grid-template-columns:repeat(2,1fr)}
  .beat-6__breakdown{grid-template-columns:1fr}
}
@media(max-width:767px){
  .beat{padding:52px 20px}
  .beat--full{min-height:70vh}
  .beat-1__num{font-size:clamp(1.75rem,8vw,2.5rem)}
  /* The three proof stats are one nowrap row on desktop; on mobile they would
     clip off both edges, so stack them vertically (number over label). */
  .beat-1__numbers{flex-direction:column;align-items:center;gap:.15rem;flex-wrap:wrap}
  .beat-1__sep{display:none}
  .beat-4__method-row{grid-template-columns:1fr}
  .beat-5__pillars{grid-template-columns:1fr}
  .beat-5__advisor{flex-direction:column;text-align:center}
  .beat-5b__inner{grid-template-columns:1fr;min-height:auto}
  .beat-5b__photo-wrap{max-height:300px}
  .beat-5b__text{padding:var(--lg) var(--md)}
  .beat-6__breakdown{grid-template-columns:1fr}
  .beat-7__girls-highlight{flex-direction:column;text-align:center}
  .beat-4__timeline-track{flex-direction:column;gap:0;align-items:flex-start;padding-top:0;padding-left:28px;position:relative}
  .beat-4__timeline-track::before{content:'';position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:rgba(var(--jade-rgb),.25);display:block}
  .beat-4__timeline-step{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;padding:10px 0;gap:8px;text-align:left}
  .beat-4__timeline-dot{position:absolute;left:-22px;top:50%;transform:translateY(-50%);margin:0;z-index:2}
  .beat-4__timeline-dot--final{left:-23px}
  .beat-4__timeline-label{font-size:.8125rem}
  .beat-4__timeline-date{white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:8px}
  .beat-2b__inner{margin:0 20px;border-radius:10px}
  .beat-2b__photo{height:260px}
  .beat-2__flow-wrap{max-width:100%}
  .beat-4__counter{max-width:100%;flex-direction:column}
  .beat-4__counter-enrolled{padding:1.5rem 1.25rem;border-right:none;border-bottom:1px solid rgba(var(--jade-rgb),.15)}
  .beat-4__counter-remaining{padding:1.25rem 1rem;align-items:center}
  .beat-7__girls-cta .btn{display:flex;width:100%;font-size:.8125rem;padding:.75rem 1rem}
}

/* Inline photo between window and team */
.beat-4b__photo{margin:var(--lg) auto;max-width:800px;border-radius:12px;overflow:hidden}
.beat-4b__photo img{width:100%;height:320px;object-fit:cover;object-position:center;display:block}

/* BEAT ARCH – Three-Layer Research Architecture */
.beat-arch{background:var(--sand);padding:var(--lg) var(--md)}
.beat-arch__header{text-align:center;max-width:640px;margin:0 auto var(--lg)}
.beat-arch__header .section-eyebrow{color:var(--eyebrow-light)}
.beat-arch__header h2{margin-bottom:var(--sm)}
.beat-arch__intro{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);max-width:640px;margin:0 auto var(--xl);text-align:center}
.beat-arch__layers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md);margin-bottom:var(--xl)}
.beat-arch__layer{background:var(--white);border-radius:12px;padding:var(--md) var(--md) var(--lg);box-shadow:var(--sh);position:relative;overflow:hidden}
.beat-arch__layer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.beat-arch__layer--1::before{background:var(--jade)}
.beat-arch__layer--2::before{background:var(--sky)}
.beat-arch__layer--3::before{background:var(--terra)}
.beat-arch__layer-num{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}
.beat-arch__layer--1 .beat-arch__layer-num{color:var(--jade)}
.beat-arch__layer--2 .beat-arch__layer-num{color:var(--sky)}
.beat-arch__layer--3 .beat-arch__layer-num{color:var(--terra)}
.beat-arch__layer-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--char);margin-bottom:var(--sm);line-height:1.3}
.beat-arch__layer-body{font-family:var(--font-prose);font-size:.9375rem;color:var(--char);line-height:1.7}
.beat-arch__layer-body p{margin-bottom:.625rem}
.beat-arch__layer-body p:last-child{margin-bottom:0}
.beat-arch__timeline{max-width:860px;margin:0 auto}
.beat-arch__timeline-heading{font-family:var(--font-display);font-size:1.125rem;font-weight:700;text-align:center;color:var(--char);margin-bottom:var(--md)}

/* Beat-6 body copy (dark background – needs sand-toned text) */
.beat-6__body{max-width:640px;margin:0 auto var(--xl)}
.beat-6__body p{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);margin-bottom:var(--md)}
.beat-6__body p:last-child{margin-bottom:0}

@media(max-width:1024px){.beat-arch__layers{grid-template-columns:1fr}}
@media(max-width:767px){.beat-arch__layers{grid-template-columns:1fr}}

/* Dropout section lead line under the relocated hero statement */
.beat-2__lead{font-family:var(--font-prose);font-size:1.0625rem;line-height:1.7;color:var(--wgray)}

/* The whys – heartbeat rhythm: statement, breath, turn */
.study-why p+p{margin-top:var(--sm)}
.study-why__fixes{font-family:var(--font-quote);font-style:italic;color:var(--wgray)}
.study-why__turn{font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,2.8vw,1.75rem)!important;line-height:1.4!important;color:var(--jade-dk);padding:var(--xs) 0}
.study-why__how{margin-top:var(--md)!important}
.study-why__inner--after{margin-top:var(--md)}
.study-why__caption{font-family:var(--font-ui)!important;font-size:.875rem!important;font-weight:600;color:var(--wgray)!important;letter-spacing:.02em}

/* THE CRAFT AND THE PERFORMER */
.craft{background:var(--white);padding:var(--lg) var(--md)}
.craft__inner{max-width:760px;margin:0 auto;text-align:center}
.craft__inner h2{margin-bottom:var(--md)}
.craft__lead{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);margin:0 auto var(--lg);text-align:left}
.craft__chips{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:var(--md)}
.craft__chip{font-family:var(--font-ui);font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;border-radius:8px;border:1.5px solid var(--jade);background:transparent;color:var(--jade-dk);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.craft__chip:hover{background:rgba(var(--jade-rgb),.08)}
.craft__chip.is-active{background:var(--jade);color:var(--white)}
.craft__card{display:grid;grid-template-columns:1fr 1fr;gap:var(--sm);max-width:640px;margin:0 auto var(--md);text-align:left}
.craft__col{background:var(--sand);border-radius:12px;padding:1.25rem 1.5rem}
.craft__col--needs{background:rgba(var(--jade-rgb),.08);border:1px solid rgba(var(--jade-rgb),.2)}
.craft__col-title{font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--jade);margin-bottom:.5rem}
.craft__col-body{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.6;margin:0}
.craft__caption{font-family:var(--font-quote);font-style:italic;font-size:.9375rem;color:var(--jade-dk)}
.craft__col--needs.is-pulse{animation:craftPulse .9s ease}
@keyframes craftPulse{0%{transform:scale(1)}35%{transform:scale(1.03)}100%{transform:scale(1)}}
@media(max-width:767px){.craft__card{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.craft__col--needs.is-pulse{animation:none}}

/* Global frame – above the funnel */
.beat-2__global{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);max-width:640px;margin:0 auto var(--lg);text-align:left}

/* Dropout funnel – staged reveal. Elements hide only once JS arms the
   block (.df-armed), so the funnel stays fully visible without JS and
   under prefers-reduced-motion. */
.df-armed .df-g{opacity:0;transition:opacity .7s ease}
.df-armed .df-stat1,.df-armed .df-stat2,.df-armed .df-stat3,.df-armed .df-pill{transform-box:fill-box;transform-origin:center;transform:scale(.85);transition:opacity .6s ease,transform .6s ease}
.df-armed.df-go .df-g{opacity:1;transform:none}
.df-armed.df-go .df-origin{transition-delay:0s}
.df-armed.df-go .df-s1{transition-delay:.15s}
.df-armed.df-go .df-stat1{transition-delay:.6s}
.df-armed.df-go .df-s2{transition-delay:.7s}
.df-armed.df-go .df-stat2{transition-delay:1.2s}
.df-armed.df-go .df-s3{transition-delay:1.3s}
.df-armed.df-go .df-sv{transition-delay:1.7s}
.df-armed.df-go .df-stat3{transition-delay:1.9s}
.df-armed.df-go .df-pill:nth-of-type(9){transition-delay:2.2s}
.df-armed.df-go .df-pill:nth-of-type(10){transition-delay:2.4s}
.df-armed.df-go .df-pill:nth-of-type(11){transition-delay:2.6s}
.df-armed.df-go .df-pill:nth-of-type(12){transition-delay:2.8s}
.df-armed.df-go .df-pill:nth-of-type(13){transition-delay:3s}
.df-armed.df-go .df-pill:nth-of-type(14){transition-delay:3.2s}
.df-armed.df-go .df-close{transition-delay:3.6s;transition-duration:1s}
@media(prefers-reduced-motion:reduce){.df-armed .df-g{opacity:1;transform:none;transition:none}}

/* MATURATION – boys and girls on different curves.
   Tint + curve colours reuse existing repo values: #F4FAF8 (insight badge),
   #2D7D6F / #1A4A44 (btn--fund, SDI tokens). */
.mat{background:#F4FAF8;padding:var(--lg) var(--md)}
.mat__inner{max-width:1040px;margin:0 auto;text-align:center}
.mat__inner h2{margin-bottom:var(--md)}
.mat__lead{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);max-width:640px;margin:0 auto var(--lg);text-align:left}
.mat__viz{display:grid;grid-template-columns:3fr 2fr;gap:var(--md);align-items:center;max-width:920px;margin:0 auto var(--sm);text-align:left}
.mat__chart{width:100%;height:auto;display:block}
.mat__bg{fill:var(--white)}
.mat__grid{stroke:#D4F0EA;stroke-width:.75}
.mat__axis{stroke:var(--sand-dk);stroke-width:1}
.mat__curve{stroke-width:2.5;stroke-linecap:round}
.mat__curve--girls,.mat__dot--girls{stroke:#2D7D6F}
.mat__curve--boys,.mat__dot--boys{stroke:#1A4A44}
.mat__dot--girls{fill:#2D7D6F;stroke:var(--white);stroke-width:1.5}
.mat__dot--boys{fill:#1A4A44;stroke:var(--white);stroke-width:1.5}
.mat__marker{stroke:var(--wgray);stroke-width:1;stroke-dasharray:4 4;opacity:.6}
.mat__curve-label{font-family:Sora,sans-serif;font-size:13px;font-weight:600}
.mat__curve-label--girls{fill:#2D7D6F}
.mat__curve-label--boys{fill:#1A4A44}
.mat__age-label{font-family:Sora,sans-serif;font-size:11px;fill:var(--wgray)}
.mat__scrub{display:flex;align-items:center;gap:var(--sm);margin-top:var(--xs)}
.mat__scrub-label{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--char);flex-shrink:0}
.mat__scrub input[type=range]{flex:1;accent-color:var(--jade);min-height:32px;margin:0}
.mat__panel{background:var(--white);border:1px solid #D4F0EA;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--sh)}
.mat__panel-band{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--jade-dk);margin-bottom:.375rem}
.mat__panel-note{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.6;margin:0}
.mat__note{font-family:var(--font-ui);font-size:.75rem;color:var(--wgray);margin-top:var(--sm)}
@media(max-width:767px){.mat__viz{grid-template-columns:1fr}}

/* RESEARCH PARTNERS */
.rp{background:#F4FAF8;padding:var(--lg) var(--md)}
.rp__inner{max-width:680px;margin:0 auto;text-align:center}
.rp .section-eyebrow{color:var(--eyebrow-light)}
.rp__inner h2{margin-bottom:var(--md)}
.rp__inner p{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);line-height:1.75;color:var(--char);margin-bottom:var(--md);text-align:left}
.rp__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sm)}

/* STUDY TIMELINE – split out of the architecture section */
.beat-timeline{background:var(--white)}

/* CREDIBILITY – the science, compressed (study.html) */
.cred{background:#F4FAF8;padding:var(--lg) var(--md)}
.cred__inner{max-width:1040px;margin:0 auto}
.cred__header{text-align:center;max-width:640px;margin:0 auto var(--lg)}
.cred__header .section-eyebrow{color:var(--eyebrow-light)}
.cred__header h2{margin-bottom:var(--sm)}
.cred__header p{font-family:var(--font-prose);font-size:clamp(1rem,1.8vw,1.0625rem);color:var(--char);line-height:1.7}
.cred__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sm);margin-bottom:var(--xl)}
.cred__card{background:var(--white);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--sh)}
.cred__card h3{font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:var(--jade-dk);margin-bottom:.375rem}
.cred__card p{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.6;margin:0}
.cred__depth{text-align:center;margin-top:var(--lg);max-width:640px;margin-left:auto;margin-right:auto}
.cred__depth p{font-family:var(--font-ui);font-size:.9375rem;color:var(--wgray);line-height:1.65;margin-bottom:var(--sm)}
.cred__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sm)}
@media(max-width:1024px){.cred__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.cred__grid{grid-template-columns:1fr}}

/* Catalytic framing line inside the gift chain header */
.support-chain__catalytic{margin-top:var(--sm)}

/* EVIDENCE PAGE – header and close */
.ev-head{background:var(--white);padding:calc(var(--lg) + 16px) var(--md) var(--md);text-align:center}
.ev-head__inner{max-width:680px;margin:0 auto}
.ev-head .section-eyebrow{color:var(--eyebrow-light)}
.ev-head h1{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.2;color:var(--char);margin-bottom:var(--sm)}
.ev-head p{font-family:var(--font-quote);font-style:italic;font-size:clamp(1rem,2vw,1.125rem);color:var(--wgray);line-height:1.7}
.ev-close{background:var(--sand);padding:var(--lg) var(--md);text-align:center}
.ev-close__inner{max-width:640px;margin:0 auto}
.ev-close__line{font-family:var(--font-quote);font-size:clamp(1.125rem,2.3vw,1.5rem);font-style:italic;color:var(--char);line-height:1.65;margin-bottom:var(--lg)}
.ev-close__cta{display:flex;gap:var(--sm);justify-content:center;flex-wrap:wrap}

/* RESEARCH & INSTITUTIONAL CONTEXT – moved from the About page */
.study-institutions{background:var(--sand);padding:var(--lg) var(--md)}
.study-institutions__inner{max-width:780px;margin:0 auto}
.study-institutions__header{text-align:center;max-width:580px;margin:0 auto var(--lg)}
.study-institutions__header .section-eyebrow{color:var(--eyebrow-light)}
.study-institutions__header h2{margin-bottom:var(--sm)}
.study-institutions__list{display:flex;flex-direction:column;gap:var(--md)}
.study-institutions__row{display:flex;align-items:flex-start;gap:var(--md);padding:var(--md);background:var(--white);border-radius:12px;box-shadow:var(--sh)}
.study-institutions__logo-placeholder{width:72px;height:72px;border-radius:50%;background:var(--sand-dk);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.study-institutions__logo-placeholder span{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;color:var(--wgray);letter-spacing:.03em}
.study-institutions__text h3{font-family:var(--font-ui);font-size:1rem;font-weight:600;color:var(--char);margin-bottom:.375rem}
.study-institutions__text p{font-family:var(--font-ui);font-size:.875rem;color:var(--char);line-height:1.65}
@media(max-width:767px){
  .study-institutions{padding:52px 20px}
  .study-institutions__row{flex-direction:column;align-items:center;text-align:center}
}

/* STUDY – single video-led section */
.study-video{background:var(--sand);padding:var(--xl) var(--md)}
.study-video__inner{max-width:1040px;margin:0 auto}
.study-video__header{text-align:center;max-width:720px;margin:0 auto var(--lg)}
.study-video__header .section-eyebrow{color:var(--eyebrow-light)}
.study-video__title{font-family:var(--font-display);font-size:clamp(1.75rem,4.2vw,2.75rem);font-weight:800;line-height:1.15;color:var(--jade-dk);margin-bottom:var(--sm)}
.study-video__line{display:block}
.study-video__lede{font-family:var(--font-prose);font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.7;color:var(--char);margin:0}
.study-video__lede strong{color:var(--jade-dk)}
.study-video__grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--lg);align-items:center}
.study-video__media{text-align:center}
.study-video__phone{width:100%;max-width:300px;margin:0 auto;padding:12px;background:var(--char);border-radius:40px;box-shadow:var(--sh2);position:relative}
.study-video__phone::before{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:12px;background:var(--char);z-index:2;pointer-events:none}
.study-video__screen{aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:var(--g-deep)}
.study-video__trigger,.study-video__frame{display:block;width:100%;height:100%;border:0}
.study-video__trigger{position:relative;padding:0;background:var(--g-deep);cursor:pointer;font:inherit;color:inherit}
.study-video__trigger:disabled{cursor:default}
.study-video__trigger:focus-visible{outline:2px solid var(--jade-lt);outline-offset:-4px}
.study-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--white);border:4px solid var(--jade);box-shadow:var(--sh2);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background .15s ease}
.study-video__play svg{width:34px;height:34px;margin-left:5px;fill:var(--jade)}
.study-video__trigger:not(:disabled):hover .study-video__play,.study-video__trigger:focus-visible .study-video__play{background:var(--sand)}
.study-video__caption{font-family:var(--font-quote);font-style:italic;font-size:.9375rem;color:var(--wgray);margin:var(--sm) auto 0;max-width:300px}
.study-video__body p{font-family:var(--font-prose);font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.7;color:var(--char);margin-bottom:var(--sm)}
.study-video__body strong{color:var(--jade-dk)}
.study-video__body .study-video__math{font-family:var(--font-ui);font-size:.9375rem;color:var(--wgray)}
.study-video__content .support-chain__cta{justify-content:flex-start;margin-top:var(--md)}
.study-video__content .support-chain__cta .btn--fund{margin:0}
.study-video__pi{font-family:var(--font-ui);font-size:.875rem;line-height:1.6;color:var(--char);margin:var(--md) 0 0;padding:var(--sm) 1.25rem;background:var(--white);border-radius:10px;box-shadow:var(--sh)}
.study-video__fiscal{font-family:var(--font-ui);font-size:.8125rem;line-height:1.55;color:var(--wgray);margin:var(--md) 0 0}
@media(max-width:1024px){.study-video__grid{grid-template-columns:1fr;gap:var(--md)}.study-video__content{text-align:center}.study-video__content .support-chain__cta{justify-content:center}}
@media(max-width:767px){.study-video{padding:var(--lg) 20px}.study-video__play{width:68px;height:68px}.study-video__play svg{width:28px;height:28px;margin-left:4px}}

/* RESEARCH VIDEO POSTER – R1 mascot artwork behind the play button (owner override, Nov 2026) */
.study-video__screen{background:var(--white)}
.study-video__trigger{background:var(--white) url("../img/research-mascot-poster.webp") 50% 8%/135% auto no-repeat}
.study-video__play{top:80%}