@layer reset,theme,tokens,base,composition,blocks,utilities;@property --gains-progress{syntax: "<number>"; inherits: true; initial-value: 0;}@layer blocks{.gains-rail{--card-title-size: var(--fs-subtitle);--gains-pad: var(--mobilePadding);--gains-gutter: max(var(--gains-pad), calc((100vw - var(--width-xl)) / 2 + var(--gains-pad)));--gains-course: 600px;--bg: var(--cream);--section-ratio: 0;--section-pad-top: var(--space-2);--section-pad-bottom: var(--space-24);--card-bg: var(--blueNight);--card-bw: 0;--card-radius: var(--rXL);--card-pad: 0 var(--space-8) var(--space-16);--reel-gap: var(--cards-gap, var(--space-6));--reel-pad: var(--gains-gutter);--tag-size: var(--fs-subtitle);--tag-ink: var(--yellow);--mono-invert: 1;--mono-opacity: .94;--hand-ink: rgb(var(--bodySoftRGB) / .62);font-size:var(--fs-body)}@media(min-width:1024px){.gains-rail{--gains-pad: var(--desktopPadding) }}.gains-rail .card{--stack-gap: var(--space-3);flex:none;width:min(25rem,82vw);overflow:hidden;color:rgb(var(--whiteRGB) / .72);box-shadow:var(--smoothShadowXs)}.gains-rail .card:is(:hover,:focus-within) :is(h3,p){transform:translateY(-8px)}.gains-rail .card:is(:hover,:focus-within) .card-media img{transform:translateY(-8px) scale(.93)}.gains-rail .card:is(:hover,:focus-within) .reveal-link{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.card-media{position:relative;height:16rem;margin-inline:calc(-1 * var(--space-8))}.card-media img{position:absolute;left:calc(-1 * var(--space-8));top:var(--space-8);-o-object-fit:contain;object-fit:contain}.card-media>.hand-tag{position:absolute;top:var(--space-6);right:var(--space-8)}@media(prefers-reduced-motion:no-preference){.gains-rail .card :is(h3,p),.card-media img{transition:transform .42s var(--swapEasing)}}.reveal-link{--repel-gap: var(--space-3);position:absolute;inset-inline:var(--space-8);bottom:var(--space-6);font-weight:700;font-size:var(--fs-small);color:var(--white);opacity:0;transform:translateY(18px) scale(.98);filter:blur(6px);transform-origin:center bottom}@media(prefers-reduced-motion:no-preference){.reveal-link{transition:transform .5s var(--swapEasing) .05s,filter .4s var(--swapEasing) .05s,opacity .4s var(--swapEasing) .05s}}.scroll-reel{padding:var(--space-2) var(--gains-gutter) var(--space-8)}@supports not (animation-timeline: view()){.scroll-reel{scrollbar-width:thin}}.scroll-hint{--cluster-gap: var(--space-3);padding-inline:var(--gains-gutter)}.scroll-hint svg{fill:rgb(var(--bodySoftRGB) / .5)}@media(prefers-reduced-motion:no-preference){.scroll-hint svg path{--shift-from: 3px 0;animation:shift-in 1.2s var(--sineEasing) infinite alternate}}.scroll-hint svg path:nth-child(1){animation-delay:.24s}.scroll-hint svg path:nth-child(2){animation-delay:.12s}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.gains-rail:where(:not(:has(:focus-visible))){animation:gains-progress var(--sineEasing) both}.gains-rail:where(:not(:has(:focus-visible))):where(:not([data-rail-mode=flow])){height:calc(100svh + var(--gains-course));padding:0;animation-timeline:view();animation-range:contain 0% contain 100%}.gains-rail:where(:not(:has(:focus-visible))):where(:not([data-rail-mode=flow]))>.sticky-frame{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6) 0}.gains-rail:where(:not(:has(:focus-visible))):where(:not([data-rail-mode=flow]))>.sticky-frame>:where(.container){height:auto}.gains-rail:where(:not(:has(:focus-visible))):where([data-rail-mode=flow]){timeline-scope:--gains;animation-timeline:--gains;animation-range:entry 100% exit 0%}.gains-rail:where(:not(:has(:focus-visible))):where([data-rail-mode=flow]) .scroll-reel{view-timeline:--gains block}:where(.gains-rail:not(:has(:focus-visible))) .scroll-reel{overflow:visible;width:-moz-max-content;width:max-content;scroll-snap-type:none;translate:calc((100vw - 100%) * var(--gains-progress)) 0;will-change:translate;transform:none;transition:opacity .7s var(--revealEasing),translate .5s var(--ease-out)}:where(.lp-revive) .scroll-reel{transition:none}.scroll-hint svg{transform:rotate(90deg)}}}@keyframes gains-progress{to{--gains-progress: 1}}}
