.hl{--mx: 0;--my: 0;position:relative;overflow:hidden;isolation:isolate;color:#fff7ec;background:#0e070b;height:clamp(480px,70vh,680px)}.hl__slides{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr)}.hl__slide{grid-area:1 / 1;position:relative;min-width:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s}.hl__slide.is-active{opacity:1;visibility:visible;z-index:2;transition:opacity 1.1s ease}.hl__slide.is-leaving{visibility:visible;z-index:1}.hl__stage{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;overflow:hidden}.hl__scene{--sw: max(100cqw, 177.78cqh);position:absolute;top:50%;width:var(--sw);height:max(100cqh,56.25cqw);left:clamp(calc(100cqw - var(--sw)),calc(var(--fx) * 100cqw - var(--fx) * var(--sw)),0px);transform:translate3d(calc(var(--mx) * -16px),calc(-50% + var(--my) * -10px),0) scale(1.05);perspective:1400px;will-change:transform}.hl__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hl__bg--empty{background:radial-gradient(60% 70% at 72% 50%,#4b1838,#160710 70%)}.hl__slide.is-active .hl__bg{animation:hlScene 9s cubic-bezier(.2,.7,.2,1) both}@keyframes hlScene{0%{transform:scale(1.12);filter:blur(6px) brightness(.7)}30%{filter:none}to{transform:scale(1)}}.hl__product{position:absolute;left:var(--pod-x);bottom:calc(100% - var(--pod-y));height:var(--pod-h);transform:translate(-50%) translate3d(calc(var(--mx) * 12px),calc(var(--my) * 4px),40px) rotateY(calc(var(--mx) * 9deg));transform-origin:50% 100%;transform-style:preserve-3d;opacity:0;transition:opacity .6s ease}.hl__product img{display:block;height:100%;width:auto;max-width:none;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(240,206,160,.18));-webkit-box-reflect:below 1px linear-gradient(transparent 70%,rgba(255,255,255,.22))}.hl__product.is-cut,.hl__product.no-cut{opacity:1}.hl__product.no-cut img{height:86%;margin-top:14%;padding:6%;border-radius:999px 999px 18px 18px;background:radial-gradient(circle at 50% 40%,#fff 0 58%,#f1e5d8);-webkit-box-reflect:none;box-shadow:0 0 0 1px #e9cba7cc,0 20px 40px -14px #000000b3}.hl__slide.is-active .hl__product img{animation:hlRise 1.5s cubic-bezier(.2,.8,.2,1) .25s both}@keyframes hlRise{0%{transform:translateY(14%);clip-path:inset(0 0 100% 0)}to{transform:none;clip-path:inset(0 0 -40% 0)}}.hl__product:after{content:"";position:absolute;top:0;right:-20%;bottom:0;left:-20%;pointer-events:none;mix-blend-mode:screen;opacity:.5;background:radial-gradient(40% 30% at calc(50% + var(--mx) * 30%) 30%,rgba(255,236,214,.35),transparent 70%)}.hl__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,4,8,.88) 0%,rgba(10,4,8,.62) 30%,rgba(10,4,8,.12) 55%,transparent 70%),linear-gradient(0deg,rgba(10,4,8,.7) 0%,transparent 26%)}.hl__inner{position:relative;z-index:3;height:100%;display:flex;align-items:center;padding-bottom:84px}.hl__copy{max-width:560px}.hl__copy>*{opacity:0;transform:translateY(18px)}.hl__slide.is-active .hl__copy>*{animation:hlIn .9s cubic-bezier(.2,.8,.2,1) both}.hl__slide.is-active .hl__copy>:nth-child(2){animation-delay:.1s}.hl__slide.is-active .hl__copy>:nth-child(3){animation-delay:.2s}.hl__slide.is-active .hl__copy>:nth-child(4){animation-delay:.3s}.hl__slide.is-active .hl__copy>:nth-child(n+5){animation-delay:.4s}@keyframes hlIn{to{opacity:1;transform:none}}.hl__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-size:11.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#e9cba7}.hl__eyebrow span{font:italic 500 18px/1 Cormorant Garamond,Georgia,serif;letter-spacing:0;color:#c9a27e;padding-right:14px;border-right:1px solid rgba(201,162,126,.5)}.hl__title{margin:0 0 16px;font:500 clamp(34px,3.9vw,60px)/1.04 "Cormorant Garamond",Georgia,serif;font-variant-numeric:lining-nums;letter-spacing:-.015em;color:#fff7ec;text-transform:none;text-wrap:balance}.hl__title em{font-style:italic;color:#fff7ec}.hl__copy{-webkit-tap-highlight-color:transparent}.hl__title,.hl__eyebrow,.hl__text,.hl__note{-webkit-user-select:none;user-select:none}.hl ::selection{background:transparent}.hl__text{margin:0 0 24px;max-width:460px;font-size:16px;line-height:1.65;color:#fff7ecd6}.hl__code{display:inline-flex;align-items:center;gap:14px;margin:0 0 26px;padding:8px 8px 8px 18px;border-radius:999px;background:linear-gradient(150deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px #ffffff4d,0 20px 40px -24px #000c}.hl__code-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff7ecb8}.hl__code-value{font-size:16px;font-weight:700;letter-spacing:.24em;color:#f1d9b6}.hl__copy-btn{min-height:36px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;background:#ffffff24;color:#fff7ec;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:1;transform:none}.hl__copy-btn:hover,.hl__copy-btn.is-done{background:#c9a27e;color:#111}.hl__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.hl__btn{display:inline-flex;align-items:center;min-height:54px;padding:0 32px;border-radius:999px;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#111;background:linear-gradient(120deg,#f1d9b6,#c9a27e 45%,#f4ddc0 75%,#c9a27e);background-size:220% 100%;box-shadow:0 18px 36px -16px #c9a27ed9,inset 0 1px #fff9;transition:background-position .6s ease,transform .2s ease}.hl__btn:hover{background-position:100% 0;transform:translateY(-2px);color:#111}.hl__price{display:inline-flex;flex-direction:column;gap:2px;font-size:18px;font-weight:700;color:#fff7ec}.hl__price span{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:#c9a27e}.hl__link{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff7ec;text-decoration:none;border-bottom:1px solid #C9A27E;padding-bottom:4px}.hl__note{margin:16px 0 0;font-size:12px;color:#fff7ec99}.hl__btn:focus-visible,.hl__link:focus-visible,.hl__copy:focus-visible,.hl__tab:focus-visible,.hl__arrow:focus-visible{outline:2px solid #F1D9B6;outline-offset:3px}.hl__dust{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.hl__dock{position:absolute;left:0;right:0;bottom:26px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px}.hl__tabs{display:flex;gap:4px;padding:6px;border-radius:22px;background:linear-gradient(150deg,#ffffff21,#ffffff0a);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 1px #ffffff4d,0 24px 48px -26px #000000e6}.hl__tab{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;min-width:150px;padding:10px 16px 14px;border:0;border-radius:16px;cursor:pointer;background:transparent;color:#fff7ec9e;text-align:left;transition:background .3s ease,color .3s ease}.hl__tab:hover{color:#fff7ec}.hl__tab.is-active{background:#ffffff1a;color:#fff7ec}.hl__tab-num{font:italic 500 20px/1 Cormorant Garamond,Georgia,serif;color:#c9a27e}.hl__tab-name{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.hl__tab-bar{position:absolute;left:16px;right:16px;bottom:7px;height:2px;border-radius:2px;background:#ffffff24;overflow:hidden}.hl__tab-bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#c9a27e,#f1d9b6)}.hl__tab.is-active .hl__tab-bar i{animation:hlBar var(--hl-int, 8s) linear both}.hl.is-paused .hl__tab.is-active .hl__tab-bar i{animation-play-state:paused}@keyframes hlBar{to{transform:scaleX(1)}}.hl__arrows{display:flex;gap:10px}.hl__arrow{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;cursor:pointer;color:#fff7ec;background:linear-gradient(150deg,#ffffff29,#ffffff0a);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .25s ease,color .25s ease}.hl__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hl__arrow:hover{background:#c9a27e;color:#111}@media(max-width:749px){.hl{height:auto}.hl__slides{position:relative}.hl__slide{display:flex;flex-direction:column}.hl__stage{position:relative;inset:auto;height:clamp(250px,38svh,340px);flex:none}.hl__scene{left:clamp(calc(100cqw - var(--sw)),calc(50cqw - var(--fx-m) * var(--sw)),0px);transform:translate3d(0,-50%,0) scale(1.02)}.hl__veil{background:linear-gradient(0deg,#12070D 0%,rgba(18,7,13,.4) 22%,transparent 45%)}.hl__inner{height:auto;padding:4px 20px 100px;align-items:flex-start;background:#12070d;flex:1}.hl__copy{max-width:none}.hl__eyebrow{margin-bottom:12px;font-size:10.5px;letter-spacing:.26em}.hl__title{font-size:32px;margin-bottom:10px}.hl__text{font-size:15px;margin-bottom:18px}.hl__code{gap:10px;padding-left:14px;margin-bottom:20px}.hl__code-value{font-size:14px;letter-spacing:.18em}.hl__btn{min-height:50px;padding:0 26px}.hl__dock{bottom:22px;padding:0 16px}.hl__tabs{flex:1;min-width:0}.hl__tab{min-width:0;flex:1;padding:9px 8px 13px;grid-template-columns:1fr;justify-items:center;gap:0}.hl__tab-name{display:none}.hl__tab-bar{left:10px;right:10px}.hl__arrows{display:none}.hl__product{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hl__slide.is-active .hl__bg,.hl__slide.is-active .hl__product img,.hl__tab.is-active .hl__tab-bar i{animation:none}.hl__copy>*{opacity:1;transform:none}.hl__slide.is-active .hl__copy>*{animation:none}.hl__scene,.hl__product{transform:translate(0)}}@media(prefers-reduced-transparency:reduce){.hl__tabs,.hl__arrow,.hl__code{-webkit-backdrop-filter:none;backdrop-filter:none;background:#241019}}.hl.hl--glass{color:#1a0a12;height:clamp(580px,78vh,720px);background:radial-gradient(45% 70% at 8% 18%,rgba(255,255,255,.95) 0%,transparent 60%),radial-gradient(50% 70% at 40% 100%,rgba(110,31,79,.1) 0%,transparent 62%),radial-gradient(40% 60% at 96% 6%,rgba(201,162,126,.16) 0%,transparent 60%),linear-gradient(155deg,#fffdfd,#faf2f6 45%,#f3e5ec)}.hl--glass:before{content:"";position:absolute;z-index:0;width:46vmax;height:46vmax;left:-12vmax;bottom:-26vmax;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(110,31,79,.12),transparent 65%);filter:blur(10px)}.hl--glass .hl__stage{inset:22px 22px 22px auto;left:auto;width:min(60%,860px);border-radius:34px;box-shadow:0 0 0 1px #fffffff2,0 0 0 9px #ffffff61,0 40px 80px -40px #6e1f4f8c}.hl--glass .hl__veil{background:linear-gradient(90deg,rgba(250,241,245,.45) 0%,transparent 22%),linear-gradient(180deg,rgba(255,255,255,.16),transparent 30%)}.hl--glass .hl__inner{align-items:center;padding-top:22px;padding-bottom:100px}.hl--glass .hl__title{font-size:clamp(32px,3.3vw,50px)}.hl--glass .hl__text,.hl--glass .hl__code{margin-bottom:18px}.hl--glass .hl__copy{position:relative;max-width:500px;padding:26px 30px 24px;border-radius:30px;background:linear-gradient(150deg,#ffffffc7,#ffffff85 55%,#f6e6ee99);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);box-shadow:inset 0 1px #fff,inset 0 -1px #6e1f4f14,0 0 0 1px #6e1f4f1a,0 34px 70px -36px #6e1f4f8c}.hl--glass .hl__copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.7) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.35) 100%);mix-blend-mode:soft-light}.hl--glass .hl__eyebrow{color:#6e1f4f}.hl--glass .hl__eyebrow span{color:#a07a52;border-right-color:#6e1f4f40}.hl--glass .hl__title,.hl--glass .hl__title em{color:#1a0a12}.hl--glass .hl__title em{color:#6e1f4f}.hl--glass .hl__text{color:#1a0a12bd}.hl--glass .hl__code{background:#ffffffb3;border-color:#6e1f4f29;box-shadow:inset 0 1px #fff,0 14px 28px -20px #6e1f4f80}.hl--glass .hl__code-label{color:#1a0a1299}.hl--glass .hl__code-value{color:#6e1f4f}.hl--glass .hl__copy-btn{background:#6e1f4f;color:#fff7ec}.hl--glass .hl__copy-btn:hover,.hl--glass .hl__copy-btn.is-done{background:#5a1840;color:#fff}.hl--glass .hl__btn{color:#fff7ec;background:#6e1f4f;box-shadow:0 18px 34px -16px #6e1f4fbf,inset 0 1px #ffffff40}.hl--glass .hl__btn:hover{color:#fff;background:#5a1840}.hl--glass .hl__price{color:#1a0a12}.hl--glass .hl__price span{color:#a07a52}.hl--glass .hl__link{color:#1a0a12}.hl--glass .hl__note{color:#1a0a128c}.hl--glass .hl__btn:focus-visible,.hl--glass .hl__link:focus-visible,.hl--glass .hl__copy-btn:focus-visible,.hl--glass .hl__tab:focus-visible,.hl--glass .hl__arrow:focus-visible{outline-color:#6e1f4f}.hl--glass .hl__tabs{background:linear-gradient(150deg,#ffffffd1,#ffffff80);border-color:#fffffff2;box-shadow:inset 0 1px #fff,0 0 0 1px #6e1f4f1a,0 22px 44px -26px #6e1f4f8c}.hl--glass .hl__tab{color:#1a0a128c}.hl--glass .hl__tab:hover,.hl--glass .hl__tab.is-active{color:#1a0a12}.hl--glass .hl__tab.is-active{background:#6e1f4f14}.hl--glass .hl__tab-num{color:#a07a52}.hl--glass .hl__tab-bar{background:#6e1f4f1f}.hl--glass .hl__tab-bar i{background:linear-gradient(90deg,#6e1f4f,#c9a27e)}.hl--glass .hl__arrow{color:#1a0a12;background:linear-gradient(150deg,#ffffffd9,#ffffff8c);border-color:#fffffff2;box-shadow:0 0 0 1px #6e1f4f1a,0 16px 30px -18px #6e1f4f80}.hl--glass .hl__arrow:hover{background:#6e1f4f;color:#fff}@media(max-width:749px){.hl--glass .hl__stage{inset:auto;width:auto;margin:12px 12px 0;height:clamp(230px,34svh,310px);border-radius:26px;box-shadow:0 0 0 1px #fffffff2,0 0 0 6px #fff6,0 24px 50px -30px #6e1f4f8c}.hl--glass .hl__veil{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 30%)}.hl--glass .hl__inner{background:transparent;padding:0 12px 96px;margin-top:-26px}.hl--glass .hl__copy{padding:22px 20px 20px;border-radius:24px}.hl.hl--glass{height:auto}.hl--glass .hl__title{font-size:30px}}@media(prefers-reduced-transparency:reduce){.hl--glass .hl__copy,.hl--glass .hl__tabs,.hl--glass .hl__arrow,.hl--glass .hl__code{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}.hl__slide.is-active .hl__stage{transform:translate3d(var(--hl-drag, 0px),0,0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hl.is-dragging .hl__slide.is-active .hl__stage{transition:none}.hl{touch-action:pan-y}@keyframes hlSceneLite{0%{transform:scale(1.08);opacity:.6}to{transform:scale(1);opacity:1}}@media(pointer:coarse),(max-width:749px){.hl__slide{transition:opacity .55s ease,visibility 0s linear .55s}.hl__slide.is-active{transition:opacity .55s ease}.hl__slide.is-active .hl__bg{animation:hlSceneLite 1.6s cubic-bezier(.2,.7,.2,1) both}.hl__scene{will-change:auto}.hl__product img{filter:drop-shadow(0 14px 14px rgba(0,0,0,.5))}.hl--glass .hl__copy{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(150deg,#fffffff5,#faeef4eb)}.hl--glass .hl__tabs,.hl--glass .hl__arrow,.hl--glass .hl__code{-webkit-backdrop-filter:none;backdrop-filter:none}.hl--glass .hl__tabs{background:linear-gradient(150deg,#fffffff2,#faeef4e0)}.hl:not(.hl--glass) .hl__copy,.hl:not(.hl--glass) .hl__tabs,.hl:not(.hl--glass) .hl__arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/hero-luxe.css.map */
