/* Motion uses visual offsets only; page order, text wrapping and focus stay natural. */
.story-text,.story-image{backface-visibility:hidden}.story-image{transform-origin:center}.story-pixel-host{position:relative}.story-pixels{position:absolute!important;pointer-events:none!important;z-index:3;image-rendering:pixelated;max-width:none!important;border:0;display:block}.story-text:focus-within,.story-image:focus{translate:0 0!important}.motion-off .story-text,.motion-off .story-image{translate:none!important;scale:1!important}.motion-off .story-pixels{display:none!important}@media(prefers-reduced-motion:reduce){.story-text,.story-image{translate:none!important;scale:1!important}.story-pixels{display:none!important}}@media(forced-colors:active){.story-pixels{display:none!important}}

/* Campaign stickers sit in the layout, clear of product controls. */
.conversion-stickers,.subscription-hook{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:28px 0;padding:8px 6px}
.subscription-hook{margin:0;padding:38px 5%;justify-content:center;background:#151218}
.gold-sticker,.hook-sticker{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:clamp(1rem,2vw,1.25rem);font-weight:800;line-height:1.35;padding:20px 24px;max-width:100%;color:#161007;border:2px solid #17120a;box-shadow:4px 5px 0 #000;rotate:-4deg;text-decoration:none;overflow-wrap:normal}
.gold-sticker{background:linear-gradient(120deg,#ffe69a,#d7a338 48%,#ffedb3 70%,#dcae48);border-radius:50%;min-height:120px;min-width:160px;rotate:6deg}
.gold-sticker strong{font-size:1.1em}.gold-sticker:hover{rotate:0deg}.hook-sticker{border-radius:8px}.hook-pink{background:#ff80c1}.hook-cyan{background:#6be4ed}.hook-lime{background:#dbff44}
.call-stream{display:flex;align-items:stretch;background:#f6c85f;color:#171007;border-block:2px solid #171007;overflow:hidden;position:relative;z-index:4}
.call-stream-fixed{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;flex:0 0 auto;padding:16px 24px;color:#171007;background:#f6c85f;text-decoration:none;font-size:1.125rem;font-weight:800;position:relative;z-index:1;border-right:2px solid #171007}
.call-stream-window{overflow:hidden;display:flex;align-items:center;min-width:0}.call-stream-track{display:flex;width:max-content;animation:callFlow 34s linear infinite}.call-stream-track span{white-space:nowrap;font-size:1.125rem;font-weight:800;padding-right:30px;flex-shrink:0}
.call-stream:hover .call-stream-track,.call-stream:focus-within .call-stream-track{animation-play-state:paused}
@keyframes callFlow{to{transform:translateX(-50%)}}
.effect-readable{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){.call-stream{flex-direction:column}.call-stream-fixed{border:0;padding:12px;font-size:1.125rem}.call-stream-window{padding:8px 0;border-top:1px solid #171007}.gold-sticker{min-width:140px;min-height:110px;padding:16px}.conversion-stickers{gap:18px}.hook-sticker{padding:16px}}
.motion-off .call-stream-track{animation:none!important}.motion-off .story-image{transform:none!important}
@media(prefers-reduced-motion:reduce){.call-stream-track{animation:none!important}.story-image{transform:none!important}}

/* Full-viewport premiere: the film owns the screen, controls sit over it. */
.premiere[open]{display:block;background:#000;isolation:isolate}
.premiere video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;grid-row:auto;background:#000}
.premiere .premiere-top,.premiere .premiere-bottom{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:24px 4%;transition:opacity .8s ease;background:linear-gradient(#000b,transparent)}
.premiere .premiere-top{top:0;bottom:auto}.premiere .premiere-bottom{top:auto;bottom:0;background:linear-gradient(transparent,#000b)}
.premiere .premiere-top>span{font-size:.875rem!important;letter-spacing:.18em;max-width:65%}
.premiere .premiere-caption{font-size:.875rem!important;letter-spacing:.14em}
.premiere button{border:1px solid #ffffff66;border-radius:999px;background:#0007!important;color:#fff!important;padding:10px 18px;backdrop-filter:blur(8px)}
.premiere.is-playing .premiere-top>span,.premiere.is-playing .premiere-caption{opacity:0;transition:opacity 1.2s}
.premiere.is-playing .premiere-bottom{opacity:.25}.premiere .premiere-bottom:hover,.premiere .premiere-bottom:focus-within{opacity:1}
.premiere .splash-play-panel{top:auto;bottom:110px;left:50%;transform:translateX(-50%);width:min(90%,26rem);padding:14px 18px;border:1px solid #ffffff55;border-radius:16px;background:#000b;z-index:3}
.premiere .splash-play-panel button{width:auto;font-size:1rem!important}.premiere .splash-play-panel p{margin:8px 0;font-size:1rem}.premiere .splash-play-panel a{font-size:.875rem}
.premiere .intro-track{height:2px;z-index:4;background:#ffffff15}.premiere .intro-track span{background:#fff8}
@media(max-width:600px){.premiere .premiere-top,.premiere .premiere-bottom{padding:16px}.premiere .premiere-top>span,.premiere .premiere-caption{display:none}.premiere .premiere-top{justify-content:flex-end}.premiere .premiere-bottom{justify-content:center}.premiere .premiere-bottom>div{flex-wrap:wrap}.premiere.is-playing .premiere-bottom{opacity:.65}}

.particle-frame{aspect-ratio:1122/1402}.particle-frame>img{object-fit:contain;background:#121014}