/* Capacity: the same quiet brand curves, scaled to keep the figures prominent. */
html body #key-facts.capacity-section .facts-grid{--capacity-rule:#82ba4033;position:relative;isolation:isolate;overflow:hidden;gap:0;padding:40px 16px;border:1px solid #82ba4038;border-radius:32px;background:linear-gradient(115deg,#102e49,#071c33);box-shadow:0 18px 50px #00102014}
html body #key-facts.capacity-section .facts-grid .fact{position:relative;padding:12px 16px;border:0!important;border-radius:0;background:transparent;box-shadow:none;min-width:0}
html body #key-facts.capacity-section .facts-grid .fact+.fact{border-inline-start:1px solid var(--capacity-rule)!important}
html body #key-facts.capacity-section .facts-grid::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:280px;height:190px;border:38px solid #82ba4012;border-radius:140px;transform:rotate(-32deg);inset-inline-start:-165px;top:-170px}
html body #key-facts.capacity-section .facts-grid::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:260px;height:260px;border:1px solid #82ba4030;border-radius:50%;box-shadow:0 0 0 16px #82ba401b,0 0 0 32px #82ba4012;inset-inline-end:-160px;bottom:-210px}
html[data-color-mode=light] body #key-facts.capacity-section .facts-grid{background:linear-gradient(115deg,#fff 5%,#f2f7fa 60%,#eaf2f5)}
@media(min-width:761px) and (max-width:1100px){html body #key-facts.capacity-section .facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px}html body #key-facts.capacity-section .facts-grid .fact{padding:26px 16px}html body #key-facts.capacity-section .facts-grid .fact:nth-child(4){border-inline-start:0!important}html body #key-facts.capacity-section .facts-grid .fact:nth-child(n+4){border-top:1px solid var(--capacity-rule)!important}}
@media(max-width:760px){html body #key-facts.capacity-section .facts-grid{padding:14px;border-radius:24px}html body #key-facts.capacity-section .facts-grid .fact{padding:26px 10px}html body #key-facts.capacity-section .facts-grid .fact:nth-child(odd){border-inline-start:0!important}html body #key-facts.capacity-section .facts-grid .fact:nth-child(n+3){border-top:1px solid var(--capacity-rule)!important}}
/* Homepage purpose: brand-inspired paired panels; all copy stays in the CMS. */
html body #home-mission-vision .mvv-grid{gap:24px;position:relative;isolation:isolate;overflow:visible;border:0;background:transparent;box-shadow:none}
html body #home-mission-vision .mvv-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:300px;padding:48px clamp(28px,4vw,68px);border:1px solid #82ba4038!important;border-radius:32px;background:linear-gradient(120deg,#102e49,#071c33)!important;box-shadow:0 18px 50px #00102014;display:flex;flex-direction:column;justify-content:center}
html body #home-mission-vision .mvv-card::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:330px;height:240px;border:48px solid #82ba4015;border-radius:150px;transform:rotate(-32deg);inset-inline-end:-145px;top:-120px}
html body #home-mission-vision .mvv-card::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:290px;height:290px;border-radius:50%;border:1px solid #82ba4030;box-shadow:0 0 0 15px #82ba401b,0 0 0 30px #82ba4015,0 0 0 45px #82ba400e;inset-inline-end:-200px;bottom:-200px}
html body #home-mission-vision .mvv-card h3{font-size:clamp(28px,2.8vw,40px);line-height:1.2;letter-spacing:-.025em;margin:0 0 28px;color:#91ca4d!important;display:flex;align-items:center;gap:16px}
html body #home-mission-vision .mvv-card h3::before{content:"";width:32px;height:4px;flex:0 0 32px;background:#82ba40;border-radius:4px}
html body #home-mission-vision .mvv-card p{font-size:clamp(20px,1.65vw,28px);line-height:1.65;max-width:34ch;text-wrap:pretty;margin:0;color:#f4f7f9!important}
html[data-color-mode=light] body #home-mission-vision .mvv-card{background:linear-gradient(115deg,#fff 5%,#f2f7fa 60%,#eaf2f5)!important}
html[data-color-mode=light] body #home-mission-vision .mvv-card h3{color:#326714!important}
html[data-color-mode=light] body #home-mission-vision .mvv-card p{color:#123452!important}
@media(max-width:700px){html body #home-mission-vision .mvv-grid{grid-template-columns:1fr;gap:20px}html body #home-mission-vision .mvv-card{min-height:240px;padding:34px 28px;border-radius:24px}html body #home-mission-vision .mvv-card h3{margin-bottom:22px}}
/* Why SPARK: the integrated platform, with regional connectivity below intact. */
html body:has([data-page="commercial_advantages"]) main>.page-hero{--why-hero-veil:7,28,51;isolation:isolate;background:transparent!important}
html[data-color-mode=light] body:has([data-page="commercial_advantages"]) main>.page-hero{--why-hero-veil:244,247,249}
html body:has([data-page="commercial_advantages"]) main>.page-hero::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--why-hero-veil),.94),rgba(var(--why-hero-veil),.86) 45%,rgba(var(--why-hero-veil),.70)),url('../assets/images/why-benefits-20261020/integrated-1600.webp') center 58%/cover no-repeat!important;-webkit-mask-image:linear-gradient(#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent);mask-image:linear-gradient(#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent)}
html body:has([data-page="commercial_advantages"]) main>.page-hero>.container{position:relative;z-index:1}
/* Team introduction: on-site collaboration, separate from member portraits. */
html body #team.team-section{--team-hero-veil:7,28,51;overflow:clip}
html[data-color-mode=light] body #team.team-section{--team-hero-veil:244,247,249}
html body #team.team-section>.container>.section-head{position:relative;isolation:isolate}
html body #team.team-section>.container>.section-head::before{content:"";position:absolute;inset:-110px calc((100% - 100vw)/2) -48px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--team-hero-veil),.83),rgba(var(--team-hero-veil),.92) 48%,rgba(var(--team-hero-veil),.82)),url('../assets/images/company-overview-approved-20261021.jpeg') center 59%/cover no-repeat;-webkit-mask-image:linear-gradient(#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent);mask-image:linear-gradient(#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent)}
html body #team .spark-breadcrumb-row{position:relative;z-index:2}
@media(max-width:700px){html body #team.team-section>.container>.section-head::before{background-position:center,left 58%}}
/* Journey: a quiet transition from the project plan to the built facilities. */
html body main .spark-journey-intro{--journey-veil:7,28,51;position:relative;isolation:isolate;overflow:hidden;background:transparent!important}
html[data-color-mode=light] body main .spark-journey-intro{--journey-veil:244,247,249}
html body main .spark-journey-intro::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:1;background:linear-gradient(90deg,rgba(var(--journey-veil),.98) 5%,rgba(var(--journey-veil),.93) 35%,rgba(var(--journey-veil),.72) 65%,rgba(var(--journey-veil),.55)),url('../assets/images/journey/site-visit-2020-selected-20261012.png') right 55%/cover no-repeat!important;-webkit-mask-image:linear-gradient(#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent);mask-image:linear-gradient(#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent)}
html body main .spark-journey-intro::after{content:""!important;display:block!important;position:absolute;inset:0 35% 0 0;z-index:-1;pointer-events:none;background:url('../assets/images/master-plan/map-overview.svg') center/110% auto no-repeat!important;opacity:.09;filter:grayscale(1) brightness(2);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 55%,transparent),linear-gradient(#000 65%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 55%,transparent),linear-gradient(#000 65%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
html[data-color-mode=light] body main .spark-journey-intro::after{filter:grayscale(1);opacity:.05}
html body main .spark-journey-intro>.container{position:relative;z-index:1}
@media(max-width:700px){html body main .spark-journey-intro::before{background-position:center,right center!important}html body main .spark-journey-intro::after{inset-inline-end:10%;opacity:.045}}
/* Fade only the Facilities hero artwork, keeping text fully opaque. */
html[data-color-mode] body:has([data-page="facilities_page"]) main>section.page-hero.solution-page-hero{background:transparent!important}
html body:has([data-page="facilities_page"]) main>section.page-hero.solution-page-hero::before{content:""!important;display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,32,59,.96),rgba(5,32,59,.72)),var(--page-hero-image) center/cover no-repeat!important;-webkit-mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.35) 92%,transparent 100%)}
html[data-color-mode=light] body:has([data-page="facilities_page"]) main>section.page-hero.solution-page-hero::before{background:linear-gradient(90deg,rgba(244,247,249,.97),rgba(244,247,249,.84)),var(--page-hero-image) center/cover no-repeat!important}
html[data-color-mode=light] body main>section.page-hero.solution-page-hero{background:linear-gradient(90deg,rgba(244,247,249,.97),rgba(244,247,249,.84)),var(--page-hero-image) center/cover no-repeat!important;color:#123452!important}
html[data-color-mode=light] body main .solution-page-hero :is(h1,.page-hero-title,.page-hero-desc,.spark-breadcrumbs,.spark-breadcrumbs a,.spark-breadcrumbs span){color:#123452!important}
html[data-color-mode=light] body main .solution-page-hero .page-hero-desc{color:#496176!important}
html[data-color-mode=light] body main .solution-page-hero:before,html[data-color-mode=light] body main .solution-page-hero:after{display:none}
.spark-theme-toggle{display:inline-flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#112c44;color:#d5edaf;font-size:24px;line-height:1;cursor:pointer}
.spark-theme-toggle:hover{border-color:#82ba40;background:#234059}
.spark-theme-toggle:focus-visible{outline:2px solid #82ba40;outline-offset:4px}
html[data-color-mode=dark]{color-scheme:dark}
html[data-color-mode=light]{color-scheme:light;--color-text:#123452;--color-text-muted:#496176;--color-line:#12345230;--color-line-strong:#93a7b7}
html[data-color-mode=light],html[data-color-mode=light] body{background:#f4f7f9!important;color:#123452}
html[data-color-mode=light] body::before{filter:brightness(0) saturate(100%);opacity:.055!important}
html[data-color-mode=light] body main,html[data-color-mode=light] body main>section:not(#hero),html[data-color-mode=light] body main .section:not(#hero){background-color:transparent!important;color:#123452}
html[data-color-mode=light] body main :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,legend,strong,time,blockquote),html[data-color-mode=light] body main .spark-breadcrumbs{color:#123452!important}
html[data-color-mode=light] body main :is(.section-desc,.page-hero-desc,.master-plan-hint,small){color:#496176!important}
html[data-color-mode=light] body main :is(.eyebrow,.hero-tag){color:#507b22!important}
html[data-color-mode=light] body main a:not(.btn):not([role=tab]){color:#123452}
html[data-color-mode=light] body main :is(.card,.feature-card,.channel-card,.inquiry-form,.inquiry-rail,.inquiry-note,.media-card,.media-album,.spark-journey-panel,.spark-overview-preview,.mvv-card,.mission-card,.vision-card,.stat-card,.fact-card,.master-plan-sidebar,.master-plan-phase-intro,.master-plan-tabs,.spark-news-card){background:#fff!important;border-color:#12345225!important;color:#123452!important}
html[data-color-mode=light] body main :is(.spark-journey-point,.master-plan-tab,.facility-tab){color:#123452!important}
html[data-color-mode=light] body main :is(.spark-journey-point[aria-expanded=true],[role=tab][aria-selected=true]){background:#e5efdc!important;color:#123452!important}
html[data-color-mode=light] body main :is(.spark-journey-number,.spark-journey-stat,.card-icon){background:#e9f2df!important;color:#416719!important}
html[data-color-mode=light] body main :is(input,textarea,select){background:#fff!important;color:#123452!important;border-color:#8ca2b5!important;color-scheme:light}
html[data-color-mode=light] body main :is(input,textarea)::placeholder{color:#60768a!important}
html[data-color-mode=light] .spark-article-back{color:#123452!important}
html[data-color-mode=light] .spark-news-pagination a{color:#123452;border-color:#12345240}
html[data-color-mode=light] body main #hero :is(h1,h2,h3,p,li,strong,small,a),html[data-color-mode=light] body main :is(.facility-slide,.spark-article-cover,.map-frame) :is(h1,h2,h3,p,li,strong,small,a){color:#fff!important}
html[data-color-mode=light] .site-footer{color-scheme:dark}
html[data-color-mode=light] body main .spark-page-pattern{opacity:.025!important;filter:none}
@media(max-width:600px){.spark-theme-toggle{width:36px;height:36px;flex-basis:36px;font-size:22px}}
html[data-color-mode=light] body main :is(.solution-choice,.master-plan-summary,.master-plan-metric,.master-plan-change,.master-plan-card,.master-plan-information),html[data-color-mode=light] body #ecosystem .section-head{background:#fff!important;color:#123452!important;border-color:#12345225!important}
html[data-color-mode=light] body main :is(.journey-photo-note,.facility-caption,.facility-slide-caption){color:#fff!important}
html[data-color-mode=light] body main .final-cta :is(h1,h2,h3,p,li,strong,small){color:#fff!important}
html[data-color-mode=light] body main :is(.btn,.btn span,button[type=submit]){color:#071c33!important}
html[data-color-mode=light] body main .btn--outline{color:#123452!important;border-color:#12345280!important}
html[data-color-mode=light] body .site-footer{background:#071c33!important}
html[data-color-mode=light] body main option{background:#fff!important;color:#123452!important}
html[data-color-mode=light] body #key-facts .fact-number,
html[data-color-mode=light] body #key-facts .fact-number [data-count]{color:#123452!important}
html[data-color-mode=light] body #key-facts .fact-unit{color:#507b22!important}
html[data-color-mode=light] body #key-facts .fact-label{color:#496176!important}
html[data-color-mode=light] body #key-facts .fact{border-color:rgba(18,52,82,.16)!important}
html[data-color-mode=light] body main .solution-page-hero :is(h1,h2,h3,.spark-breadcrumbs,.spark-breadcrumbs a,.spark-breadcrumbs li,.spark-breadcrumbs span){color:#123452!important}
html[data-color-mode=light] body main .solution-page-hero .page-hero-desc{color:#496176!important}
html[data-color-mode=light] body main .solution-page-hero .spark-breadcrumbs li+li::before{color:#496176!important}
html[data-color-mode=light] body main .solution-choice :is(strong,p){color:#fff!important}
html[data-color-mode=light] body main .solution-choice :is(small,b){color:#b2db80!important}
html[data-color-mode=light] body .site-header,
html[data-color-mode=light] body .site-header.is-scrolled,
html[data-color-mode=light] body .site-header.spark-header-light{background:#fff!important;color:#123452!important;border-bottom:1px solid #12345220;box-shadow:0 4px 20px #12345208}
html[data-color-mode=light] body .site-header::before{background:none!important;opacity:0!important}
html[data-color-mode=light] body .site-header .brand img{filter:none!important}
html[data-color-mode=light] body .site-header :is(.nav-link,.lang-btn,.burger){color:#123452!important}
html[data-color-mode=light] body :is(.nav-panel,.nav-dropdown,.dropdown-menu,.nav-mega,.mobile-nav,.mobile-menu){background:#f8fafb!important;color:#123452!important;border-color:#12345225!important}
html[data-color-mode=light] body :is(.nav-panel,.nav-dropdown,.dropdown-menu,.nav-mega,.mobile-nav,.mobile-menu) :is(a,button){color:#123452!important}
html[data-color-mode=light] body .site-header :is(a,button):hover{color:#416719!important}
html[data-color-mode=light] body .nav-panel a:hover{background:#eaf2e2!important}
html[data-color-mode=light] .burger-lines span{background:#123452!important}
html[data-color-mode=light] .spark-theme-toggle{background:#edf3e7;color:#123452!important;border-color:#12345230}
html[data-color-mode=light] .spark-theme-toggle:hover{background:#e0edcf}
/* Photo-backed content keeps inverse text in either appearance mode. */
html[data-color-mode=light] body main :is(.facility-tab-caption,.facility-image-card,.advantages-inner,.master-plan-expansion) :is(h1,h2,h3,h4,p,strong,small,li,span,a:not(.btn)){color:#fff!important}
html[data-color-mode=light] body main :is(.facility-tab-caption,.facility-image-card) p{color:#e1eaf1!important}
html[data-color-mode=light] body main .advantages-inner .eyebrow{color:#b2db80!important}
html[data-color-mode=light] body #warehouses .facility-tabs-nav{background:#fff;border-inline-end:1px solid #12345220}
html[data-color-mode=light] body #warehouses .facility-tabs-nav button{color:#123452!important}
html[data-color-mode=light] body #warehouses .facility-tabs-nav button:is(:hover,[aria-selected=true]){background:#e5efdc!important;color:#123452!important}
html[data-color-mode=light] body #warehouses .facility-tab-number{color:#507b22}
html[data-color-mode=light] body main .master-plan-list button{background:#edf3f6!important;color:#123452!important;border-color:#12345230!important}
html[data-color-mode=light] body main .master-plan-list button:is(:hover,.is-active){background:#e5efdc!important}
html[data-color-mode=light] body main :is(.final-cta,.advantages-inner) .btn--outline{color:#fff!important;border-color:#ffffff80!important}
/* The slider is wrapped at runtime, so spacing belongs to the wrapper sibling. */
body #warehouses .facility-scroll-runway + .btn{margin-block-start:32px}
body #warehouses .facility-scroll-runway + .btn{max-width:100%;white-space:normal;text-align:center}
/* Facility inquiry: one clear action, with the original label and destination. */
html body #warehouses>.container>a.btn{display:flex;width:100%;max-width:100%;min-height:112px;justify-content:space-between;gap:24px;margin:28px 0 0;padding:26px 32px;border:1px solid #aac2d533;border-inline-start:4px solid #82ba40;border-radius:28px 10px;background:#102b40!important;color:#f5f8fa!important;font-size:clamp(18px,1.6vw,25px);line-height:1.4;text-align:start;box-shadow:0 12px 28px #081e3012;transition:transform .2s,border-color .2s,box-shadow .2s}
html body #warehouses>.container>a.btn:before{display:none!important}
html body #warehouses>.container>a.btn:after{content:'→';position:static;display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;background:#82ba40;color:#081e30;border-radius:50%;font-size:27px;opacity:1;transform:none;clip-path:none}
html[data-color-mode=light] body #warehouses>.container>a.btn{background:#fff!important;color:#123452!important;border-color:#12345225;border-inline-start-color:#82ba40}
html body #warehouses>.container>a.btn:hover{transform:translateY(-2px);border-color:#82ba40;box-shadow:0 16px 32px #081e301a}
html body #warehouses>.container>a.btn:focus-visible{outline:3px solid #82ba40;outline-offset:5px}
html[dir=rtl] body #warehouses>.container>a.btn:after{content:'←'}
body #warehouses{padding-bottom:32px}
body #warehouses+section{padding-top:32px}
@media(max-width:600px){html body #warehouses>.container>a.btn{padding:22px 20px;gap:16px;min-height:100px}html body #warehouses>.container>a.btn:after{flex-basis:44px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html body #warehouses>.container>a.btn{transition:none}html body #warehouses>.container>a.btn:hover{transform:none}}
body .channel-card a[href^="mailto:"],body .contact-list a[href^="mailto:"]{overflow-wrap:anywhere}
