.hero-3d{position:relative;background:var(--hero-3d-background,#0b0d12);color:var(--hero-3d-text,#fff);min-height:var(--hero-3d-min-height,85svh);overflow:hidden;isolation:isolate;transition:background-color .36s cubic-bezier(.22,1,.36,1),color .36s cubic-bezier(.22,1,.36,1)}html[data-theme=light] .hero-3d{background:rgb(var(--theme-controls-light-background));color:rgb(var(--theme-controls-light-foreground))}html[data-theme=dark] .hero-3d{background:rgb(var(--theme-controls-dark-background));color:rgb(var(--theme-controls-dark-foreground))}html[data-theme=light] .hero-3d__glow{background:radial-gradient(60% 55% at 50% 46%,#c58e5029,#c58e5000 70%)}.hero-3d__grid{display:grid;grid-template-columns:1fr;align-items:stretch;gap:clamp(1.5rem,4vw,3.5rem);min-height:inherit;padding-block:clamp(2.5rem,6vw,5rem);width:100%}.hero-3d__content{display:flex;align-items:center;justify-content:center;order:2;min-width:0;text-align:center}.hero-3d__content-inner{width:100%;max-width:46rem;margin-inline:auto}.hero-3d__cta{justify-content:center}.hero-3d__eyebrow{margin:0 0 1rem;letter-spacing:.32em;text-transform:uppercase;font-size:.82rem;opacity:.82}.hero-3d__title{margin:0 0 1.25rem;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.04;font-weight:600;letter-spacing:-.01em}.hero-3d__text{margin:0 0 2rem;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;opacity:.86}.hero-3d__text p{margin:0}.hero-3d__cta{display:inline-flex;align-items:center;gap:.6rem}.hero-3d__media{position:relative;order:1;min-height:clamp(20rem,42svh,26rem)}.hero-3d__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 55% at 50% 46%,#c58e504d,#c58e5000 70%);pointer-events:none}.hero-3d__fallback,.hero-3d__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-3d__fallback{z-index:1;transition:opacity .8s ease}.hero-3d__fallback-image,.hero-3d__fallback svg{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.hero-3d__canvas{z-index:2;opacity:0;transform:scale(.985);transform-origin:50% 54%;transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,1,.3,1);pointer-events:auto;display:block;will-change:opacity,transform}.hero-3d.is-3d-ready .hero-3d__canvas{opacity:1;transform:scale(1)}.hero-3d.is-3d-ready .hero-3d__fallback{opacity:0}@media screen and (min-width:750px){.hero-3d__grid{grid-template-columns:1fr;justify-items:center;align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-3d__content{order:0;grid-column:1}.hero-3d__title{font-size:clamp(2.8rem,4.4vw,5rem)}}@media(prefers-reduced-motion:reduce){.hero-3d__canvas,.hero-3d__fallback{transition:none}}.hero-3d__grid{position:relative;z-index:1}.hero-3d__backdrop{--hb-size: 80%;--hb-blend: hard-light;--hb-c1: 198, 150, 86;--hb-c2: 150, 60, 90;--hb-c3: 110, 92, 162;--hb-c4: 190, 120, 70;--hb-c5: 172, 150, 112;--hb-pointer: 212, 176, 122;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(40deg,#140e1a,#08090e)}.hero-3d__backdrop-goo{position:absolute;width:0;height:0}.hero-3d__gradients{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-3d__g{position:absolute;width:var(--hb-size);height:var(--hb-size);top:calc(50% - var(--hb-size) / 2);left:calc(50% - var(--hb-size) / 2);mix-blend-mode:var(--hb-blend);transform-origin:center center;will-change:transform;opacity:.85}.hero-3d__g--1{background:radial-gradient(circle at center,rgba(var(--hb-c1),.7) 0,rgba(var(--hb-c1),0) 50%) no-repeat;animation:hb-move-vertical 30s ease infinite}.hero-3d__g--2{background:radial-gradient(circle at center,rgba(var(--hb-c2),.7) 0,rgba(var(--hb-c2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:hb-move-circle 20s reverse infinite}.hero-3d__g--3{background:radial-gradient(circle at center,rgba(var(--hb-c3),.7) 0,rgba(var(--hb-c3),0) 50%) no-repeat;transform-origin:calc(50% + 400px);animation:hb-move-circle 40s linear infinite}.hero-3d__g--4{background:radial-gradient(circle at center,rgba(var(--hb-c4),.7) 0,rgba(var(--hb-c4),0) 50%) no-repeat;transform-origin:calc(50% - 200px);animation:hb-move-horizontal 40s ease infinite;opacity:.6}.hero-3d__g--5{width:calc(var(--hb-size) * 2);height:calc(var(--hb-size) * 2);top:calc(50% - var(--hb-size));left:calc(50% - var(--hb-size));background:radial-gradient(circle at center,rgba(var(--hb-c5),.7) 0,rgba(var(--hb-c5),0) 50%) no-repeat;transform-origin:calc(50% - 800px) calc(50% + 800px);animation:hb-move-circle 20s ease infinite}.hero-3d__interactive{width:100%;height:100%;top:-50%;left:-50%;background:radial-gradient(circle at center,rgba(var(--hb-pointer),.7) 0,rgba(var(--hb-pointer),0) 50%) no-repeat;mix-blend-mode:var(--hb-blend);opacity:.7}.hero-3d__backdrop-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(82% 82% at 50% 45%,#0000 52%,#0000008c)}html[data-theme=light] .hero-3d__backdrop{--hb-blend: soft-light;background:linear-gradient(40deg,#f4f0ea,#e8e4e0)}html[data-theme=light] .hero-3d__g{opacity:.55}html[data-theme=light] .hero-3d__interactive{opacity:.5}html[data-theme=light] .hero-3d__backdrop-vignette{background:radial-gradient(82% 82% at 50% 45%,#0000 60%,#7869551f)}@keyframes hb-move-circle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes hb-move-vertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes hb-move-horizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}@media(prefers-reduced-motion:reduce){.hero-3d__g,.hero-3d__interactive{animation:none!important}}@media screen and (max-width:749px){.hero-3d__canvas{pointer-events:none}.hero-3d__gradients{filter:blur(22px)!important}.hero-3d__g--4,.hero-3d__g--5,.hero-3d__interactive{display:none}.hero-3d__g{animation-duration:48s!important;opacity:.6}.hero-3d__fallback:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 55%,rgba(var(--brand-gold-rgb, 227, 185, 133),.18),transparent 62%);pointer-events:none}.hero-3d__fallback-image{filter:drop-shadow(0 26px 38px rgba(0,0,0,.35))}}.hero-3d__fallback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgba(227,185,133,.22) 48%,rgba(240,220,173,.34) 52%,transparent 62%);background-size:220% 100%;background-position:180% 0}.hero-3d:not(.is-3d-ready) .hero-3d__fallback:before{opacity:1;animation:hero3dSheen 1.8s cubic-bezier(.5,0,.2,1) infinite}@keyframes hero3dSheen{to{background-position:-80% 0}}.hero-3d.is-3d-ready .hero-3d__glow{animation:hero3dGlowBloom 1.4s ease forwards}@keyframes hero3dGlowBloom{0%{transform:scale(.9);opacity:.55}40%{opacity:1}to{transform:scale(1);opacity:.85}}@media(prefers-reduced-motion:reduce){.hero-3d__canvas{transform:none;transition:none}.hero-3d.is-3d-ready .hero-3d__canvas{transform:none}.hero-3d:not(.is-3d-ready) .hero-3d__fallback:before{animation:none;opacity:0}.hero-3d.is-3d-ready .hero-3d__glow{animation:none}}.hero-3d__panel{position:absolute;top:0;bottom:0;width:66%;overflow:hidden;z-index:0;pointer-events:none}.hero-3d[data-media-position=right] .hero-3d__panel{inset-inline-end:0}.hero-3d[data-media-position=left] .hero-3d__panel{inset-inline-start:0;transform:scaleX(-1)}[dir=rtl] .hero-3d[data-media-position=right] .hero-3d__panel{transform:scaleX(-1)}[dir=rtl] .hero-3d[data-media-position=left] .hero-3d__panel{transform:none}.hero-3d__panel-img{width:100%;height:100%;display:block;object-fit:cover;object-position:82% 50%;transform:scale(1) translate(var(--hero-3d-shift, 3.5%));animation:hero3dPanelIn 1.9s cubic-bezier(.16,1,.3,1) both;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 22%,rgba(0,0,0,.55) 44%,#000 66%),radial-gradient(122% 108% at 78% 50%,#000 44%,transparent 98%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 22%,rgba(0,0,0,.55) 44%,#000 66%),radial-gradient(122% 108% at 78% 50%,#000 44%,transparent 98%);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes hero3dPanelIn{0%{opacity:0;transform:scale(1.07) translate(var(--hero-3d-shift, 3.5%))}to{opacity:1;transform:scale(1) translate(var(--hero-3d-shift, 3.5%))}}.hero-3d__panel-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0d1200,#0b0d1257 10%,#0b0d1299 28%,#0b0d122e 58%,#0b0d1200 80%)}.hero-3d__panel-glow{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;background:radial-gradient(46% 40% at 72% 34%,rgba(var(--hb-c1,198,150,86),.14),transparent 72%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 42%)}html[data-theme=light] .hero-3d__panel-wash{background:linear-gradient(90deg,rgba(var(--theme-controls-light-background),0),rgba(var(--theme-controls-light-background),.4) 10%,rgba(var(--theme-controls-light-background),.66) 28%,rgba(var(--theme-controls-light-background),.2) 58%,rgba(var(--theme-controls-light-background),0) 80%)}html[data-theme=light] .hero-3d__panel-img{filter:brightness(1.04) contrast(.98)}html[data-theme=light] .hero-3d__panel-glow{opacity:.55}@media screen and (min-width:990px){.hero-3d__grid{grid-template-columns:1fr 1fr;justify-items:stretch;align-items:center}.hero-3d__content{text-align:start;justify-content:flex-start}.hero-3d__content-inner{margin-inline:0;max-width:34rem}.hero-3d__cta{justify-content:flex-start}.hero-3d[data-media-position=right] .hero-3d__content{grid-column:1}.hero-3d[data-media-position=left] .hero-3d__content{grid-column:2}}@media screen and (max-width:989px){.hero-3d__panel{top:0;right:0;bottom:0;left:0;width:100%;opacity:.5;transform:none!important}html[data-theme=light] .hero-3d__panel{opacity:.38}}@media(prefers-reduced-motion:reduce){.hero-3d__panel-img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hero-3d.css.map */