/* BA detail layouts. Brand marks and capability scenes keep their full proportions. */
.ba-footer.footer{padding:64px 0 24px;background:#191329;color:#eeeaf4;border-top:1px solid #ffffff12}
.ba-footer .footer-top{display:grid;grid-template-columns:1.3fr .95fr 1.1fr 1.08fr;gap:clamp(24px,3vw,44px);align-items:start;padding:0 0 44px}
.ba-footer .footer-top>div{min-width:0}
.ba-footer .footer-top>div:last-child{grid-column:auto;display:block;border:0;padding:0}
.ba-footer .footer-top h3{font:550 14px/1.6 var(--sans);color:#e8cf9e;letter-spacing:.045em;margin:0 0 20px}
.ba-footer .footer-brand>a{display:inline-flex;align-items:center;min-height:64px}
.ba-footer .footer-brand img{display:block;width:134px;height:64px;max-width:100%;object-fit:contain;object-position:left center;margin:0 0 23px}
.ba-footer .footer-tagline{font:400 14px/1.8 var(--sans);color:#ddd6e7;max-width:19em;margin:0}
.ba-footer .footer-address{font:400 12px/1.85 var(--sans)!important;color:#a9a0b7;margin:21px 0 0;overflow-wrap:normal}
.ba-footer .footer-links,.ba-footer .footer-top>div:last-child .footer-links{display:grid;gap:4px;align-content:start}
.ba-footer .footer-links a{font:400 13px/1.65 var(--sans);min-height:32px;padding:5px 0;color:#cdc5dc;transition:color .18s ease,transform .18s ease;overflow-wrap:normal;word-break:normal}
.ba-footer .footer-links a:hover{color:#f2d8a9;transform:translateX(3px)}
.ba-footer .footer-links a:focus-visible{outline:2px solid #ddc797;outline-offset:4px;border-radius:3px}
.ba-footer .footer-product-card{padding:20px;border:1px solid #9782bf32;background:linear-gradient(145deg,#4432573d,#2a203300);border-radius:10px}
.ba-footer .footer-product-card>img{display:block;width:78px;height:57px;object-fit:contain;object-position:left center;margin:0 0 17px}
.ba-footer .footer-product-card .footer-links{gap:9px}
.ba-footer .footer-product-card .footer-links p{font:400 12px/1.85 var(--sans);color:#afa4c0;margin:0;max-width:none}
.ba-footer .footer-product-card .footer-links a{font-size:13px;color:#eee7f7;border-top:1px solid #bfaed227;padding-top:13px;margin-top:3px}
.ba-footer .footer-contact .footer-email{font-size:13px;overflow-wrap:anywhere;letter-spacing:0}
.ba-footer .footer-contact .footer-links>a:nth-child(3){margin-top:15px;border-top:1px solid #bfaed227;padding-top:16px}
.ba-footer .footer-bottom{display:grid;grid-template-columns:1fr auto auto;gap:20px 38px;align-items:center;padding:20px 0 0;border-top:1px solid #ffffff1c}
.ba-footer .footer-bottom p,.ba-footer .footer-bottom a{font:400 12px/1.7 var(--sans);color:#a99eb9;margin:0}
.ba-footer .footer-legal{display:flex;align-items:center;gap:25px;margin:0}
.ba-footer .footer-bottom>.text-link{font:400 12px/1.7 var(--sans);min-height:32px;min-width:0;padding:0;margin:0;color:#e7cfa4;align-self:center}
/* Portrait contact artwork has its own composition, separate from the contact band. */
#contact-overlay .modal-brand{background:#21172f}
#contact-overlay .modal-brand-art{position:absolute;inset:0;z-index:-2;display:block}
#contact-overlay .modal-brand-scene{position:static;width:100%;height:100%;object-fit:cover;object-position:center -42px}
#contact-overlay .modal-brand:after{background:linear-gradient(180deg,#21172f22 0%,transparent 48%,#21172fd9 72%,#21172ff5 100%)}
#contact-overlay .modal-brand-logo{left:25px;top:23px;height:42px;max-width:116px}
#contact-overlay .modal-brand-copy{bottom:28px;left:25px;right:25px}
#contact-overlay .modal-brand-copy h3{font:500 24px/1.45 var(--sans);letter-spacing:0}
@media(max-width:760px){
 #contact-overlay .modal-brand{min-height:240px}
 #contact-overlay .modal-brand-art{left:auto;width:43%;right:10px;top:12px;bottom:12px}
 #contact-overlay .modal-brand-scene{object-fit:contain;object-position:center}
 #contact-overlay .modal-brand:after{background:linear-gradient(90deg,#21172f 0%,#21172f 46%,transparent 68%)}
 #contact-overlay .modal-brand-logo{height:36px;top:22px;left:23px}
 #contact-overlay .modal-brand-copy{left:23px;right:auto;max-width:52%;bottom:22px}
 #contact-overlay .modal-brand-copy h3{font:500 21px/1.5 var(--sans);max-width:6em;text-wrap:balance}
 html[lang=en] #contact-overlay .modal-brand-copy h3{font-size:19px;max-width:none}
 #contact-overlay .modal-public-contact a{font-size:10px}
}
/* Capability artwork remains open on the page, with no separate image surface. */
.ba-capabilities-page{background:#f8f7fc;--cap-page-title:42px;--cap-section-title:34px}
#main .ba-capabilities-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;padding-top:28px;padding-bottom:40px}
#main .ba-capabilities-heading .eyeline{font-size:11px;letter-spacing:.14em;margin:0 0 17px}
#main .ba-capabilities-heading h1{font:550 var(--cap-page-title)/1.35 var(--sans)!important;letter-spacing:-.025em;margin:0}
#main .ba-capabilities-heading>p{font:400 15px/1.9 var(--sans);color:#736880;max-width:32em;margin:0}
.ba-capabilities-page .site-section-nav{background:#f8f7fcf5;backdrop-filter:blur(14px);border-bottom:1px solid #e3ddeb;border-top:1px solid #e3ddeb}
.ba-capabilities-page .site-section-nav>div{gap:12px}
.ba-capabilities-page .site-section-nav a{display:flex;align-items:center;gap:10px;min-width:124px;justify-content:center;font-size:14px;padding:17px 24px}
.ba-section-number{font:400 11px/1 var(--sans);opacity:.58;letter-spacing:.05em}
#main .ba-capabilities-chapters>.ba-capability-detail{padding:62px 0 60px;border-bottom:1px solid #dfd8e9;margin:0}
#main .ba-capability-overview{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,86px);align-items:center}
#main .ba-capability-copy{max-width:520px}
#main .ba-capability-copy .eyeline{font:500 12px/1.6 var(--sans);color:#857491;margin:0 0 18px}
#main .ba-capability-copy .eyeline>span{color:#a58c56}
#main .ba-capability-copy h2{font:550 var(--cap-section-title)/1.5 var(--sans)!important;letter-spacing:-.015em;color:#302244;margin:0 0 22px;max-width:14em}
#main .ba-capability-copy .ba-capability-position{font:400 14px/1.95 var(--sans);color:#6d6378;margin:0}
#main .ba-capability-copy .ba-capability-audience{font:400 12px/1.85 var(--sans);color:#766685;border-left:2px solid #d6c296;padding-left:15px;margin:22px 0}
#main .ba-capability-copy .text-link{font:500 13px/1.6 var(--sans);color:#59407a;padding:10px 0;min-height:44px}
#main .ba-capability-scope{margin-top:34px;padding:28px 30px 30px;background:white;border:1px solid #e6e0ee;border-radius:14px}
#main .ba-capability-scope>h3,#main .ba-capability-support>h3{font:500 12px/1.6 var(--sans)!important;color:#766486;letter-spacing:.06em;margin:0 0 18px}
.ba-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.ba-scope-grid article{position:relative;padding:0 22px 0 0;border-right:1px solid #ece7f2}
.ba-scope-grid article:last-child{border:0;padding-right:0}
.ba-scope-index{font:400 11px/1.6 var(--sans);color:#af9cbf;display:block;margin-bottom:9px}
#main .ba-scope-grid h4,#main .ba-capability-support h4{font:550 16px/1.6 var(--sans);color:#40324f;letter-spacing:0;margin:0 0 8px}
#main .ba-scope-grid p,#main .ba-capability-support p{font:400 12px/1.85 var(--sans);color:#756780;margin:0}
#main .ba-capability-support{display:grid;grid-template-columns:108px 1fr;gap:28px;padding:27px 0 0}
#main .ba-capability-support>h3{margin:3px 0 0}
.ba-capability-support>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
#main .ba-capability-support h4{font-size:13px;color:#665475;margin-bottom:5px}
#main .ba-capability-product-link{display:flex;align-items:center;gap:32px;padding-block:30px;margin-block:12px 30px}
.ba-capability-product-link>img{width:90px;height:50px;object-fit:contain}
#main .ba-capability-product-link>p{font:400 12px/1.75 var(--sans);color:#8a7c97;margin:0}
.ba-capability-product-link>a{margin-left:auto;font-size:13px}
#main .business-media,
#main .capability-detail-hero .business-media,
#main .ba-business .technology-stage{aspect-ratio:4/3;min-height:0;height:auto;border-radius:0;overflow:visible;background:transparent;box-shadow:none;clip-path:none;transform:none}
#main .business-media>.scene-image,
#main .ba-business .technology-stage>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;border-radius:0;clip-path:none}
#main .business-media::before,#main .business-media::after,#main .ba-business .technology-stage::before,#main .ba-business .technology-stage::after{display:none}

/* Secondary-page accents: keep the BA paper field light, then anchor each chapter with 紫金. */
.ba-capabilities-page{position:relative;background:radial-gradient(ellipse 42% 26% at 90% 4%,#e8def238,transparent 76%),#f8f7fc;}
.ba-capabilities-page .ba-capabilities-heading{position:relative;}
.ba-capabilities-page .ba-capabilities-heading:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#b48d51 0 16%,#8060a0 44%,#e5deee 78%,transparent);opacity:.72;pointer-events:none;}
#main .ba-capabilities-chapters>.ba-capability-detail{position:relative;}
#main .ba-capabilities-chapters>.ba-capability-detail:nth-child(even){background:linear-gradient(100deg,#f0ebf721,#fbfafe 64%,#f5f0fa);}
#main .ba-capabilities-chapters>.ba-capability-detail:before{content:"";position:absolute;left:0;top:-1px;width:clamp(80px,13vw,190px);height:2px;background:linear-gradient(90deg,#b48d51,#8561a3,transparent);opacity:.78;pointer-events:none;}
#main .ba-capability-scope{position:relative;overflow:hidden;}
#main .ba-capability-scope:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#b48d51,#8e6aac,transparent);opacity:.75;pointer-events:none;}
@media(max-width:1100px){
 #main .ba-capability-overview{gap:34px}
 .ba-scope-grid{gap:18px}
 .ba-scope-grid article{padding-right:14px}
 .ba-footer .footer-top{grid-template-columns:1.12fr 1fr;gap:38px 64px}
 .ba-footer .footer-brand{grid-column:auto}
 .ba-footer .footer-top>div:last-child{grid-column:auto}
 .ba-footer .footer-product-card{max-width:310px}
 .ba-footer .footer-group .footer-links{grid-template-columns:1fr 1fr;column-gap:20px}
}
@media(max-width:640px){
 .ba-capabilities-page{--cap-page-title:30px;--cap-section-title:26px}
 #main .ba-capabilities-heading{grid-template-columns:1fr;gap:18px;padding-top:19px;padding-bottom:28px}
 #main .ba-capabilities-heading h1{font-size:30px}
 #main .ba-capabilities-heading>p{font-size:13px;line-height:1.85}
 .ba-capabilities-page .site-section-nav>div{gap:0;justify-content:space-between}
 .ba-capabilities-page .site-section-nav a{min-width:0;padding:15px 12px;gap:7px;font-size:13px}
 #main .ba-capabilities-chapters>.ba-capability-detail{padding-block:34px}
 #main .ba-capability-overview{grid-template-columns:1fr;gap:24px}
 #main .ba-capability-copy h2{font-size:26px;line-height:1.5;max-width:14em;margin-bottom:17px}
 #main .ba-capability-copy .ba-capability-position{font-size:13px}
 #main .ba-capability-copy .ba-capability-audience{margin-block:16px;font-size:12px}
 #main .ba-capability-scope{padding:23px 20px;margin-top:23px;border-radius:10px}
 .ba-scope-grid{grid-template-columns:1fr 1fr;gap:22px 18px}
 .ba-scope-grid article:nth-child(2){border:0;padding-right:0}
 #main .ba-scope-grid h4{font-size:15px}
 #main .ba-scope-grid p{font-size:12px}
 #main .ba-capability-support{grid-template-columns:1fr;gap:14px;padding-top:23px}
 .ba-capability-support>div{grid-template-columns:1fr;gap:15px}
 .ba-capability-support article{display:grid;grid-template-columns:78px 1fr;gap:12px}
 #main .ba-capability-support h4{font-size:12px;margin:0}
 #main .ba-capability-product-link{flex-wrap:wrap;gap:20px;margin-bottom:16px}
 .ba-capability-product-link>a{margin-left:0;flex-basis:100%}
 .ba-footer.footer{padding:40px 0 20px}
 .ba-footer .footer-top{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:27px}
 .ba-footer .footer-brand{grid-column:1/-1;padding-bottom:27px;border-bottom:1px solid #ffffff1c}
 .ba-footer .footer-brand img{width:119px;height:55px;margin-bottom:18px}
 .ba-footer .footer-tagline{font-size:14px;max-width:none}
 .ba-footer .footer-address{margin-top:14px;font-size:11px!important}
 .ba-footer .footer-top h3{font-size:13px;margin-bottom:12px}
 .ba-footer .footer-links a{font-size:12px;min-height:44px;padding:8px 0}
 .ba-footer .footer-group .footer-links{grid-template-columns:1fr;gap:0}
 .ba-footer .footer-product-card{padding:15px 12px;border-radius:8px}
 .ba-footer .footer-product-card .footer-links p{font-size:11px}
 .ba-footer .footer-product-card .footer-links a{font-size:12px}
 .ba-footer .footer-product-card .footer-links p br{display:none}
 .ba-footer .footer-top>.footer-contact:last-child{grid-column:1/-1;border-top:1px solid #ffffff1c;padding-top:25px}
 .ba-footer .footer-contact .footer-links{grid-template-columns:1fr 1fr;gap:2px 20px}
 .ba-footer .footer-contact .footer-links>a:nth-child(3){margin:0;padding:8px 0;border:0}
 .ba-footer .footer-contact .footer-email{font-size:11px}
 .ba-footer .footer-bottom{grid-template-columns:1fr auto;gap:12px 16px}
 .ba-footer .footer-bottom>p{grid-column:1/-1;font-size:11px}
 .ba-footer .footer-legal{gap:20px}
 .ba-footer .footer-bottom a,.ba-footer .footer-bottom>.text-link{font-size:11px;min-height:40px;display:flex;align-items:center}
 #main .business-media,#main .ba-business .technology-stage{border-radius:0}
}

/* The title is already inside the page grid; align its accent to that edge. */
html[data-site="ba"] body:not(.home-route) #main>.page-intro:after{left:0}