.stories-motion{position:relative;margin:2rem 0 0;padding:clamp(1rem,3vw,2.5rem);border:1px solid #6e6653;border-top:4px solid #f3c74f;background:#191915;color:#f8f4e9;overflow:hidden;isolation:isolate}
.stories-motion::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 52%,#f3c74f0a 52%,#f3c74f0a 53%,transparent 53%);pointer-events:none}
.stories-motion-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;border-bottom:1px solid #504c40;padding-bottom:.75rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#d9cfb9}
.stories-motion-toggle{flex:none;min-height:44px;min-width:112px;padding:.65rem .8rem;border:1px solid #d5bc71;background:transparent;color:#f8f4e9;font:inherit;letter-spacing:.06em;cursor:pointer}
.stories-motion-toggle:hover{background:#f3c74f;color:#10100f}.stories-motion-toggle:focus-visible,.stories-motion-copy a:focus-visible{outline:3px solid #f3c74f;outline-offset:4px}
.stories-motion-stage{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(2rem,4vw,3.5rem) 0 1rem}
.stories-motion-kicker{margin:0 0 1rem;color:#f3c74f;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.stories-motion-copy h2{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.7rem,5.5vw,5.5rem);font-weight:950;line-height:.92;letter-spacing:-.065em}.stories-motion-copy h2 em{font-style:normal;color:#f3c74f}
.stories-motion-copy>p:not(.stories-motion-kicker){max-width:26rem;margin:1.2rem 0;color:#d9d3c5;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.5}
.stories-motion-copy a{display:inline-flex;align-items:center;gap:.75rem;min-height:44px;font-size:.85rem;font-weight:800;text-underline-offset:.35em;text-decoration-thickness:1px}
.stories-motion-rule{display:block;width:96px;height:3px;margin-top:1.4rem;background:#f3c74f;transform-origin:left;animation:stories-rule 8s ease-in-out infinite alternate;animation-play-state:paused}
.stories-motion-art{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:1rem;padding:12px 10px}
.stories-motion-card{margin:0;background:#f8f4e9;border:5px solid #f8f4e9;color:#191915;box-shadow:0 12px 26px #0005;animation:stories-float 8s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}
.stories-motion-card img{display:block;width:100%;height:auto;object-fit:contain}.stories-motion-card figcaption{padding:.5rem .4rem .2rem;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;line-height:1.4}
.stories-motion-card--southern{width:100%;--float-y:8px;--float-angle:.6deg}
.stories-motion-card--bcu{width:100%;margin-top:2.5rem;--float-y:-8px;--float-angle:-.6deg;animation-delay:-4s}
.stories-motion[data-running="true"] .stories-motion-card,.stories-motion[data-running="true"] .stories-motion-rule{animation-play-state:running}
.stories-motion-credit{margin:1rem 0 0;padding-top:1rem;border-top:1px solid #504c40;color:#bbb3a1;font-size:.65rem;line-height:1.5}
@keyframes stories-float{from{transform:translateY(calc(var(--float-y)*-1)) rotate(calc(var(--float-angle)*-1))}to{transform:translateY(var(--float-y)) rotate(var(--float-angle))}}
@keyframes stories-rule{from{transform:scaleX(.6)}to{transform:scaleX(1)}}
@media(max-width:760px){.stories-motion-stage{grid-template-columns:1fr;gap:1rem}.stories-motion-copy h2{font-size:clamp(2.7rem,9vw,4.6rem)}.stories-motion-top{font-size:.6rem;letter-spacing:.06em}.stories-motion-top>span:first-child{max-width:10rem;line-height:1.5}.stories-motion-art{gap:.75rem;padding:12px 4px}.stories-motion-card figcaption{font-size:.55rem}.stories-motion-card--bcu{margin-top:1.5rem}.stories-motion-credit{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.stories-motion-card,.stories-motion-rule{animation:none;transform:none}.stories-motion-toggle{display:none}}