/* Full-bleed business banners, with the title anchored to the shared content grid. */
body.business-banner-page{padding-top:0}
.business-banner-page .detail-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:640px;height:100svh;padding:160px 0 80px;background:#123b6b;overflow:hidden;color:#fff}
.business-banner-page .detail-hero>.wrap{position:static;width:100%;margin:0 auto}
.business-banner-page .detail-hero h1{position:relative;z-index:2;color:#fff;font-size:clamp(60px,6.7vw,104px);font-weight:400;line-height:1.08;letter-spacing:-.04em;max-width:1100px;margin:0;text-wrap:balance;overflow-wrap:normal}
.business-banner-page .detail-hero .detail-wide{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border-radius:0;overflow:hidden}
.business-banner-page .detail-hero .detail-wide picture{display:block;width:100%;height:100%}
.business-banner-page .detail-hero .detail-wide img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0}
.business-banner-page .detail-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,#08499e38 0%,#08499e0d 65%),linear-gradient(180deg,#071d3c66 0%,transparent 38%,#071d3c26 60%,#071d3cbf 100%)}
.business-banner-page .business-introduction{padding-block:80px;background:#f0f6fb}
.business-banner-page .business-introduction .breadcrumbs{margin:0 0 32px;flex-wrap:wrap;line-height:1.6}
.business-banner-page .business-introduction .breadcrumbs:last-child{margin-bottom:0}
.business-banner-page .business-introduction .detail-intro{max-width:900px;font-size:clamp(18px,1.7vw,24px);line-height:1.75;margin:0 0 20px}
.business-banner-page .business-introduction .detail-intro:last-child{margin-bottom:0}
.business-banner-page .site-header:not(.is-scrolled){background:transparent;box-shadow:none}
.business-banner-page .site-header:not(.is-scrolled) .logo img{filter:brightness(0) invert(1)}
.business-banner-page .site-header:not(.is-scrolled) .desktop-nav>:is(a,.business-menu-toggle),.business-banner-page .site-header:not(.is-scrolled) .menu-toggle,.business-banner-page .site-header:not(.is-scrolled) .language-switch summary{color:#fff}
.business-banner-page.menu-open .site-header,.business-banner-page.menu-open .site-header:not(.is-scrolled){background:var(--brand)}
@media(max-width:760px){
 .business-banner-page .detail-hero{height:90svh;min-height:560px;padding:160px 0 80px}
 .business-banner-page .detail-hero h1,html:not([lang=en]) .business-banner-page .detail-hero h1{font-size:clamp(38px,10vw,58px);line-height:1.15;letter-spacing:-.025em;max-width:100%;overflow-wrap:break-word}
 .business-banner-page .business-introduction .detail-intro{font-size:18px}
}

.business-banner-page .detail-hero .detail-intro{position:relative;z-index:2;color:#fff;font-size:clamp(18px,1.6vw,23px);line-height:1.65;max-width:820px;margin:24px 0 0;text-wrap:pretty}
.business-banner-page .detail-hero .detail-intro+.detail-intro{margin-top:12px}
@media(max-width:760px){.business-banner-page .detail-hero .detail-intro{font-size:16px;line-height:1.7;margin-top:24px}}
