/* Scoped styles adapted from the approved Areas reference. Hero art is global. */
.areas-page{background:#e8eef1}
.areas-container{width:min(100%,1200px);margin-inline:auto;padding-inline:24px}
.areas-kicker{color:#4ba6cd;font-family:var(--display);letter-spacing:2.16px;text-transform:uppercase;margin:0;font-size:12px;font-weight:600;line-height:18px}
.areas-kicker--line{align-items:center;gap:16px;display:flex}
.areas-kicker--line>span{border-top:1px solid #4ba6cd;flex:0 0 48px;width:48px}
.areas-hero{background:#041b24;height:743px;position:relative;overflow:hidden}
.areas-hero__container{z-index:1;height:100%;padding-top:184px;padding-bottom:96px;position:relative}
.areas-hero h1{color:#f5f5f5;letter-spacing:-1.14px;text-wrap:wrap;width:680px;max-width:100%;margin:24px 0 0;font-size:76px;font-weight:600;line-height:74.48px}
.areas-hero__body{color:#f5f5f5cc;width:680px;max-width:100%;font-family:var(--serif);margin:28px 0 0;font-size:19px;line-height:31.35px}
.areas-heading{padding-top:16px}
.areas-heading h2{color:#12313f;letter-spacing:0;text-wrap:wrap;margin:0;font-size:52px;font-weight:600;line-height:53.04px}
.areas-heading p{color:#444c;width:680px;max-width:100%;font-family:var(--serif);margin:24px 0 0;font-size:19px;line-height:31.35px}
.areas-heading--dark h2{color:#f5f5f5}
.areas-heading--dark p{color:#f5f5f5cc}
.areas-situations{background:#e8eef1;height:1094px;padding-block:96px}
.areas-situations__grid{background:#d8dee2;border:1px solid #d8dee2;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:48px;display:grid}
.areas-situation-card{color:#12313f;cursor:default;background:#e8eef1;flex-direction:column;justify-content:space-between;min-width:0;min-height:200px;padding:28px;transition:background-color .12s;display:flex}
.areas-situation-card:hover{background:#f5f5f5}
.areas-card__top{color:#4ba6cd;width:100%;font-family:var(--display);justify-content:space-between;align-items:flex-start;font-size:13px;font-weight:500;line-height:19.5px;display:flex}
.areas-card__top img{flex:none;width:40px;height:40px;display:block}
.areas-situation-card__quote{color:#12313f;font-family:var(--serif);margin-top:16px;font-size:20px;line-height:28px;display:block}
.areas-missing{background:#f5f5f5;border:1px solid #d8dee2;border-radius:2px;grid-template-columns:680px minmax(0,1fr);align-items:end;gap:24px;min-height:171px;margin-top:48px;padding:48px;display:grid}
.areas-missing h3{color:#12313f;margin:0;font-size:22px;line-height:33px}
.areas-missing p{color:#444c;font-family:var(--serif);margin:12px 0 0;font-size:19px;line-height:31.35px}
.areas-arrow-link{color:#12313f;justify-self:start;gap:12px;font-size:15px;line-height:22.5px;text-decoration:none}
.areas-arrow-link,.areas-arrow-link>span{align-items:center;min-height:44px;display:inline-flex}
.areas-arrow-link>span{border-bottom:1px solid #4ba6cd;padding-bottom:2px}
.areas-arrow-link img{flex:none;width:22px;height:10px}
.areas-practice{background:#041b24;border-top:1px solid #d8dee2;height:1113px;padding-block:96px}
.areas-practice__grid{background:#f5f5f51a;border:1px solid #f5f5f51a;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:48px;display:grid}
.areas-practice-card,.areas-practice__empty{background:#041b24;min-width:0;min-height:347px}
.areas-practice-card{color:#f5f5f5;cursor:default;flex-direction:column;padding:28px;transition:background-color .12s;display:flex}
.areas-practice-card:hover{background:#082630}
.areas-practice-card__content{flex-direction:column;display:flex}
.areas-practice-card__content strong{color:#f5f5f5;font-family:var(--display);margin-top:24px;font-size:22px;font-weight:600;line-height:33px}
.areas-practice-card__content>span{color:#f5f5f5b3;font-family:var(--serif);font-size:15.6px;line-height:24.96px}
.areas-practice-card__content strong+span{margin-top:12px}
.areas-practice-card__content b{color:#f5f5f5;font-family:var(--display);margin-top:12px;font-size:18px;font-weight:600;line-height:33px}
.areas-practice-card__content b+span{margin-top:12px}
.areas-fields{background:#041b24;border-top:1px solid #f5f5f51a;height:604.5px;padding-block:96px}
.areas-fields__inner{padding-top:56px}
.areas-fields__list{flex-wrap:wrap;gap:8px 16px;margin:20px 0 0;padding:0;list-style:none;display:flex}
.areas-fields__list li{color:#f5f5f5bf;border:1px solid #d8dee2;border-radius:2px;align-items:center;min-height:37.5px;padding:8px 16px;font-size:13px;line-height:19.5px;display:inline-flex}
.areas-audience{background:#e8eef1;border-top:1px solid #d8dee2;height:779px;padding-block:96px}
.areas-audience__inner{padding-top:56px}
.areas-audience h2{color:#12313f;letter-spacing:0;text-wrap:wrap;margin:16px 0 0;font-size:52px;font-weight:600;line-height:53.04px}
.areas-audience__table{border:1px solid #d8dee2;margin:24px 0 0}
.areas-audience__table>div{min-height:195px;font-family:var(--serif);border:1px solid #d8dee2;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:40px 48px;line-height:31.35px;display:grid}
.areas-audience__table>div:first-child{background:#f5f5f5}
.areas-audience__table>div:last-child{background:#f0f0f0}
.areas-audience__table dt{color:#12313f;font-size:22px;font-weight:700}
.areas-audience__table dd{color:#444c;margin:0;font-size:19px}
@media (max-width:1199px){.areas-audience,.areas-fields,.areas-practice,.areas-situations{height:auto}}
@media (max-width:1199px){.areas-practice-card,.areas-practice__empty{min-height:0}}
@media (max-width:1199px){.areas-practice-card{padding-bottom:36px}}
@media (max-width:1199px){.areas-audience__inner,.areas-fields__inner{padding-top:0}}
@media (max-width:900px){.areas-practice__grid,.areas-situations__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.areas-practice__empty{display:none}}
@media (max-width:900px){.areas-missing{grid-template-columns:minmax(0,1fr) auto}}
@media (max-width:900px){.areas-missing>div{min-width:0}}
@media (max-width:760px){.areas-hero{height:auto;min-height:690px}}
@media (max-width:760px){.areas-hero__container{padding-top:136px;padding-bottom:72px}}
@media (max-width:760px){.areas-hero h1{letter-spacing:-.015em;font-size:clamp(52px,14vw,68px);line-height:.98}}
@media (max-width:760px){.areas-hero__body{font-size:17px;line-height:28px}}
@media (max-width:760px){.areas-audience,.areas-fields,.areas-practice,.areas-situations{padding-block:72px}}
@media (max-width:760px){.areas-audience h2,.areas-heading h2{font-size:44px;line-height:46px}}
@media (max-width:760px){.areas-heading p{font-size:17px;line-height:28px}}
@media (max-width:760px){.areas-situation-card{min-height:210px}}
@media (max-width:760px){.areas-missing{grid-template-columns:1fr;align-items:start;padding:36px}}
@media (max-width:760px){.areas-audience__table>div{grid-template-columns:1fr;gap:16px;padding:32px}}
@media (max-width:620px){.areas-practice__grid,.areas-situations__grid{grid-template-columns:1fr}}
@media (max-width:620px){.areas-situation-card{min-height:180px}}
@media (max-width:620px){.areas-practice-card{min-height:0}}
@media (max-width:620px){.areas-fields__list{gap:8px}}
@media (max-width:620px){.areas-fields__list li{white-space:normal}}
@media (max-width:380px){.areas-container{padding-inline:20px}}
@media (max-width:380px){.areas-hero{min-height:710px}}
@media (max-width:380px){.areas-hero h1{font-size:50px}}
@media (max-width:380px){.areas-audience,.areas-fields,.areas-practice,.areas-situations{padding-block:64px}}
@media (max-width:380px){.areas-practice-card,.areas-situation-card{padding:24px}}
@media (max-width:380px){.areas-audience__table>div,.areas-missing{padding:28px 24px}}
.areas-fields__list,.areas-arrow-link{font-family:var(--sans);font-weight:400}
.areas-page{--text-link-hover-line:var(--ink-2)}
.areas-arrow-link.text-link{border:0;padding:0;color:var(--ink-2);font-size:15px;line-height:22.5px}
.areas-arrow-link.text-link>span{border-bottom-color:var(--text-link-line-color);transition:border-bottom-color .12s}
.areas-arrow-link.text-link::after{width:22px;height:10px}