/* Motion complements the existing violet art direction; layout stays intact. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.editorial-loop{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;background:#1b132a}
.tour-image .editorial-loop{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.tour-image:hover .editorial-loop{transform:scale(1.035)}
.approach-image{position:relative;overflow:hidden}
.section-motion-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:transparent;border:1px solid #7853a34d;border-radius:24px;padding:10px 16px;color:#593a79;font:inherit;font-size:12px;line-height:1.4;cursor:pointer;margin-bottom:20px}
.section-motion-button:before{content:'Ⅱ';font-size:15px}
.section-motion-button[aria-pressed=true]:before{content:'▷'}
.section-motion-button:disabled{cursor:default;opacity:.75}
.section-motion-button:focus-visible{outline:2px solid #8e5fd0;outline-offset:4px}
body[data-theme=violet][data-motion=on] .reveal-ready{transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
body[data-theme=violet][data-motion=on] .reveal-ready:not(.is-revealed){opacity:0;transform:translate3d(0,24px,0)}
body[data-theme=violet][data-motion=on] .cinematic-copy h1{animation:neohow-title-in 1.1s cubic-bezier(.16,1,.3,1) both}
body[data-theme=violet][data-motion=on] .cinematic-copy h1>span{display:inline-block;animation:neohow-accent-in 1.3s .12s cubic-bezier(.16,1,.3,1) both}
body[data-theme=violet][data-motion=on] .approach-list li{transition:transform .3s,color .3s}
body[data-theme=violet][data-motion=on] .approach-list li:hover{transform:translateX(6px);color:#d9c2fb}
@keyframes neohow-title-in{from{opacity:0;transform:translateY(28px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@keyframes neohow-accent-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
body[data-motion=off] [data-reveal],body[data-senior=on] [data-reveal]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;clip-path:none!important}
body[data-senior=on] .section-motion-button{font-size:18px;min-height:56px}
@media(prefers-reduced-motion:reduce){[data-reveal],.cinematic-copy h1,.cinematic-copy h1>span{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;clip-path:none!important}.tour-image .editorial-loop{transition:none}.tour-image:hover .editorial-loop{transform:none}}
@media(max-width:760px){.section-motion-button{margin-bottom:16px;font-size:13px}.editorial-loop{object-position:center}.approach-image .editorial-loop{object-position:50% 45%}}

/* Keep a view of the film between the main copy and the mobile planner. */
@media(max-width:760px){body:not([data-senior=on]) .cinematic-hero.has-video .quick-planner{margin-top:170px}}