@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-500-normal-DYtqi0QS.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}:root{--color-book-paper: oklch(96% .025 87);--color-book-ink: oklch(30% .028 154);--color-book-muted: oklch(49% .025 136);--color-book-edge: oklch(89% .035 85);--color-book-rule: oklch(79% .027 87);--color-book-mount: oklch(99% .008 87);--font-book: Georgia, "Times New Roman", serif;--color-club-panel: oklch(32% .032 157);--color-club-raised: oklch(39% .032 157);--color-club-dark: oklch(28% .026 170);--color-club-ink: oklch(95% .026 85);--color-club-muted: oklch(84% .026 100);--color-club-accent: oklch(87% .12 96);--color-club-ground: oklch(82% .035 108);--color-club-shadow: oklch(22% .026 150 / .34);--color-paper: oklch(19% .012 240 / .96);--color-surface: oklch(26% .014 240 / .96);--color-ink: oklch(98% .003 240);--color-muted: oklch(79% .012 240);--color-dark: oklch(12% .012 240);--color-dark-raised: oklch(25% .014 240);--color-dark-muted: oklch(80% .012 240);--color-rule: oklch(96% .008 240 / .18);--color-dark-rule: oklch(96% .008 240 / .22);--color-accent: oklch(85% .17 106);--color-accent-ink: oklch(18% .025 150);--color-focus: oklch(88% .17 106);--color-error: oklch(81% .12 35);--color-transparent: transparent;--color-hud-paper: oklch(12% .012 240 / .22);--color-hud-dark: oklch(12% .012 240 / .32);--color-hud-hover: oklch(12% .012 240 / .64);--color-hud-edge: oklch(98% .003 240 / .17);--color-hud-muted: oklch(92% .006 240 / .8);--color-hud-shadow: oklch(5% .008 240 / .86);--color-hud-scrim: oklch(8% .009 240 / .42);--color-hud-glass: oklch(15% .012 240 / .44);--color-hud-glass-shadow: oklch(5% .008 240 / .24);--color-chart-line: oklch(98% .003 240 / .92);--color-chart-shadow: oklch(8% .009 240 / .58);--color-chart-fill: oklch(85% .17 106 / .18);--font-display: "Barlow Condensed", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-micro: .12s;--color-landing-bg: oklch(19% .012 240);--color-landing-top: oklch(8% .009 240 / .64);--color-landing-bottom: oklch(8% .009 240 / .6);--color-landing-side: oklch(8% .009 240 / .74);--color-landing-floor: oklch(8% .009 240 / .86);--color-landing-raised: oklch(23% .013 240);--color-landing-dim: oklch(98% .003 240 / .62);--landing-gutter: clamp(16px, 4vw, 64px);--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 144px;--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-swap: .24s;--dur-fade: .4s}.button{--button-ink: oklch(20% .012 250);--button-face: oklch(86% .18 95);--button-edge: oklch(68% .16 85);--button-cast: oklch(76% .2 95 / .45);--button-ease: cubic-bezier(.2, .7, .3, 1);display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:12px 22px;color:var(--button-ink);background:var(--button-face);border:0;border-radius:999px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700;line-height:1.6;text-decoration:none;white-space:nowrap;box-shadow:0 4px 0 0 var(--button-edge),0 6px 12px -3px var(--button-cast);transition:transform .14s var(--button-ease),box-shadow .14s var(--button-ease)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--button-edge),0 2px 6px -2px var(--button-cast);transition-duration:70ms}.button-arrow{display:inline-block;transition:transform .14s var(--button-ease)}.button-small{min-height:44px;padding:8px 18px;font-size:15px}@media(hover:hover){.button:hover{background:var(--button-face);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--button-edge),0 12px 22px -4px var(--button-cast)}.button:hover .button-arrow{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.button,.button-arrow{transition:none}.button:hover,.button:active,.button:hover .button-arrow{transform:none}}:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-ink: oklch(20% .012 250);--color-ink-2: oklch(40% .014 250);--color-rule: oklch(20% .012 250 / .12);--color-accent: oklch(86% .18 95);--color-accent-deep: oklch(68% .16 85);--color-accent-cast: oklch(76% .2 95 / .45);--color-accent-tint: oklch(93% .07 95);--color-accent-2: oklch(48% .15 240);--color-accent-2-tint: oklch(94% .035 235);--color-accent-3: oklch(68% .24 18);--color-accent-3-tint: oklch(94% .04 18);--color-mint-tint: oklch(94% .05 150);--color-lavender-tint: oklch(94% .04 305);--color-on-footage: oklch(98% .005 95);--color-footage-shade: oklch(12% .01 250 / .78);--color-footage-clear: oklch(12% .01 250 / 0);--color-studio: oklch(18% .01 230);--color-focus: oklch(48% .15 240);--color-shadow: oklch(20% .012 250 / .14);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-card: 22px;--radius-frame: 28px;--radius-pill: 999px;--ease-press: cubic-bezier(.2, .7, .3, 1);--dur-press: .14s}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{color-scheme:light;scroll-padding-block-start:88px;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:17px;line-height:1.6}a{color:inherit}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:var(--color-transparent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}[hidden]{display:none!important}p,h1,h2,h3,dl,dd,ol,figure{margin:0}svg{display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;font-style:normal;letter-spacing:-.03em;min-width:0;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;inset:var(--space-sm) auto auto var(--space-md);z-index:9;padding:12px var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);transform:translateY(-200%)}.skip-link:focus{transform:none}.notice{padding:10px var(--landing-gutter);background:var(--color-accent);font-size:14px;font-weight:600;text-align:center}.notice a{margin-inline-start:var(--space-sm);text-underline-offset:3px;white-space:nowrap}.site-header{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:var(--space-lg);padding:12px var(--landing-gutter);background:var(--color-paper);border-block-end:1px solid var(--color-rule)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;text-decoration:none}.brand svg{width:30px;height:26px}.brand span{font:700 26px/1 var(--font-display);letter-spacing:-.04em}.site-nav{display:none;gap:var(--space-xs);margin-inline-start:auto}.site-nav a{padding:10px 14px;border-radius:var(--radius-pill);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out)}.site-actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}.sign-in{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}.sign-in:hover{text-decoration:underline;text-underline-offset:4px}.inline-emoji{width:1.7em;height:1.7em;vertical-align:middle;object-fit:contain}@media(max-width:25rem){.site-header{gap:8px}.site-actions{gap:10px}.brand{gap:5px}.brand span{font-size:22px}.brand svg{width:24px}.site-actions .button{padding-inline:12px}}.hero{display:grid;gap:var(--space-xl);padding:var(--space-xl) var(--landing-gutter) var(--space-3xl)}.hero-copy{order:-1;display:grid;align-content:center;gap:var(--space-lg)}h1{font-size:clamp(40px,4.2vw + 1rem,84px);line-height:.98}.hero-description{max-width:42ch;color:var(--color-ink-2);font-size:clamp(17px,1.3vw,20px)}.footnote-mark{color:inherit;text-decoration:none;font-weight:700}.hero-footnote{margin-block-start:calc(-1 * var(--space-md));max-width:52ch;color:var(--color-ink-2);font-size:13px}.feature-note{max-width:40em;margin-block-start:var(--space-md);color:var(--color-ink-2);font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg)}.hero-actions>span{color:var(--color-ink-2);font-size:14px}.reel{position:relative;aspect-ratio:4 / 5;min-height:0;overflow:hidden;border-radius:var(--radius-frame);background:var(--color-studio);isolation:isolate;box-shadow:0 24px 48px -28px var(--color-shadow)}.reel-layer{position:absolute;inset:0;z-index:1}.reel-layer[data-role=incoming]{z-index:2}.reel-layer picture,.reel-layer img,.reel-layer video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.reel-layer video{opacity:0;transition:opacity var(--dur-fade) var(--ease-out)}.reel-layer.is-live video{opacity:1}.reel:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(0deg,var(--color-footage-shade) 0%,var(--color-footage-clear) 42%)}.reel-meta{position:absolute;z-index:4;inset:var(--space-md) var(--space-md) auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);color:var(--color-on-footage)}.reel-label{padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-footage-shade);font:500 12px/1.4 var(--font-mono);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-divider{margin-inline:var(--space-xs);opacity:.6}#footage-toggle{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:88px;min-height:44px;padding:8px 14px;color:var(--color-ink);background:var(--color-paper);border:0;border-radius:var(--radius-pill);font-weight:600;cursor:pointer}#footage-toggle svg{width:14px;height:14px;fill:currentColor}#footage-toggle:active{transform:translateY(1px)}#footage-status{position:absolute;z-index:5;inset:68px var(--space-md) auto;padding:var(--space-sm) 12px;border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);font-size:13px}.day{position:absolute;z-index:4;inset:auto 0 var(--space-md)}.day-title{display:none}.day ol{position:relative;list-style:none;padding:0 var(--space-md);display:flex;gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-md);scrollbar-width:none}.day ol::-webkit-scrollbar{display:none}.day li{flex:none;scroll-snap-align:start}.day button{position:relative;display:grid;gap:1px;min-width:128px;min-height:60px;padding:10px 14px 12px;overflow:hidden;text-align:left;color:var(--color-on-footage);background:var(--color-footage-shade);border:0;border-radius:16px;cursor:pointer;transition:background var(--dur-micro) var(--ease-out)}.day time{font:500 11px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;opacity:.8}.day b{font:700 16px/1.15 var(--font-display);white-space:nowrap}.day button span{font-size:11px;opacity:.8}.day i{position:absolute;inset:auto 0 0;height:3px;background:var(--color-accent);transform:scaleX(var(--progress, 0));transform-origin:left;opacity:0}.day [aria-pressed=true]{color:var(--color-ink);background:var(--color-paper)}.day [aria-pressed=true] i{opacity:1}.day button:focus-visible{outline-color:var(--color-accent);outline-offset:2px}.day button:active{transform:translateY(1px)}h2{font-size:clamp(38px,4.4vw + .5rem,72px);line-height:1}.roads,.feature,.start,.faq{padding:var(--space-3xl) var(--landing-gutter)}.roads{padding-inline:0}.roads-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg);padding-inline:var(--landing-gutter)}.roads-sub{max-width:46ch;margin-block-start:var(--space-md);color:var(--color-ink-2)}.rail-controls{display:flex;gap:var(--space-sm)}.rail-controls button{display:grid;place-items:center;width:48px;height:48px;color:var(--color-ink);background:var(--color-paper-2);border:0;border-radius:50%;font-size:20px;cursor:pointer;transition:background var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.rail-controls button:disabled{opacity:.35;cursor:default}.road-list{list-style:none;display:flex;gap:var(--space-md);margin-block-start:var(--space-xl);padding:var(--space-sm) var(--landing-gutter) var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--landing-gutter);scrollbar-width:none;overscroll-behavior-x:contain}.road-list::-webkit-scrollbar{display:none}.road{--tint: var(--color-accent-tint);position:relative;flex:0 0 min(80vw,320px);scroll-snap-align:start;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--tint);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.road:nth-child(4n+2){--tint: var(--color-accent-2-tint)}.road:nth-child(4n+3){--tint: var(--color-mint-tint)}.road:nth-child(4n+4){--tint: var(--color-lavender-tint)}.road img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:16px;background:var(--color-studio)}.road-name,.road-note,.road-facts,.road-link{padding-inline:var(--space-sm)}.road h3{font-size:24px;line-height:1.1;margin-block-start:var(--space-xs)}.road-name p{margin-block-start:2px;color:var(--color-ink-2);font:500 12px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.road-note{color:var(--color-ink-2);font-size:15px}.road-facts{display:flex;flex-wrap:wrap;gap:0 var(--space-md);font:500 13px/1.6 var(--font-mono);font-variant-numeric:tabular-nums}.road-facts span+span{color:var(--color-ink-2)}.road-link{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;font-weight:700;text-decoration:none;white-space:nowrap}.road-link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-card)}.road:active{transform:translateY(1px)}.road-more{align-content:center;padding:var(--space-xl);background:var(--color-paper);border:2px dashed var(--color-rule);grid-template-rows:auto auto}.roads-note{margin:var(--space-sm) var(--landing-gutter) 0;max-width:62ch;color:var(--color-ink-2);font-size:13px}.feature{display:grid;gap:var(--space-xl)}.feature>*{min-width:0}.feature-lede{max-width:34em;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.feature-list{display:grid;gap:var(--space-md);margin-block-start:var(--space-xl)}.feature-list div{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:var(--space-md)}.feature-list div:before{content:"";grid-row:span 2;width:14px;height:14px;margin-block-start:8px;border-radius:50%;background:var(--color-accent)}.feature-list div:nth-child(2):before{background:var(--color-accent-2)}.feature-list div:nth-child(3):before{background:var(--color-accent-3)}.feature-list dt{font:700 22px/1.3 var(--font-display);letter-spacing:-.02em}.feature-list dd{margin-block-start:2px;color:var(--color-ink-2);max-width:44em}.sync{background:var(--color-accent-2-tint)}.sync-shot{display:grid;place-items:center;aspect-ratio:16 / 10;padding:var(--space-lg);border-radius:var(--radius-frame);background:var(--color-paper);box-shadow:0 24px 48px -30px var(--color-shadow)}.sync-brands{list-style:none;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.sync-brands li{display:flex;align-items:center;gap:12px;max-width:100%;font:700 22px/1 var(--font-body);letter-spacing:-.02em}.sync-brands img[alt="Compatible with Strava"]{width:auto;max-width:100%;height:22px}.sync-brands li:last-child img{width:42px;height:42px}.rider{background:var(--color-accent-tint)}.rider figure{position:relative}.rider video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;border-radius:var(--radius-frame);background:var(--color-studio);box-shadow:0 24px 48px -28px var(--color-shadow)}.rider .feature-copy h2{margin-block-end:var(--space-lg)}.sticker{position:absolute;z-index:1;inset:calc(-1 * var(--space-lg)) var(--space-md) auto auto;display:grid;place-items:center;width:112px;height:112px;padding:14px;border-radius:50%;background:var(--color-accent);color:var(--color-ink);font:800 14px/1.15 var(--font-display);text-align:center;letter-spacing:-.01em;transform:rotate(-12deg);box-shadow:0 4px 0 0 var(--color-accent-deep),0 10px 20px -8px var(--color-accent-cast)}.start{display:grid;gap:var(--space-2xl)}.start-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg)}.start-list{display:grid;gap:var(--space-md)}.start-list div{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2)}.start-list dt{font:700 22px/1.3 var(--font-display);letter-spacing:-.02em}.start-list dd{margin-block-start:var(--space-sm);color:var(--color-ink-2);font-size:16px}.faq{display:grid;gap:var(--space-xl)}.faq-list{display:grid;gap:var(--space-sm)}.faq details{border-radius:var(--radius-card);background:var(--color-paper-2)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:64px;padding:var(--space-md) var(--space-lg);cursor:pointer;list-style:none;font:700 20px/1.3 var(--font-display);letter-spacing:-.02em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-accent);font:700 20px/1 var(--font-body);transition:transform var(--dur-micro) var(--ease-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{max-width:62ch;padding:0 var(--space-lg) var(--space-lg);color:var(--color-ink-2);font-size:16px}.faq details a{color:var(--color-accent-2);font-weight:600;text-underline-offset:3px}.site-footer{display:grid;gap:var(--space-lg) var(--space-2xl);padding:var(--space-4xl) var(--landing-gutter) var(--space-2xl);background:var(--color-ink);color:var(--color-paper);font-size:13px}.statement{font:700 clamp(44px,7vw,112px)/.95 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere}.colophon-mark{font:700 22px/1.2 var(--font-display);letter-spacing:-.03em}.colophon-mark span{margin-inline-start:var(--space-sm);color:var(--color-paper-3);font:400 13px/1.6 var(--font-body);letter-spacing:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:0 var(--space-lg)}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-underline-offset:3px;white-space:nowrap}@media(min-width:40rem){.hero{padding-block:var(--space-2xl) var(--space-4xl)}.reel{aspect-ratio:16 / 10}.roads,.feature,.start,.faq{padding-block:var(--space-4xl)}.roads{padding-inline:0}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-xl)}.start-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:60rem){.site-nav{display:flex}.site-actions{margin-inline-start:0}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.feature{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-2xl);align-items:center}.sync .feature-head{grid-column:1 / 6}.sync .sync-shot{grid-column:6 / 13}.together .feature-head,.together .feature-copy{grid-column:1 / 13}.together .feature-lede{max-width:40em}.rider figure{grid-column:1 / 8}.rider .feature-copy{grid-column:8 / 13}.road{flex-basis:340px}.sync-shot{padding:var(--space-xl)}.sync-brands img[alt="Compatible with Strava"]{height:30px}.sync-brands li{font-size:26px}.faq{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-2xl);align-items:start}.faq h2{grid-column:1 / 5;position:sticky;top:104px}.faq-list{grid-column:5 / 13}.site-footer{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:end}.site-footer .statement{grid-column:1 / -1}.sticker{width:132px;height:132px;font-size:16px;inset-inline-end:calc(-1 * var(--space-lg))}}@media(hover:hover){.site-nav a:hover,.rail-controls button:not(:disabled):hover{background:var(--color-paper-3)}.day button:hover{background:var(--color-ink);color:var(--color-on-footage)}.day [aria-pressed=true]:hover{background:var(--color-paper);color:var(--color-ink)}.road:hover{transform:translateY(-4px);box-shadow:0 18px 32px -20px var(--color-shadow)}.road:hover .road-link{text-decoration:underline;text-underline-offset:4px}.rider figure:hover .sticker{animation:wiggle .6s var(--ease-out)}.faq summary:hover{background:var(--color-paper-3);border-radius:var(--radius-card)}.site-footer nav a:hover{text-decoration:underline}}@keyframes wiggle{0%{transform:rotate(-12deg)}25%{transform:rotate(-4deg) translateY(-3px)}50%{transform:rotate(-18deg)}75%{transform:rotate(-9deg)}to{transform:rotate(-12deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.feature-head .feature-lede{margin-block-start:var(--space-md)}.spotify-feature{background:var(--color-mint-tint);align-items:center}.spotify-copy{min-width:0}.spotify-brand{display:block;width:142px;height:auto;margin-bottom:32px}.spotify-copy h2{font-size:clamp(36px,3.5vw,56px);line-height:1.08;max-width:15ch;margin-bottom:24px}.spotify-copy .feature-lede{max-width:38ch}.spotify-shot{min-width:0}.spotify-shot>img{display:block;width:100%;height:auto;border-radius:var(--radius-frame)}.surprises-feature{position:relative;padding:88px 0 40px;background:var(--color-lavender-tint);scroll-margin-top:90px}.feature-anchor{position:absolute;top:0;scroll-margin-top:90px}.surprises-heading{max-width:850px;margin:0 auto;padding:0 var(--landing-gutter);text-align:center}.surprises-heading h2{font-size:clamp(40px,4.8vw,68px);line-height:1.04;margin-bottom:24px}.surprises-heading .feature-lede{font-size:clamp(18px,1.6vw,23px);line-height:1.6}.surprise-carousel{position:relative;margin-top:10px;--person-width:190px;--person-gap:24px}.surprise-window{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding-top:112px;padding-bottom:12px;outline-offset:-4px}.surprise-window::-webkit-scrollbar{display:none}.surprise-track{display:flex;width:max-content;padding-inline:24px}.surprise-cast{display:flex;gap:var(--person-gap);list-style:none;margin:0;padding:0 var(--person-gap) 0 0}.surprise-person{flex:0 0 var(--person-width);width:var(--person-width);text-align:center}.surprise-portrait{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 0 12px;background:none;border:0;border-radius:16px;color:inherit;text-decoration:none}.is-pacer .surprise-portrait{cursor:pointer}.surprise-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.portraits-deferred .surprise-portrait template[data-portrait]{display:block;width:100%;aspect-ratio:1}.surprise-name{display:block;max-width:100%;min-height:50px;margin-top:14px;font-size:16px;font-weight:700;line-height:1.35}.surprise-detail{display:block;color:var(--color-ink-2);font-size:12px;line-height:1.4}.is-pacer .surprise-detail{color:var(--color-ink);font-weight:600}.is-pacer .surprise-detail:before{content:"◌";display:inline-block;margin-right:6px;font-size:17px;line-height:.5}.is-pacer .surprise-portrait:hover .surprise-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.surprise-bubble{position:absolute;top:12px;z-index:2;width:max-content;max-width:min(310px,calc(100% - 32px));padding:15px 19px;border:1px solid var(--color-rule);border-radius:20px;background:var(--color-paper);box-shadow:0 4px 0 var(--color-shadow);color:var(--color-ink);text-align:left;pointer-events:none;animation:surprise-speak .22s var(--ease-out) both}.surprise-bubble p{font-size:15px;line-height:1.45}.surprise-bubble>span{position:absolute;top:calc(100% - 1px);left:var(--bubble-tail,50%);width:16px;height:16px;background:var(--color-paper);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);transform:translate(-50%,-50%) rotate(45deg)}.surprise-controls{display:flex;justify-content:center;gap:10px;margin-top:22px}.surprise-controls button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid var(--color-rule);border-radius:50%;background:transparent;cursor:pointer;transition:background .14s var(--ease-out),transform .14s var(--ease-out)}.surprise-controls button:hover{background:var(--color-paper)}.surprise-controls button:active{transform:translateY(1px)}.surprise-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.carousel-play-icon,[aria-pressed=true] .carousel-pause-icon{display:none}[aria-pressed=true] .carousel-play-icon{display:block}@keyframes surprise-speak{0%{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}@media(min-width:60rem){.spotify-copy{grid-column:1/6}.spotify-shot{grid-column:6/13}}@media(max-width:39.99rem){.spotify-copy h2{font-size:38px;max-width:15ch}.spotify-brand{width:126px;margin-bottom:28px}.surprises-feature{padding-top:64px;padding-bottom:30px}.surprises-heading{padding-inline:22px}.surprises-heading h2{font-size:44px}.surprise-carousel{--person-width:164px;--person-gap:18px;margin-top:0}.surprise-name{font-size:15px;min-height:46px}.surprise-bubble{padding:13px 16px}.surprise-controls{margin-top:16px}}@media(prefers-reduced-motion:reduce){.surprise-bubble{animation:none}.surprise-controls button{transition:none}}.surprise-controls[hidden],.surprise-controls button[hidden],.surprise-bubble[hidden]{display:none}