/* Hero-only optical bounds. Source artwork remains unchanged. */
.depth-hero .object-1{--optical-ratio:.38514}
.depth-hero .object-2{--optical-ratio:.37324}
.depth-hero .object-3{--optical-ratio:.37786}
.depth-hero .object-4{--optical-ratio:.39343}
.depth-hero .object-5{--optical-ratio:.38414}
.depth-hero .object-6{--optical-ratio:.38946}
.depth-hero .hero-object .can{width:calc(var(--optical-height)*var(--optical-ratio));height:var(--optical-height);aspect-ratio:auto!important;flex:none}
.depth-hero .hero-object .can img[src$="-clean.png"]{object-fit:contain;object-position:center bottom}
.depth-hero .hero-object .can img[src$="cruizr.jpg"]{width:314.465%;left:-107.547%;top:-13.263%;height:auto}
.depth-hero .hero-object .can img[src$="trakr-cutout.png"]{width:323.232%;left:-111.919%;top:-12.443%;height:auto;max-width:none;clip-path:none}
.depth-hero .hero-object .can img[src$="xplor.png"]{width:436.681%;left:-168.559%;top:-52.041%;height:auto}
@media(min-width:701px){
.depth-hero .hero-tableau{--hero-can-height:min(30vw,40svh,390px);display:flex;align-items:flex-end;justify-content:space-between;height:var(--hero-can-height);width:min(80vw,1120px);gap:0}
.depth-hero .hero-object{position:relative;inset:auto;bottom:auto;left:auto;top:auto;width:calc(var(--optical-height)*var(--optical-ratio));max-width:none;flex:none;margin:0;transform:translate3d(calc(var(--pointer-x)*2px),calc(var(--pointer-y)*2px),0)}
.depth-hero .hero-object .can-trigger{width:100%;height:var(--optical-height)}
.depth-hero .hero-object figcaption{top:calc(100% + 29px)}
}
@media(max-width:700px){
.depth-hero .hero-tableau{--hero-can-height:clamp(168px,46vw,245px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;padding:0;gap:28px 14px}
.depth-hero .hero-object .can-trigger{width:calc(var(--optical-height)*var(--optical-ratio));height:var(--optical-height);align-items:flex-end;justify-content:center}
.depth-hero .hero-object .can-light{width:100%;height:100%}
}
/* Paired depth is optical scale, never a vertical offset or lean. */
.depth-hero .hero-object{--depth-scale:1;--optical-height:calc(var(--hero-can-height)*var(--depth-scale))}
.depth-hero .object-1,.depth-hero .object-6{--depth-scale:.94}
.depth-hero .object-2,.depth-hero .object-5{--depth-scale:.97}
.depth-hero .hero-object .can-trigger>.can{transform-origin:center bottom;transition:transform .65s cubic-bezier(.22,.68,.22,1),filter .65s}
.depth-hero .hero-object.is-reacting .can-trigger>.can{transform:scale(1.018);animation:none;filter:drop-shadow(2px 16px 10px #4b493440)}
/* One controlled beer orb belongs to the selected can only. */
.depth-hero .hero-liquid,.depth-hero .liquid-bloom{display:none!important}
.depth-hero .hero-beer-orb{position:absolute;left:50%;top:49%;width:170%;aspect-ratio:1;translate:-50% -50%;scale:.72;border-radius:50%;z-index:0;overflow:hidden;pointer-events:none;opacity:0;filter:drop-shadow(0 10px 18px #7f541e22);transition:opacity .8s ease,scale 1.15s cubic-bezier(.2,.72,.2,1)}
.depth-hero .hero-beer-orb:before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle at 39% 30%,#fff9d9ba 0 5%,transparent 23%),radial-gradient(circle at 55% 58%,#f2c4658c 0 24%,#b66b2754 48%,transparent 69%),url('assets/beer-swash.webp') center/138% 138% no-repeat;mix-blend-mode:multiply;opacity:.72;animation:heroOrbLiquid 15s linear infinite;mask-image:radial-gradient(ellipse,#000 0 51%,#000d 63%,transparent 76%)}
.depth-hero .hero-beer-orb:after{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid #f6d79874;background:conic-gradient(from 18deg,transparent 0 12%,#ffe8aa45 21%,transparent 37% 61%,#b86f2950 73%,transparent 90%);box-shadow:inset 0 0 24px #fff5cf35,0 0 28px #ba7c3030;animation:heroOrbRefraction 19s ease-in-out infinite alternate}
.depth-hero .hero-object.is-reacting .hero-beer-orb{opacity:.82;scale:1}
@keyframes heroOrbLiquid{to{transform:rotate(360deg)}}
@keyframes heroOrbRefraction{from{transform:rotate(-9deg) scale(.96)}to{transform:rotate(18deg) scale(1.04)}}
.depth-hero.hero-paused .hero-beer-orb,.motion-paused .depth-hero .hero-beer-orb{animation-play-state:paused}
@media(max-width:700px){
.depth-hero .hero-tableau{width:100%;transform:none;height:auto}
.depth-hero .hero-object{align-self:end}
.depth-hero .hero-beer-orb{width:132%;top:50%;filter:drop-shadow(0 7px 12px #7f541e1c)}
.depth-hero h1.collection-title{margin-bottom:48px}
}
@media(prefers-reduced-motion:reduce){.depth-hero .hero-beer-orb:before,.depth-hero .hero-beer-orb:after{animation:none}.depth-hero .hero-object.is-reacting .hero-beer-orb{opacity:.68}.depth-hero .hero-object.is-reacting .can-trigger>.can{transform:none}}
/* Keep the existing route bridge, remove excess height around it. */
#range .gallery-departure.route-architecture{height:28px;background:#f6f4ed;margin:0}
#range .gallery-departure.route-architecture svg{opacity:.2}
#our-world-globe{padding-top:26px}
#our-world-globe .world-heading-line{padding-bottom:15px}
#our-world-globe .world-title{margin-top:26px}
@media(max-width:700px){#range .gallery-departure.route-architecture{height:18px}#our-world-globe{padding-top:22px}#our-world-globe .world-title{margin-top:23px}}