.hero-carousel{--slide: clamp(230px, 27vw, 360px);--gap: clamp(var(--s4), 3vw, var(--s6));--step: calc(var(--slide) + var(--gap));--edge: clamp(48px, 7vw, 104px);--stage-dur: .52s;display:block;position:relative;overflow:hidden;background:var(--moment-deep, var(--lavo-ink));color:var(--lavo-cream);padding-block:clamp(var(--s7),7vh,var(--s9)) clamp(var(--s7),8vh,var(--s9));transition:background var(--stage-dur) var(--ease)}@media(prefers-reduced-motion:reduce){.hero-carousel{--stage-dur: 0ms}}.hero-carousel__head{text-align:center;margin-block-end:clamp(var(--s6),5vh,var(--s8))}.hero-carousel__eyebrow{margin:0 0 var(--s3);opacity:.72}.hero-carousel__heading{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(38px,7vw,96px);line-height:.98;letter-spacing:-.03em;text-transform:uppercase}.hero-carousel__viewport{position:relative;overflow:hidden;padding-inline:var(--edge);perspective:1400px}.hero-carousel__track{display:flex;align-items:flex-start;gap:var(--gap);width:max-content;margin:0;padding:0;position:relative;inset-inline-start:50%;transform:translate(calc(-1 * (var(--i, 0) + .5) * var(--step)));transition:transform var(--stage-dur) var(--ease);transform-style:preserve-3d}.hero-carousel__track--jump{transition:none}.hero-carousel__slide{width:var(--slide);flex:0 0 auto;text-align:center;transition:opacity var(--stage-dur) var(--ease)}.hero-carousel__card{display:grid;place-items:center;aspect-ratio:4 / 5;padding:clamp(var(--s4),2vw,var(--s6));border-radius:var(--s5);background:linear-gradient(170deg,color-mix(in srgb,var(--moment-top, var(--moment)) 34%,transparent),color-mix(in srgb,var(--moment-deep, var(--moment)) 62%,transparent));border:1px solid color-mix(in srgb,var(--lavo-cream) 16%,transparent);overflow:hidden;transition:transform var(--stage-dur) var(--ease),box-shadow var(--stage-dur) var(--ease),border-color var(--stage-dur) var(--ease)}.hero-carousel__img{width:100%;height:100%;object-fit:contain;display:block}.hero-carousel__meta{margin-block-start:var(--s4)}.hero-carousel__moment{margin:0 0 var(--s2);color:var(--moment-top, var(--lavo-cream));opacity:.9}.hero-carousel__name{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--type-h3);line-height:var(--lh-h3);letter-spacing:-.01em}.hero-carousel__detail{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--stage-dur) var(--ease),opacity var(--stage-dur) var(--ease)}.hero-carousel__detail-inner{overflow:hidden;min-height:0;padding-block-start:var(--s3)}.hero-carousel__line{margin:0 0 var(--s3);font-size:var(--type-body);line-height:var(--lh-body);color:color-mix(in srgb,var(--lavo-cream) 82%,transparent);text-wrap:pretty}.hero-carousel__price{margin:0 0 var(--s4);display:flex;justify-content:center;align-items:baseline;gap:var(--s2);font-size:var(--type-body-lg)}.hero-carousel__cta{display:inline-flex;align-items:center;gap:var(--s2)}.hero-carousel__slide[data-pos]{opacity:.42}.hero-carousel__slide[data-pos="-1"],.hero-carousel__slide[data-pos="1"]{opacity:.66}.hero-carousel__slide[data-pos="0"]{opacity:1}.hero-carousel__slide[data-pos] .hero-carousel__card{transform:scale(.78);cursor:pointer}.hero-carousel__slide[data-pos="-1"] .hero-carousel__card{transform:scale(.82) rotateY(9deg)}.hero-carousel__slide[data-pos="1"] .hero-carousel__card{transform:scale(.82) rotateY(-9deg)}.hero-carousel__slide[data-pos="0"] .hero-carousel__card{transform:scale(1);cursor:default;border-color:color-mix(in srgb,var(--lavo-cream) 30%,transparent);box-shadow:0 30px 70px #0c080580}.hero-carousel__slide[data-pos] .hero-carousel__name{font-size:var(--type-body-lg)}.hero-carousel__slide[data-pos="0"] .hero-carousel__name{font-size:var(--type-h2)}.hero-carousel__slide[data-pos] .hero-carousel__detail{grid-template-rows:0fr;opacity:0;visibility:hidden}.hero-carousel__slide[data-pos="0"] .hero-carousel__detail{grid-template-rows:1fr;opacity:1;visibility:visible}.hero-carousel__nav{position:absolute;top:0;z-index:2;display:grid;place-items:center;width:var(--edge);height:calc(var(--slide) * 1.25);border:0;background:none;padding:0;cursor:pointer;color:var(--lavo-cream)}.hero-carousel__nav--prev{inset-inline-start:0}.hero-carousel__nav--next{inset-inline-end:0}.hero-carousel__nav span{display:grid;place-items:center;width:46px;aspect-ratio:1;border-radius:var(--radius-pill);background:var(--lavo-cream);color:var(--moment-deep, var(--lavo-ink));transition:transform var(--dur) var(--ease)}.hero-carousel__nav:hover span{transform:scale(1.08)}.hero-carousel__nav:focus-visible span{outline:2px solid var(--lavo-cream);outline-offset:3px}.hero-carousel__nav[disabled]{opacity:.28;cursor:default;background:none}.hero-carousel__nav[disabled] span{background:var(--lavo-cream)}.hero-carousel__nav[disabled]:hover span{transform:none}.hero-carousel:not(:defined) .hero-carousel__viewport{overflow-x:auto;scrollbar-width:none}.hero-carousel:not(:defined) .hero-carousel__viewport::-webkit-scrollbar{display:none}.hero-carousel:not(:defined) .hero-carousel__track{inset-inline-start:0;transform:none}@media(max-width:989px){.hero-carousel{--slide: clamp(220px, 46vw, 300px)}}@media(max-width:749px){.hero-carousel{--slide: min(72vw, 320px);--edge: 0px;padding-block:var(--s7)}.hero-carousel__nav{display:none}.hero-carousel__slide[data-pos] .hero-carousel__card,.hero-carousel__slide[data-pos="-1"] .hero-carousel__card,.hero-carousel__slide[data-pos="1"] .hero-carousel__card{transform:scale(.86)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-carousel.css.map */