.coasta-riding-scenes{--cs-gutter: clamp(20px, 2.6vw, 56px);background:var(--cs-bg, #090909);color:var(--cs-ink, #fff);overflow:hidden;padding:var(--cs-top-space, 64px) 0 var(--cs-bottom-space, 64px);font-family:var(--font-body-family, inherit);isolation:isolate}.coasta-riding-scenes *,.coasta-riding-scenes *:before,.coasta-riding-scenes *:after{box-sizing:border-box}.coasta-riding-scenes__intro{max-width:min(var(--cs-content-width, 1640px),calc(100% - 40px));text-align:center;margin:0 auto clamp(34px,3.25vw,52px)}.coasta-riding-scenes__eyebrow{margin:0 0 8px;text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:750;color:#f4c916}.coasta-riding-scenes__title{font-family:var(--font-heading-family, inherit);margin:0;font-weight:800;letter-spacing:-.035em;line-height:1.12;font-size:clamp(24px,3vw,var(--cs-title-size, 42px));color:var(--cs-ink, #fff)}.coasta-riding-scenes__subtitle{max-width:820px;margin:14px auto 0;font-size:clamp(14px,1.05vw,17px);line-height:1.58;color:color-mix(in srgb,var(--cs-ink, white) 73%,transparent)}.coasta-riding-scenes__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--cs-gutter);overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x;cursor:grab}.coasta-riding-scenes__viewport::-webkit-scrollbar{display:none}.coasta-riding-scenes__viewport:focus-visible{outline:2px solid #ffcf21;outline-offset:-4px}.coasta-riding-scenes__viewport.is-dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.coasta-riding-scenes__track{--cs-effective-card: min(calc(var(--cs-card-w, 450px) * var(--cs-card-scale, 1.25)), calc(100vw - 48px) );display:flex;width:max-content;gap:clamp(12px,.85vw,18px);padding:2px max(20px,calc(100vw - var(--cs-effective-card) - var(--cs-gutter))) 6px var(--cs-gutter)}.coasta-riding-scenes__card{width:var(--cs-effective-card);flex:0 0 var(--cs-effective-card);min-width:0;aspect-ratio:var(--cs-photo-ratio, 4 / 3);border-radius:var(--cs-card-radius, 14px);overflow:hidden;background:#222;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.coasta-riding-scenes__media{display:block;height:100%;width:100%;color:#161616;text-decoration:none;position:relative;overflow:hidden}.coasta-riding-scenes__media picture,.coasta-riding-scenes__media img{display:block;width:100%;height:100%}.coasta-riding-scenes__image{object-fit:var(--cs-photo-fit, contain);object-position:var(--cs-image-position, center center);transition:filter .35s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.coasta-riding-scenes__card:hover .coasta-riding-scenes__image{filter:brightness(1.035)}}.coasta-riding-scenes__media:after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 35%,rgba(0,0,0,.2))}.coasta-riding-scenes__pill{position:absolute;z-index:2;left:clamp(12px,1.15vw,22px);top:clamp(12px,1.15vw,22px);max-width:calc(100% - 30px);padding:9px 15px;border-radius:99px;background:#fffffff5;color:#111;font-family:var(--font-body-family, inherit);font-size:var(--cs-badge-size, 15px);line-height:1.25;font-weight:800;white-space:normal;box-shadow:0 2px 9px #0000001f}.coasta-riding-scenes__caption{z-index:2;position:absolute;left:20px;bottom:17px;max-width:calc(100% - 40px);color:#fff;font-weight:700;font-size:17px;text-shadow:0 1px 8px rgba(0,0,0,.7)}.coasta-riding-scenes__navigation{width:min(var(--cs-content-width, 1640px),calc(100% - 40px));margin:29px auto 0;display:flex;gap:20px;align-items:center;justify-content:center;position:relative;min-height:44px}.coasta-riding-scenes__dots{display:flex;align-items:center;justify-content:center;gap:4px;max-width:calc(100% - 140px);overflow-x:auto;scrollbar-width:none}.coasta-riding-scenes__dots::-webkit-scrollbar{display:none}.coasta-riding-scenes__dot{background:none;border:none;color:inherit;margin:0;padding:13px 3px;min-width:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.coasta-riding-scenes__dot span{display:block;width:7px;height:6px;border-radius:50px;background:#484848;transition:background .25s ease,width .25s ease}.coasta-riding-scenes__dot.is-active span{width:34px;border-radius:99px;background:#fff}.coasta-riding-scenes__dot:hover span{background:#ddd}.coasta-riding-scenes__arrows{display:flex;position:absolute;right:0;top:0;height:44px;gap:11px}.coasta-riding-scenes__arrow{width:42px;height:42px;flex:none;background:#fff;color:#111;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .2s,background .2s,opacity .2s}.coasta-riding-scenes__arrow:hover:not(:disabled){background:#ffcf21;transform:translateY(-2px)}.coasta-riding-scenes__arrow:disabled{opacity:.35;cursor:not-allowed}.coasta-riding-scenes__arrow:focus-visible,.coasta-riding-scenes__dot:focus-visible{outline:2px solid #fbd020;outline-offset:3px}.coasta-riding-scenes__empty{color:#c3c3c3;max-width:740px;margin:28px auto;padding:28px;border:1px dashed #777;text-align:center;font-size:15px}@media(max-width:749px){.coasta-riding-scenes{--cs-gutter: 16px;padding:clamp(32px,var(--cs-top-space, 64px),68px) 0 clamp(32px,var(--cs-bottom-space, 64px),68px)}.coasta-riding-scenes__intro{max-width:calc(100% - 32px);margin-bottom:25px}.coasta-riding-scenes__title{font-size:clamp(25px,6vw,34px);line-height:1.16}.coasta-riding-scenes__subtitle{font-size:13px;margin-top:10px;line-height:1.5}.coasta-riding-scenes__track{--cs-effective-card: min(89vw, 490px);gap:12px;padding-right:calc(100vw - var(--cs-effective-card) - var(--cs-gutter))}.coasta-riding-scenes__card{aspect-ratio:var(--cs-mobile-photo-ratio, var(--cs-photo-ratio, 4 / 3))}.coasta-riding-scenes__pill{font-size:clamp(11px,3vw,14px);top:12px;left:12px;padding:8px 12px}.coasta-riding-scenes__navigation{width:calc(100% - 32px);margin-top:20px;min-height:40px}.coasta-riding-scenes__arrows{height:39px;gap:7px}.coasta-riding-scenes__arrow{width:37px;height:37px}.coasta-riding-scenes__dots{max-width:calc(100% - 100px)}.coasta-riding-scenes__dot.is-active span{width:25px}}@media(prefers-reduced-motion:reduce){.coasta-riding-scenes__image,.coasta-riding-scenes__dot span,.coasta-riding-scenes__arrow{transition:none!important}}.coasta-riding-scenes__viewport.is-loop-jumping{scroll-snap-type:none!important;scroll-behavior:auto!important}.coasta-riding-scenes__card.is-clone{pointer-events:none}.coasta-riding-scenes__dot span{position:relative;overflow:hidden}.coasta-riding-scenes__dot.is-active span{background:#545454}.coasta-riding-scenes__dot.is-active span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:left center;transform:scaleX(1)}.coasta-riding-scenes.is-autoplaying .coasta-riding-scenes__dot.is-active span:after{animation:coasta-riding-progress var(--cs-autoplay-ms, 4s) linear both}@keyframes coasta-riding-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.coasta-riding-scenes.is-autoplaying .coasta-riding-scenes__dot.is-active span:after{animation:none!important}}@media(min-width:750px)and (max-width:1050px){.coasta-riding-scenes__card{aspect-ratio:var(--cs-photo-ratio, 4 / 3)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/coasta-riding-scenes.css.map */