.product-hero{height:100svh;min-height:720px;padding:clamp(86px,9vh,120px) clamp(18px,4vw,68px) 42px;background:#f7f8f5;color:var(--ink);display:grid;place-items:center;isolation:isolate}.product-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 48%,rgba(185,220,210,.28),transparent 26%),radial-gradient(circle at 42% 38%,rgba(219,197,255,.25),transparent 24%),radial-gradient(circle at 63% 63%,rgba(234,206,135,.22),transparent 24%);filter:blur(28px);animation:ambientDrift 9s ease-in-out infinite alternate}.topbar{color:var(--ink);border-bottom:1px solid rgba(16,32,25,.1)}.topbar.is-scrolled{color:white}.topbar:not(.is-scrolled) .menu-button{background:var(--ink);color:white}.topbar:not(.is-scrolled) .menu-button i,.topbar:not(.is-scrolled) .menu-button i:before,.topbar:not(.is-scrolled) .menu-button i:after{background:white}.product-shell{position:relative;width:min(1320px,100%);height:min(720px,calc(100svh - 150px));min-height:590px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.72);box-shadow:0 45px 110px rgba(31,52,45,.15),inset 0 0 0 1px rgba(255,255,255,.65);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.product-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.72),transparent 36%)}.product-copy{position:absolute;z-index:4;left:clamp(32px,6vw,88px);top:50%;transform:translateY(-50%);width:min(39%,470px)}.product-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#758179}.product-copy h1{margin:18px 0 23px;font-size:clamp(42px,5.2vw,76px);line-height:.99;letter-spacing:-.06em}.product-copy h1 span,.product-copy h1 strong{display:block}.product-copy h1 span{font-weight:400;color:#8a958e;font-size:.45em;letter-spacing:-.035em;margin-bottom:12px}.product-copy h1 strong{font-weight:500;transition:opacity .35s ease,transform .35s ease}.slide-description{font-size:16px;line-height:1.65;color:#57635b;max-width:390px;transition:opacity .35s ease,transform .35s ease}.explore-link{display:inline-flex;gap:24px;align-items:center;margin-top:24px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.explore-link span,.product-next{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(16,32,25,.2)}.product-stage{position:absolute;z-index:3;width:54%;height:82%;right:6%;top:9%;display:grid;place-items:center;perspective:1200px}.product-image{position:absolute;width:min(76%,560px);height:min(76%,560px);object-fit:contain;opacity:0;transform:translate3d(22%,0,-100px) rotate(12deg) scale(.72);filter:drop-shadow(0 38px 28px rgba(20,43,34,.18));transition:opacity .65s ease,transform .9s cubic-bezier(.2,.8,.2,1);pointer-events:none}.product-image.is-active{opacity:1;transform:translate3d(0,0,0) rotate(-4deg) scale(1);animation:productFloat 4.5s ease-in-out infinite}.product-image.is-leaving{opacity:0;transform:translate3d(-27%,3%,-100px) rotate(-17deg) scale(.7)}.product-image[data-index="1"]{width:min(92%,680px)}.orbit{position:absolute;border:1px solid rgba(63,112,94,.18);border-radius:50%;width:58%;aspect-ratio:1}.orbit-two{width:84%;border-color:rgba(213,181,109,.18);animation:orbitSpin 20s linear infinite}.orbit-two:after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px var(--gold)}.product-next{position:absolute;z-index:5;right:2%;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.65);cursor:pointer;transition:background .25s,transform .25s}.product-next:hover{background:white;transform:translateY(-50%) scale(1.08)}.product-meta{position:absolute;z-index:4;left:clamp(32px,6vw,88px);bottom:34px}.product-meta small,.product-meta strong{display:block}.product-meta small{text-transform:uppercase;letter-spacing:.15em;font-size:8px;color:#8d9891;margin-bottom:7px}.product-meta strong{font:500 12px "Manrope"}.product-counter{position:absolute;z-index:4;right:35px;bottom:32px;display:flex;align-items:baseline;gap:6px}.product-counter strong{font:500 22px "Manrope"}.product-counter span,.product-counter small{font-size:10px;color:#7c8880}.product-dots{position:absolute;z-index:5;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.product-dots button{border:0;width:19px;height:3px;padding:0;background:#b9c0bc;cursor:pointer;transition:width .35s,background .35s}.product-dots button.is-active{width:38px;background:var(--ink)}.product-hero .scroll-cue{right:auto;left:50%;transform:translateX(-50%);bottom:10px;color:var(--ink)}.product-hero .scroll-cue i{border-color:rgba(16,32,25,.28)}.product-hero .scroll-cue i:after{border-color:var(--ink)}.slide-title.is-changing,.slide-description.is-changing{opacity:0;transform:translateY(18px)}@keyframes productFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes ambientDrift{to{transform:scale(1.12) translate3d(2%,-2%,0)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.product-hero{padding:80px 15px 24px;min-height:760px}.product-shell{height:calc(100svh - 112px);min-height:650px}.product-copy{left:28px;right:28px;top:12%;width:auto;transform:none;text-align:center}.product-copy h1{font-size:clamp(42px,10vw,66px)}.product-copy h1 span{font-size:.36em}.slide-description{margin-left:auto;margin-right:auto;font-size:15px}.explore-link{margin-top:10px}.product-stage{width:90%;height:48%;right:5%;top:41%}.product-image{width:min(72%,430px);height:min(72%,430px)}.product-image[data-index="1"]{width:min(86%,520px)}.product-meta{left:25px;bottom:25px}.product-counter{right:25px;bottom:24px}.product-dots{bottom:28px}.product-next{right:0}.product-hero .scroll-cue{display:none}}@media(max-width:560px){.product-hero{padding-left:10px;padding-right:10px}.product-shell{min-height:690px}.product-copy{left:18px;right:18px;top:9%}.product-copy h1{font-size:44px;margin:12px 0 14px}.slide-description{line-height:1.5}.product-stage{height:43%;top:43%}.product-image{width:86%;height:86%}.product-meta{display:none}.product-counter{right:18px}.product-dots{left:18px;transform:none}.product-next{width:38px;height:38px;right:-2px}.orbit{width:68%}.orbit-two{width:94%}}@media(prefers-reduced-motion:reduce){.product-image.is-active,.product-hero:before,.orbit-two{animation:none!important}.product-image,.slide-title,.slide-description{transition:none!important}}
