.homepage-media-showcase{position:relative;overflow:hidden}.homepage-media-showcase__content{max-width:52rem;margin:0 auto;text-align:center}.homepage-media-showcase__eyebrow{margin:0 0 1.2rem;font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.homepage-media-showcase__heading{margin:0;font-size:clamp(2.4rem,4vw,4.5rem);line-height:.97;letter-spacing:-.04em}.homepage-media-showcase__body{max-width:44rem;margin:1.5rem auto 0;color:rgba(var(--color-foreground),.78)}.homepage-media-showcase__body p{margin:0;font-size:1rem;line-height:1.7}.homepage-media-showcase__media-frame{max-width:68rem;margin:3rem auto 0;border:1px solid rgba(var(--color-foreground),.1);border-radius:1.75rem;overflow:hidden;background:linear-gradient(180deg,rgba(var(--color-background),.98),rgba(var(--color-background),.92)),radial-gradient(circle at top,rgba(var(--color-foreground),.08),transparent 45%);box-shadow:0 2rem 5rem #0f172a1f}.homepage-media-showcase__browser-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(var(--color-foreground),.08);background:rgba(var(--color-background),.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.homepage-media-showcase__browser-dots{display:inline-flex;gap:.4rem}.homepage-media-showcase__browser-dots span{width:.72rem;height:.72rem;border-radius:999px;background:rgba(var(--color-foreground),.2)}.homepage-media-showcase__browser-dots span:nth-child(1){background:#ff5f57}.homepage-media-showcase__browser-dots span:nth-child(2){background:#febc2e}.homepage-media-showcase__browser-dots span:nth-child(3){background:#28c840}.homepage-media-showcase__browser-label{justify-self:center;width:min(100%,30rem);padding:.55rem 1rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:999px;background:rgba(var(--color-background),.92);color:rgba(var(--color-foreground),.65);font-size:.82rem;line-height:1;text-align:center}.homepage-media-showcase__browser-spacer{width:3.2rem}.homepage-media-showcase__media-shell{position:relative;aspect-ratio:var(--homepage-media-showcase-aspect-ratio);overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.35),transparent 45%),linear-gradient(135deg,#1111111f,#11111105)}.homepage-media-showcase__video-wrapper,.homepage-media-showcase__poster-image,.homepage-media-showcase__placeholder,.homepage-media-showcase__video-wrapper video{width:100%;height:100%}.homepage-media-showcase__video-wrapper video,.homepage-media-showcase__poster-image{display:block;object-fit:cover}.homepage-media-showcase__placeholder{display:flex;align-items:center;justify-content:center}.homepage-media-showcase__placeholder .placeholder-svg{width:100%;height:100%}.homepage-media-showcase__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.homepage-media-showcase__button{min-width:min(100%,18rem)}.homepage-media-showcase__proof{margin-top:2.75rem}.homepage-media-showcase__logo-marquee{position:relative;overflow:hidden;padding-block:36px;background:var(--homepage-media-showcase-proof-surface)}.homepage-media-showcase__logo-marquee:before,.homepage-media-showcase__logo-marquee:after{content:"";position:absolute;top:0;bottom:0;width:var(--homepage-media-showcase-logo-fade-width);z-index:1;pointer-events:none}.homepage-media-showcase__logo-marquee:before{left:0;background:linear-gradient(90deg,var(--homepage-media-showcase-proof-surface) var(--homepage-media-showcase-logo-fade-stop),rgba(243,243,243,0))}.homepage-media-showcase__logo-marquee:after{right:0;background:linear-gradient(270deg,var(--homepage-media-showcase-proof-surface) var(--homepage-media-showcase-logo-fade-stop),rgba(243,243,243,0))}.homepage-media-showcase__logo-track{display:flex;width:max-content;will-change:transform;animation:homepage-media-showcase-marquee 28s linear infinite}.homepage-media-showcase__logo-sequence{display:flex;gap:var(--homepage-media-showcase-logo-gap);padding-right:var(--homepage-media-showcase-logo-gap);margin:0;padding-left:0;list-style:none}.homepage-media-showcase__logo-item{flex:0 0 auto}.homepage-media-showcase__logo-card{display:flex;align-items:center;justify-content:center;width:var(--homepage-media-showcase-logo-card-width);padding:var(--homepage-media-showcase-logo-pad-y) var(--homepage-media-showcase-logo-pad-x);border:0;border-radius:var(--homepage-media-showcase-logo-radius);background:#fff;box-shadow:var(--homepage-media-showcase-logo-shadow)}.homepage-media-showcase__logo-card[href]{transition:transform .2s ease}.homepage-media-showcase__logo-card[href]:hover{transform:translateY(-2px)}.homepage-media-showcase__logo-image,.homepage-media-showcase__logo-placeholder{width:100%;height:auto;min-height:1px;object-fit:contain}@keyframes homepage-media-showcase-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * (var(--homepage-media-showcase-logo-card-width) + var(--homepage-media-showcase-logo-gap)) * var(--homepage-media-showcase-logo-count)),0,0)}}@media screen and (max-width:989px){.homepage-media-showcase__heading{font-size:clamp(2.2rem,7vw,3.6rem)}.homepage-media-showcase__media-frame{margin-top:2.5rem}}@media screen and (max-width:749px){.homepage-media-showcase__browser-bar{grid-template-columns:auto 1fr}.homepage-media-showcase__browser-spacer{display:none}.homepage-media-showcase__browser-label{width:100%;font-size:.74rem}.homepage-media-showcase__actions{justify-content:center}.homepage-media-showcase__button{width:min(100%,22rem)}.homepage-media-showcase__logo-sequence{gap:var(--homepage-media-showcase-logo-gap-mobile);padding-right:var(--homepage-media-showcase-logo-gap-mobile)}.homepage-media-showcase__logo-card{width:var(--homepage-media-showcase-logo-card-width-mobile);padding:var(--homepage-media-showcase-logo-pad-y-mobile) var(--homepage-media-showcase-logo-pad-x-mobile)}@keyframes homepage-media-showcase-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * (var(--homepage-media-showcase-logo-card-width-mobile) + var(--homepage-media-showcase-logo-gap-mobile)) * var(--homepage-media-showcase-logo-count)),0,0)}}}@media(prefers-reduced-motion:reduce){.homepage-media-showcase__logo-marquee{overflow:visible}.homepage-media-showcase__logo-track{display:block;width:100%;animation:none;transform:none}.homepage-media-showcase__logo-sequence{flex-wrap:wrap;justify-content:center;padding-right:0}.homepage-media-showcase__logo-sequence.is-duplicate{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-homepage-media-showcase.css.map */