/* Viewport-aware editorial sections: content remains in flow at zoom/small sizes. */
@media(min-width:1100px) and (min-height:650px){
 html[data-site=baxs] #app #product-family,
 html[data-site=baxs] #app #product-experience{min-height:calc(100svh - var(--navigation-header,76px));box-sizing:border-box;display:flex;align-items:center;padding:clamp(28px,4svh,48px) 0}
 html[data-site=baxs] #app #product-family>.v4-container{width:calc(100% - 112px)}
 html[data-site=baxs] #app #product-family .section-head{margin-bottom:24px;gap:32px}
 html[data-site=baxs] #app #product-family .section-head h2{font-size:clamp(30px,3.8svh,40px);line-height:1.3}
 html[data-site=baxs] #app #product-family .section-head>p{font-size:15px;line-height:1.8;max-width:410px}
 html[data-site=baxs] #app #product-family .v6-family-tabs{padding:6px 6px 0;min-height:0}
 html[data-site=baxs] #app #product-family .v6-family-tabs button{min-height:64px;padding:14px 20px;font-size:15px}
 html[data-site=baxs] #app #product-family .v6-family-panel{min-height:0;padding:clamp(24px,4svh,42px);gap:36px;align-items:center}
 html[data-site=baxs] #app #product-family .v6-family-panel[hidden]{display:none}
 html[data-site=baxs] #app #product-family .v6-family-panel h3{font-size:clamp(28px,3.8svh,40px);line-height:1.35;max-width:470px}
 html[data-site=baxs] #app #product-family .v6-family-panel p{font-size:15px;line-height:1.8;margin:16px 0 22px;max-width:470px}
 html[data-site=baxs] #app #product-family .v6-family-stage{min-height:0;height:clamp(260px,38svh,430px);margin:0}
 html[data-site=baxs] #app #product-family .v6-family-stage img{width:100%;height:100%;object-fit:contain;max-height:100%}
 html[data-site=baxs] #app #product-experience .bxh-wrap{width:min(var(--layout-max),calc(100% - 2 * var(--layout-gutter)));max-width:var(--layout-max);padding:0}
 html[data-site=baxs] #app #product-experience .bxh-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;align-items:center;max-width:none;margin-bottom:26px}
 html[data-site=baxs] #app #product-experience .bxh-eyebrow{grid-column:1/-1;margin-bottom:12px}
 html[data-site=baxs] #app #product-experience .bxh-heading h2{font-size:clamp(30px,4.2svh,42px)!important;line-height:1.3;margin:0}
 html[data-site=baxs] #app #product-experience .bxh-heading>p:last-child{font-size:15px;line-height:1.85;margin:0;width:100%;min-width:0;max-width:480px;justify-self:end;text-align:end;text-wrap:balance}
 html[data-site=baxs] #app #product-experience .bxh-method-visual{aspect-ratio:auto;height:clamp(150px,23svh,240px);grid-template-rows:minmax(0,1fr)}
 html[data-site=baxs] #app #product-experience .bxh-scene{height:100%;width:100%;min-width:0;min-height:0;max-height:100%;object-fit:contain}
 html[data-site=baxs] #app #product-experience .bxh-method-copy{padding:18px 24px 22px}
 html[data-site=baxs] #app #product-experience .bxh-method h3{font-size:20px!important;margin-bottom:10px}
 html[data-site=baxs] #app #product-experience .bxh-method-copy>p{font-size:14px;line-height:1.75;margin-bottom:14px}
 html[data-site=baxs] #app #product-experience .bxh-meta{margin-bottom:14px}
 html[data-site=baxs] #app #product-experience .bxh-method-cta{padding-top:14px}
 html[data-site=baxs] #app #product-experience .bxh-note{margin-top:20px}
}

@media(min-width:1100px) and (min-height:650px) and (max-height:820px){
 html[data-site=baxs] #app #product-experience{padding:24px 0}
 html[data-site=baxs] #app #product-experience .bxh-heading{margin-bottom:20px}
 html[data-site=baxs] #app #product-experience .bxh-method-visual{height:clamp(135px,20svh,164px)}
 html[data-site=baxs] #app #product-experience .bxh-method-copy{padding:14px 22px 18px}
 html[data-site=baxs] #app #product-experience .bxh-method h3{font-size:18px!important;line-height:1.4}
 html[data-site=baxs] #app #product-experience .bxh-method-copy>p{font-size:13px;line-height:1.7;margin-bottom:12px}
 html[data-site=baxs] #app #product-experience .bxh-meta{margin-bottom:12px}
 html[data-site=baxs] #app #product-experience .bxh-note{margin-top:16px}
}