/* V7: ESG is a direct navigation item and a primary service. */
.modern-header #primaryNav > .nav-esg{font-weight:600;letter-spacing:.025em}
.modern-header #primaryNav > .nav-esg[aria-current="page"]{color:#a9c6ff}
.hero-index-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-index-four a{min-width:0}
.solution-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.solution-grid-four .solution-content{padding:26px 24px;min-height:365px}
.solution-grid-four .solution-content h3{font-size:28px;line-height:1.15}
.solution-grid-four .solution-content p{font-size:13px;line-height:1.75;min-height:70px}
.solution-esg{background:#173653;isolation:isolate;border:1px solid #6585ac80}
.solution-esg::after{background:linear-gradient(180deg,transparent 10%,#0b1a31c4 84%)}
.esg-card-mark{position:absolute;top:45px;right:16px;color:#b9d1ff24;font-weight:700;font-size:106px;line-height:1;letter-spacing:-.055em;pointer-events:none}
.solution-esg:hover{border-color:#a4c4ff}
.service-card-esg{border-color:#aebfd6;background:#f5f8fc}
@media(min-width:1051px) and (max-width:1200px){
 .modern-header #primaryNav{gap:12px}.modern-header .nav-inner{gap:16px}
 .modern-header .official-brand{flex:0 0 125px;width:125px}.modern-header .official-brand img{width:125px}
 .modern-header #primaryNav>a,.modern-header .nav-dropdown>button{font-size:12px}
 .modern-header .nav-actions{gap:8px}.modern-header .nav-cta{gap:10px;padding-inline:12px}
}
@media(min-width:761px) and (max-width:1300px){
 .solution-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solution-grid-four .solution-content{min-height:350px;padding:30px}
 .solution-grid-four .solution-content h3{font-size:30px;max-width:330px}
 .esg-card-mark{font-size:150px;right:28px}
 .hero-index-four a{padding-inline:16px;font-size:12px;gap:10px}.hero-index-four a:first-child{padding-left:0}
}
@media(max-width:760px){
 .hero-index-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}
 .hero-index-four a,.hero-index-four a+a{border:0;padding:17px 10px;gap:9px;font-size:12px;line-height:1.45}
 .hero-index-four a:nth-child(2n+1){padding-left:0;border-right:1px solid #bccce337}
 .hero-index-four a:nth-child(n+3){border-top:1px solid #bccce337}
 .hero-index-four a .icon{display:block;width:16px;height:16px}
 .solution-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solution-grid-four .solution-content{padding:25px;min-height:340px}
 .solution-grid-four .solution-content h3{font-size:27px}
}
@media(max-width:600px){
 .solution-grid-four{grid-template-columns:1fr}
 .solution-grid-four .solution-content{min-height:310px;padding:28px}
 .solution-grid-four .solution-content h3{font-size:31px}
 .solution-grid-four .solution-content p{min-height:0;max-width:360px}
 .solution-grid-four .solution-card{min-height:310px}
 .hero-index-four{margin-top:30px}.hero-index-four a,.hero-index-four a+a{font-size:11px}
 .esg-card-mark{font-size:132px;top:30px;right:23px}
}
@media(max-width:380px){
 .hero-index-four a,.hero-index-four a+a{font-size:10px;padding-block:16px;gap:7px}
 .hero-index-four a .icon{width:14px;height:14px}
}