.ova-hero3d{--h3d-navy: #050a24;--h3d-navy-2: #0a1440;--h3d-navy-3: #13205c;--h3d-ice: #eef3ff;--h3d-ice-muted: #aebbe0;--h3d-electric: #4f8bff;--h3d-violet: var(--ova-violet, #6c4bff);--h3d-line: rgb(174 187 224 / .18);--h3d-gutter: clamp(16px, 4vw, 56px);position:relative;isolation:isolate;overflow:clip;color:var(--h3d-ice);background:radial-gradient(70% 60% at 68% 18%,rgb(79 139 255 / .22),transparent 70%),radial-gradient(50% 50% at 10% 90%,rgb(108 75 255 / .18),transparent 70%),linear-gradient(180deg,var(--h3d-navy-2) 0%,var(--h3d-navy) 100%)}.ova-hero3d *,.ova-hero3d *:before,.ova-hero3d *:after{box-sizing:border-box}.ova-hero3d__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.ova-hero3d__beam{position:absolute;top:-10%;left:62%;width:min(760px,70vw);height:90%;translate:-50% 0;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgb(198 214 255 / .16) 180deg,transparent 200deg);filter:blur(18px);opacity:.9}.ova-hero3d__glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}.ova-hero3d__glow--a{width:38vmax;height:38vmax;right:-8vmax;top:10%;background:radial-gradient(circle,rgb(79 139 255 / .55),transparent 65%);animation:h3d-drift 26s ease-in-out infinite alternate}.ova-hero3d__glow--b{width:30vmax;height:30vmax;left:30%;bottom:-14vmax;background:radial-gradient(circle,rgb(108 75 255 / .45),transparent 65%);animation:h3d-drift 32s ease-in-out infinite alternate-reverse}@keyframes h3d-drift{to{transform:translate3d(-6vmax,4vmax,0) scale(1.08)}}.ova-hero3d__grid{position:absolute;left:0;right:0;bottom:0;height:46%;background-image:linear-gradient(rgb(174 187 224 / .12) 1px,transparent 1px),linear-gradient(90deg,rgb(174 187 224 / .12) 1px,transparent 1px);background-size:56px 56px;transform:perspective(700px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:radial-gradient(70% 90% at 62% 100%,#000 10%,transparent 75%);mask-image:radial-gradient(70% 90% at 62% 100%,#000 10%,transparent 75%)}.ova-hero3d__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,64px);width:min(1320px,100%);min-height:min(calc(100svh - var(--header-height, 64px)),920px);margin-inline:auto;padding:clamp(28px,4vw,56px) var(--h3d-gutter) clamp(40px,5vw,72px)}.ova-hero3d__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.ova-hero3d__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;padding:7px 14px;border:1px solid var(--h3d-line);border-radius:999px;background:#ffffff0a;font-size:11px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:var(--h3d-ice-muted)}.ova-hero3d__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--h3d-electric);box-shadow:0 0 0 4px #4f8bff2e,0 0 14px var(--h3d-electric)}.ova-hero3d__title{margin:0;font-size:clamp(34px,4.1vw,62px);font-weight:800;line-height:1.03;letter-spacing:-.045em;color:var(--h3d-ice);text-wrap:balance}.ova-hero3d__product-name{margin:-4px 0 0;font-size:15px;font-weight:600;letter-spacing:.01em}.ova-hero3d__product-name a{color:#9fc0ff;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .4s cubic-bezier(.16,1,.3,1)}.ova-hero3d__product-name a:hover{background-size:100% 1px}.ova-hero3d__lede{max-width:46ch;margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--h3d-ice-muted)}.ova-hero3d__benefits{display:grid;gap:12px;width:100%;margin:6px 0 0;padding:0;list-style:none}.ova-hero3d__benefit{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.45;color:var(--h3d-ice-muted)}@media(min-width:1200px){.ova-hero3d__benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ova-hero3d__benefit{flex-direction:column;gap:10px}}.ova-hero3d__benefit strong{display:block;font-size:15px;font-weight:650;color:var(--h3d-ice)}.ova-hero3d__benefit-icon{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--h3d-line);border-radius:12px;color:#b9cdff;background:linear-gradient(150deg,#4f8bff2e,#6c4bff14)}.ova-hero3d__benefit-icon svg{width:20px;height:20px}.ova-hero3d__purchase{display:grid;gap:14px;width:100%;max-width:520px;margin-top:8px;padding:clamp(16px,2vw,22px);border:1px solid var(--h3d-line);border-radius:22px;background:linear-gradient(160deg,#ffffff12,#ffffff05);box-shadow:0 24px 60px #00000040;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);--color-foreground: var(--h3d-ice);--color-foreground-rgb: 238 243 255;--color-border: rgb(174 187 224 / .28);--color-input-background: rgb(5 10 36 / .5);--color-input-text: var(--h3d-ice);--color-input-border: rgb(174 187 224 / .3);--color-variant-background: transparent;--color-variant-text: var(--h3d-ice);--color-variant-border: rgb(174 187 224 / .35);--color-selected-variant-background: var(--h3d-ice);--color-selected-variant-text: var(--h3d-navy);--color-selected-variant-border: var(--h3d-ice);--color-secondary-button-text: var(--h3d-ice);--color-secondary-button-border: rgb(174 187 224 / .45);--color-secondary-button-background: transparent;color:var(--h3d-ice)}.ova-hero3d__price{font-size:22px;font-weight:700;color:var(--h3d-ice)}.ova-hero3d__price :is(.price,.text-block,p){margin:0;color:inherit}.ova-hero3d__price .compare-at-price,.ova-hero3d__price s{color:var(--h3d-ice-muted);font-weight:500}.ova-hero3d__variants :is(legend,.variant-option__label){color:var(--h3d-ice-muted)}.ova-premium .ova-hero3d .ova-hero3d__variants .variant-option__button-label{color:var(--h3d-ice);background:#ffffff08;border:1px solid rgb(174 187 224 / .35);box-shadow:none}.ova-premium .ova-hero3d .ova-hero3d__variants .variant-option__button-label:hover{border-color:#9fc0ff}.ova-premium .ova-hero3d .ova-hero3d__variants .variant-option__button-label:has(input:checked){color:var(--h3d-navy);background:var(--h3d-ice);border-color:var(--h3d-ice)}.ova-premium .ova-hero3d .ova-hero3d__variants .variant-option__button-label:has(input:disabled){opacity:.45}.ova-hero3d__variants select{color:var(--h3d-ice);background-color:#050a2499}.ova-hero3d__buy .add-to-cart-button{width:100%;min-height:56px}.ova-hero3d__secondary{display:inline-flex;align-items:center;justify-self:start;gap:8px;min-height:44px;font-size:15px;font-weight:600;color:var(--h3d-ice);text-decoration:none}.ova-hero3d__secondary svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.ova-hero3d__secondary:hover svg{transform:translate(4px)}.ova-hero3d :focus-visible{outline:2px solid #8fb4ff;outline-offset:3px}.ova-hero3d__stage{--stage-rot-x: 0deg;--stage-rot-y: 0deg;--stage-radius: 0px;--stage-light-x: 50%;position:relative;display:grid;grid-template-rows:1fr auto;justify-items:center;min-width:0}.ova-stage__surface{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1 / .92;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;border-radius:28px;outline-offset:6px}.ova-hero3d__stage.is-dragging .ova-stage__surface{cursor:grabbing}.ova-stage__light{position:absolute;top:-6%;right:-4%;bottom:10%;left:-4%;z-index:0;border-radius:50%;background:radial-gradient(40% 50% at var(--stage-light-x) 38%,rgb(190 210 255 / .32),rgb(79 139 255 / .12) 45%,transparent 72%);filter:blur(10px);pointer-events:none;transition:background-position .6s ease}.ova-stage__scene{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;perspective:1500px;perspective-origin:50% 40%}.ova-stage__ring{position:relative;width:62%;aspect-ratio:1;transform-style:preserve-3d;transform:translateZ(calc(var(--stage-radius) * -1)) rotateX(var(--stage-rot-x)) rotateY(var(--stage-rot-y));will-change:transform}.ova-stage__face{--face-shade: 0;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-radius:22px;overflow:hidden;background:var(--h3d-navy-3);border:1px solid rgb(198 214 255 / .22);box-shadow:0 30px 80px #00000073,0 0 0 1px #ffffff0a inset;transform:rotateY(calc(var(--i) * 360deg / var(--ova-hero3d-views, 1))) translateZ(var(--stage-radius));backface-visibility:hidden;-webkit-backface-visibility:hidden}.ova-stage__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgb(255 255 255 / .16) 0%,transparent 32%,transparent 70%,rgb(255 255 255 / .05) 100%);pointer-events:none}.ova-stage__img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.ova-stage__img--placeholder{fill:#fff3;background:var(--h3d-navy-3)}.ova-stage__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--h3d-navy);opacity:var(--face-shade);pointer-events:none}ova-product-stage:not(.is-interactive) .ova-stage__face:not(:first-child){display:none}.ova-stage__floor{position:absolute;left:50%;bottom:2%;z-index:0;width:58%;height:12%;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .55),transparent);filter:blur(6px);transform:scaleX(calc(1 - (var(--stage-rot-x) / 90deg) * .4));pointer-events:none}.ova-stage__model{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .6s ease}.ova-hero3d__stage.has-model .ova-stage__model{opacity:1;pointer-events:auto}.ova-hero3d__stage.has-model .ova-stage__scene{opacity:0}.ova-stage__model model-viewer{width:100%;height:100%;--poster-color: transparent;background:transparent}.ova-stage__notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:0;padding:0;list-style:none;pointer-events:none}.ova-stage__note{position:absolute;display:grid;gap:2px;padding:10px 14px;border:1px solid rgb(198 214 255 / .26);border-radius:14px;background:#0a14409e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px #0000004d}.ova-stage__note:before{content:"";position:absolute;top:50%;width:34px;height:1px;background:linear-gradient(90deg,#9fc0ff00,#9fc0ffcc)}.ova-stage__note:after{content:"";position:absolute;top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:#9fc0ff;box-shadow:0 0 10px #9fc0ff}.ova-stage__note--1{top:12%;left:0}.ova-stage__note--2{top:44%;right:0}.ova-stage__note--3{bottom:16%;left:4%}.ova-stage__note--1:before,.ova-stage__note--3:before{left:100%}.ova-stage__note--1:after,.ova-stage__note--3:after{left:calc(100% + 32px)}.ova-stage__note--2:before{right:100%;transform:scaleX(-1)}.ova-stage__note--2:after{right:calc(100% + 32px)}.ova-stage__note-label{font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--h3d-ice-muted)}.ova-stage__note-value{font-size:15px;font-weight:700;color:var(--h3d-ice)}.ova-stage__controls{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:6px;border:1px solid var(--h3d-line);border-radius:999px;background:#050a248c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ova-stage__btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:var(--h3d-ice);background:transparent;cursor:pointer;transition:background-color .18s ease,transform .3s cubic-bezier(.16,1,.3,1)}.ova-stage__btn:hover{background:#ffffff1a}.ova-stage__btn:active{transform:scale(.92)}.ova-stage__btn--reset{margin-left:4px;border-left:1px solid var(--h3d-line);border-radius:0 50% 50% 0}.ova-stage__counter{min-width:44px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;color:var(--h3d-ice-muted)}.ova-stage__hint{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;font-size:12px;letter-spacing:.04em;color:var(--h3d-ice-muted);transition:opacity .4s ease}.ova-hero3d__stage.is-dragging .ova-stage__hint{opacity:0}@media(prefers-reduced-motion:no-preference){.ova-motion .ova-hero3d .ova-intro-item{opacity:0}.ova-motion .ova-hero3d.is-ready .ova-intro-item{animation:h3d-in 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.12s + var(--d, 0) * 90ms)}.ova-motion .ova-hero3d.is-ready .ova-hero3d__stage{animation-name:h3d-stage-in;animation-duration:1.4s}.ova-motion .ova-hero3d.is-ready .ova-stage__note{animation:h3d-note-in .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.9s + var(--n) * .14s)}}@keyframes h3d-in{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes h3d-stage-in{0%{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}@keyframes h3d-note-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:989px){.ova-hero3d__inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.ova-hero3d__copy{display:contents}.ova-hero3d__eyebrow{order:0;align-self:flex-start}.ova-hero3d__title{order:1}.ova-hero3d__product-name{order:2}.ova-hero3d__stage{order:3}.ova-hero3d__lede{order:4}.ova-hero3d__benefits{order:5}.ova-hero3d__purchase{order:6}.ova-stage__surface{aspect-ratio:1 / .82}}@media(max-width:749px){.ova-hero3d__inner{gap:14px;padding-top:24px}.ova-stage__ring{width:70%}.ova-hero3d__purchase{max-width:none}.ova-stage__notes{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.ova-stage__note{position:static;padding:8px 12px}.ova-stage__note:before,.ova-stage__note:after{display:none}.ova-hero3d__grid{display:none}}@media(prefers-reduced-motion:reduce){.ova-hero3d__glow{animation:none}}.ova-hero3d .variant-option[data-testid=variant-option-single]{color:var(--h3d-ice-muted)}.ova-hero3d .variant-option[data-testid=variant-option-single] .variant-option__swatch-value{color:var(--h3d-ice);font-weight:600}.ova-hero3d__purchase :is(.compare-at-price,.ova-promo__previous s){color:#ff9db8}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ova-product-hero.css.map */