.sf{--stage-top:calc(80px + env(safe-area-inset-top,0px));--stage-h:calc(100svh - var(--stage-top));--run:240svh;--ab:0;--bc:0;--out:0;--veil:var(--background);background:var(--background);color:var(--foreground);position:relative}.sf-stage{height:var(--stage-h);isolation:isolate;min-height:480px;position:relative;overflow:hidden}.sf-poster,.sf-poster img,.sf-canvas{width:100%;height:100%;position:absolute;inset:0}.sf-poster img{object-fit:cover;object-position:50% 50%}.sf-canvas{opacity:0;transition:opacity .3s linear}.sf.has-frames .sf-canvas{opacity:1}.sf-shade{pointer-events:none;opacity:calc(1 - var(--out) * .92);background:linear-gradient(0deg, color-mix(in srgb, var(--veil) 79%, transparent) 0%, color-mix(in srgb, var(--veil) 67%, transparent) 30%, color-mix(in srgb, var(--veil) 38%, transparent) 56%, transparent 82%), linear-gradient(90deg, color-mix(in srgb, var(--veil) 59%, transparent) 0%, color-mix(in srgb, var(--veil) 27%, transparent) 40%, transparent 66%);position:absolute;inset:0}@media (width>=1024px){.sf-shade{background:0 0}.sf-copy{position:relative}.sf-copy:before{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--veil) 68%, transparent);-webkit-mask-composite:source-in;position:absolute;inset:-60vh -400px -280px -50vw;-webkit-mask-image:linear-gradient(270deg,#0000 0,#00000073 160px,#000 400px),linear-gradient(0deg,#0000 0,#00000073 115px,#000 280px);mask-image:linear-gradient(270deg,#0000 0,#00000073 160px,#000 400px),linear-gradient(0deg,#0000 0,#00000073 115px,#000 280px);mask-composite:intersect}}.sf-inner{z-index:1;align-content:stretch;height:100%;padding-block:28px clamp(48px,12svh,96px);display:grid;position:relative}.sf-copy{flex-direction:column;grid-area:1/1;align-self:start;gap:18px;min-width:0;max-width:640px;margin-top:clamp(24vh,30svh,38vh);display:flex}.sf-swap{display:grid;position:relative}.sf-beat{grid-area:1/1;min-width:0}.sf-beat--a{opacity:max(0, 1 - var(--ab) * 2);translate:0 calc(var(--ab) * -12px)}.sf-beat--b{opacity:min(max(0, var(--ab) * 2 - 1), max(0, 1 - var(--bc) * 2));translate:0 calc((1 - var(--ab)) * 12px + var(--bc) * -12px);pointer-events:none}.sf-beat--c{opacity:max(0, var(--bc) * 2 - 1);translate:0 calc((1 - var(--bc)) * 12px + var(--out) * -12px);pointer-events:none}.sf.is-b .sf-beat--b,.sf.is-c .sf-beat--c{pointer-events:auto}.sf.is-past .sf-beat--b,.sf.is-past .sf-beat--c{pointer-events:none}.sf-ctas{z-index:1;opacity:1;pointer-events:auto;position:relative}.js .intro:not(.go) .sf-ctas{opacity:0;transform:translateY(12px)}.js .intro.go .sf-ctas{opacity:var(--cta-vis);transition:opacity var(--reveal) var(--ease), transform var(--reveal) var(--ease);transform:none}.sf.is-past .sf-ctas{pointer-events:none}.sf .sf-copy:focus-within .sf-beat{opacity:1;pointer-events:auto;translate:none}.sf .sf-copy:focus-within .sf-ctas{opacity:1;pointer-events:auto}.sf:has(.sf-copy:focus-within) .sf-shade{opacity:1}.sf h1{color:var(--foreground);font-size:clamp(40px, calc(40px + 36 * var(--fluid)), 76px);letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:.94}.sf h1 .mask{margin-top:-.12em;margin-bottom:-.26em;padding-top:.12em;padding-bottom:.26em}.sf .lead{color:var(--foreground);max-width:34ch}.sf-beat--a .lead{margin-top:.52em}.sf .eyebrow{color:var(--foreground)}.sf-after{font-family:var(--font-serif);font-size:clamp(36px, calc(36px + 34 * var(--fluid)), 70px);letter-spacing:-.035em;color:var(--foreground);text-wrap:balance;max-width:14ch;margin:0;font-weight:600;line-height:.98}.sf-after-sub{font-family:var(--font-sans);font-size:var(--t-lead);letter-spacing:0;color:var(--foreground);max-width:34ch;margin:.52em 0 0;font-weight:400;line-height:1.5}.sf-beat--c{padding-top:18px}.sf-float{display:none}.sf-float .thread{box-shadow:var(--shadow-overlay);gap:12px;width:min(400px,100%);padding:24px}.sf-float .bubble{padding:14px 18px;font-size:16px;line-height:1.45}.sf-float .chip{padding:7px 14px;font-size:14px}@media (width>=1024px){.sf-inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;padding-block:48px clamp(56px,10vh,96px)}.sf-copy{align-self:start;margin-top:calc(clamp(8px,4vh,48px) + 50px);padding-bottom:0}.sf-float{grid-area:1/2;place-self:center end;margin-bottom:8vh;display:block}.sf h1{width:max-content;max-width:calc(100vw - 2 * var(--gutter-x))}.sf-float .thread,.sf-float .ui-card{width:400px}}@media (prefers-reduced-motion:no-preference) and (height>=521px){.js .sf:not(.sf--still){height:calc(var(--stage-h) + var(--run))}.js .sf:not(.sf--still) .sf-stage{top:var(--stage-top);position:sticky}.js .sf:not(.sf--still) .sf-float{transform-origin:80% 80%;grid-area:1/1/auto/-1;place-self:center end;margin-bottom:8vh;display:none}.js .sf.is-float:not(.sf--still) .sf-float{animation:sf-rise .56s var(--ease) both;display:block}@media (width<=1023px){.js .sf:not(.sf--still) .sf-float{transform-origin:50% 20%;place-self:start center;width:min(400px,100%);margin:0}}@media (width<=1023px) and (height<=600px){.js .sf.is-float:not(.sf--still) .sf-float{display:none}}}@keyframes sf-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}