/* A short, continuous handover from product gallery to the existing scenes. */
.hero{--light-fade:1}
.hero .light-field{opacity:var(--light-fade)}
/* Keep real product colours and usable controls intact throughout scrolling. */
.hero .product-gallery,.hero .hero-foot{opacity:1;transform:none}
.hero-foot{max-width:1440px;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:24px;padding:16px var(--gutter) 28px;text-align:left}
.hero-foot>p{flex:0 0 auto;width:auto;margin:0;font-size:12px;white-space:nowrap}
.hero-brand-links{justify-content:flex-start;gap:32px}
.hero-brand-links a{min-height:44px;gap:18px;font-size:13px;letter-spacing:.04em;color:#e4e9ef}
.hero-brand-links a:hover{color:#e8cf9e}
.hero-foot .light-pause{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0 0 0 auto;padding:0;border:1px solid #8694a56b;border-radius:50%;background:#09121bb3;color:#c8d3df;text-decoration:none}
.light-pause svg,.ambient-control svg{width:19px;height:19px;fill:currentColor;pointer-events:none}
.hero-foot .light-pause:hover,.hero-foot .light-pause:focus-visible{color:#fff;border-color:#d9bf89;background:#142030}
.experiences{--scene-scale:1;--scene-seam:clamp(104px,12vw,176px);margin-top:-1px;scroll-margin-top:88px}
.experiences:before{inset:0 0 auto;height:var(--scene-seam);background:linear-gradient(180deg,#050a12 0%,#050a12e8 18%,#050a129c 48%,#050a122e 78%,#050a1200 100%);opacity:1;z-index:3}
.experience-heading{position:absolute;inset:32px var(--gutter) auto;min-height:0;padding:0;background:none;gap:12px;z-index:5;pointer-events:none}
.experience-heading .eyebrow{font-size:clamp(14px,1.15vw,18px);font-weight:450;letter-spacing:.025em;line-height:1.45;text-transform:none;max-width:36ch;color:#e5e9ef;text-shadow:0 2px 12px #0008}
.experience-heading .eyebrow:before{content:"";display:inline-block;width:20px;height:1px;margin:0 12px .3em 0;background:linear-gradient(90deg,#dcc18d,#81bce2);vertical-align:middle}
.scene-stage{opacity:var(--scene-reveal);transform:scale(var(--scene-scale));transform-origin:50% 0}
.scene-stage:focus-visible{outline-offset:-5px}
@media(max-width:700px){
 .hero-foot{gap:12px;padding:12px 24px 24px}
 .hero-foot>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .hero-brand-links{gap:30px;flex:0 1 auto}
 .hero-brand-links a{gap:15px;font-size:12px;min-height:44px}
 .hero-foot .light-pause{margin-left:auto}
 .experiences{min-height:0;scroll-margin-top:106px;--scene-seam:clamp(88px,25vw,128px)}
 .experience-heading{position:absolute;inset:25px 24px auto;padding:0;min-height:0;background:none;display:block}
 .experience-heading .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.025em;max-width:34ch}
 .experience-heading .eyebrow:before{width:16px;margin-right:10px}
 .scene-stage{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
 .scene-stage{opacity:1!important;transform:none!important}
 /* The static top seam still connects the two sections without any movement. */
 .experiences:before{opacity:1}
}