/* SONO's own opening — "Every space has a story" (2026-10-11). MOTION.md: silver light only, the house curve
   cubic-bezier(.16,1,.3,1), Bodoni title with an italic second half in --accent-soft, mono caps labels, content first
   (line + Home buttons from the first frame), media as the slow layer, no will-change on anything that scales. */
#heroLayer[data-hero-experience="sono-every-space-01"]{isolation:isolate;background:#0b0d0f}
.sh-stage{position:absolute;inset:0;overflow:hidden;color:#fff;--sh-bottom:calc(var(--foot-h,54px) + var(--hud-h,64px) + 44px)}
.sh-shots,.sh-shot,.sh-final,.sh-final video,.sh-final-still,.sh-shade{position:absolute;inset:0;pointer-events:none}
.sh-shots{z-index:0}
.sh-shot,.sh-final-still{background:#0b0d0f center/cover no-repeat;opacity:0;transform-origin:50% 55%}
.sh-final{opacity:0}
.sh-final video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1)}
.sh-final video.on{opacity:1}
.sh-shade{z-index:2;background:linear-gradient(180deg,rgba(4,8,12,.5),rgba(4,8,12,.3) 40%,rgba(4,8,12,.78))}
.sh-content{position:absolute;z-index:3;inset:calc(var(--sales-header-h,100px) + 24px) 0 var(--sh-bottom);display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 6vw;overflow-y:auto;overscroll-behavior:contain}
.sh-content::before,.sh-content::after{content:"";flex:1 1 0;min-height:0}
.sh-content>*{flex:none}
.sh-title{margin:0;max-width:1400px;font:400 clamp(42px,min(7vw,8.5vh),112px)/.94 'Bodoni 72',Didot,'Cormorant Garamond','Times New Roman',serif;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 4px 40px #0006}
.sh-line{display:block}
.sh-line-2{font-style:italic;font-size:.83em;letter-spacing:-.052em;margin-top:.06em;color:var(--accent-soft,#eef2f6)}
.sh-w{display:inline-block;opacity:0;transform:translateY(14px);filter:blur(6px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)}
.sh-w.on{opacity:1;transform:none;filter:none}
.sh-sub{max-width:68ch;margin:clamp(20px,3.2vh,40px) auto 0;font:400 clamp(16px,1.35vw,20px)/1.6 var(--sans);color:var(--ink,#e9eef2);text-wrap:pretty;text-shadow:0 2px 18px #0009;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1) .15s}
.sh-doors{width:100%;display:flex;justify-content:center;margin-top:clamp(14px,2.4vh,26px);opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1) .25s}
.sh-loaded .sh-sub,.sh-loaded .sh-doors{opacity:1}
/* the space on screen, named — mono label, serif name, one silver rule */
.sh-cap{position:absolute;left:5.2%;bottom:calc(var(--sh-bottom) + 6px);z-index:4;display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(6px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);text-shadow:0 1px 12px #000;pointer-events:none}
.sh-cap.on{opacity:1;transform:none}
.sh-cap-n{font:500 10px var(--mono);letter-spacing:.2em;color:var(--accent,#d7dfe5)}
.sh-cap-t{display:flex;flex-direction:column;gap:3px;border-left:1px solid rgba(215,223,229,.45);padding-left:14px}
.sh-cap-t b{font:400 22px/1.1 'Bodoni 72',Didot,Georgia,serif;letter-spacing:-.01em}
.sh-cap-t small{font:400 9.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffffb0}
@media(max-width:1100px),(max-height:760px){.sh-cap{display:none}}
@media(max-width:760px){
  .sh-content{padding:12px 20px}
  .sh-title{font-size:clamp(36px,9.6vw,60px);line-height:.96}
  .sh-sub{font-size:15px;max-width:36ch}
}
@media(prefers-reduced-motion:reduce){.sh-w{transition:none;opacity:1;transform:none;filter:none}.sh-sub,.sh-doors{transition:none}.sh-shot{transform:none!important}}