@keyframes landing-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@layer components{.landing-marquee{width:100%;position:relative;overflow:hidden}.landing-marquee-track{width:max-content;animation:35s linear infinite landing-marquee;display:flex}.landing-marquee:hover .landing-marquee-track,.landing-marquee[data-paused=true] .landing-marquee-track{animation-play-state:paused}.landing-marquee-list{justify-content:space-around;align-items:center;gap:clamp(2.2rem,5vw,6rem);padding:0 clamp(1rem,3vw,3rem);display:flex}.landing-marquee-list img{object-fit:contain;opacity:.95;filter:grayscale()brightness(1.5)invert();background:0 0;width:auto;max-width:320px;height:clamp(2.4rem,5vw,4.2rem);transition:opacity .4s,filter .4s}.landing-marquee-list img:hover{opacity:1;filter:invert()}.dark .landing-marquee-list img{filter:grayscale()brightness(1.5)}.dark .landing-marquee-list img:hover{filter:grayscale(0)brightness()}@media (max-width:720px){.landing-marquee-list{gap:clamp(1.5rem,7vw,2.5rem)}.landing-marquee-list img{height:clamp(4.8rem,10vw,8.4rem)}}@media (prefers-reduced-motion:reduce){.landing-marquee-track{animation:none}}}
@layer components{.landing-reel{padding:clamp(3.5rem,7vh,5.5rem) 0 clamp(1.25rem,2.5vh,2rem);position:relative}.landing-reel-head{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.landing-reel-title{font-family:var(--font-label);color:hsl(var(--foreground));text-wrap:balance;font-size:clamp(1.6rem,2.4vw,2rem);font-weight:500;line-height:1.15}.landing-reel-title em{font-style:italic}.landing-reel-sub{font-family:var(--font-sans);color:hsl(var(--foreground) / .6);text-wrap:pretty;margin-top:.5rem;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.6}.landing-reel-viewport{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;padding-block:.75rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%)}.landing-reel-viewport[data-dragging=true]{cursor:grabbing}.landing-reel-track{will-change:transform;width:max-content;display:flex;transform:translate(0,0)}.landing-reel-tile{flex:none;width:clamp(180px,22vw,280px);margin-inline-end:clamp(.75rem,1.5vw,1.25rem);position:relative}.landing-reel-media{aspect-ratio:9/16;border:1px solid hsl(var(--foreground) / .08);background:hsl(var(--foreground) / .04);border-radius:16px;width:100%;transition:border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.landing-reel-video{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.landing-reel-brand{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#0c1418a6;border:1px solid #ffffff24;border-radius:99rem;padding:.35rem .6rem;font-size:.62rem;font-weight:600;line-height:1.6;position:absolute;top:.65rem;left:.65rem}.landing-reel-audio{z-index:3;color:#0c1418;opacity:0;pointer-events:none;background:#30c0cb;border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:.65rem;right:.65rem;transform:scale(.85);box-shadow:0 4px 12px -2px #30c0cb73}.landing-reel-tile[data-audio=true] .landing-reel-audio{opacity:1;transform:scale(1)}.landing-reel-tile[data-audio=true] .landing-reel-media{border-color:#30c0cb66;box-shadow:0 0 0 1px #30c0cb66,0 18px 40px -18px #0009,0 0 28px -6px #30c0cb40}@media (max-width:720px){.landing-reel-tile{width:clamp(160px,60vw,220px)}}@media (prefers-reduced-motion:reduce){.landing-reel-media,.landing-reel-audio{transition:none}}}
@property --landing-show-p{syntax:"<number>";inherits:true;initial-value:0}@layer components{.landing-show{--landing-show-ground:#e8d5c4;--landing-show-travel:500svh;--landing-show-shift:10%;--landing-show-zoom:.9;--landing-show-overscan:14%;background:var(--landing-show-ground);height:100svh;position:relative}.landing-show[data-showcase-motion=scrub]{height:calc(100svh + var(--landing-show-travel))}.landing-show-pin{background:var(--landing-show-ground);--foreground:0 0% 10%;--muted-foreground:36 5% 40%;height:100svh;position:sticky;top:0;overflow:hidden}.landing-show-canvas{width:100%;height:calc(100% + var(--landing-show-overscan));object-fit:cover;object-position:50% 0%;transform:translate3d(var(--landing-show-shift), 0, 0) scale(var(--landing-show-zoom));transform-origin:50% 0;-webkit-mask-composite:source-in;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%),linear-gradient(#0000 0,#000 2.5% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%),linear-gradient(#0000 0,#000 2.5% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.landing-show-scrim{pointer-events:none;background:linear-gradient(180deg, transparent 28%, color-mix(in srgb, var(--landing-show-ground) 55%, transparent) 60%, var(--landing-show-ground) 100%);position:absolute;inset:0}.landing-show-layer{pointer-events:none;align-items:flex-end;padding-block:clamp(1.25rem,5vw,4.5rem) clamp(4rem,14vw,4.5rem);display:flex;position:absolute;inset:0}.landing-show-inner{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.25rem}@media (min-width:40rem){.landing-show-inner{padding-inline:2rem}}.landing-show-copy{gap:1.25rem;max-width:36rem;display:grid}.landing-show[data-showcase-motion=scrub] .landing-show-copy{opacity:clamp(0, calc(var(--landing-show-p) / .08), 1)}.landing-show-head .ds-landing-title{font-weight:500;line-height:1.02}.landing-show-lead{max-width:34ch}@media not (min-width:48rem){.landing-show{--landing-show-shift:0%;--landing-show-zoom:1;--landing-show-travel:300svh}.landing-show-canvas{-webkit-mask-image:linear-gradient(#0000 0,#000 2.5% 100%);mask-image:linear-gradient(#0000 0,#000 2.5% 100%)}}@media (min-width:48rem){.landing-show-scrim{background:linear-gradient(100deg, var(--landing-show-ground) 3%, color-mix(in srgb, var(--landing-show-ground) 45%, transparent) 30%, transparent 56%)}.landing-show-layer{align-items:center}}}