.navigation-page main{background:#fff}
.navigation-hero{background:#eee;padding:58px 0}
.navigation-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,48%);align-items:center;gap:70px;min-height:390px}
.navigation-hero h1{margin:0 0 22px;font-size:clamp(42px,5vw,76px);line-height:1.02}
.navigation-hero p:not(.kicker){max-width:720px;font-size:17px;line-height:1.7}
.navigation-hero figure{height:320px;margin:0;border-radius:12px;overflow:hidden;background:#ddd}
.navigation-hero img{width:100%;height:100%;object-fit:cover}
.navigation-hero-actions{display:flex;gap:12px;margin-top:28px}
.navigation-hero-actions a,.navigation-hero-actions button{border:0;border-radius:8px;background:var(--red);color:#fff;padding:14px 25px;font-weight:700}
.navigation-intro,.location-directory,.career-section,.portal-section,.social-local{padding-block:76px 92px}
.navigation-intro h2,.location-directory h2,.career-section h2,.portal-section h2,.social-local h2{margin:0 0 34px;font-size:38px}
.navigation-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.navigation-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 52px}.navigation-section-grid article{padding:28px;border-radius:10px;background:#f2f2f2}.navigation-section-grid article.layout-highlight{border-left:4px solid var(--red)}.navigation-section-grid h2{font-size:26px;margin-bottom:14px}.navigation-section-grid p{margin:0;color:#4b4b4b;line-height:1.75;white-space:pre-line}
.navigation-card-grid>a{position:relative;min-height:210px;padding:25px;border:1px solid #ddd;border-radius:9px;transition:border-color .2s,box-shadow .2s}
.navigation-card-grid>a:hover{border-color:var(--red);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.navigation-card-grid span{color:var(--red);font-size:12px;font-weight:700}.navigation-card-grid h3{font-size:20px;margin:18px 0 10px}.navigation-card-grid p{color:#555;line-height:1.6}.navigation-card-grid b{position:absolute;right:24px;bottom:20px;color:var(--red);font-size:20px}
.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.region-grid a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:24px;border:1px solid #ddd;border-radius:8px}.region-grid i,.region-grid span{color:var(--red)}
.office-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.office-directory article{padding:22px;border:1px solid #ddd;border-radius:9px}.office-directory article>div{display:flex;align-items:center;gap:10px}.office-directory i,.office-directory a{color:var(--red)}.office-directory h3{margin:0}.office-directory p{min-height:42px;color:#555}.office-directory a{display:block;font-weight:700}.office-directory small{display:block;margin-top:12px;color:#777}
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.career-grid article{padding:30px;border-radius:10px;background:#f2f2f2}.career-grid i{font-size:28px;color:var(--red)}.career-grid h3{font-size:22px}.career-grid p{min-height:70px;color:#555;line-height:1.6}.career-grid a{color:var(--red);font-weight:700}
.portal-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.portal-copy p:not(.kicker){font-size:17px;line-height:1.7}.portal-form{padding:32px;border:1px solid #ddd;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.06)}.portal-form label{display:block;margin-bottom:18px}.portal-form label span{display:block;margin-bottom:7px;font-weight:700}.portal-form input{width:100%;height:48px;border:1px solid #bbb;border-radius:7px;padding:0 13px}.portal-form button{border:0;border-radius:7px;background:var(--red);color:#fff;padding:13px 30px}.portal-form>a{display:block;margin-top:18px;color:var(--red)}.portal-message{min-height:22px;color:#555}.portal-message.error{color:#b00020}.portal-message.success{color:#16733b}
.social-local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.social-local-grid article{overflow:hidden;border:1px solid #ddd;border-radius:9px}.social-local-grid img{display:block;width:100%;height:210px;object-fit:cover}.social-local-grid h3,.social-local-grid p{margin-inline:22px}.social-local-grid h3{margin-top:20px}.social-local-grid p{margin-bottom:24px;color:#555;line-height:1.6}.platform-link{display:inline-block;margin-top:28px;color:var(--red);font-weight:700}
.social-local-grid small{display:block;margin:0 22px 22px;color:#777}.source-boundary{max-width:760px;margin-top:18px;color:#666;font-size:13px}
@media(max-width:900px){.navigation-hero-layout{grid-template-columns:1fr;gap:32px}.navigation-hero figure{height:260px}.navigation-card-grid,.navigation-section-grid,.career-grid,.region-grid,.office-directory,.social-local-grid{grid-template-columns:1fr 1fr}.portal-section{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.navigation-hero{padding:40px 0}.navigation-hero h1{font-size:38px}.navigation-hero figure{height:210px}.navigation-intro,.location-directory,.career-section,.portal-section,.social-local{padding-block:52px}.navigation-card-grid,.navigation-section-grid,.career-grid,.region-grid,.office-directory,.social-local-grid{grid-template-columns:1fr}.navigation-intro h2,.location-directory h2,.career-section h2,.portal-section h2,.social-local h2{font-size:30px}.social-local-grid img{height:190px}}
@media(min-width:821px){
 .navigation-page{font-family:var(--font-regular),Arial}
 .navigation-hero h1{font-family:var(--font-regular),Arial;font-size:calc(2.5 * var(--source-rem));font-weight:500;line-height:1.2;letter-spacing:normal}
 .navigation-hero p:not(.kicker),.portal-copy p:not(.kicker),.navigation-section-grid p,.navigation-card-grid p,.career-grid p,.social-local-grid p{font-family:var(--font-regular),Arial;font-size:calc(1.091 * var(--source-rem));font-weight:400;line-height:1.5}
 .navigation-intro h2,.location-directory h2,.career-section h2,.portal-section h2,.social-local h2{font-family:var(--font-regular),Arial;font-size:calc(2.5 * var(--source-rem));font-weight:500;line-height:1.2;letter-spacing:normal}
 .navigation-section-grid h2{font-family:var(--font-regular),Arial;font-size:calc(2 * var(--source-rem));font-weight:500;line-height:1.2}
 .navigation-card-grid h3,.career-grid h3,.office-directory h3,.social-local-grid h3{font-family:var(--font-bold),Arial;font-size:calc(1.25 * var(--source-rem));font-weight:500;line-height:1.2;letter-spacing:normal}
 .navigation-card-grid span,.navigation-card-grid a,.region-grid a,.office-directory a,.career-grid a,.platform-link,.portal-form,.navigation-hero-actions a,.navigation-hero-actions button{font-family:var(--font-regular),Arial;font-weight:400;line-height:1.5;letter-spacing:normal}
}
