.lp-pause{z-index:5;border:1px solid var(--border-strong);background:var(--island);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:32px;height:32px;color:var(--fg);cursor:pointer;transition:background .2s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.lp-pause:hover{background:var(--island-2)}.lp-pause:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lp-pause:not(:focus-visible){opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.lp-pause{display:none}}
.hero{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;padding:clamp(88px,12vh,132px) clamp(16px,4vw,22px) 0;display:flex;position:relative;overflow:hidden}.hero>:not(.hero-light){z-index:1;position:relative}.hero-head{width:100%}.hero-h1{max-width:15em;font-family:var(--ui-font-display);letter-spacing:-.05em;color:var(--fg);text-wrap:balance;margin:0 auto;font-size:clamp(36px,5vw,72px);font-weight:500;line-height:1.02}.hero-w,.hero-wi{display:inline-block}.hero-sub{max-width:620px;color:var(--muted-fg);text-wrap:pretty;margin:18px auto 0;font-size:17px;line-height:1.55}.hero-field{flex-direction:column;align-items:center;width:100%;max-width:620px;margin-top:clamp(18px,3vh,28px);display:flex}.hero-under{color:var(--muted-fg);margin:12px 0 0;font-size:13px}.hero-link{color:var(--brand-ink);text-underline-offset:3px}.hero-link:hover{text-decoration:underline}.hero-stage{flex:none;justify-content:center;align-items:center;width:100%;height:clamp(300px,56vh,540px);min-height:220px;margin-top:clamp(14px,2.6vh,40px);padding:0 0 clamp(28px,5vh,48px);display:flex;container-type:size}.ut-stage{--ut-pv-w:min(100cqw - 32px, 220cqh, 1000px);--ut-pv-h:calc(var(--ut-pv-w) / 2.5);--uty-top:2.4cqw;--uty-src-w:48.6cqw;--uty-slot-w:calc(var(--uty-src-w) * 81 / 256);--uty-gap:1.2cqw;--uty-slots-x:calc(var(--uty-src-w) + 2.8cqw);isolation:isolate;width:var(--ut-pv-w);aspect-ratio:5/2;margin-top:calc((100cqh - var(--ut-pv-h)) / 2);cursor:pointer;align-self:flex-start;position:relative;container-type:inline-size}.ut-stage-art{position:absolute;inset:0}@media (min-width:721px){.ut-stage{aspect-ratio:auto}.ut-stage>.ut-stage-art{height:calc(29.74cqw + 56px);position:relative}}.ut-stage:before{content:"";z-index:-1;border:1px solid var(--border);background:var(--bg);box-shadow:0 0 0 1px rgb(var(--accent-light-rgb) / calc(.22 * var(--accent-light-alpha))), 0 -28px 100px -36px rgb(var(--accent-light-rgb) / calc(.65 * var(--accent-light-alpha))), var(--shadow-lg);border-radius:18px;position:absolute;inset:calc(-4% - 16px) -2.5% -4%}.ut-stage:after{content:"";background:linear-gradient(90deg, transparent, var(--hairline), transparent);width:240px;max-width:60%;height:1px;position:absolute;top:calc(-4% - 16px);left:50%;translate:-50%}.uty-src{left:0;top:var(--uty-top);width:var(--uty-src-w);aspect-ratio:16/9;box-shadow:var(--stage-src-shadow);background:#000;border-radius:12px;position:absolute;overflow:hidden}.uty-sample,.uty-thumb{width:100%;height:100%;transition:opacity .5s var(--ease);position:absolute;inset:0}.uty-sample>video{object-fit:cover;width:100%;height:100%;display:block}.uty-thumb{object-fit:cover;opacity:0}.uty-thumb:not([src]){display:none}.uty-chip{z-index:1;border:1px solid var(--chip-edge);background:var(--island);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:26px;color:var(--fg);text-align:left;white-space:nowrap;border-radius:999px;place-items:center;padding:0 11px;font-size:12px;font-weight:500;line-height:1;display:grid;position:absolute;top:10px;left:10px}.uty-chip>span{grid-area:1/1}.uty-src>.uty-chip,.uty-chip-b{opacity:0;transition:opacity .25s var(--ease)}.uty-meta{left:2px;top:calc(var(--uty-top) + var(--uty-src-w) * .5625 + 12px);width:calc(var(--uty-src-w) - 4px);text-align:left;opacity:0;transition:opacity .5s var(--ease);position:absolute}.uty-title,.uty-channel{white-space:nowrap;text-overflow:ellipsis;line-height:1.35;overflow:hidden}.uty-title{color:var(--fg);margin:0;font-size:15px;font-weight:500}.uty-channel{color:var(--muted-fg);margin:2px 0 0;font-size:13px}.uty-slots{left:var(--uty-slots-x);top:var(--uty-top);gap:var(--uty-gap);display:flex;position:absolute}.uty-slot-wrap{width:var(--uty-slot-w);position:relative}.uty-slot-wrap>.clip-badge{top:0;translate:-50% -50%}.uty-slot{aspect-ratio:9/16;box-shadow:var(--stage-slot-shadow);background:#000;border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}.uty-clip{transition:opacity .5s var(--ease) calc(var(--i) * 80ms);flex-direction:column;display:flex;position:absolute;inset:0}.uty-part{flex:1 1 0;min-height:0;position:relative;overflow:hidden}.uty-part>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.uty-clip:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#00000059);position:absolute;inset:0}@property --cap-t{syntax:"<number>";inherits:true;initial-value:0}.cap-line{--cap-t:.45;z-index:2;text-align:center;width:max-content;max-width:88%;font-family:var(--cf);font-size:calc(var(--cs) * 1.9);font-weight:var(--cw);letter-spacing:var(--cl);text-transform:var(--ct);text-shadow:var(--csh);text-wrap:balance;color:var(--cc);background:var(--cbg);transition:opacity .4s var(--ease);border-radius:3px;margin:0;padding:.18em .32em;line-height:1.16;animation:5.5s linear infinite cap-clock;position:absolute;top:58%;left:50%;translate:-50% -50%}.uty-clip[data-kind=split] .cap-line{top:50%}.uty-clip:not([data-ready]) .cap-line{opacity:0}.cap-w{--on:clamp(0, round(down, var(--cap-t) * var(--cn) - var(--i) + 1, 1), 1);--act:calc(var(--on) - clamp(0, round(down, var(--cap-t) * var(--cn) - var(--i), 1), 1));--lit:var(--act);color:color-mix(in srgb, var(--ca) calc(var(--lit) * 100%), var(--cc));background:color-mix(in srgb, var(--chb) calc(var(--act) * 100%), transparent);scale:calc(1 + (var(--chs) - 1) * var(--act));border-radius:3px;display:inline-block}.cap-line[data-spoken] .cap-w{--lit:var(--on)}@keyframes cap-clock{0%{--cap-t:0}72%{--cap-t:1}to{--cap-t:1}}.uty-line{left:var(--uty-slots-x);top:calc(var(--uty-top) + var(--uty-slot-w) * 16 / 9 + 14px);color:var(--muted-fg);text-align:left;margin:0;font-size:14px;line-height:1.4;display:grid;position:absolute}.uty-line>span{transition:opacity .5s var(--ease);grid-area:1/1}.uty-line-b{opacity:0}.uty-fact{display:block}.uty-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.uty-slots-chip{z-index:3;opacity:0;transition:opacity .5s var(--ease);top:8px;left:8px}.ut-stage[data-state=yours] :is(.uty-thumb,.uty-meta,.uty-src>.uty-chip,.uty-chip-b,.uty-line-b,.uty-slots-chip){opacity:1}.ut-stage[data-state=yours] .uty-sample{opacity:0}.ut-pause{top:calc(var(--uty-top) - 38px);right:0}.ut-stage:is([data-paused],[data-off]) :is(*){animation-play-state:paused!important}.ut-stage[data-reduced] :is(*){transition:none!important}.ut-stage[data-reduced] .cap-line{--cap-t:1;animation:none}.hero-light{z-index:0;opacity:var(--hero-light-strength);pointer-events:none;position:absolute;inset:0}.hero-light:after{content:"";background:linear-gradient(to top, var(--bg), transparent);height:24%;opacity:var(--hero-light-fade);position:absolute;inset:auto 0 0}.hero-light-glow{background:radial-gradient(ellipse calc(var(--hl-fw) * .8) calc(var(--hl-fh) * 1.1) at var(--hl-fx) var(--hl-gy), var(--hero-light-core) 0%, rgb(var(--accent-light-rgb) / .55) 45%, rgb(var(--accent-light-rgb) / .18) 75%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent var(--hl-lt), #000 calc(var(--hl-lt) + 140px), #000 82%, transparent 100%);mask-image:linear-gradient(to bottom, transparent var(--hl-lt), #000 calc(var(--hl-lt) + 140px), #000 82%, transparent 100%);animation:7s ease-in-out 6 alternate hero-breathe;animation-play-state:var(--hero-light-play);position:absolute;inset:0}.hero:has(.ut-stage[data-off]) .hero-light-glow{animation-play-state:paused}@keyframes hero-breathe{to{opacity:.8}}@media (prefers-reduced-motion:reduce){.hero-light-glow{animation:none}}@media (prefers-reduced-motion:no-preference){.hero[data-intro] .hero-w{animation:hero-blur-in .7s var(--ease) backwards;animation-delay:calc(var(--i) * 60ms)}.hero[data-intro] .hero-sub{animation:hero-rise .55s var(--ease) .18s backwards}.hero[data-intro]>.hero-stage{animation:hero-lift .7s var(--ease) .26s backwards}.hero[data-intro] .hero-light{animation:.9s ease-out .55s backwards hero-fade}}@keyframes hero-blur-in{0%{opacity:0;filter:blur(12px);translate:0 14px}}@keyframes hero-rise{0%{opacity:0;translate:0 14px}}@keyframes hero-lift{0%{opacity:0;translate:0 36px}}@keyframes hero-fade{0%{opacity:0}}@media (max-width:720px){.hero{padding-top:96px}.hero-sub{margin-top:14px;font-size:16px}.hero-stage{height:auto;min-height:0;margin-top:36px;padding-bottom:40px;container-type:inline-size}.ut-stage{aspect-ratio:auto;--uty-top:0px;--uty-src-w:100cqw;--uty-slot-w:30.29cqw;--uty-gap:4.57cqw;--uty-slots-x:0px;align-self:center;width:min(100cqw - 8px,560px);margin-top:0}.ut-stage>.ut-stage-art{height:calc(56.25cqw + 52px + var(--uty-slot-w) * 16 / 9);position:relative}.ut-stage:before{inset:-12px}.ut-stage:after{top:-12px}.ut-pause{top:calc(56.25cqw + 10px)}.uty-meta{width:calc(100% - 52px);top:calc(56.25cqw + 8px)}.uty-slots{top:calc(56.25cqw + 52px)}.uty-line{font-size:13px;top:calc(56.25cqw + 10px);left:2px}.uty-line-b{display:none}}
.reframe{padding-top:clamp(84px,11vw,140px)}.reframe-row{align-items:center;gap:clamp(32px,6vw,80px);margin:0 auto;display:flex}.reframe-copy{flex-direction:column;flex-grow:1;gap:20px;display:flex}.reframe-copy h2{letter-spacing:-.03em;color:var(--fg);text-wrap:balance;margin:0;font-size:clamp(32px,5vw,62px);font-weight:600;line-height:1.05}.reframe-copy p{max-width:460px;color:var(--muted-fg);margin:0;font-size:19px;line-height:1.5}.reframe-art{flex-shrink:0;width:480px}.reframe-shot>.reframe-video{opacity:0;transition:opacity .4s;position:absolute;inset:0}.reframe-shot[data-playing]>.reframe-video{opacity:1}.reframe-dim{background:#00000080;position:absolute;inset:0}.reframe-win{background:#00000038;border-radius:6px;transition:background-color .3s,box-shadow .3s;position:absolute;box-shadow:inset 0 0 0 1px #ffffff59}.reframe-win[hidden]{display:none}.reframe-win[data-active]{box-shadow:inset 0 0 0 2px var(--reframe-accent,var(--brand-cta));background:0 0}.reframe-tab{background:var(--reframe-accent,var(--brand-cta));color:var(--reframe-on-accent,var(--on-brand));white-space:nowrap;opacity:0;border-radius:4px;align-items:center;gap:5px;padding:2px 7px 2px 6px;font-size:11px;font-weight:600;line-height:16px;transition:opacity .3s,translate .3s;display:inline-flex;position:absolute;top:6px;left:6px;translate:0 3px}.reframe-win[data-active] .reframe-tab{opacity:1;translate:0}.reframe-level{align-items:flex-end;gap:1.5px;height:9px;display:inline-flex}.reframe-level>i{transform-origin:bottom;background:currentColor;border-radius:1px;width:2px;height:100%;animation:.9s ease-in-out infinite reframeLevel}.reframe-level>i:nth-child(2){animation-delay:-.3s}.reframe-level>i:nth-child(3){animation-delay:-.6s}@keyframes reframeLevel{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.reframe-shot:not([data-playing]) .reframe-level>i{animation-play-state:paused}.reframe-bar{gap:6px;padding-top:18px;display:flex}.reframe-bar>div{--fill:0;flex-direction:column;gap:8px;min-width:0;display:flex}.reframe-bar-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.reframe-bar-fill{width:calc(var(--fill) * 100%);background:var(--brand-cta);height:100%}.reframe-bar span{color:var(--muted-fg);font-size:12px;line-height:1;transition:color .3s}.reframe-bar>div[data-on] span{color:var(--fg)}@media (max-width:900px){.reframe-row{flex-direction:column;align-items:stretch}.reframe-art{width:auto}}@media (max-width:720px){.reframe{padding-top:64px}}@media (prefers-reduced-motion:reduce){.reframe-level>i{animation:none;transform:scaleY(.7)}}
@property --cloud-spin{syntax:"<angle>";inherits:true;initial-value:-20deg}.cloud{--cw:clamp(88px, 8.6vw, 144px);--r:min(40vw, 560px);--ry:.56;view-timeline:--cloud-slot;height:220vh;margin-top:120px}.cloud-wrap{height:100%}.cloud-pin{perspective:1600px;place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.cloud-lean{width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(var(--cloud-py,0) * -6deg)) rotateY(calc(var(--cloud-px,0) * 8deg));position:absolute;top:50%;left:50%}.cloud-sphere{--cloud-spin:-20deg;transform-style:preserve-3d;transform:rotateY(var(--cloud-spin))}.cloud-card{left:calc(var(--cw) / -2);top:calc(var(--cw) * -.8889);width:var(--cw);aspect-ratio:9/16;border:1px solid var(--border);transform:translate3d(calc(var(--ux) * var(--r)), calc(var(--uy) * var(--r) * var(--ry)), calc(var(--uz) * var(--r))) rotateY(calc(var(--cloud-spin) * -.85));background:#000;border-radius:14px;margin:0;position:absolute;overflow:hidden;container-type:inline-size}.cloud-card img,.cloud-card video{object-fit:cover;width:100%;height:100%;display:block}.cloud-card:before{content:"";z-index:2;opacity:calc(.34 * (1 - (var(--uz) * cos(var(--cloud-spin)) - var(--ux) * sin(var(--cloud-spin)))));pointer-events:none;background:#000;position:absolute;inset:0}.cloud-card[data-video]:after{content:"";background:linear-gradient(#0000 52%,#0009);position:absolute;inset:0}.cloud-cap{z-index:1;font-family:var(--font-sans);letter-spacing:-.01em;color:#fff;text-align:center;text-wrap:balance;text-shadow:0 .12em #0006,0 0 .8em #0006;margin:0;font-size:9cqw;font-weight:600;line-height:1.15;position:absolute;bottom:13%;left:7%;right:7%}.cloud-capw{animation:3.4s infinite cloud-capw;animation-delay:calc(var(--i) * .34s);display:inline-block}.cloud-wrap[data-off] :is(.cloud-capw,.cloud-sphere),.cloud-wrap[data-paused] .cloud-capw{animation-play-state:paused}@media (prefers-reduced-motion:no-preference){.cloud-wrap{cursor:pointer}}.cloud-pause{bottom:24px;right:24px}@keyframes cloud-capw{0%,14%{color:#fff;transform:none}4%,10%{color:var(--caption-emphasis);transform:translateY(-2px)scale(1.06)}15%,to{color:#fff;transform:none}}.cloud-line{z-index:2;max-width:20ch;font-family:var(--ui-font-display);letter-spacing:-.04em;color:var(--fg);text-align:center;text-wrap:balance;background:radial-gradient(closest-side, var(--scrim) 62%, transparent);margin:0;padding:1.4em 1.8em;font-size:clamp(28px,3.6vw,52px);font-weight:500;line-height:1.1;position:relative}@media (max-width:900px){.cloud{--r:min(46vw, 240px);--ry:1.3;height:180vh}}@media (max-width:720px){.cloud{--ry:1.6;margin-top:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cloud-sphere{animation:linear both cloud-spin;animation-timeline:--cloud-slot;animation-range:contain}.cloud-sphere[data-glide]{animation:none}.cloud-w{animation:linear both cloud-word;animation-timeline:--cloud-slot;animation-range:contain calc(var(--i) / var(--n) * 55%) contain calc((var(--i) + 1) / var(--n) * 55%)}}}@keyframes cloud-spin{0%{--cloud-spin:-40deg}to{--cloud-spin:140deg}}@keyframes cloud-word{0%{opacity:.2}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cloud-capw{animation:none}}.lp-field{--field-top:0px;--field-bottom:0px;z-index:-1;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity .6s var(--ease);-webkit-mask-image:linear-gradient(to bottom, transparent var(--field-top), #000 calc(var(--field-top) + 120px), #000 calc(var(--field-bottom) - 120px), transparent var(--field-bottom));mask-image:linear-gradient(to bottom, transparent var(--field-top), #000 calc(var(--field-top) + 120px), #000 calc(var(--field-bottom) - 120px), transparent var(--field-bottom));position:fixed;inset:0}.lp-field[data-on]{opacity:1}@media (prefers-reduced-motion:reduce){.lp-field{transition:none}}
.yours-head{text-align:center}.yours-h2{max-width:19ch;margin-inline:auto}.yours-sub{max-width:560px;color:var(--muted-fg);margin:28px auto 0;font-size:19px;line-height:1.5}.yours-window{border-radius:18px;margin-top:56px;overflow:hidden}.yours-bar{border-bottom:1px solid var(--box-edge);color:var(--muted-fg);align-items:center;gap:14px;padding:12px 18px;font-size:13px;display:flex}.yours-shot{aspect-ratio:1904/986;width:100%;height:auto;display:block}:root[data-theme=dark] .yours-shot-light,:root:not([data-theme=dark]) .yours-shot-dark{display:none}.yours-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.yours-card{border-radius:12px;padding:28px}.yours-card h3{font-family:var(--ui-font-display);letter-spacing:-.03em;color:var(--fg);margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.15}.yours-card p{color:var(--muted-fg);margin:0;font-size:15px;line-height:1.6}@media (max-width:720px){.yours-cards{grid-template-columns:minmax(0,1fr)}}