/* Manual business carousel. Fixed chapter coordinates, normal page scrolling. */
#business.section-pad{padding:0;background:var(--navy-deep);color:#fff}
#business .section-label{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;color:#c9d7de}
#business .business-layout{position:relative;display:flex;align-items:center;min-height:max(calc(100svh - var(--header-height) - 32px),620px);padding:48px 0;isolation:isolate;overflow:hidden}
#business .business-visual{position:absolute;inset:0;background:var(--navy);z-index:-1}
#business .business-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity 700ms ease;pointer-events:none}
#business .business-visual img.image-is-visible{opacity:1}
#business .business-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#031c2b14 45%,#031c2b40 100%),linear-gradient(0deg,#031c2b40,transparent 45%);pointer-events:none}
#business .business-content{width:46%;margin:0 8.5% 0 auto;min-width:0}
#business .business-list{position:relative;height:clamp(360px,50svh,490px);min-width:0}
#business .business-item{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:opacity 220ms ease,visibility 0s 220ms}
#business .business-item.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 650ms ease 100ms,visibility 0s}
#business .business-item h2,#business .business-item h3{margin:0 0 24px;font:500 clamp(34px,3.6vw,56px)/1.18 Manrope,sans-serif;letter-spacing:-1.6px}
#business .business-title{display:flex;align-items:center;gap:18px}
#business .business-icon{display:flex;flex:0 0 28px;color:var(--copper-light)}
#business .business-icon svg{display:block;width:28px;height:32px}
#business .business-detail{padding-left:46px;font-size:19px;line-height:1.7;color:#e0e9ee}
#business .business-detail p{margin:0;max-width:600px}
#business .business-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0 0}
#business .business-facts div{min-width:0}
#business .business-facts dt{margin-bottom:8px;font-size:13px;line-height:1.4;color:var(--copper-light)}
#business .business-facts dd{margin:0;font-size:16px;line-height:1.6;color:#e0e9ee}
#business .business-detail a{display:inline-flex;align-items:center;gap:28px;margin-top:32px;color:#fff;font-size:14px;text-decoration:none}
#business .business-detail a span{color:var(--copper-light)}
#business .business-detail a:hover{text-decoration:underline;text-underline-offset:5px}
#business a:focus-visible{outline:3px solid var(--copper-light);outline-offset:6px}
#business .business-controls{display:flex;gap:12px;margin:24px 0 0 46px}
#business .business-arrow{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#05202f80;color:#fff;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
#business .business-arrow svg{width:24px;height:24px}
#business .business-arrow:hover:not(:disabled){background:var(--copper-fill);border-color:var(--copper-light)}
#business .business-arrow:active:not(:disabled){background:var(--copper-text);box-shadow:0 0 0 5px #df9c6e20}
#business .business-arrow:focus-visible{outline:3px solid var(--copper-light);outline-offset:5px}
#business .business-arrow:disabled{opacity:.3;cursor:default}
@media(min-width:761px) and (max-width:1100px){
 #business .business-content{width:60%;margin-right:6%}
 #business .business-visual:after{background:linear-gradient(90deg,#031c2b25,#031c2bdb 40%,#031c2bf2)}
 #business .business-item h2,#business .business-item h3{font-size:36px}
 #business .business-detail{font-size:17px}
}
@media(max-width:1000px){
 #business .section-label{font-size:11px}
 #business .business-layout{min-height:max(calc(100svh - var(--header-height) - 32px),740px);padding:220px 6% 32px;align-items:end}
 #business .business-visual img{height:46%;object-position:18% center!important}
 #business .business-visual:after{background:linear-gradient(180deg,#031c2b10 5%,#031c2b1a 20%,#031c2bdb 43%,#031c2bfa 55%)}
 #business .business-content{width:100%;margin:0}
 #business .business-list{height:410px}
 #business .business-item{justify-content:center}
 #business .business-controls{margin-left:0}
 #business .business-item h2,#business .business-item h3{font-size:clamp(27px,7.2vw,38px);line-height:1.25;letter-spacing:-1px;margin-bottom:20px}
 #business .business-title{gap:12px}
 #business .business-icon{flex-basis:22px}
 #business .business-icon svg{width:22px;height:26px}
 #business .business-detail{padding-left:0;font-size:16px;line-height:1.6}
 #business .business-facts{gap:18px;margin-top:24px}
 #business .business-facts dt{font-size:12px;margin-bottom:6px}
 #business .business-facts dd{font-size:14px;line-height:1.5}
 #business .business-detail a{font-size:13px;margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
 #business .business-item,#business .business-item.active,#business .business-visual img,#business .business-arrow{transition:none}
}
html[data-reduced-motion] #business .business-item,html[data-reduced-motion] #business .business-visual img{transition:none}

/* The introduction is the first fading chapter, never a persistent scene heading. */
#business .business-intro{padding-left:46px}
#business .business-intro .section-label{margin-bottom:20px}
#business .business-intro h2{margin-bottom:28px;line-height:1.18;color:#fff}
#business .business-intro .business-detail{padding-left:0}
@media(max-width:1000px){
 #business .business-intro{padding-left:0}
 #business .business-intro .section-label{margin-bottom:16px}
 #business .business-intro h2{font-size:clamp(32px,8.2vw,44px);margin-bottom:24px}
}