.hero{position:relative;display:block;overflow:hidden;color:var(--on-image);background:#29251f}.hero--small{height:clamp(460px,62vh,620px)}.hero--medium{height:clamp(560px,86vh,820px)}.hero--large{height:max(600px,100svh)}main>.shopify-section:first-child .hero--overlap{margin-top:calc(-1 * var(--header-h))}.slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s 1.1s}.slide.is-active{opacity:1;visibility:visible;transition:opacity 1.1s ease}.slide-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.92) saturate(.9)}.hero--zoom .slide-img{transform:scale(1.08);transition:transform 8s linear}.hero--zoom .slide.is-active .slide-img{transform:scale(1)}.slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--overlay, .45);pointer-events:none;background:linear-gradient(90deg,#1e1b16f2,#1e1b1680 38%,#1e1b1600 66%),linear-gradient(180deg,rgba(30,27,22,.7) 0%,transparent 26%,transparent 48%,rgba(30,27,22,.9) 100%),#1e1b1680}.slide-inner{position:absolute;inset:auto 0 0;z-index:2;padding-bottom:clamp(72px,8vw,108px)}.slide-inner .page-width{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.slide-copy{max-width:760px;min-width:0}.slide-copy .eyebrow{color:var(--on-image-soft);margin-bottom:18px}.hero-title{font-family:var(--f-display);font-weight:300;font-size:var(--t-hero);line-height:.96;letter-spacing:-.025em}.hero-title em,.hero-title i{font-style:italic;font-weight:300}.hero--animate .hero-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .16em;margin:-.04em 0 -.16em}.hero--animate .hero-title .w>span{display:inline-block;transform:translateY(105%) rotate(4deg);transform-origin:left bottom;transition:transform 1s var(--ease)}.hero--animate .slide.is-active .hero-title .w>span{transform:none}.slide-copy .sub{margin-top:20px;font-size:1.08rem;max-width:44ch;color:var(--on-image-soft)}.slide-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.feat{display:flex;gap:14px;align-items:center;width:330px;flex:none;padding:12px;border-radius:var(--r);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feat-media{position:relative;width:76px;height:94px;border-radius:4px;overflow:hidden;flex:none;background:var(--surface)}.feat-media img,.feat-media svg{width:100%;height:100%;object-fit:cover}.feat>div{flex:1;min-width:0}.feat .mono{color:var(--text-muted)}.feat strong{display:block;font-family:var(--f-display);font-weight:400;font-size:1.08rem;line-height:1.2;margin:2px 0 6px}.feat .row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem}.feat-add{height:32px;padding:0 14px;border-radius:999px;background:var(--button);color:var(--button-label);font-size:.8rem;font-weight:500}.feat-add[disabled]{opacity:.45}@media(max-width:989px){.feat{display:none}}.hero-ui{position:absolute;left:0;right:0;bottom:24px;z-index:3}.hero-ui .page-width{display:flex;align-items:center;gap:20px}.hero-num{color:var(--on-image-soft);letter-spacing:.1em}.dots{display:flex;gap:8px;flex:1;max-width:420px}.dot{flex:1;height:22px;position:relative}.dot:before,.dot i{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:color-mix(in srgb,var(--on-image) 25%,transparent)}.dot i{right:auto;width:0;background:var(--on-image)}.dot.is-active i{width:100%}.hero[data-autoplay=true] .dot.is-active i{width:0;animation:hero-fill var(--speed, 7s) linear forwards}.hero[data-autoplay=true]:hover .dot.is-active i,.hero.is-paused .dot.is-active i{animation-play-state:paused}@keyframes hero-fill{to{width:100%}}.hero-arrows{display:flex;gap:8px;margin-left:auto}.hero-arrows button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on-image) 30%,transparent);transition:background .25s}.hero-arrows button:hover{background:color-mix(in srgb,var(--on-image) 14%,transparent)}@media(max-width:749px){.hero-arrows{display:none}}@media(prefers-reduced-motion:reduce){.hero[data-autoplay=true] .dot.is-active i{animation:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-slideshow.css.map */