/* One continuous scene or two stills; both share the approved copy and geometry. */
.bone-story{position:relative;background:#080D0B;color:#F4F6F4;scroll-margin-top:0}
.bone-story-stage{position:relative;min-height:660px;height:min(calc(var(--a5-vh,1vh)*100),960px);overflow:hidden}
.bone-story-images{position:absolute;inset:0}
.bone-story-images img,.bone-story-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block}
.bone-story-images img{transition:opacity .65s ease}
.bone-story-after{opacity:0}
.bone-story-film{opacity:0;transition:opacity .25s ease}
.bone-story[data-video-ready="true"] .bone-story-film{opacity:1}
.bone-story[data-mode="images"][data-stage="healing"] .bone-story-after{opacity:1}
.bone-story-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d0bf2 0%,#080d0bcd 36%,#080d0b4d 68%,transparent 90%)}
.bone-story-copy{position:absolute;top:50%;left:max(6vw,calc((100vw - 1360px)/2));transform:translateY(-50%);width:46%;max-width:650px;z-index:2;display:grid}
.bone-story-copy>div{grid-area:1/1;transition:opacity .22s ease,transform .45s ease;align-self:center}
.bone-story-copy h2{margin:0;font-size:clamp(34px,4.1vw,64px);line-height:1.08;letter-spacing:-.035em;font-weight:650;text-wrap:balance}
.bone-story-copy p{font-size:clamp(18px,1.5vw,23px);line-height:1.5;max-width:38ch;margin:24px 0 0;color:#e0e7e1}
.bone-story-healing{opacity:0;visibility:hidden;transform:translateY(12px)}
.bone-story[data-stage="healing"] .bone-story-vibration{opacity:0;visibility:hidden;transform:translateY(-8px)}
.bone-story[data-stage="healing"] .bone-story-healing{opacity:1;visibility:visible;transform:none;transition-delay:.24s}
.bone-story-note{position:absolute;left:6%;bottom:30px;z-index:2;font:11px/1.5 Archivo,system-ui;letter-spacing:.06em;color:#b9c9bf}
.bone-story-toggle{position:absolute;right:28px;bottom:22px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#15352ac7;color:white;cursor:pointer}
.bone-story-toggle[hidden],.bone-story-film[hidden]{display:none}
.bone-story-toggle:focus-visible{outline:2px solid #9BE2CD;outline-offset:4px}
.availability-section{background:#182C22;color:#F4F6F4;padding:clamp(40px,5vw,64px) clamp(24px,6vw,80px)}
.availability-section>div{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:28px;align-items:baseline}
.availability-section h2{font:600 12px/1.5 Archivo,system-ui;letter-spacing:.1em;margin:0;color:#B7D6C6}
.availability-section p{margin:0;font-size:clamp(22px,2.5vw,32px);line-height:1.3;letter-spacing:-.025em;text-wrap:balance}
.professional-access h2{font-size:clamp(30px,3.4vw,50px)!important;display:flex;align-items:center;gap:15px}
.portal-arrow{font-weight:400;color:#9DDFC5;font-size:.8em}
@media(max-width:760px){
 .bone-story-stage{height:calc(var(--a5-vh,1vh)*95);min-height:640px;max-height:900px}
 .bone-story-images img,.bone-story-film{object-position:66% 50%}
 .bone-story-stage:after{background:linear-gradient(170deg,#080d0bd9 0%,#080d0bbd 28%,#080d0b99 51%,#080d0b14 82%)}
 .bone-story-copy{top:44%;left:6%;width:88%;max-width:none;transform:translateY(-50%)}
 .bone-story-copy>div{align-self:start}
 .bone-story-copy h2{font-size:clamp(36px,9.2vw,46px);line-height:1.1;text-wrap:pretty;letter-spacing:-.03em}
 .bone-story-copy p{font-size:clamp(21px,5.2vw,24px);line-height:1.5;margin-top:24px;max-width:34ch}
 .availability-section>div{grid-template-columns:1fr;gap:16px}
 .professional-access{padding-top:70px!important;padding-bottom:70px!important}
 .portal-arrow{transform:rotate(90deg)}
}
@media(prefers-reduced-motion:reduce){
 .bone-story-stage{height:auto;min-height:0;padding:30px 6% 70px}
 .bone-story-images{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}
 .bone-story-images img{position:relative;width:100%;height:220px;opacity:1;transition:none;border-radius:8px}
 .bone-story-stage:after{display:none}
 .bone-story-copy{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
 .bone-story-copy>div{grid-area:auto;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
 .bone-story-copy h2{font-size:clamp(24px,3vw,40px)}
 .bone-story-film,.bone-story-toggle{display:none!important}
}
@media(max-width:500px) and (prefers-reduced-motion:reduce){.bone-story-images img{height:160px}.bone-story-copy{grid-template-columns:1fr;gap:32px}.bone-story-copy h2{font-size:36px}.bone-story-copy p{font-size:21px}}
/* Keep the animation control clear of the site's floating session timer. */
@media(max-width:760px){.bone-story-toggle{bottom:100px;right:24px}}
/* Each passage arrives as a short sequence, with a quiet grey reading layer. */
.bone-story-copy p{color:#99A79E;font-weight:450}
.bone-story-copy p strong{color:#EDF2EE;font-weight:550}
.bone-story-copy>div>h2,.bone-story-copy>div>p{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .95s cubic-bezier(.2,.7,.25,1)}
.bone-story[data-entered="true"][data-stage="vibration"] .bone-story-vibration>*,.bone-story[data-entered="true"][data-stage="healing"] .bone-story-healing>*{opacity:1;transform:none}
.bone-story[data-stage="vibration"] .bone-story-vibration>p,.bone-story[data-stage="healing"] .bone-story-healing>p{transition-delay:.16s}
@media(prefers-reduced-motion:reduce){.bone-story-copy>div>*{opacity:1!important;transform:none!important;transition:none!important}}

/* Second review version: copy above the complete, unobscured 16:9 film. */
.bone-story--separated{background:#050706}
.bone-story--separated .bone-story-stage{box-sizing:border-box;width:100%;display:flex;flex-direction:column;max-width:1400px;margin:auto;padding:76px 6%;height:auto;min-height:0;overflow:visible}
.story-variant-label{order:0;margin:0 0 26px;color:#91AA9B;font:500 11px/1.5 Archivo,system-ui;letter-spacing:.16em}
.bone-story--separated .bone-story-copy{order:1;position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;margin:0 0 36px}
.bone-story--separated .bone-story-copy>div{display:grid;grid-template-columns:1.2fr 1fr;gap:58px;align-items:center}
.bone-story--separated .bone-story-copy h2{font-size:clamp(36px,3.7vw,52px);line-height:1.12;text-wrap:balance}
.bone-story--separated .bone-story-copy p{font-size:clamp(21px,1.9vw,25px);line-height:1.5;margin:0;max-width:34ch}
.bone-story--separated .bone-story-images{order:2;position:relative;inset:auto;width:100%;aspect-ratio:auto;flex:none;overflow:hidden;border-radius:var(--media-radius,24px);background:#0b120d}
.bone-story--separated .bone-story-images img,.bone-story--separated .bone-story-film{object-fit:contain;object-position:center}
.bone-story--separated .bone-story-stage:after{display:none}
.bone-story--separated .bone-story-note{order:3;position:relative;left:auto;bottom:auto;margin-top:15px;color:#91A799}
.bone-story--separated .bone-story-toggle{position:absolute;bottom:16px;right:16px}
@media(max-width:760px){
 .bone-story--separated .bone-story-stage{padding:52px 24px 48px;max-height:none}
 .story-variant-label{margin-bottom:25px}
 .bone-story--separated .bone-story-copy{margin-bottom:28px}
 .bone-story--separated .bone-story-copy>div{display:block;align-self:center}
 .bone-story--separated .bone-story-copy h2{font-size:36px;line-height:1.12;text-wrap:pretty}
 .bone-story--separated .bone-story-copy p{font-size:21px;line-height:1.45;margin:21px 0 0}
 .bone-story--separated .bone-story-toggle{position:absolute;bottom:12px;right:12px}
 .bone-story--separated .bone-story-note{font-size:10px;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){
 .bone-story--separated .bone-story-copy{grid-template-columns:1fr 1fr;gap:32px}
 .bone-story--separated .bone-story-copy>div{display:block}
 .bone-story--separated .bone-story-copy p{margin-top:20px}
 .bone-story--separated .bone-story-images{aspect-ratio:auto;background:none;border-radius:0}
 .bone-story--separated .bone-story-images img{height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:var(--media-radius,24px)}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.bone-story--separated .bone-story-copy{grid-template-columns:1fr;gap:32px}}

/* Percentage spacer avoids Safari flex/aspect-ratio using the padded parent width. */
.bone-story--separated .bone-story-images:before{content:"";display:block;padding-top:56.25%}
@media(prefers-reduced-motion:reduce){.bone-story--separated .bone-story-images:before{display:none}}

/* Mobile copy responds as the section arrives, without staggered waiting. */
@media(max-width:760px){
 .bone-story-copy>div{transition:opacity .18s ease,transform .22s ease;transition-delay:0!important}
 .bone-story-copy>div>h2,.bone-story-copy>div>p{transition:opacity .2s ease,transform .25s ease;transition-delay:0!important}
}