.reel{--shot:var(--shot-dark);--reel-dur:32s;justify-items:center;gap:.75rem;width:100%;min-width:0;display:grid}:root[data-theme=light] .reel{--shot:var(--shot-light)}:root[data-theme=colourful] .reel{--shot:var(--shot-colourful)}.reel .dvf{width:100%}.reel .dv{--dv-glare-o:.01}.reel-scr{background:var(--ws-bg);position:absolute;inset:0;overflow:hidden}.reel-page,.reel-head{background:var(--shot) top / 100% auto no-repeat;position:absolute;inset:0 0 auto}.reel-page{aspect-ratio:var(--ratio)}.reel-head{height:calc(var(--head) * 1cqi)}.reel-bar{pointer-events:none;width:.6cqi;position:absolute;top:.4cqi;bottom:.4cqi;right:.45cqi}.reel-bar i{height:calc(var(--tb) * 1%);background:color-mix(in srgb, var(--color-text) 48%, transparent);opacity:0;border-radius:99cqi;display:block}.reel-cur,.reel-veil{pointer-events:none;display:none;position:absolute;inset:0}.reel-cur svg{width:max(2.2cqi,9px);height:auto;fill:var(--color-text);stroke:var(--color-bg);stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 .25cqi .35cqi color-mix(in srgb, var(--color-bg) 55%, transparent));position:absolute;top:0;left:0;overflow:visible}.reel-tap{border:.3cqi solid var(--ws-hi);opacity:0;border-radius:50%;width:3.4cqi;height:3.4cqi;position:absolute;top:-1.7cqi;left:-1.7cqi}.reel-veil{background:var(--ws-bg);opacity:0}.reel-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;display:flex}.reel-cap{font:500 .8125rem/1.35 var(--font-body);color:var(--color-text-muted);margin:0}.reel-btn{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 70%, transparent);min-height:2.5rem;color:var(--color-text);font:600 .8125rem/1.2 var(--font-body);cursor:pointer;transition:border-color var(--motion-base,.2s) var(--motion-ease-out,ease-out), background-color var(--motion-base,.2s) var(--motion-ease-out,ease-out);border-radius:99px;align-items:center;gap:.45rem;padding:.35rem .95rem .35rem .75rem;display:none}.reel-btn:hover{border-color:var(--ws-hi)}.reel-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.reel-ic{color:var(--ws-hi);display:inline-flex}.reel-ic .ic{width:1rem;height:1rem}.reel-ic--play,.reel[data-paused] .reel-ic--pause{display:none}.reel[data-paused] .reel-ic--play{display:inline-flex}@media (prefers-reduced-motion:no-preference){html:not([data-a11y-motion=reduce]) .reel-btn{display:inline-flex}html:not([data-a11y-motion=reduce]) .reel-cur,html:not([data-a11y-motion=reduce]) .reel-veil{display:block}html:not([data-a11y-motion=reduce]) .reel-page{animation:reel-page var(--reel-dur) infinite}html:not([data-a11y-motion=reduce]) .reel-bar i{animation:reel-thumb var(--reel-dur) infinite}html:not([data-a11y-motion=reduce]) .reel-cur{animation:reel-cur var(--reel-dur) infinite}html:not([data-a11y-motion=reduce]) .reel-tap{animation:reel-tap var(--reel-dur) infinite}html:not([data-a11y-motion=reduce]) .reel-veil{animation:reel-veil var(--reel-dur) infinite}.reel:is([data-paused],[data-offscreen]) :is(.reel-page,.reel-bar i,.reel-cur,.reel-tap,.reel-veil),.reel .dv:hover :is(.reel-page,.reel-bar i,.reel-cur,.reel-tap,.reel-veil){animation-play-state:paused}}@keyframes reel-page{0%,11%{transform:translateY(calc(var(--s0) * -1%));animation-timing-function:cubic-bezier(.65,0,.35,1)}16%,28%{transform:translateY(calc(var(--s1) * -1%));animation-timing-function:cubic-bezier(.65,0,.35,1)}33%,45%{transform:translateY(calc(var(--s2) * -1%));animation-timing-function:cubic-bezier(.65,0,.35,1)}50%,62%{transform:translateY(calc(var(--s3) * -1%));animation-timing-function:cubic-bezier(.65,0,.35,1)}67%,76%{transform:translateY(calc(var(--s4) * -1%));animation-timing-function:cubic-bezier(.65,0,.35,1)}81%,94.6%{transform:translateY(calc(var(--s5) * -1%));animation-timing-function:linear}94.8%,to{transform:translateY(calc(var(--s0) * -1%))}}@keyframes reel-thumb{0%,11%{transform:translateY(calc(var(--t0) * 1%));opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1)}12%{opacity:1}16%{transform:translateY(calc(var(--t1) * 1%));opacity:1}19%,28%{transform:translateY(calc(var(--t1) * 1%));opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1)}29%{opacity:1}33%{transform:translateY(calc(var(--t2) * 1%));opacity:1}36%,45%{transform:translateY(calc(var(--t2) * 1%));opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1)}46%{opacity:1}50%{transform:translateY(calc(var(--t3) * 1%));opacity:1}53%,62%{transform:translateY(calc(var(--t3) * 1%));opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1)}63%{opacity:1}67%{transform:translateY(calc(var(--t4) * 1%));opacity:1}70%,76%{transform:translateY(calc(var(--t4) * 1%));opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1)}77%{opacity:1}81%{transform:translateY(calc(var(--t5) * 1%));opacity:1}84%,94.6%{transform:translateY(calc(var(--t5) * 1%));opacity:0}94.8%,to{transform:translateY(calc(var(--t0) * 1%));opacity:0}}@keyframes reel-cur{0%,3%{transform:translate(calc(var(--c0x) * 1%), calc(var(--c0y) * 1%));animation-timing-function:cubic-bezier(.45,.05,.25,1)}9%,18%{transform:translate(calc(var(--c1x) * 1%), calc(var(--c1y) * 1%));animation-timing-function:cubic-bezier(.45,.05,.25,1)}24%,35%{transform:translate(calc(var(--c2x) * 1%), calc(var(--c2y) * 1%));animation-timing-function:cubic-bezier(.45,.05,.25,1)}41%,52%{transform:translate(calc(var(--c3x) * 1%), calc(var(--c3y) * 1%));animation-timing-function:cubic-bezier(.45,.05,.25,1)}58%,69%{transform:translate(calc(var(--c4x) * 1%), calc(var(--c4y) * 1%));animation-timing-function:cubic-bezier(.45,.05,.25,1)}74%,83%{transform:translate(calc(var(--c5x) * 1%), calc(var(--c5y) * 1%));animation-timing-function:cubic-bezier(.45,.05,.25,1)}89%,94.6%{transform:translate(calc(var(--c6x) * 1%), calc(var(--c6y) * 1%));animation-timing-function:linear}94.8%,to{transform:translate(calc(var(--c0x) * 1%), calc(var(--c0y) * 1%))}}@keyframes reel-tap{0%,9.4%{opacity:0;transform:scale(.3)}9.8%{opacity:.9;transform:scale(.55)}12%,89.4%{opacity:0;transform:scale(1.5)}89.5%{opacity:0;transform:scale(.3)}89.9%{opacity:.9;transform:scale(.55)}92%,to{opacity:0;transform:scale(1.5)}}@keyframes reel-veil{0%,93%{opacity:0}94.3%,95.3%{opacity:1}98.6%,to{opacity:0}}@media (forced-colors:active){.reel-cur,.reel-veil,.reel-bar{display:none!important}}.svc-hero.svc-hero--reel .dv-laptop{--dv-max:none}@container ws (width>=800px){.svc-hero--reel .ws-hero-in--a{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@container ws (width>=1100px){.svc-hero--reel .ws-hero-in--a{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.svc-hero--reel .ws-ph>.reel{justify-self:start;width:calc(100% + clamp(0px,50cqi - 40.5rem,12rem))}}