/* BA: viewport height governs the opening; width only distributes the scene and copy. */
html[data-site=ba]{--header:72px}
html[data-site=ba] .header{height:var(--header)}
html[data-site=ba] .header-inner{height:var(--header);min-height:0}
html[data-site=ba] .logo img{height:44px;width:112px;object-fit:contain}
html[data-site=ba] #main .hero{height:100svh;min-height:540px;max-height:1100px;isolation:isolate}
html[data-site=ba] #main .hero-backdrop{inset:var(--header) 0 0;background:#171320}
html[data-site=ba] #main .hero-backdrop img{width:auto;height:100%;max-width:none;position:absolute;left:77%;right:auto;bottom:0;translate:-66.97% 0;object-fit:contain;object-position:center bottom;animation:none;transform:none}
html[data-site=ba] #main .hero-backdrop:after{inset:0;background:linear-gradient(90deg,#171226a8 0%,#1712269c calc(var(--layout-edge) + 180px),#17122659 calc(var(--layout-edge) + 530px),#17122600 calc(var(--layout-edge) + 800px));pointer-events:none}
html[data-site=ba] #main .hero-layout{display:flex;align-items:center;height:100%;min-height:0;padding-block:calc(var(--header) + 24px) 105px}
html[data-site=ba] #main .hero-copy{width:52%;max-width:640px;margin:0}
html[data-site=ba] #main .hero h1{font-size:clamp(38px,min(4.1vw,6.4svh),60px);line-height:1.28;letter-spacing:-.018em;padding-bottom:22px;margin:0 0 22px}
html[data-site=ba] #main .hero h1 span+span{margin-left:1em}
html[data-site=ba] #main .hero h1:after{width:88%;max-width:550px}
html[data-site=ba] #main .hero-copy p{font-size:clamp(17px,2.45svh,22px);line-height:1.75;letter-spacing:.025em;max-width:440px;margin:0}
html[data-site=ba] #main .hero .actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:28px}
html[data-site=ba] #main .hero .button,html[data-site=ba] #main .hero .text-link{font-size:14px;min-height:48px;gap:18px}
html[data-site=ba] #main .hero .button{min-width:176px;padding:12px 23px}
html[data-site=ba] #main .hero-chapters{left:var(--layout-edge);right:auto;width:min(630px,52%);bottom:25px;margin:0;padding:0;gap:24px;background:transparent}
html[data-site=ba] #main .hero-chapters .ba-explorer-chapter{min-height:48px;font-size:13px;gap:12px}
html[data-site=ba] #main .hero-chapters .ba-explorer-chapter b{font-size:22px}
html[data-site=ba][lang=en] #main .hero h1{font-size:clamp(34px,min(3.6vw,5.9svh),55px);line-height:1.14;max-width:590px}
html[data-site=ba][lang=en] #main .hero h1 span+span{margin-left:0}
html[data-site=ba][lang=en] #main .hero-copy p{font-size:clamp(16px,2.3svh,20px);line-height:1.65;max-width:360px}
/* The crest stays paired with the bounded content column as the viewport widens. */
@media(min-width:761px) and (max-height:720px){
 html[data-site=ba] #main .hero-layout{padding-bottom:90px}
 html[data-site=ba] #main .hero h1{padding-bottom:18px;margin-bottom:18px}
 html[data-site=ba] #main .hero .actions{margin-top:22px;gap:12px 24px}
 html[data-site=ba] #main .hero-chapters{bottom:17px}
}
@media(min-width:761px) and (max-width:1020px){
 html[data-site=ba] #main .hero-copy{width:55%}
 html[data-site=ba] #main .hero h1{font-size:clamp(34px,4.2vw,43px)}
 html[data-site=ba] #main .hero h1 span+span{margin-left:.5em}
 html[data-site=ba] #main .hero .actions{gap:10px 20px}
 html[data-site=ba] #main .hero .button,html[data-site=ba] #main .hero .text-link{font-size:12px;min-height:44px}
 html[data-site=ba] #main .hero .button{min-width:155px;padding:10px 16px}
 html[data-site=ba] #main .hero-copy p{font-size:17px}
}
/* Portrait composition has its own art direction, with a readable content minimum. */
@media(max-width:1020px){
 html[data-site=ba]{--header:68px}
 html[data-site=ba] .logo img{width:104px;height:40px}
 html[data-site=ba] #main .hero{height:100svh;min-height:740px;max-height:1000px}
 html[data-site=ba] #main .hero-backdrop{inset:0;background:#181326}
 html[data-site=ba] #main .hero-backdrop img{position:static;left:auto;right:0;translate:none;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:100% 100%}
 html[data-site=ba] #main .hero-backdrop:after{background:linear-gradient(180deg,#181326b3 0%,#18132655 25%,#18132600 50%,#18132600 86%,#18132655 100%)}
 html[data-site=ba] #main .hero-layout{align-items:flex-start;padding:calc(var(--header) + 32px) 0 330px}
 html[data-site=ba] #main .hero-copy{width:100%;max-width:500px}
 html[data-site=ba] #main .hero h1{font-size:clamp(31px,7.8vw,43px);line-height:1.32;padding-bottom:18px;margin-bottom:18px}
 html[data-site=ba] #main .hero h1 span+span{margin-left:.55em}
 html[data-site=ba] #main .hero-copy p{font-size:17px;line-height:1.6;max-width:300px}
 html[data-site=ba] #main .hero .actions{flex-direction:row;align-items:center;gap:10px 18px;margin-top:20px}
 html[data-site=ba] #main .hero .button,html[data-site=ba] #main .hero .text-link{font-size:12px;min-height:44px;gap:10px}
 html[data-site=ba] #main .hero .button{min-width:155px;padding:11px 15px}
 html[data-site=ba] #main .hero-chapters{left:var(--layout-edge);right:var(--layout-edge);width:auto;bottom:20px;padding:4px 10px;gap:12px;background:#1b1425cf}
 html[data-site=ba] #main .hero-chapters .ba-explorer-chapter{font-size:11px;gap:8px;min-height:46px}
 html[data-site=ba] #main .hero-chapters .ba-explorer-chapter b{font-size:18px}
 html[data-site=ba][lang=en] #main .hero h1{font-size:clamp(30px,7.7vw,41px);line-height:1.12;max-width:470px}
 html[data-site=ba][lang=en] #main .hero-copy p{font-size:16px;max-width:300px}
 html[data-site=ba][lang=en] #main .hero .actions{gap:8px 15px}
 html[data-site=ba][lang=en] #main .hero-chapters .ba-explorer-chapter{font-size:10px;gap:5px}
}
@media(max-width:359px){
 html[data-site=ba] #main .hero{min-height:780px}
 html[data-site=ba] #main .hero .actions{flex-direction:column;align-items:flex-start;gap:5px}
 html[data-site=ba] #main .hero-chapters{gap:5px}
 html[data-site=ba] #main .hero-chapters .ba-explorer-chapter{font-size:10px;gap:5px}
}

/* The same dark header on every BA route, menu and scroll state. */
html[data-site=ba] body>.header,html[data-site=ba] body>.header:is(.light,.scrolled){background:#211b32!important;color:#f3ebdf!important;border-bottom:1px solid #ffffff12;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-site=ba] body>.header:before{display:none}
html[data-site=ba] body>.header .logo img{filter:brightness(0) invert(1)!important}
html[data-site=ba] body>.header :is(.header-contact,.menu-toggle,.main-nav,.site-language){color:#f3ebdf!important}
html[data-site=ba] body>.header .site-language{border-color:#ffffff32!important;background:transparent!important}
html[data-site=ba] body>.header .site-language option{background:#211b32;color:#f3ebdf}
html[data-site=ba] body>.header .site-language svg{stroke:currentColor}

/* A restrained water-side scrim keeps the three factual links readable. */
@media(min-width:1021px){html[data-site=ba] #main .hero-chapters{isolation:isolate}html[data-site=ba] #main .hero-chapters:before{content:"";position:absolute;inset:-25px -20px -25px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#17122600,#171226a6 37%,#171226c2 80%,#17122691);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 91%,transparent)}}