/* HUEVOKE — Lotus Bloom scroll-led 3D presentation */
html:has(body.home-v5),body.home-v5{overflow-x:clip}
.depth-showcase{position:relative;height:340vh;background:#eee9e1;color:#1c1a17}
.depth-stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#f5f2ec 0%,#e7dfd4 52%,#f3efe8 100%)}
.depth-atmosphere{position:absolute;inset:-20%;z-index:0;background:radial-gradient(circle at calc(50% + var(--lotus-x,0px)) calc(43% + var(--lotus-y,0px)),rgba(255,255,255,.98) 0 16%,rgba(255,255,255,.44) 32%,transparent 55%),radial-gradient(ellipse at 50% 78%,rgba(104,84,64,.15),transparent 42%);filter:blur(2px)}
.depth-stage:after{content:"";position:absolute;z-index:1;left:24%;right:24%;bottom:12%;height:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(52,42,33,.22),transparent 68%);filter:blur(22px);opacity:calc(.35 + var(--lotus-progress,0)*.4);transform:scaleX(calc(.76 + var(--lotus-progress,0)*.24))}
.depth-type{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(-1%);font-family:"Barlow Condensed",sans-serif;font-size:clamp(145px,23vw,410px);font-weight:300;line-height:.61;letter-spacing:-.035em;color:rgba(35,31,26,.105);pointer-events:none;user-select:none}
.depth-type span:first-child{align-self:flex-start;margin-left:-.5vw}.depth-type span:last-child{align-self:flex-end;margin-right:-1vw;color:rgba(255,255,255,.72)}
.depth-object{position:absolute;z-index:4;inset:0;display:grid;place-items:center;pointer-events:none;transform:translate3d(var(--lotus-x,0),var(--lotus-lift,0),0) scale(var(--lotus-scale,1));will-change:transform}
.depth-model-shell{width:min(58vw,800px);height:min(80vh,820px);filter:drop-shadow(0 36px 30px rgba(54,43,33,.16));pointer-events:auto;transform:rotate(var(--lotus-roll,0deg));transition:filter .5s ease}
.depth-model-shell model-viewer{display:block;width:100%;height:100%;--poster-color:transparent;background:transparent;cursor:grab;touch-action:pan-y}
.depth-model-shell model-viewer:active{cursor:grabbing}
.depth-copy{position:absolute;z-index:7;left:5vw;bottom:7vh;width:min(390px,36vw);opacity:var(--lotus-copy,0);transform:translateY(calc((1 - var(--lotus-copy,0))*28px));pointer-events:auto}
.depth-copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(50px,5.6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.78;margin:13px 0 20px}.depth-copy h2 em{font-weight:400;color:#8b7765}.depth-copy p{max-width:34ch;font-size:12px;line-height:1.75;color:#625950}.depth-collection-link{display:inline-block;margin-top:20px;padding-bottom:5px;border-bottom:1px solid rgba(36,31,26,.32);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.depth-index{position:absolute;z-index:6;top:8.5vh;font-size:8px;line-height:1.55;letter-spacing:.2em;color:#655d54}.depth-index-left{left:5vw}.depth-index-right{right:5vw;text-align:right}
.depth-progress{position:absolute;z-index:7;right:5vw;bottom:6vh;width:min(310px,28vw);display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.18em;color:#655d54}.depth-progress i{height:1px;flex:1;background:rgba(43,36,30,.16);position:relative;overflow:hidden}.depth-progress b{position:absolute;inset:0 auto 0 0;width:calc(var(--lotus-progress,0)*100%);background:#423930}
@media(max-width:700px){.depth-showcase{height:280vh}.depth-stage{min-height:520px}.depth-type{font-size:34vw;line-height:.72;justify-content:center}.depth-type span:first-child{margin-left:-2vw}.depth-type span:last-child{margin-right:-3vw}.depth-model-shell{width:96vw;height:78vh;max-height:680px}.depth-copy{left:6vw;right:6vw;bottom:9vh;width:auto}.depth-copy h2{font-size:15vw}.depth-copy p{max-width:30ch}.depth-index{top:10vh}.depth-index-left{left:6vw}.depth-index-right{right:6vw}.depth-progress{right:6vw;bottom:4vh;width:46vw}.depth-progress span{display:none}.depth-stage:after{left:12%;right:12%;bottom:15%}}
@media(prefers-reduced-motion:reduce){.depth-showcase{height:auto}.depth-stage{position:relative;height:100svh}.depth-object{transform:none}.depth-copy{opacity:1;transform:none}.depth-progress{display:none}}

/* Eclipse EC2 — separate pinned product orbit */
.eclipse-showcase{position:relative;height:300vh;background:#e8dfd4;color:#1c1a17}
.eclipse-stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#eee8df 0%,#d9cbbc 54%,#f1ebe3 100%)}
.eclipse-atmosphere{position:absolute;inset:-15%;z-index:0;background:radial-gradient(circle at calc(50% + var(--eclipse-x,0px)) calc(42% + var(--eclipse-y,0px)),rgba(255,255,255,.98) 0 14%,rgba(255,247,237,.48) 32%,transparent 58%),radial-gradient(ellipse at 50% 80%,rgba(90,67,48,.2),transparent 40%)}
.eclipse-stage:after{content:"";position:absolute;z-index:1;left:28%;right:28%;bottom:12%;height:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(45,32,23,.25),transparent 68%);filter:blur(24px);opacity:.65}
.eclipse-type{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-size:clamp(140px,21vw,380px);font-weight:300;line-height:.64;letter-spacing:-.035em;color:rgba(43,35,28,.1);pointer-events:none;user-select:none}.eclipse-type span:first-child{align-self:flex-start;margin-left:-1vw}.eclipse-type span:last-child{align-self:flex-end;margin-right:3vw;color:rgba(255,255,255,.72)}
.eclipse-object{position:absolute;z-index:4;inset:0;display:grid;place-items:center;pointer-events:none;transform:translate3d(var(--eclipse-x,0),var(--eclipse-lift,0),0) scale(var(--eclipse-scale,.82));will-change:transform}.eclipse-model-shell{width:min(60vw,830px);height:min(80vh,820px);filter:drop-shadow(0 38px 32px rgba(48,35,25,.2));pointer-events:auto;transform:rotate(var(--eclipse-roll,0deg))}.eclipse-model-shell model-viewer{display:block;width:100%;height:100%;--poster-color:transparent;background:transparent;cursor:grab;touch-action:pan-y}.eclipse-model-shell model-viewer:active{cursor:grabbing}
.eclipse-copy{position:absolute;z-index:7;left:5vw;bottom:7vh;width:min(390px,36vw);opacity:var(--eclipse-copy,0);transform:translateY(calc((1 - var(--eclipse-copy,0))*28px))}.eclipse-copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(50px,5.6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.78;margin:13px 0 20px}.eclipse-copy h2 em{font-weight:400;color:#8b6c58}.eclipse-copy p{max-width:34ch;font-size:12px;line-height:1.75;color:#625950}
.eclipse-index{position:absolute;z-index:6;top:8.5vh;font-size:8px;line-height:1.55;letter-spacing:.2em;color:#655d54}.eclipse-index-left{left:5vw}.eclipse-index-right{right:5vw;text-align:right}.eclipse-progress{position:absolute;z-index:7;right:5vw;bottom:6vh;width:min(310px,28vw);display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.18em;color:#655d54}.eclipse-progress i{height:1px;flex:1;background:rgba(43,36,30,.16);position:relative;overflow:hidden}.eclipse-progress b{position:absolute;inset:0 auto 0 0;width:calc(var(--eclipse-progress,0)*100%);background:#423930}
@media(max-width:700px){.eclipse-showcase{height:260vh}.eclipse-stage{min-height:520px}.eclipse-type{font-size:30vw;line-height:.74}.eclipse-model-shell{width:98vw;height:78vh;max-height:680px}.eclipse-copy{left:6vw;right:6vw;bottom:9vh;width:auto}.eclipse-copy h2{font-size:15vw}.eclipse-copy p{max-width:30ch}.eclipse-index{top:10vh}.eclipse-index-left{left:6vw}.eclipse-index-right{right:6vw}.eclipse-progress{right:6vw;bottom:4vh;width:46vw}.eclipse-progress span{display:none}}
@media(prefers-reduced-motion:reduce){.eclipse-showcase{height:auto}.eclipse-stage{position:relative;height:100svh}.eclipse-copy{opacity:1;transform:none}.eclipse-progress{display:none}}

