.discovery-banner{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-section-y-loose) var(--gutter)}.discovery-banner__card{position:relative;display:flex;align-items:center;min-height:210px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--gradient-panel);overflow:hidden;text-decoration:none;transition:border-color .15s}.discovery-banner__card:hover{border-color:var(--color-border-strong)}.discovery-banner__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.discovery-banner__text{position:relative;z-index:2;padding:32px 40px;max-width:58%}.discovery-banner__heading{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text);margin:0 0 10px}.discovery-banner__sub{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--color-text-muted);margin:0}.discovery-banner__collage{position:absolute;z-index:1;top:-90px;bottom:-90px;right:-50px;width:48%;display:flex;align-items:flex-start;gap:14px;transform:rotate(-6deg);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%);mask-image:linear-gradient(90deg,transparent 0%,#000 35%);pointer-events:none}.discovery-banner__col{flex:1 1 0;min-width:0;animation:discovery-scroll var(--scroll-duration, 52s) linear infinite;will-change:transform}.discovery-banner__col:nth-child(2){--scroll-duration: 68s}.discovery-banner__col:nth-child(3){--scroll-duration: 44s}.discovery-banner__img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface);margin-bottom:14px}@keyframes discovery-scroll{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media(max-width:980px){.discovery-banner__text{max-width:62%;padding:28px 32px}.discovery-banner__heading{font-size:22px}}@media(max-width:720px){.discovery-banner__card{min-height:200px}.discovery-banner__text{max-width:72%;padding:24px}.discovery-banner__heading{font-size:20px}.discovery-banner__sub{font-size:13px}.discovery-banner__collage{width:58%;right:-60px;-webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 55%);mask-image:linear-gradient(90deg,transparent 12%,#000 55%)}}@media(max-width:480px){.discovery-banner__card{min-height:212px}.discovery-banner__text{max-width:80%;padding:22px 20px}.discovery-banner__heading{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-discovery-banner.css.map */