/* Mobile hero: copy, product, guidance and chapter buttons own separate rows. */
@media(max-width:1100px){
#vectorHero .vh-sticky{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--hero-header54,88px) 24px max-content minmax(0,1fr) 32px 52px;gap:8px;height:100svh;min-height:0!important;padding:0 6vw 12px;align-content:stretch}
#vectorHero .vh-topline{position:relative!important;inset:auto!important;grid-column:1;grid-row:2;align-items:center;gap:12px;margin:0;min-width:0}
#vectorHero .vh-scenes{position:relative!important;inset:auto!important;grid-column:1;grid-row:3;display:grid;min-width:0;z-index:2;overflow:clip}
#vectorHero .vh-scene{position:relative!important;inset:auto!important;grid-area:1/1;width:100%!important;max-width:none!important;min-width:0;align-self:start;padding:0}
#vectorHero .vh-kicker{margin-bottom:10px;max-width:100%;line-height:1.6}
#vectorHero h1{font-size:clamp(26px,8vw,48px)!important;line-height:1.15!important;margin-bottom:12px;letter-spacing:-.065em}
#vectorHero .vh-mode-title{font-size:clamp(38px,11vw,68px)!important;line-height:1.05!important;margin-bottom:12px}
#vectorHero .vh-mode-title .vh-long{font-size:.55em}
#vectorHero .vh-description{margin-bottom:8px;max-width:100%;line-height:1.7}
#vectorHero .vh-feature-line{margin:0;max-width:100%}
#vectorHero .vh-actions{gap:18px;margin-top:8px;min-height:44px;flex-wrap:wrap}
#vectorHero .vh-actions :is(button,a){min-height:44px;white-space:nowrap}
#vectorHero .vh-media{position:relative!important;inset:auto!important;grid-column:1;grid-row:4;width:100%;height:auto!important;min-height:0;min-width:0;margin:0;z-index:0!important;transform:none!important;overflow:hidden}
#vectorHero .vh-media :is(img,canvas){object-fit:contain!important;object-position:center center!important;transform:none!important;width:100%;height:100%}
#vectorHero .vh-shade{display:none!important}
#vectorHero .vh-bottom{position:relative!important;inset:auto!important;grid-column:1;grid-row:6;width:100%;min-width:0;display:block;margin:0;align-self:stretch}
#vectorHero .vh-bottom :is(.vh-scroll-cue,.vh-gallery-link){display:none}
#vectorHero .vh-chapters{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px}
#vectorHero .vh-chapters button{display:block;min-width:0;min-height:44px;padding:6px 2px;line-height:1.5;text-align:center}
#vectorHero .vh-chapters button span{display:block}
#vectorHero .vh-idle-guide{position:relative!important;inset:auto!important;grid-column:1;grid-row:5;justify-self:center;align-self:center;margin:0;padding:0;gap:9px;border:0;background:none;font-size:7px;line-height:1.5;z-index:2}
#vectorHero .vh-idle-guide svg{width:20px;height:30px;flex-basis:20px}
#vectorHero .vh-idle-guide small{display:none}
}
@media(max-width:1100px) and (orientation:landscape){
#vectorHero .vh-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:var(--hero-header54,88px) 20px minmax(0,1fr) 28px 48px;gap:6px 20px;padding-inline:5vw;padding-bottom:8px}
#vectorHero .vh-topline{grid-column:1/-1;grid-row:2}
#vectorHero .vh-scenes{grid-column:1;grid-row:3;align-self:center;max-height:100%}
#vectorHero .vh-media{grid-column:2;grid-row:3}
#vectorHero .vh-idle-guide{grid-column:1/-1;grid-row:4}
#vectorHero .vh-bottom{grid-column:1/-1;grid-row:5}
#vectorHero h1{font-size:clamp(24px,3.5vw,42px)!important}
#vectorHero .vh-mode-title{font-size:clamp(32px,5vw,56px)!important}
}
@media(max-width:1100px) and (max-height:600px){
#vectorHero .vh-sticky{gap:5px 16px}
#vectorHero .vh-kicker{margin-bottom:6px;line-height:1.5}
#vectorHero h1,#vectorHero .vh-mode-title{margin-bottom:8px}
#vectorHero .vh-description{margin-bottom:5px;line-height:1.5}
#vectorHero .vh-actions{margin-top:5px;gap:12px}
}
@media(max-width:1100px) and (orientation:landscape) and (max-height:500px){
#vectorHero .vh-sticky{grid-template-rows:var(--hero-header54,88px) 0 minmax(0,1fr) 22px 48px}
#vectorHero .vh-topline{display:none}
#vectorHero .vh-idle-guide svg{height:22px}
}
@media(max-width:760px) and (orientation:landscape) and (max-height:500px){
#vectorHero .vh-actions :is(a,button){font-size:7px;gap:7px}
#vectorHero .vh-description{font-size:9px}
#vectorHero .vh-kicker{font-size:6px}
}