/* Image-led art direction, revision 2. */
.hero-image{object-position:35% center}
.hero-shade,html[dir=ltr] .hero-shade{background:linear-gradient(270deg,rgba(3,26,45,.96),rgba(3,26,45,.89) 28%,rgba(3,26,45,.48) 48%,rgba(3,26,45,.03) 75%),linear-gradient(0deg,rgba(3,26,45,.7),transparent 22%)}
.hero-copy{width:49%;max-width:575px}
.hero-brand{font-size:clamp(70px,7vw,102px)}
.hero h1{font-size:clamp(35px,3.6vw,51px)}
.hero-description{font-size:18px;max-width:490px}
.hero-actions{gap:22px;flex-wrap:wrap}
.hero-location{inset-inline-end:auto;left:0;direction:ltr}
html[dir=ltr] .hero-inner{flex-direction:row-reverse}
html[dir=ltr] .hero-copy{text-align:left}
html[dir=ltr] .hero h1{font-size:clamp(34px,3.3vw,47px)}
.intro{padding:85px 0}
.solutions{background:#f7f6f1;padding-top:90px;padding-bottom:100px}
.roles-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:75px}
.roles-heading h2{font-size:clamp(43px,4.7vw,67px);line-height:1.14}
.roles-heading em{color:#8b6400}
.roles-intro>p{font-size:19px;line-height:1.9;max-width:440px}
.role-shortcuts{display:flex;flex-wrap:wrap;gap:15px 25px;margin-top:27px}
.role-shortcuts a{font-size:13px;font-weight:700;border-bottom:1px solid #9babae;min-height:35px;display:flex;align-items:center;gap:8px}
.role-shortcuts a:hover{border-color:#05233c;color:#886000}
.role-stories{display:grid;gap:90px}
.role-story{display:grid;grid-template-columns:1.35fr 1fr;gap:68px;align-items:center;scroll-margin-top:120px}
.role-story:nth-child(even){grid-template-columns:1fr 1.35fr}
.role-story:nth-child(even) .role-photo{order:2}
.role-photo{position:relative;overflow:hidden;background:#dfdacc;border-radius:3px;isolation:isolate;margin:0;aspect-ratio:1.28}
.role-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.role-photo:hover>img{transform:scale(1.025)}
.role-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(3,26,45,.83),transparent);z-index:1;pointer-events:none}
.role-photo figcaption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:12px;font-weight:700;z-index:2}
.role-photo figcaption span:first-child{direction:ltr;font-family:'Segoe UI',sans-serif;font-size:10px;letter-spacing:.12em;font-weight:500}
.story-schools .role-photo>img{object-position:37% center}
.role-copy{padding:12px 0}
.role-label{display:flex;gap:17px;align-items:center;font-size:12px;font-weight:800;color:#626c5d;margin-bottom:24px;letter-spacing:.025em}
.role-label>span{display:grid;place-items:center;border:1px solid #c5ccbf;width:38px;height:38px;border-radius:50%;font-family:'Segoe UI',sans-serif;font-size:11px;font-weight:500;color:#05233c}
.role-copy h3{font-size:clamp(31px,3vw,43px);line-height:1.25;margin-bottom:20px}
.role-copy>p:not(.role-label){font-size:18px;line-height:1.9;max-width:460px}
.role-benefits{padding:0;margin:26px 0 24px;list-style:none;border-top:1px solid #d6dcd4}
.role-benefits li{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #d6dcd4;font-size:15px;font-weight:500;line-height:1.5}
.role-benefits svg{width:16px;height:16px;color:#78610d}
.role-copy .text-link{font-size:15px}
.role-story:nth-child(even) .role-label>span{background:var(--navy);border-color:var(--navy);color:white}
.role-story:nth-child(3) .role-label>span{background:var(--gold);border-color:var(--gold)}
@media(min-width:1800px){.hero{height:810px}.hero-image{object-position:center 55%}}
@media(max-width:1150px){.roles-heading{gap:60px}.role-story,.role-story:nth-child(even){gap:38px}.role-copy h3{font-size:34px}.role-photo{aspect-ratio:1.03}.hero-copy{width:51%}.hero-brand{font-size:78px}.hero h1,html[dir=ltr] .hero h1{font-size:39px}.hero-actions .button{font-size:15px;padding-inline:16px}}
@media(max-width:960px){.hero-copy{width:58%}.hero-image{object-position:38% center}.hero-shade,html[dir=ltr] .hero-shade{background:linear-gradient(270deg,rgba(3,26,45,.97),rgba(3,26,45,.89) 34%,rgba(3,26,45,.35) 63%,rgba(3,26,45,.04))}.hero h1,html[dir=ltr] .hero h1{font-size:37px}.hero-description{font-size:17px}.roles-heading{gap:45px;margin-bottom:50px}.roles-heading h2{font-size:48px}.roles-intro>p{font-size:17px}.role-stories{gap:65px}.role-story,.role-story:nth-child(even){gap:30px;grid-template-columns:1.1fr 1fr}.role-copy h3{font-size:30px}.role-copy>p:not(.role-label){font-size:16px}.role-benefits li{font-size:14px}.role-photo{aspect-ratio:.82}.role-photo figcaption{left:15px;right:15px;bottom:18px;font-size:10px}.role-label{margin-bottom:18px}.role-copy .text-link{font-size:14px}}
@media(max-width:640px){.hero,html[dir=ltr] .hero{min-height:780px;height:auto}.hero-inner,html[dir=ltr] .hero-inner{min-height:714px}.hero-copy{width:100%;max-width:none;padding-top:35px;padding-bottom:240px}.hero-brand{font-size:66px;margin-bottom:19px}.hero .eyebrow{margin-bottom:18px;font-size:9px}.hero h1,html[dir=ltr] .hero h1{font-size:32px;line-height:1.23;margin-bottom:16px}.hero-description{font-size:16px;line-height:1.7}.hero-actions{gap:14px;margin-top:22px}.hero-actions .button{font-size:14px;min-height:48px}.hero-actions .text-link{font-size:13px}.hero-image{top:auto;bottom:0;height:350px;object-fit:cover;object-position:12% center}.hero-shade,html[dir=ltr] .hero-shade{background:linear-gradient(180deg,#031a2d 0%,#031a2d 48%,rgba(3,26,45,.96) 55%,rgba(3,26,45,.04) 75%,rgba(3,26,45,.2) 86%,rgba(3,26,45,.85) 100%)}.hero-bottom{height:66px;position:relative}.intro{padding:60px 0}.solutions{padding:60px 0 65px}.roles-heading{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.roles-heading h2{font-size:43px;line-height:1.2}.roles-intro>p{font-size:17px}.role-shortcuts{gap:20px;margin-top:20px}.role-shortcuts a{font-size:12px}.role-stories{gap:60px}.role-story,.role-story:nth-child(even){grid-template-columns:1fr;gap:25px}.role-story:nth-child(even) .role-photo{order:0}.role-photo{aspect-ratio:1.13}.role-photo figcaption{left:20px;right:20px;bottom:20px;font-size:11px}.role-copy{padding:0}.role-label{margin-bottom:16px}.role-copy h3{font-size:33px;line-height:1.3;margin-bottom:17px}.role-copy>p:not(.role-label){font-size:17px}.role-benefits{margin:22px 0}.role-benefits li{font-size:15px}.role-copy .text-link{font-size:15px}.role-photo>img{object-position:center}.story-schools .role-photo>img{object-position:30% center}}
@media(max-width:360px){.hero h1,html[dir=ltr] .hero h1{font-size:28px}.hero-brand{font-size:59px}.hero-description{font-size:15px}.hero-actions .button{font-size:13px}.hero-actions .text-link{font-size:12px}.roles-heading h2{font-size:38px}.role-shortcuts{gap:13px}.role-shortcuts a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.role-photo>img{transition:none}.role-photo:hover>img{transform:none}}
