/* Editorial catalog: local images, native rails and restrained motion. */
.catalog-hero { min-height:780px; overflow:hidden; }
.catalog-hero .scroll-cue { bottom:73px; z-index:2; }
.catalog-hero .hero-art { inset:0; opacity:.32; }
.catalog-hero .hero-art img { object-position:42% center; }
.catalog-hero .hero-vignette { background:linear-gradient(90deg,#050b13 0%,#050b13aa 48%,#050b1320 75%),linear-gradient(0deg,#050b13,transparent 40%,#050b1340); }
.catalog-hero .hero-inner { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:20px; padding-block:74px 100px; }
.catalog-hero .hero-copy { position:relative; z-index:2; }
.catalog-hero h1 { font-size:clamp(50px,5.2vw,76px); line-height:1.08; }
.catalog-hero .hero-lead { max-width:410px; font-size:16px; line-height:1.8; margin-block:26px 29px; }
.catalog-hero .hero-actions { flex-wrap:wrap; gap:12px; }
.catalog-hero .hero-actions .button { font-size:12px; padding-inline:21px; }
.hero-price { margin-top:34px; display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:24px; max-width:390px; border-top:1px solid #9ccee427; padding-top:22px; }
.hero-price>span { grid-column:1/-1; color:#8aabbe; font-size:8px; font-weight:800; letter-spacing:.16em; }
.hero-price p { color:#afc6d5; font-size:11px; margin-top:4px; }
.hero-price strong { color:#fff; font-size:25px; letter-spacing:-.05em; margin-left:3px; }
.hero-price strong span { color:#9fb8ca; font-size:11px; font-weight:500; letter-spacing:0; }
.hero-price a { font-size:10px; color:#c9eef7; display:flex; gap:9px; align-items:center; min-height:44px; }
.hero-price a svg { width:15px; }
.hero-visual { height:580px; position:relative; min-width:0; isolation:isolate; }
.mosaic-glow { position:absolute; inset:6% -5%; background:radial-gradient(ellipse,#0d77954d,transparent 70%); z-index:-1; }
.hero-mosaic { position:absolute; inset:-35px -24px -5px 10px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; transform:rotate(-8deg); mask-image:linear-gradient(0deg,transparent,#000 14%,#000 88%,transparent); }
.mosaic-poster { border-radius:12px; overflow:hidden; align-self:start; box-shadow:0 18px 35px #0008; border:1px solid #c4e6f52e; aspect-ratio:2/3; }
.mosaic-poster img { width:100%; height:100%; object-fit:cover; }
.mosaic-2,.mosaic-5 { transform:translateY(47px); }
.mosaic-3,.mosaic-6 { transform:translateY(90px); }
.hero-float { position:absolute; left:12px; bottom:44px; display:flex; align-items:center; gap:11px; padding:17px 19px; background:#0a1f30ed; border:1px solid #8cdbf544; box-shadow:0 16px 40px #0006; border-radius:12px; backdrop-filter:blur(12px); font-size:8px; font-weight:700; letter-spacing:.08em; }
.hero-float svg { width:20px; height:20px; fill:none; stroke:#55d9fb; stroke-width:1.3; }
.hero-mosaic-label { position:absolute; bottom:5px; right:0; font-size:9px; color:#98b7ca; }
.platforms-band { margin-top:32px; padding-block:35px 26px; }
.platforms-heading { display:flex; justify-content:space-between; align-items:center; gap:28px; }
.platforms-heading h2 { font-size:clamp(26px,2.5vw,36px); letter-spacing:-.05em; line-height:1.24; }
.platforms-heading .eyebrow { font-size:8px; margin-bottom:13px; }
.motion-control { display:flex; align-items:center; justify-content:center; gap:9px; padding:10px 16px; min-height:44px; border-radius:999px; border:1px solid #b9d1df; background:#ffffff8c; color:#23516a; font-size:11px; white-space:nowrap; }
.motion-control:disabled { opacity:.8; cursor:default; }
.motion-control>span:first-child { font-size:15px; }
.platform-viewport { overflow-x:auto; overscroll-behavior-x:contain; margin-top:32px; scrollbar-width:thin; scrollbar-color:#8baebe transparent; }
.platform-viewport.has-motion { overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.platform-track { display:flex; width:max-content; }
.platform-track.is-animated { animation:platform-drift 65s linear infinite; animation-delay:var(--platform-delay,0s); animation-play-state:paused; }
.platform-viewport.is-static .platform-track { animation:none; transform:none; margin-inline:auto; }
.platform-group[hidden] { display:none; }
.platform-track.is-running { animation-play-state:running; will-change:transform; }
.platform-viewport:hover .platform-track,.platform-viewport:focus-within .platform-track { animation-play-state:paused; }
.platform-group { display:flex; gap:18px; padding:8px 18px 14px 0; margin:0; list-style:none; }
.platform-card { flex:0 0 160px; width:160px; height:94px; display:grid; place-items:center; border-radius:12px; overflow:hidden; background:#fff; border:1px solid #bfd4df; box-shadow:0 8px 16px -12px #153b4d50; }
.platform-card img { width:100%; height:100%; object-fit:cover; }
.platform-note { font-size:10px; line-height:1.8; margin-top:14px; color:#466477; }
@keyframes platform-drift { to { transform:translateX(var(--platform-shift,-50%)); } }
.catalog-section { padding-top:145px; padding-bottom:130px; }
.catalog-section .section-heading { margin-bottom:34px; }
.catalog-section .section-heading>p { font-size:14px; }
.catalog-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
.catalog-bar .filter-group { border-radius:999px; padding:5px; }
.catalog-bar .filter { border-radius:999px; font-size:12px; min-height:42px; padding-inline:23px; }
.rail-feedback { display:flex; align-items:center; gap:22px; }
.rail-feedback>span { font-size:10px; color:#9bb6c9; }
.rail-controls { display:flex; gap:8px; }
.rail-arrow { width:44px; height:44px; display:grid; place-items:center; background:#102433; color:#d7eaf4; border:1px solid #56778c77; border-radius:50%; transition:background .2s,border-color .2s; }
.rail-arrow svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.5; }
.rail-arrow.prev svg { transform:rotate(180deg); }
.rail-arrow:hover { border-color:#5ed9f6; background:#173c50; }
.rail-arrow[aria-disabled=true] { opacity:.35; }
.poster-rail { display:flex; gap:19px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#2d5269 transparent; padding:3px 2px 19px; scroll-behavior:smooth; scroll-padding-inline:2px; }
.content-card { flex:0 0 calc((100% - 76px)/5); min-width:0; scroll-snap-align:start; }
.content-card[hidden] { display:none; }
.cover-button { display:block; width:100%; text-align:left; padding:0; border:0; background:none; color:#edf7fd; border-radius:12px; }
.cover-frame { display:block; position:relative; aspect-ratio:2/3; overflow:hidden; background:#112234; border-radius:12px; border:1px solid #c6e1f12b; box-shadow:0 12px 25px -16px #000; }
.cover-frame>img { width:100%; height:100%; object-fit:contain; transition:transform .35s ease; }
.cover-action { display:flex; align-items:center; justify-content:space-between; position:absolute; inset:auto 0 0; padding:35px 16px 16px; background:linear-gradient(transparent,#04101bee); font-size:11px; opacity:0; transform:translateY(5px); transition:opacity .2s,transform .2s; }
.cover-action svg { width:17px; }
.card-kind { display:flex; align-items:center; justify-content:space-between; gap:4px; margin-top:16px; font-size:8px; letter-spacing:.12em; color:#48ccea; font-weight:700; }
.card-kind>span { color:#7d9bb0; font-size:6px; letter-spacing:.06em; font-weight:500; }
.card-title { display:block; margin-top:7px; font-size:14px; font-weight:700; line-height:1.45; letter-spacing:-.025em; min-height:40px; }
.cover-button:focus-visible .cover-action { opacity:1; transform:none; }
.rail-foot,.stories-footer { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:16px; }
.rail-foot p,.stories-footer p { font-size:11px; line-height:1.8; max-width:620px; }
.rail-foot .text-link,.stories-footer .text-link { font-size:11px; flex-shrink:0; }
.sports-inner { padding-block:70px 54px; }
.sports-inner .section-heading>p { font-size:14px; }
.sports-stage { min-height:490px; position:relative; isolation:isolate; overflow:hidden; border-radius:22px; background:#051821; color:#f5f9fc; display:grid; grid-template-columns:1fr .3fr; align-items:center; padding:54px; gap:35px; border:1px solid #578fa57a; box-shadow:0 30px 60px -30px #0a3e5a66; }
.sports-stage>picture { position:absolute; inset:0; z-index:-3; }
.sports-stage>picture img { width:100%; height:100%; object-fit:cover; object-position:center 64%; }
.sports-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#03111def, #03111da8 46%,#03111d39),linear-gradient(0deg,#03111d87,transparent 70%); }
.stage-tag { display:inline-flex; gap:8px; align-items:center; font-size:9px; letter-spacing:.13em; color:#e3f6ff; font-weight:700; padding:9px 12px; border:1px solid #d5effb50; border-radius:999px; background:#2e6c7c26; }
.stage-tag svg { width:15px; }
.sports-copy h3 { font-size:clamp(35px,4.5vw,61px); line-height:1.14; letter-spacing:-.06em; margin-top:24px; }
.sports-copy h3 span { color:#68e1fa; }
.sports-copy>p { color:#d5e6ee; max-width:410px; font-size:13px; margin:22px 0 26px; }
.sports-copy .button { font-size:12px; }
.light-band .sports-stage :focus-visible { outline-color:#70e6ff; }
.sports-side { padding-left:28px; border-left:1px solid #c2ecfb40; }
.sports-side>span { font-size:7px; letter-spacing:.15em; color:#b8dbe8; }
.sports-side>div { display:flex; align-items:flex-start; gap:14px; margin-top:24px; }
.sports-side b { font-size:9px; color:#7ce7f8; margin-top:3px; }
.sports-side div span { font-size:14px; line-height:1.6; font-weight:600; }
.sports-channels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:25px; }
.channel-card { min-height:116px; background:#fff9; border:1px solid #c1d5e1; border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; }
.channel-card img { width:120px; height:34px; object-fit:contain; }
.channel-card>span { font-size:7px; letter-spacing:.16em; color:#4b6c81; font-weight:700; }
.live-more { display:flex; align-items:center; justify-content:space-between; gap:26px; padding-top:28px; }
.live-more>div>span { display:flex; align-items:center; gap:8px; font-size:9px; font-weight:800; letter-spacing:.08em; color:#164a64; }
.live-more svg { width:18px; height:18px; }
.live-more p { font-size:12px; margin-top:7px; }
.live-more .text-link { font-size:11px; flex-shrink:0; }
.sports-note { font-size:10px; margin-top:23px; color:#4b677a; }
.stories-section { padding-top:144px; padding-bottom:140px; background:radial-gradient(ellipse at 100% 45%,#12456222,transparent 55%); }
.story-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; margin-bottom:34px; }
.story-heading h2 { font-size:clamp(34px,3.5vw,52px); }
.story-heading>p { font-size:14px; max-width:330px; }
.story-rail-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.story-label { display:flex; align-items:center; gap:12px; font-size:8px; font-weight:700; letter-spacing:.14em; color:#a0c6d7; }
.story-label i { display:block; width:22px; height:1px; background:#8bbac878; }
.story-rail .content-card { flex-basis:calc((100% - 57px)/4); }
.story-rail .cover-frame { aspect-ratio:3/4; }
.story-rail .cover-frame img { object-fit:cover; object-position:center 28%; }
.story-rail .card-title { font-size:16px; }
.dorama-heading { display:flex; justify-content:space-between; align-items:end; gap:35px; border-top:1px solid #6087a43c; padding-top:68px; margin-top:45px; margin-bottom:30px; }
.dorama-heading h2 { font-size:clamp(36px,3.8vw,55px); }
.dorama-heading>div:nth-child(2) { max-width:400px; }
.dorama-heading p { font-size:14px; margin-bottom:18px; }
.stories-footer { margin-top:23px; }
.vsl-image { background-image:url('assets/catalog/hero-backdrop-960.webp'); }
.catalog-detail { display:grid; grid-template-columns:115px 1fr; gap:22px; align-items:center; margin:18px 0; }
.catalog-detail img { width:115px; height:172px; object-fit:contain; border-radius:9px; }
.catalog-detail p { font-size:13px; line-height:1.8; }
.catalog-detail b { display:block; color:#c6effb; font-size:10px; letter-spacing:.1em; margin-bottom:9px; }
.catalog-hero+.platforms-band::before { top:-94px; }
@media(hover:hover) and (pointer:fine) {
  .cover-button:hover .cover-frame>img { transform:scale(1.025); }
  .cover-button:hover .cover-action { opacity:1; transform:none; }
  .cover-button:hover .card-title { color:#6be1fc; }
}
@media(max-width:1100px) {
  .catalog-hero { min-height:730px; }
  .catalog-hero .hero-inner { padding-block:80px 100px; gap:10px; }
  .catalog-hero h1 { font-size:58px; }
  .hero-visual { height:480px; }
  .hero-mosaic { inset:-10px -40px 0 0; gap:12px; }
  .hero-float { left:0; font-size:7px; padding:14px; }
  .content-card { flex-basis:calc((100% - 57px)/4); }
  .card-kind>span { display:none; }
  .sports-stage { padding:40px; grid-template-columns:1fr .3fr; }
  .sports-side { padding-left:20px; }
  .sports-side div span { font-size:12px; }
}
@media(max-width:800px) {
  .catalog-hero { min-height:0; }
  .catalog-hero .hero-inner { grid-template-columns:1fr 1fr; padding-block:65px 100px; }
  .catalog-hero h1 { font-size:47px; }
  .catalog-hero .hero-lead { font-size:14px; max-width:350px; }
  .catalog-hero .hero-actions { display:grid; max-width:300px; }
  .catalog-hero .hero-trust { flex-wrap:wrap; font-size:9px; gap:13px; }
  .hero-visual { height:450px; }
  .hero-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); inset:-25px -10px 0 0; }
  .mosaic-3,.mosaic-6 { display:none; }
  .mosaic-5 { transform:none; }
  .hero-float { font-size:6px; bottom:0; padding:12px; gap:7px; }
  .hero-mosaic-label { display:none; }
  .hero-price { max-width:300px; gap:10px; }
  .hero-price a { font-size:9px; }
  .platforms-band { padding-block:25px; }
  .platform-card { flex-basis:145px; width:145px; height:85px; }
  .platforms-heading h2 { font-size:29px; }
  .catalog-section { padding-block:130px 120px; }
  .content-card { flex-basis:calc((100% - 38px)/3); }
  .rail-feedback>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .sports-stage { grid-template-columns:1fr; padding:35px; min-height:480px; }
  .sports-side { display:none; }
  .sports-copy h3 { font-size:49px; }
  .sports-shade { background:linear-gradient(90deg,#03111de8,#03111d69),linear-gradient(0deg,#03111d99,transparent); }
  .sports-channels { gap:10px; }
  .channel-card { min-height:100px; }
  .channel-card img { width:100px; }
  .live-more { align-items:start; }
  .live-more>div { max-width:360px; }
  .stories-section { padding-block:125px; }
  .story-heading { display:block; }
  .story-heading>p { margin-top:22px; max-width:500px; }
  .story-rail .content-card { flex-basis:calc((100% - 38px)/3); }
  .dorama-heading { flex-wrap:wrap; gap:22px; }
  .dorama-heading>div:nth-child(2) { max-width:320px; }
}
@media(max-width:600px) {
  .catalog-hero .hero-inner { display:flex; flex-direction:column; gap:0; padding-top:45px; padding-bottom:80px; }
  .catalog-hero .hero-copy { width:100%; }
  .catalog-hero h1 { font-size:clamp(45px,12vw,66px); line-height:1.06; }
  .catalog-hero .eyebrow { font-size:8px; letter-spacing:.13em; margin-bottom:20px; }
  .catalog-hero .hero-lead { font-size:14px; max-width:350px; margin:23px 0; line-height:1.8; }
  .catalog-hero .hero-actions { display:grid; grid-template-columns:1fr; max-width:100%; gap:10px; }
  .catalog-hero .hero-actions .button { min-height:53px; font-size:13px; }
  .catalog-hero .hero-trust { font-size:9px; justify-content:space-between; gap:5px; margin-top:21px; }
  .catalog-hero .hero-trust svg { width:14px; height:14px; }
  .hero-price { margin-top:24px; padding-top:18px; max-width:100%; column-gap:18px; }
  .hero-price strong { font-size:25px; }
  .hero-price>span { font-size:7px; }
  .hero-price a { justify-self:end; font-size:10px; }
  .hero-visual { width:100%; height:300px; margin-top:17px; }
  .hero-mosaic { inset:-20px -15px -5px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; transform:rotate(-7deg); mask-image:linear-gradient(0deg,transparent,#000 25%,#000 88%,transparent); }
  .mosaic-3,.mosaic-6 { display:block; }
  .mosaic-2,.mosaic-5 { transform:translateY(25px); }
  .mosaic-3,.mosaic-6 { transform:translateY(50px); }
  .mosaic-poster { border-radius:8px; }
  .hero-float { bottom:8px; left:50%; transform:translateX(-50%); font-size:7px; width:max-content; padding:12px 16px; }
  .catalog-hero .hero-art { inset:0; height:100%; opacity:.16; }
  .catalog-hero .hero-vignette { background:linear-gradient(0deg,#050b13,transparent 30%,#050b1380 60%,#050b13); }
  .catalog-hero .scroll-cue { bottom:31px; font-size:6px; letter-spacing:.17em; }
  .platforms-band { margin-top:12px; padding-block:18px 15px; }
  .catalog-hero+.platforms-band::before { top:-54px; }
  .platforms-heading { align-items:start; gap:12px; }
  .platforms-heading h2 { font-size:23px; line-height:1.28; }
  .platforms-heading h2 br { display:none; }
  .platforms-heading .eyebrow { font-size:7px; letter-spacing:.09em; margin-bottom:12px; }
  .motion-control { padding:10px 12px; gap:0; width:44px; flex-shrink:0; }
  .motion-control [data-motion-label] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .platform-viewport { margin-top:23px; }
  .platform-group { gap:12px; padding-right:12px; }
  .platform-card { flex-basis:130px; width:130px; height:76px; border-radius:9px; }
  .platform-note { font-size:10px; margin-top:7px; }
  .catalog-section { padding-top:99px; padding-bottom:105px; }
  .catalog-section h2 { font-size:37px; }
  .catalog-section .section-heading { gap:20px; margin-bottom:25px; }
  .catalog-section .section-heading>p { font-size:13px; }
  .catalog-bar { margin-bottom:20px; gap:9px; }
  .catalog-bar .filter { font-size:11px; padding:9px 15px; min-height:44px; }
  .catalog-bar .filter-group { gap:0; padding:3px; }
  .rail-controls { gap:6px; }
  .rail-arrow { width:44px; height:44px; }
  .rail-arrow svg { width:17px; }
  .poster-rail { gap:14px; margin-inline:-20px; padding-inline:20px; scroll-padding-inline:20px; padding-bottom:18px; }
  .content-card,.story-rail .content-card { flex-basis:43%; }
  .card-title,.story-rail .card-title { font-size:13px; margin-top:7px; min-height:38px; }
  .card-kind { margin-top:12px; font-size:7px; }
  .card-kind>span { display:none; }
  .cover-frame { border-radius:9px; }
  .cover-action { padding:35px 12px 12px; opacity:1; transform:none; font-size:10px; }
  .cover-action svg { width:14px; }
  .rail-foot,.stories-footer { display:block; margin-top:10px; }
  .rail-foot p,.stories-footer p { font-size:11px; }
  .rail-foot .text-link,.stories-footer .text-link { margin-top:7px; }
  .sports-inner { padding-block:38px 32px; }
  .sports-inner h2 { font-size:39px; }
  .sports-inner .section-heading { gap:21px; margin-bottom:26px; }
  .sports-inner .section-heading>p { font-size:13px; }
  .sports-stage { padding:29px 23px; min-height:440px; border-radius:16px; margin-inline:-4px; align-items:center; }
  .sports-copy h3 { font-size:38px; margin-top:24px; }
  .sports-copy>p { font-size:13px; max-width:290px; line-height:1.85; }
  .sports-copy .button { font-size:12px; min-height:52px; padding-inline:18px; }
  .sports-stage>picture img { object-position:60% center; }
  .sports-shade { background:linear-gradient(0deg,#03111dbb,#03111d44),linear-gradient(90deg,#03111da0,#03111d11); }
  .stage-tag { font-size:8px; }
  .sports-channels { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:19px; }
  .channel-card { min-height:99px; gap:13px; }
  .channel-card img { width:110px; }
  .channel-card>span { font-size:6px; }
  .live-more { display:block; padding-top:24px; }
  .live-more .text-link { margin-top:10px; }
  .live-more p { font-size:12px; }
  .sports-note { font-size:10px; margin-top:12px; }
  .stories-section { padding-block:100px 105px; }
  .story-heading h2 { font-size:35px; line-height:1.16; }
  .story-heading>p { font-size:13px; margin-top:21px; }
  .story-rail-heading { gap:8px; margin-bottom:20px; }
  .story-label { font-size:6px; gap:8px; letter-spacing:.08em; }
  .story-label i { width:12px; }
  .story-rail .cover-frame { aspect-ratio:2/3; }
  .story-rail .cover-frame img { object-fit:contain; }
  .dorama-heading { padding-top:43px; margin-top:23px; gap:20px; align-items:start; }
  .dorama-heading h2 { font-size:40px; }
  .dorama-heading>div:first-child { flex:1 1 100%; }
  .dorama-heading>div:nth-child(2) { flex:1; max-width:240px; }
  .dorama-heading p { font-size:13px; margin-bottom:16px; }
  .dorama-heading .rail-controls { margin-top:2px; }
  .catalog-detail { gap:17px; grid-template-columns:90px 1fr; }
  .catalog-detail img { width:90px; height:135px; }
  .catalog-detail p { font-size:12px; }
}
@media(max-width:360px) {
  .catalog-hero .hero-inner { padding-top:38px; }
  .catalog-hero h1 { font-size:43px; }
  .catalog-hero .eyebrow { font-size:7px; }
  .hero-price a { font-size:9px; }
  .hero-visual { height:265px; }
  .platforms-heading h2 { font-size:22px; }
  .catalog-bar .filter { padding-inline:11px; font-size:10px; }
  .catalog-bar { gap:7px; }
  .catalog-bar .rail-arrow { width:44px; height:44px; }
  .poster-rail { margin-inline:-16px; padding-inline:16px; scroll-padding-inline:16px; }
  .content-card,.story-rail .content-card { flex-basis:45%; }
  .sports-copy h3 { font-size:34px; }
  .sports-copy .button { font-size:11px; padding-inline:15px; }
  .story-heading h2 { font-size:31px; }
  .dorama-heading>div:nth-child(2) { max-width:190px; }
}
@media(prefers-reduced-motion:reduce) {
  .platform-track.is-animated { animation:none; transform:none; }
  .poster-rail { scroll-behavior:auto; }
  .cover-frame>img,.cover-action { transition:none; }
}
.reduce-motion .platform-track.is-animated { animation:none; transform:none; }
.reduce-motion .poster-rail { scroll-behavior:auto; }
.reduce-motion .cover-frame>img,.reduce-motion .cover-action { transition:none; }
/* A local play action can opt this rail into motion without changing the page preference. */
.platform-track.is-explicit-motion { animation:platform-drift 65s linear infinite!important; animation-delay:var(--platform-delay,0s)!important; animation-play-state:paused!important; }
.platform-track.is-explicit-motion.is-running { animation-play-state:running!important; }
.platform-viewport:hover .platform-track.is-explicit-motion,.platform-viewport:focus-within .platform-track.is-explicit-motion { animation-play-state:paused!important; }