.coastd-roll{--coastd-ink: #17362f;--coastd-muted: #63756f;--coastd-paper: #fbf8f0;--coastd-orange: #dc6c42;overflow:hidden;padding:0 0 var(--coastd-section-gap);color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.coastd-roll *{box-sizing:border-box}.coastd-roll__ticker{overflow:hidden;margin-bottom:clamp(64px,8vw,112px);background:var(--coastd-ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:32px;text-transform:uppercase;white-space:nowrap}.coastd-roll__ticker-track{display:flex;width:max-content;animation:coastdTicker 28s linear infinite}.coastd-roll__ticker-track span{padding-right:55px}@keyframes coastdTicker{to{transform:translate(-50%)}}.coastd-roll__header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.coastd-roll__heading-group{max-width:760px}.coastd-roll__kicker{margin:0 0 15px;color:var(--coastd-muted);font-size:10px;font-weight:700;letter-spacing:.17em;line-height:1.4;text-transform:uppercase}.coastd-roll__heading{max-width:760px;margin:0;font-family:var(--font-heading-family);font-size:clamp(4.4rem,6vw,8rem);font-weight:var(--font-heading-weight);letter-spacing:-.055em;line-height:.95}.coastd-roll__intro{max-width:370px;color:var(--coastd-muted);font-size:1.4rem;line-height:1.6}.coastd-roll__intro p{margin:0}.coastd-roll__carousel{display:grid;max-width:1600px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(16px,2.2vw,34px);margin:0 auto;overflow-x:auto;padding:12px max(2rem,calc((100vw - var(--page-width)) / 2 + 5rem)) 28px;scroll-padding-inline:2rem;scroll-snap-type:x mandatory;scrollbar-width:none}.coastd-roll__carousel::-webkit-scrollbar{display:none}.coastd-roll__card{min-width:0;scroll-snap-align:center}.coastd-roll__card:nth-child(2n){transform:translateY(12px) rotate(.7deg)}.coastd-roll__card:nth-child(3n){transform:rotate(-.6deg)}.coastd-roll__photo{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--coastd-radius);background:rgba(var(--color-foreground),.05)}.coastd-roll__photo:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(9,32,26,.52),transparent 38%);content:"";pointer-events:none}.coastd-roll__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.coastd-roll__card:hover .coastd-roll__image{transform:scale(1.035)}.coastd-roll__placeholder{background:rgba(var(--color-foreground),.06)}.coastd-roll__count{position:absolute;z-index:2;top:16px;right:16px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.14em}.coastd-roll__shop-pill{position:absolute;z-index:3;right:14px;bottom:14px;display:flex;min-height:var(--coastd-button-height);align-items:center;gap:15px;border:0;border-radius:var(--coastd-button-radius);background:color-mix(in srgb,var(--coastd-button-background) var(--coastd-button-background-opacity),transparent);color:var(--coastd-button-text);cursor:pointer;font-size:var(--coastd-button-font-size);font-weight:800;letter-spacing:.05em;padding:0 16px;text-decoration:none;text-transform:none}.coastd-roll--button-uppercase .coastd-roll__shop-pill{text-transform:uppercase}.coastd-roll--button-left .coastd-roll__shop-pill{right:auto;left:14px}.coastd-roll--button-glass .coastd-roll__shop-pill{border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 32px #0000001f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.coastd-roll--button-outline .coastd-roll__shop-pill{border:1px solid var(--coastd-button-background);background:transparent;color:var(--coastd-button-text)}.coastd-roll__shop-pill span{font-size:16px;transition:transform .2s ease}.coastd-roll__shop-pill:hover span{transform:translate(2px,-2px)}.coastd-roll__caption{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-top:16px}.coastd-roll__time,.coastd-roll__caption>p{color:var(--coastd-muted);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.coastd-roll__caption h3{margin:5px 0 0;font-family:var(--font-heading-family);font-size:clamp(2rem,2vw,2.8rem);font-style:italic;font-weight:var(--font-heading-weight);letter-spacing:-.025em;line-height:1.05}.coastd-roll__caption>p{max-width:120px;margin:4px 0 0;line-height:1.35;text-align:right}.coastd-roll__progress{display:none}.coastd-roll__route{padding-top:clamp(70px,8vw,120px);text-align:center}.coastd-roll__route-line{display:grid;max-width:1050px;align-items:center;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;margin:35px auto 0}.coastd-roll__route-line span{max-width:170px;font-family:var(--font-heading-family);font-size:2rem;font-style:italic;line-height:1.05}.coastd-roll__route-line i{height:1px;background:repeating-linear-gradient(90deg,var(--coastd-muted) 0 5px,transparent 5px 12px)}.coastd-roll__backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;visibility:hidden;background:#08181494;opacity:0;transition:opacity .26s ease,visibility .26s}.coastd-roll__backdrop.is-open{visibility:visible;opacity:1}.coastd-roll__drawer{position:fixed;z-index:90;top:0;right:0;bottom:0;display:grid;width:min(480px,100%);grid-template-rows:minmax(300px,50vh) 1fr;background:var(--coastd-paper);box-shadow:-30px 0 80px #0003;color:var(--coastd-ink);transform:translate(105%);transition:transform .32s cubic-bezier(.22,.8,.25,1)}.coastd-roll__drawer.is-open{transform:translate(0)}.coastd-roll__drawer-close{position:absolute;z-index:2;top:14px;right:14px;display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:#fff;cursor:pointer}.coastd-roll__drawer-close:before,.coastd-roll__drawer-close:after{position:absolute;width:16px;height:1px;background:var(--coastd-ink);content:"";transform:rotate(45deg)}.coastd-roll__drawer-close:after{transform:rotate(-45deg)}.coastd-roll__drawer-image-wrap{overflow:hidden;background:#e8e3d8}.coastd-roll__drawer-image{display:block;width:100%;height:100%;object-fit:cover}.coastd-roll__drawer-content{overflow-y:auto;padding:28px}.coastd-roll__drawer-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.coastd-roll__drawer-title-row h3{margin:0;font-family:var(--font-heading-family);font-size:3.2rem;font-weight:var(--font-heading-weight);letter-spacing:-.04em;line-height:1}.coastd-roll__drawer-title-row strong{white-space:nowrap}.coastd-roll__variant-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:24px 0 15px}.coastd-roll__variant{min-height:46px;border:1px solid rgba(23,54,47,.18);background:transparent;color:var(--coastd-ink);cursor:pointer}.coastd-roll__variant.is-selected{background:var(--coastd-ink);color:#fff}.coastd-roll__variant:disabled{cursor:not-allowed;opacity:.35;text-decoration:line-through}.coastd-roll__add{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;border:0;border-radius:999px;background:var(--coastd-ink);color:#fff;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.08em;padding:0 22px;text-transform:uppercase}.coastd-roll__add.is-added{background:#315c4f}.coastd-roll__add:disabled{cursor:wait;opacity:.65}.coastd-roll__product-link{display:block;margin-top:16px;color:inherit;font-size:10px;font-weight:700;letter-spacing:.08em;text-align:center;text-decoration:underline;text-underline-offset:4px;text-transform:uppercase}.coastd-roll__drawer-error{min-height:18px;margin:0 0 8px;color:#a33d2e;font-size:1.2rem}body.coastd-drawer-open{overflow:hidden}@media screen and (max-width:749px){.coastd-roll__ticker{margin-bottom:66px}.coastd-roll__header{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:26px}.coastd-roll__heading{font-size:clamp(4.4rem,13vw,6.4rem)}.coastd-roll__intro{max-width:32rem}.coastd-roll__carousel{grid-auto-columns:var(--coastd-card-width);gap:16px;padding:10px 0 20px 2rem;scroll-padding-left:2rem}.coastd-roll__carousel:after{width:1px;content:""}.coastd-roll__card:nth-child(n){transform:none}.coastd-roll__progress{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:13px;margin-top:8px}.coastd-roll__progress-label,.coastd-roll__progress-number{color:var(--coastd-muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.coastd-roll__progress-track{position:relative;height:2px;overflow:hidden;background:#17362f29}.coastd-roll__progress-fill{position:absolute;inset:0 auto 0 0;width:33.333%;background:var(--coastd-ink);transform-origin:left;transition:width .22s ease}.coastd-roll__route{padding-top:72px;text-align:left}.coastd-roll__route-line{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:28px;margin:28px 0 0 18px;padding-left:34px}.coastd-roll__route-line:before{position:absolute;top:6px;bottom:10px;left:0;width:1px;background:repeating-linear-gradient(0deg,var(--coastd-muted) 0 5px,transparent 5px 12px);content:""}.coastd-roll__route-line span{position:relative;max-width:220px}.coastd-roll__route-line span:before{position:absolute;top:4px;left:-39px;width:11px;height:11px;border-radius:50%;background:var(--coastd-orange);content:""}.coastd-roll__route-line i{display:none}.coastd-roll__drawer{top:auto;width:100%;height:min(90dvh,780px);grid-template-rows:minmax(210px,36dvh) minmax(0,1fr);border-radius:24px 24px 0 0;transform:translateY(105%)}.coastd-roll__drawer.is-open{transform:translateY(0)}.coastd-roll__drawer:before{position:absolute;z-index:2;top:10px;left:50%;width:38px;height:4px;border-radius:999px;background:#17362f6b;content:"";pointer-events:none;transform:translate(-50%)}.coastd-roll__drawer-close{z-index:4;top:14px;right:14px;width:48px;height:48px;border:1px solid rgba(23,54,47,.12);border-radius:50%;background:#fffffff5;box-shadow:0 6px 20px #09201a2e;transform:none}.coastd-roll__drawer-close:before,.coastd-roll__drawer-close:after{display:block;width:19px;height:2px;border-radius:999px;background:var(--coastd-ink)}.coastd-roll__drawer-close:before{transform:rotate(45deg)}.coastd-roll__drawer-close:after{transform:rotate(-45deg)}.coastd-roll__drawer-content{position:relative;padding:2.4rem 2rem calc(2rem + env(safe-area-inset-bottom))}.coastd-roll__drawer-content .coastd-roll__kicker{margin-bottom:1.2rem}.coastd-roll__drawer-title-row{display:grid;align-items:start;grid-template-columns:minmax(0,1fr);gap:.8rem}.coastd-roll__drawer-title-row h3{max-width:14ch;font-size:clamp(2.8rem,8.5vw,3.8rem);line-height:.95;overflow-wrap:normal;word-break:normal}.coastd-roll__drawer-title-row strong{display:block;font-size:1.5rem;white-space:normal}.coastd-roll__variant-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.8rem 0 1.2rem}.coastd-roll__variant{min-height:4.4rem;font-size:1.2rem}.coastd-roll__add{position:sticky;z-index:2;bottom:0;min-height:5.2rem;box-shadow:0 -12px 28px var(--coastd-paper)}.coastd-roll__product-link{margin:1.4rem 0 .4rem}}@media(prefers-reduced-motion:reduce){.coastd-roll *,.coastd-roll *:before,.coastd-roll *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/coastd-camera-roll.css.map */