.watch-how{background:var(--color-grey-900);color:var(--color-white);display:flex;font-family:var(--font-body);inset:0;opacity:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;transition:opacity .45s ease;z-index:1000}.watch-how[hidden]{display:none}.watch-how.is-open{opacity:1}.watch-how__glow{background:radial-gradient(ellipse 55% 70% at 72% 45%,color-mix(in srgb,var(--color-coral) 18%,transparent) 0,color-mix(in srgb,var(--color-burgundy) 12%,transparent) 45%,transparent 75%);inset:0;pointer-events:none;position:fixed}html.watch-how-lock,html.watch-how-lock body{overflow:hidden}.watch-how__x{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.22);border-radius:9999px;color:var(--color-white);cursor:pointer;display:grid;height:44px;place-items:center;position:fixed;right:32px;top:28px;transition:background .3s,transform .3s;width:44px;z-index:3}.watch-how__x:focus-visible,.watch-how__x:hover{background:var(--color-coral);transform:rotate(90deg)}.watch-how svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.watch-how svg .is-fill{fill:currentColor;stroke:none}.watch-how__in{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,640px) auto;justify-content:space-between;margin:auto;padding-block:48px;position:relative;width:min(1440px,100% - 80px);z-index:1}.watch-how__copy>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}.watch-how.is-open .watch-how__copy>*{opacity:1;transform:none}.watch-how.is-open .watch-how__copy>:nth-child(2){transition-delay:.06s}.watch-how.is-open .watch-how__copy>:nth-child(3){transition-delay:.12s}.watch-how.is-open .watch-how__copy>:nth-child(4){transition-delay:.18s}.watch-how.is-open .watch-how__copy>:nth-child(5){transition-delay:.24s}.watch-how__title{font-size:clamp(36px,4vw,62px);font-weight:400;line-height:1.05;margin:0;text-wrap:balance}.watch-how__sub{color:var(--color-grey-200);font-size:clamp(15px,1.15vw,17px);line-height:1.55;margin-top:18px;max-width:580px}.watch-how__sub p{margin:0}.watch-how__k{font-size:12px;font-weight:500;letter-spacing:1px;margin:28px 0 0}.watch-how__paths{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;max-width:620px}.watch-how__path{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.14);border-radius:0 12px 12px 12px;color:var(--color-white);display:flex;gap:12px;isolation:isolate;justify-content:space-between;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:color .35s,border-color .35s}.watch-how__path:before{background:var(--color-white);clip-path:inset(0 100% 0 0);content:"";inset:0;position:absolute;transition:clip-path .5s cubic-bezier(.7,0,.2,1);z-index:-1}.watch-how__path:focus-visible,.watch-how__path:hover{border-color:var(--color-white);color:var(--color-burgundy)}.watch-how__path:focus-visible:before,.watch-how__path:hover:before{clip-path:inset(0)}.watch-how__path svg{flex:none;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.watch-how__path:hover svg{transform:translateX(4px)}.watch-how__path-tx{display:flex;flex-direction:column;gap:3px}.watch-how__path-tx b{font-size:19px;font-weight:400;line-height:1.1}.watch-how__path-tx small{font-size:13px;line-height:1.35;opacity:.75}.watch-how__ctas{align-items:center;display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:30px}.watch-how__btn{background:var(--color-coral);border-radius:0 12px 12px 12px;color:var(--color-white);display:inline-block;overflow:hidden;position:relative;text-decoration:none}.watch-how__btn:before{background:var(--color-white);clip-path:inset(0 100% 0 0);content:"";inset:0;position:absolute;transition:clip-path .5s cubic-bezier(.7,0,.2,1)}.watch-how__btn:focus-visible:before,.watch-how__btn:hover:before{clip-path:inset(0)}.watch-how__btn span{display:block;font-family:var(--font-heading);font-size:19px;letter-spacing:.02em;line-height:1.1;padding:15px 30px;position:relative;text-transform:uppercase;transition:color .35s}.watch-how__btn:focus-visible span,.watch-how__btn:hover span{color:var(--color-burgundy)}.watch-how__back{align-items:center;background:none;border:0;color:var(--color-white);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:18px;gap:10px;letter-spacing:.02em;padding:6px 0;position:relative;text-transform:uppercase}.watch-how__back:after{background:currentColor;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.7,0,.2,1)}.watch-how__back:focus-visible:after,.watch-how__back:hover:after{transform:scaleX(1);transform-origin:left}.watch-how__viewer{align-items:center;display:flex;flex-direction:column;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .6s ease .12s,transform .7s cubic-bezier(.16,1,.3,1) .12s}.watch-how.is-open .watch-how__viewer{opacity:1;transform:none}.watch-how__stage{align-items:center;display:flex;gap:16px}.watch-how__frame{aspect-ratio:9/16;background:var(--color-black);border-radius:22px;box-shadow:0 40px 80px -24px rgba(0,0,0,.7),inset 0 0 0 1px hsla(0,0%,100%,.14);height:min(76vh,676px);overflow:hidden;position:relative;touch-action:pan-y}.watch-how__slide{inset:0;position:absolute}.watch-how__slide[hidden]{display:none}.watch-how__media,.watch-how__slide mux-video,.watch-how__slide video{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.watch-how__slide mux-video,.watch-how__slide video{z-index:1}.watch-how__slide:after{background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);bottom:0;content:"";height:55%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.watch-how__slide[data-sound]:after{display:none}.watch-how__count,.watch-how__tag{background:rgba(17,17,17,.6);color:var(--color-white);font-size:11px;letter-spacing:1px;padding:6px 10px;position:absolute;top:14px;z-index:2}.watch-how__tag{border-radius:0 8px 8px 8px;left:14px}.watch-how__count{border-radius:9999px;letter-spacing:0;right:14px}.watch-how__side{bottom:120px;gap:16px;position:absolute;right:12px;z-index:2}.watch-how__side,.watch-how__side div{align-items:center;display:flex;flex-direction:column}.watch-how__side div{gap:3px}.watch-how__side svg{height:26px;width:26px}.watch-how__side b{font-size:12px}.watch-how__meta{bottom:18px;display:flex;flex-direction:column;gap:8px;left:16px;position:absolute;right:64px;z-index:2}.watch-how .dh-who{align-items:center;display:flex;font-size:14px;font-weight:700;gap:9px}.watch-how .dh-av,.watch-how .dh-who img{background:var(--color-white);border-radius:9999px;height:28px;object-fit:cover;width:28px}.watch-how__cap{display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden}.watch-how__views{align-items:center;display:flex;font-size:14px;font-weight:700;gap:7px}.watch-how__views svg{height:11px;width:11px}.watch-how__nav{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.22);border-radius:9999px;color:var(--color-white);cursor:pointer;display:grid;flex:none;height:44px;place-items:center;transition:background .3s;width:44px}.watch-how__nav:focus-visible,.watch-how__nav:hover{background:var(--color-coral)}.watch-how__thumbs{display:flex;gap:8px;margin-top:14px;max-width:100%;overflow-x:auto;scrollbar-width:none}.watch-how__thumbs::-webkit-scrollbar{display:none}.watch-how__thumb{background:var(--color-grey-600);border:2px solid transparent;border-radius:8px;cursor:pointer;flex:none;height:82px;opacity:.55;overflow:hidden;padding:0;transition:opacity .25s,border-color .25s;width:46px}.watch-how__thumb img{display:block;height:100%;object-fit:cover;width:100%}.watch-how__thumb:hover{opacity:.9}.watch-how__thumb[aria-selected=true]{border-color:var(--color-coral);opacity:1}.watch-how__hint{color:var(--color-grey-500);font-size:12px;margin:8px 0 0}@media (max-width:1023px){.watch-how__in{gap:32px;grid-template-columns:minmax(0,1fr);padding-block:84px 40px;width:calc(100% - 40px)}.watch-how__viewer{order:-1}.watch-how__x{right:16px;top:16px}.watch-how__frame{height:auto;width:min(350px,calc(100vw - 40px))}.watch-how__nav{display:none}.watch-how__paths{grid-template-columns:minmax(0,1fr)}.watch-how__ctas{align-items:stretch;flex-direction:column}.watch-how__btn{text-align:center}.watch-how__back{justify-content:center;min-height:48px}}@media (prefers-reduced-motion:reduce){.watch-how,.watch-how__copy>*,.watch-how__viewer{transform:none;transition:none}}.watch-how__mute{background:rgba(0,0,0,.45);border:0;border-radius:9999px;bottom:18px;color:var(--color-white);cursor:pointer;display:grid;height:40px;place-items:center;position:absolute;right:12px;transition:background .25s;width:40px;z-index:4}.watch-how__mute:focus-visible,.watch-how__mute:hover{background:rgba(0,0,0,.7)}.watch-how__mute:focus-visible{outline:2px solid var(--color-coral);outline-offset:2px}.watch-how__mute svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:20px}.watch-how__mute svg path:first-child{fill:currentColor}.watch-how__mute .off,.watch-how__mute.is-muted .on{display:none}.watch-how__mute.is-muted .off{display:inline}