/* Lenis recommended root rules; nested controls keep native scrolling. */
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
/* The moving layers stay behind or inside their own sections. */
.hero{position:relative;isolation:isolate}
.scroll-atmosphere{position:absolute;inset:40px -24px 0;z-index:-1;overflow:clip;pointer-events:none}
.scroll-atmosphere span{position:absolute;width:210px;height:290px;border:1px solid #bdcce143;border-radius:18px;background:linear-gradient(145deg,#edf2fb4d,#ffffff00 75%);rotate:-14deg;left:-98px;top:150px}
.scroll-atmosphere span+span{left:auto;right:-100px;top:10px;rotate:14deg;width:235px;height:320px}
.story-section{position:relative;isolation:isolate}
.story-art::before,.story-art::after{content:'';position:absolute;z-index:-1;width:67%;height:71%;border:1px solid #b6c7dd80;border-radius:18px;left:8%;top:4%;rotate:-7deg;pointer-events:none}
.story-art::after{left:27%;top:25%;width:57%;height:65%;rotate:8deg;border-color:#c4bfd653;background:#eceaf633}
@media(min-width:1001px) and (min-height:650px){
  .parallax-enabled .story-section{min-height:125svh;padding-block:80px}
  .parallax-enabled .story-inner{position:sticky;top:110px;min-height:calc(100svh - 190px)}
  .parallax-enabled .story-art{padding-block:32px}
}
@media(max-width:760px){
  html[lang=en] .story-copy h2 br{display:initial}
  .scroll-atmosphere{inset:20px -12px 0}
  .scroll-atmosphere span{width:120px;height:180px;left:-90px;top:100px}
  .scroll-atmosphere span+span{width:130px;height:200px;right:-100px;top:5px}
  .story-art::before,.story-art::after{border-radius:10px}
}
@media print{
  .scroll-atmosphere{display:none}
  .parallax-enabled .story-section{min-height:0;padding-block:35px}
  .parallax-enabled .story-inner{position:static;min-height:0}
    .hero-copy,.hero-exhibit,.story-art,.story-copy,.section-heading,.feature-item,
  .product-tabs,.details-heading,.detail-rows>article,.download-inner{transform:none!important;opacity:1!important}
}

.site-header .brand{display:inline-flex;align-items:center;gap:8px}
.beta-mark{display:inline-block;flex:none;border:1px solid #cbc4e5;background:#f3f0fb;color:#6a568c;font-size:9px;font-weight:600;letter-spacing:.2px;line-height:1;padding:4px 6px;border-radius:5px;align-self:flex-start;margin-top:3px}
@media(max-width:760px){.site-header .brand{gap:5px}.beta-mark{font-size:8px;padding:3px 4px;margin-top:1px}}
@media(max-width:360px){.site-header .nav-inner{gap:8px}.site-header .brand img{width:78px}html[lang=en] .site-header .brand img{width:89px}.site-header .header-actions{gap:6px}}