/* Editorial scroll narrative — progressively enhanced, no scroll hijacking */
.story{background:#2b191c;color:#fff7f2;position:relative;overflow:clip}.story-intro{text-align:center;padding:90px 6% 68px;max-width:880px;margin:auto}.story-intro .eyebrow{color:#ffb9bd}.story-intro h2{font:400 clamp(42px,5vw,78px)/1.04 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;margin:18px 0 22px}.story-intro h2 em,.story-chapter h3 em{color:#ff9fae}.story-intro p{font-size:16px;line-height:1.7;color:#e5cbd0;max-width:550px;margin:auto}.story-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,100px);max-width:1520px;margin:auto;padding:0 6% 70px}.story-visual{height:min(74vh,680px);min-height:420px;position:sticky;top:12vh;align-self:start;border-radius:24px;overflow:hidden;background:#6b3a43;box-shadow:0 24px 70px #13090c70}.story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.09);transition:opacity .85s ease,transform 1.8s cubic-bezier(.2,.75,.2,1)}.story-image.story-active{opacity:1;transform:scale(1)}.story-index{position:absolute;bottom:25px;left:30px;display:flex;align-items:center;gap:14px;font:600 13px Manrope,sans-serif;letter-spacing:.14em;text-shadow:0 2px 10px #0009}.story-index-rule{height:1px;width:64px;background:#fff9}.story-chapter{min-height:75vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px 0;opacity:.52;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}.story-chapter.story-active{opacity:1;transform:translateY(0)}.story-number{font-size:11px;letter-spacing:.22em;color:#ffadb9;font-weight:700}.story-chapter h3{font:400 clamp(40px,4.2vw,66px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-.025em;margin:22px 0}.story-chapter p{font-size:16px;line-height:1.8;max-width:450px;color:#e5cbd0}.story-link{display:inline-flex;gap:25px;margin-top:28px;border:1px solid #ffb1bf;border-radius:40px;padding:16px 23px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;transition:background .2s,color .2s}.story-link:hover{background:#ffb1bf;color:#2b191c}@media(max-width:760px){.story-intro{padding:65px 7% 35px}.story-stage{display:block;padding:0 6% 60px}.story-visual{position:sticky;top:0;height:42vh;min-height:270px;border-radius:0 0 18px 18px;z-index:1}.story-chapter{min-height:55vh;padding:55px 5%}.story-chapter h3{font-size:clamp(38px,9vw,54px)}.story-intro h2{font-size:clamp(42px,9vw,65px)}}@media(prefers-reduced-motion:reduce){.story-image,.story-chapter{transition:none!important;transform:none!important}}

/* Desktop editorial layout correction: fill canvas and avoid narrow image column */
@media(min-width:1100px){
.story-intro{padding-top:100px;padding-bottom:65px}
.story-stage{max-width:1760px;width:100%;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(48px,5vw,110px);padding-left:clamp(38px,5vw,100px);padding-right:clamp(38px,5vw,100px)}
.story-visual{width:100%;height:min(78vh,760px);min-height:540px;top:11vh;justify-self:stretch}
.story-chapters{min-width:0}.story-chapter{min-height:78vh;max-width:620px}
.story-chapter h3{font-size:clamp(49px,4.2vw,78px);max-width:650px}.story-chapter p{font-size:17px;max-width:530px}
}
@media(min-width:1600px){.story-stage{max-width:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(70px,5vw,130px);padding-left:6vw;padding-right:7vw}.story-visual{height:min(76vh,800px)}}
/* Neutralize legacy .story grid rule from pet-rebrand.css */
section.story{display:block!important;max-width:none!important;margin:0!important;padding:0!important;grid-template-columns:none!important}
section.story .story-stage{box-sizing:border-box;display:grid;width:100%;margin:0 auto}
section.story .story-intro{box-sizing:border-box}
@media(max-width:760px){section.story .story-stage{display:block}}

/* Cinematic reference alignment: elegant navigation, no fake video playback */
.story-visual{border-radius:24px}.story-video-chrome{position:absolute;z-index:2;bottom:0;left:0;right:0;height:83px;display:flex;align-items:flex-end;padding:0 30px 24px;gap:22px;background:linear-gradient(0deg,#16090b9c,transparent);font:600 13px Manrope,sans-serif;color:white;pointer-events:none}.story-track{height:4px;flex:1;align-self:flex-end;margin-bottom:7px;background:#ffffff7a;border-radius:10px;overflow:hidden}.story-track i{display:block;width:30%;height:100%;background:white;border-radius:10px}.story-pause-icon{font-size:22px;line-height:1}.story-muted{font-size:16px}.story-index{bottom:94px;z-index:2}.story-navigation{position:sticky;bottom:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;pointer-events:none}.story-nav-button{pointer-events:auto;cursor:pointer;width:54px;height:54px;border:1px solid #f8d9d8;border-radius:50%;color:#fff;font:400 36px/1 Georgia,serif;background:#3a2028e0;transition:background .2s,transform .2s}.story-nav-button:hover{background:#ef6881;transform:translateY(-2px)}.story-nav-count{display:flex;align-items:center;gap:18px;font:700 13px Manrope,sans-serif;letter-spacing:.16em}.story-nav-count i{width:60px;height:1px;background:#f9c2c8}.story-link{background:#f36d86;color:#fff;border:0;box-shadow:0 12px 30px #14080d3d}.story-link:hover{background:#ffb1bf}.story-chapter h3{letter-spacing:-.04em}.story-image{filter:saturate(.9)}@media(max-width:760px){.story-video-chrome{height:56px;padding:0 15px 12px;gap:12px;font-size:10px}.story-index{bottom:62px;left:15px}.story-navigation{bottom:8px}.story-nav-button{width:43px;height:43px;font-size:28px}.story-nav-count i{width:28px}}

.story-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:1}.story-motion.story-active{opacity:1}@media(prefers-reduced-motion:reduce){.story-motion{display:none}}