/* Continuous animal-to-bracelet journey. All scenery is local SVG/CSS. */
.realm-journey{height:265svh;position:relative;--journey:0;--approach:0;--reveal:0;--mx:0;--my:0}.realm-journey>.realm{position:sticky;top:0;height:100svh;min-height:640px;max-height:none;isolation:isolate}.product-page header{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#070b09e8,#070b0900);border:0}.realm-top{top:115px;z-index:7}.environment{transform:scale(calc(1 + var(--approach)*.18));transform-origin:58% 45%;opacity:calc(1 - var(--reveal));will-change:transform,opacity}.environment>video,.environment>img{height:100%;object-position:60% 36%}.realm-gradient{z-index:1;background:linear-gradient(90deg,#060a09cf 0%,#060a0955 40%,transparent 70%),linear-gradient(0deg,#080d0b 0%,transparent 50%,#080d0b22)}.realm-copy{z-index:4;padding-top:max(220px,28svh);opacity:calc(1 - var(--approach)*1.6);transform:translateY(calc(var(--approach)*-75px));pointer-events:auto}.realm-copy h1{font-size:clamp(85px,10.5vw,165px);max-width:700px;text-shadow:0 5px 45px #0006}.realm-copy .realm-tagline{max-width:310px}.realm-side{z-index:6}.realm-bottom{z-index:7;bottom:35px}.realm-journey:has(.relic-scene.revealed) .realm-copy{pointer-events:none}.relic-scene{position:absolute;inset:0;z-index:2;opacity:var(--reveal);pointer-events:none;will-change:opacity}.relic-scene.revealed{pointer-events:auto}.relic-scene>video{width:100%;height:100%;object-fit:cover;object-position:60% 48%;transform:scale(calc(1.15 - var(--reveal)*.15));filter:saturate(.95)}.relic-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#060a09d9,transparent 65%),linear-gradient(0deg,#080d0bf5,transparent 40%,#080d0b55)}.relic-caption{position:absolute;left:8%;bottom:19%;max-width:500px;transform:translateY(calc((1 - var(--reveal))*50px))}.relic-caption h2{font-size:clamp(65px,7.5vw,110px);margin:18px 0;max-width:500px}.relic-caption>p{font-size:13px;line-height:1.8;max-width:280px;color:#c6cbbf}.relic-caption .button{margin-top:15px}.scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3;transform:translate(calc(var(--mx)*-12px),calc(var(--my)*-7px)) scale(calc(1.03 + var(--approach)*.06));transform-origin:50% 50%}.scenery svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 12px #0005)}.scenery-back{opacity:.55;z-index:1;transform:translate(calc(var(--mx)*-5px),calc(var(--my)*-3px)) scale(calc(1 + var(--approach)*.03))}.scenery-front{opacity:.95}.ground-haze{position:absolute;inset:auto -20% -10%;height:40%;z-index:3;pointer-events:none;background:radial-gradient(ellipse,rgba(var(--world-rgb),.19),transparent 66%);filter:blur(35px);animation:ground-drift 15s ease-in-out infinite alternate;mix-blend-mode:screen}.journey-rail{position:absolute;left:27px;top:40%;bottom:32%;width:1px;background:#ffffff28;z-index:7}.journey-rail span{display:block;width:2px;height:calc(6% + var(--journey)*94%);background:var(--world);box-shadow:0 0 12px var(--world)}.revelation-anchor{position:absolute;top:135svh;left:0;width:1px;height:1px;scroll-margin-top:0}.realm-ribbon{background:#0a100de8;position:relative;z-index:2;border-top:0}.piece-section{position:relative;isolation:isolate;background:linear-gradient(90deg,#090e0be8,#090e0bd9);overflow:hidden}.piece-section:before{content:'';position:absolute;inset:0;background:var(--habitat-image) center 45%/cover;opacity:.17;z-index:-2;filter:saturate(.6);transform:scale(1.08)}.piece-section:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 40%,rgba(var(--world-rgb),.13),transparent 60%),linear-gradient(0deg,#0b0d0c,transparent 30%,#0b0d0c88)}.gallery-view{border:0;background:transparent;box-shadow:0 0 90px rgba(var(--world-rgb),.05)}.gallery-view>video{mask-image:linear-gradient(0deg,transparent,#000 12%,#000 86%,transparent);object-position:center}.piece-info{background:linear-gradient(135deg,#10170db0,#0b100bbd);padding:30px;backdrop-filter:blur(10px);border:1px solid rgba(var(--world-rgb),.13)}.gallery-thumbs button{background:#10150fbb}.gallery-note{max-width:420px}.instinct-story{background:linear-gradient(110deg,rgba(var(--world-rgb),.06),#080d0a);border:0}.world-details{background:radial-gradient(ellipse at 80% 50%,rgba(var(--world-rgb),.08),transparent 70%)}.product-page[data-world=orca] .scenery{mix-blend-mode:screen}.product-page[data-world=wolf] .scenery-front{opacity:.7}.product-page[data-world=panther] .ground-haze,.product-page[data-world=cobra] .ground-haze{height:60%;bottom:-15%;opacity:.8}.product-page[data-world=tiger] .ground-haze{background:radial-gradient(ellipse,#c76b1a30,transparent 65%)}.paused .ground-haze{animation-play-state:paused}@keyframes ground-drift{to{transform:translate(7%,-10%) scale(1.1)}}
@media(max-width:1000px){.piece-info{padding:25px}.realm-copy{padding-left:7%}.relic-caption{left:7%}}@media(max-width:650px){.realm-journey{height:235svh}.realm-journey>.realm{min-height:640px;height:100svh}.product-page header{height:76px}.realm-top{top:99px}.realm-copy{padding:43svh 7% 0;transform:translateY(calc(var(--approach)*-40px))}.realm-copy h1{font-size:75px;margin:18px 0}.realm-copy .realm-tagline{font-size:20px;max-width:220px;line-height:1.2;margin-bottom:22px}.realm-copy .eyebrow{font-size:7px}.realm-gradient{background:linear-gradient(0deg,#080d0b 0%,#080d0bdd 15%,#080d0b44 60%,#080d0b11),linear-gradient(90deg,#080d0b66,transparent)}.environment>video,.environment>img{height:100%;object-position:55% 28%}.realm-bottom{bottom:25px;left:7%;right:7%;font-size:6px}.realm-bottom>span:first-child{max-width:140px}.relic-scene>video{object-position:center 35%;height:83%}.relic-vignette{background:linear-gradient(0deg,#080d0b 8%,#080d0ba8 24%,transparent 75%)}.relic-caption{left:7%;bottom:15%;right:7%;max-width:none}.relic-caption h2{font-size:61px;line-height:.95;margin:18px 0 15px}.relic-caption>p{font-size:11px;max-width:245px}.journey-rail{left:12px;top:40%;bottom:35%}.scenery svg{width:140%;margin-left:-20%}.scenery-front{opacity:.82}.piece-info{padding:28px 22px;margin:10px -5px 0}.piece-section{padding-top:20px}.piece-media .gallery-view{height:490px}.revelation-anchor{top:115svh}.realm-motion{font-size:7px}.relic-caption .button{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.realm-journey{height:auto}.realm-journey>.realm{position:relative}.realm-copy{opacity:1;transform:none}.environment{transform:none;opacity:1}.relic-scene{position:relative;opacity:1;height:90svh;pointer-events:auto}.realm-journey>.realm{height:auto;min-height:0;padding-top:100svh}.realm-copy{position:absolute;top:0}.relic-scene>video{display:none}.relic-scene{background:var(--relic-poster) center/cover}.realm-top{top:100px}.realm-bottom{display:none}.scenery{display:none}.ground-haze{animation:none}.journey-rail{display:none}.revelation-anchor{top:100svh}}
@media(min-width:651px){.relic-scene:before{content:'';position:absolute;inset:-30px;background:var(--relic-poster) center/cover;filter:blur(30px);opacity:.34}.relic-scene>video{position:absolute;right:-2%;top:0;width:74%;height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.relic-vignette{background:linear-gradient(90deg,#060a09f2,transparent 70%),linear-gradient(0deg,#080d0bf2,transparent 35%,#080d0b44)}}
.product-page[data-world=bear]{--forest-shadow:#101e10}.product-page[data-world=bear] .realm{background:#0a110b}.product-page[data-world=bear] .environment>video,.product-page[data-world=bear] .environment>img{filter:brightness(.74) saturate(.72);object-position:55% 26%}.product-page[data-world=bear] .realm-gradient{background:linear-gradient(90deg,#071009d9,transparent 75%),linear-gradient(0deg,#09100b,transparent 70%)}.product-page[data-world=bear] .ground-haze{background:radial-gradient(ellipse,#78834b33,transparent 65%);height:45%}.product-page[data-world=bear] .piece-section:before{filter:brightness(.65) saturate(.7)}
@media(min-width:651px){.relic-scene>video{width:min(60vw,56.25svh);right:12%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse at center,#000 40%,#000e 65%,transparent 89%)}}
.product-page[data-world=cosmos] .realm{background:#110a12}.product-page[data-world=cosmos] .environment>video,.product-page[data-world=cosmos] .environment>img{object-position:50% 45%;filter:saturate(.8)}.product-page[data-world=cosmos] .ground-haze{background:radial-gradient(ellipse,#a0477833,transparent 65%)}.product-page[data-world=cosmos] .weather-one{background:radial-gradient(ellipse at 70% 20%,#8d416e40,transparent 60%)}
@media(max-width:650px){.product-page[data-world=cosmos] .relic-scene:before{content:'';position:absolute;inset:0;background:var(--relic-poster) center/cover;filter:blur(25px);opacity:.25}.product-page[data-world=cosmos] .relic-scene>video{object-fit:contain;height:78%;width:100%;object-position:50% 25%;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 90%,transparent)}.product-page[data-world=cosmos] .relic-caption{bottom:14%}}
