.s02{--intro:0s;--ease:cubic-bezier(.16, 1, .3, 1);--hh:max(100svh, 640px);--s:118vw;--bx:calc(50% - var(--s) / 2);--by:calc(var(--s) * -.06);isolation:isolate;min-height:var(--hh);position:relative;overflow:clip}html[data-intro=play] .s02{--intro:1.15s}@media (min-width:48rem){.s02{--hh:max(100svh, 900px);--s:min(70vw, 600px);--by:calc(var(--hh) * .26 - var(--s) / 2)}}@media (min-width:64rem){.s02{--hh:clamp(720px, 100svh, 1100px);--s:min(calc(var(--hh) * .86), 58vw);--bx:calc(70% - var(--s) / 2);--by:calc(var(--hh) * .47 - var(--s) / 2)}}.s02-stage{z-index:0;pointer-events:none;position:absolute;inset:0}.s02-box{left:var(--bx);top:var(--by);width:var(--s);height:var(--s);will-change:transform;position:absolute}@media not (min-width:48rem){.s02-box{-webkit-mask-image:linear-gradient(#000 46%,#000000ed 52%,#000000c7 57%,#00000094 62%,#00000061 67%,#0003 72%,#00000012 77%,#0000 82%);mask-image:linear-gradient(#000 46%,#000000ed 52%,#000000c7 57%,#00000094 62%,#00000061 67%,#0003 72%,#00000012 77%,#0000 82%)}}.s02-box:before{content:"";background:var(--bg,#05060a);position:absolute;inset:0}.s02-glow{animation:s02-glow-in var(--dur-xl,1.4s) var(--ease) both;animation-delay:calc(var(--intro) + .1s);background:radial-gradient(closest-side,#2b4eff4d,#2b4eff17 52%,#0000 100%);position:absolute;inset:-22%}@keyframes s02-glow-in{0%{opacity:0;transform:scale(.86)}}.s02-content{z-index:2;min-height:var(--hh);padding-top:calc(var(--s) * .62);flex-direction:column;justify-content:flex-end;padding-bottom:20px;display:flex;position:relative}@media (min-width:48rem){.s02-content{padding-top:calc(var(--hh) * .26 + var(--s) * .31);padding-bottom:104px}}@media (min-width:64rem){.s02-content{padding-top:calc(var(--hh) * .14);justify-content:center;padding-bottom:112px}}.s02-eyebrow{--d:.3s;text-wrap:balance;margin-bottom:20px}@media not (min-width:48rem){.s02-eyebrow{color:var(--fg-2)}}@media (min-width:64rem){.s02-eyebrow{margin-bottom:32px}}.s02-title{text-wrap:nowrap;position:relative}.s02-title .line-mask{margin-block:0;padding-block:0;overflow:visible}@media (min-width:64rem){.s02-title{font-size:min(var(--cb-type-display-hero), 21svh)}}@media (min-width:64rem) and (not (min-height:820px)){.s02 .s02-content{padding-top:9svh;padding-bottom:96px}.s02 .s02-eyebrow{margin-bottom:22px}.s02 .s02-sub{margin-top:22px}.s02 .s02-ctas{margin-top:30px}.s02 .s02-chips{margin-top:26px}}.s02-title .line-mask>.line-inner{animation:s02-line .9s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms + var(--intro))}@keyframes s02-line{0%{transform:translateY(.32em)}}.s02-title .line-inner{width:fit-content}.s02-sub{max-width:36ch;margin-top:20px}@media (min-width:64rem){.s02-sub{max-width:33ch;margin-top:32px}}.s02-ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}@media (min-width:64rem){.s02-ctas{margin-top:40px}}.s02-chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}@media (min-width:64rem){.s02-chips{width:max-content;max-width:calc(100vw - 2 * var(--cb-gutter,64px));margin-top:36px}}.s02-rise{animation:s02-rise var(--dur-med,.56s) var(--ease) both;animation-delay:calc(var(--intro) + var(--d,0s))}@keyframes s02-rise{0%{opacity:0;transform:translateY(14px)}}.s02-chips>li{animation:s02-rise var(--dur-med,.56s) var(--ease) both;animation-delay:calc(var(--intro) + .7s + var(--i,0) * 60ms)}.s02-chips>li:nth-child(2){--i:1}.s02-chips>li:nth-child(3){--i:2}.s02-chips>li:nth-child(4){--i:3}.s02-bar{z-index:2;color:var(--fg-3);margin-top:28px;position:relative}.s02-bar:before{content:"";background:var(--line);transform-origin:0;height:1px;animation:s02-hairline .9s var(--ease) both;animation-delay:calc(var(--intro) + .9s);position:absolute;inset:0 0 auto}@keyframes s02-hairline{0%{transform:scaleX(0)}}.s02-cells{display:none}.s02-marquee{padding-block:14px;display:flex;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.s02-track{animation:32s linear infinite s02-marquee;animation-delay:calc(var(--intro) + 1.2s);flex:none;gap:32px;padding-right:32px;display:flex}.s02-track>span{white-space:nowrap}.s02-num{color:var(--cb-cobalt-300,#8ca8fe);margin-right:10px}@keyframes s02-marquee{to{transform:translate(-100%)}}@media (min-width:64rem){.s02-bar{left:var(--cb-gutter,64px);right:var(--cb-gutter,64px);margin-top:0;position:absolute;bottom:0}.s02-marquee{display:none}.s02-cells{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;height:64px;display:grid}.s02-cells>span{animation:s02-fade .9s var(--ease) both;animation-delay:calc(var(--intro) + 1s + var(--i,0) * 80ms)}}@keyframes s02-fade{0%{opacity:0}}.s02-scroll{align-items:center;gap:12px;display:inline-flex}.s02-scroll-line{background:var(--line);width:1px;height:28px;position:relative;overflow:clip}.s02-scroll-line:after{content:"";background:var(--fg-2);animation:2.4s cubic-bezier(.83,0,.17,1) infinite s02-scroll-cue;animation-delay:calc(var(--intro) + 1.6s);position:absolute;inset:0;transform:translateY(-100%)}@keyframes s02-scroll-cue{0%{transform:translateY(-100%)}50%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.s02 *,.s02 :before,.s02 :after{animation:none!important}.s02-track:last-child{display:none}.s02-marquee{-webkit-mask-image:none;mask-image:none}.s02-track{flex-wrap:wrap;row-gap:6px}}html[data-motion=reduced] .s02 *,html[data-motion=reduced] .s02 :before,html[data-motion=reduced] .s02 :after{animation:none!important}html[data-motion=reduced] .s02-track:last-child{display:none}html[data-motion=reduced] .s02-track{flex-wrap:wrap;row-gap:6px}html[data-motion=reduced] .s02-marquee{-webkit-mask-image:none;mask-image:none}.s02-object{position:absolute;inset:0}.s02-layer{width:100%;height:100%;position:absolute;inset:0}.s02-poster{animation:s02-poster-in 1.2s var(--ease) both;animation-delay:calc(var(--intro) + .15s);transition:opacity .8s var(--ease)}@keyframes s02-poster-in{0%{transform:scale(.96)}}.s02-canvas{opacity:0;transition:opacity .8s var(--ease);display:block}.s02-video{object-fit:contain;opacity:0;mix-blend-mode:screen;transition:opacity .4s var(--ease)}.s02-object[data-state=live]>.s02-canvas,.s02-object[data-state=video]>.s02-video{opacity:1}.s02-object[data-state=live]>.s02-poster,.s02-object[data-state=video]>.s02-poster{opacity:0}.s02-shades{pointer-events:none;position:absolute;inset:0;overflow:clip}.s02-shade{mix-blend-mode:darken;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fx), #000 calc(100% - var(--fx)), transparent), linear-gradient(to bottom, transparent, #000 var(--fy), #000 calc(100% - var(--fy)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fx), #000 calc(100% - var(--fx)), transparent), linear-gradient(to bottom, transparent, #000 var(--fy), #000 calc(100% - var(--fy)), transparent);animation:s02-fade .6s var(--ease) backwards;transition:opacity .8s var(--ease);background:#1b37d5;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.s02-object[data-state=live] .s02-shade,html[data-chapter=paper] .s02-shade,html[data-chapter=cobalt] .s02-shade{opacity:0}.s02-hint{opacity:0;transition:opacity .56s var(--ease), transform .56s var(--ease);white-space:nowrap;align-items:center;gap:10px;display:inline-flex;position:absolute;top:80%;left:50%;transform:translateY(8px)}.s02-hint[data-on]{opacity:1;transform:none}.s02-hint-dot{background:var(--cb-cobalt-400,#4a68ff);border-radius:50%;width:6px;height:6px;animation:1.8s cubic-bezier(.16,1,.3,1) infinite s02-hint-ping;box-shadow:0 0 #4a68ff80}@keyframes s02-hint-ping{70%,to{box-shadow:0 0 0 10px #4a68ff00}}
