html{scroll-behavior:smooth;scroll-padding-top:30px}.review-label{font-size:11px;letter-spacing:.13em;margin:0 0 20px;line-height:1.5}.direction-index{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:40px;font-size:15px}.direction-index a{text-decoration:none;border-bottom:1px solid #b7c7ca;padding-bottom:8px}.direction{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding:65px 0;border-top:0;align-items:start}.direction-preview{position:sticky;top:32px;display:block;line-height:0}.direction-preview img{width:100%;height:auto;display:block;border:1px solid #d2d9d4}.direction-copy h2{font-size:clamp(32px,3.4vw,49px);margin:16px 0 24px}.direction-copy p{font-size:17px;line-height:1.65;margin:0 0 18px}.direction-copy strong{font-weight:400;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.review-link{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid currentColor;padding:15px 0 12px;font-size:19px;text-decoration:none;margin-top:10px}.direction-copy .version-caption{font-size:12px;color:#567079;margin:12px 0 22px}.direction-copy .review-label{font-size:11px}details{border-top:0;padding-top:14px}summary{cursor:pointer;font-size:14px;line-height:1.5;padding:5px 0}details[open] summary{margin-bottom:15px}details p,details li{font-size:14px!important}details ul{padding-left:18px;margin:0 0 20px}details li{margin-bottom:10px}.shared-foundation{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;border-top:1px solid #bdcacc}.shared-foundation h2{font-size:36px}.supporting-links{display:grid;gap:10px;font-size:15px;margin-top:25px}.review-disclosure h2{font-size:30px}.review-disclosure p{font-size:15px;max-width:780px}.overview-intro{padding-bottom:60px}@media(max-width:900px){.direction{gap:30px;grid-template-columns:1fr 1fr}.direction-copy h2{font-size:33px}.direction-copy p{font-size:16px}.shared-foundation{gap:30px}}@media(max-width:650px){.direction{grid-template-columns:1fr;gap:25px;padding:40px 0}.direction-preview{position:static}.direction-copy h2{font-size:38px}.direction-index{display:grid;gap:14px;justify-items:start}.shared-foundation{grid-template-columns:1fr;gap:15px}.overview-intro{padding-bottom:40px}.review-link{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,footer,.direction-index,details{display:none}.direction{break-inside:avoid;grid-template-columns:1fr 1fr;padding:30px 0;gap:30px}.direction-preview{position:static}.overview-intro{padding-top:0}.direction-copy p{font-size:13px}.direction-copy h2{font-size:29px}.review-link{font-size:15px}}
/* Primary review actions need the same clear emphasis as a normal CTA. */
a.review-link{display:flex;width:fit-content;max-width:100%;min-height:58px;padding:17px 24px;margin:24px 0 16px;background:#123f5b;color:#fff;border:1px solid #123f5b;gap:32px;line-height:1.3;font-size:18px;text-decoration:none;transition:background .2s}a.review-link:hover{background:#205875;color:#fff}a.review-link:focus-visible{outline:3px solid #9c1640;outline-offset:4px}a.review-link span{flex-shrink:0}@media(max-width:650px){a.review-link{width:100%;justify-content:space-between;min-height:58px;padding:17px 20px}}

.direction-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:24px 0 16px}.direction-actions a.review-link{margin:0;flex:1 1 230px;gap:18px;font-size:17px;padding:16px 18px;min-height:58px}.direction-copy>.client-alternatives{margin-top:24px}@media(max-width:650px){.direction-actions{flex-direction:column}.direction-actions a.review-link{flex:initial;width:100%}}

.overview-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin:30px 0 20px}.overview-review-actions a.review-link{margin:0}.overview-tertiary{display:inline-flex;gap:28px;align-items:center;min-height:50px;border-bottom:1px solid currentColor;text-decoration:none;font-size:17px}@media(max-width:650px){.overview-review-actions{align-items:stretch}.overview-review-actions .overview-tertiary{width:fit-content}}
.other-resources .overview-tertiary{display:flex;width:fit-content;max-width:100%;margin-top:16px}

.other-resources .resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.resource-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid #bbc9cc;background:#f3f3ed}.resource-card h3{font:400 26px/1.25 Basis,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 18px}.resource-card p{font-size:17px;line-height:1.6;margin:0 0 30px;color:#526d77;max-width:500px}.other-resources .resource-card .overview-tertiary{margin-top:auto;gap:24px;font-size:16px;transition:color .2s}.resource-card .overview-tertiary span{transition:transform .2s}.resource-card .overview-tertiary:hover span{transform:translate(3px,-3px)}.resource-card .overview-tertiary:hover{color:#00488d}.review-disclosure{border-bottom:0}.review-disclosure h2{font-size:clamp(26px,3vw,40px)}.review-disclosure p{font-size:17px;line-height:1.7}@media(max-width:650px){.other-resources .resource-grid{grid-template-columns:1fr;gap:18px}.resource-card{padding:24px}.resource-card h3{font-size:24px}}@media(prefers-reduced-motion:reduce){.resource-card .overview-tertiary,.resource-card .overview-tertiary span{transition:none}.resource-card .overview-tertiary:hover span{transform:none}}

/* Section spacing separates the overview without horizontal rules. */
.overview-section{border-bottom:0}

/* Compact review announcement appears immediately before the design options. */
.review-disclosure{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;margin:0 0 24px;padding:24px 28px;background:#e8ece9;border:0}.review-disclosure h2{font-size:24px;line-height:1.2;margin:0}.review-disclosure p{font-size:15.5px;line-height:1.65;max-width:none;margin:0}.review-disclosure p+p{margin-top:12px}@media(max-width:650px){.review-disclosure{grid-template-columns:1fr;gap:16px;margin-bottom:12px;padding:22px}.review-disclosure h2{font-size:23px}.review-disclosure p{font-size:15px;line-height:1.6}}

/* Partner wordmark opposite the client brand. */
header .overview-studio-logo{display:block;flex:0 0 auto;line-height:0}
header .overview-studio-logo img{width:142px;height:auto;mix-blend-mode:normal}
header .overview-studio-logo:focus-visible{outline:2px solid currentColor;outline-offset:8px}
@media(max-width:700px){header:has(.overview-studio-logo){align-items:center}header .overview-studio-logo img{width:112px}}

@media(min-width:651px){.direction-actions a.review-link:only-child{flex:0 0 auto;width:fit-content;gap:32px;font-size:18px;padding:17px 24px}}

.overview-intro .approach-review-note{max-width:620px;font-size:16px;line-height:1.6;color:#526d77;margin:28px 0 0}.approach-review-note+.overview-review-actions{margin-top:18px}

/* Reading guidance stays together as a quiet outlined introduction. */
.approach-review-card{max-width:740px;border:1px solid #bbc9cc;padding:28px;margin-top:30px;box-sizing:border-box}
.overview-intro .approach-review-card .approach-review-note{margin:0;max-width:620px}
.approach-review-card .overview-review-actions{margin:20px 0 0}
@media(max-width:650px){.approach-review-card{padding:22px 20px;margin-top:24px}}

.approach-review-note strong{display:block;margin-bottom:8px;color:#00488d;font-weight:700}
@media(min-width:1001px){.overview-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;align-items:start}.overview-intro>.review-label,.overview-intro>h1{grid-column:1/-1}.overview-intro>p:not(.review-label){margin:18px 0 0}.overview-intro>.approach-review-card{grid-column:2;margin:18px 0 0;width:100%}}

@font-face{font-family:Basis;src:url('assets/fonts/BasisGrotesquePro-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.overview-intro .approach-review-note strong{font-size:clamp(22px,1.9vw,28px);line-height:1.25;font-weight:700!important;margin-bottom:14px}
@media(min-width:1001px){.overview-intro>.review-label{grid-column:1/-1;grid-row:1}.overview-intro>h1{grid-column:1;grid-row:2}.overview-intro>p:not(.review-label){grid-column:1;grid-row:3;margin-top:0}.overview-intro>.approach-review-card{grid-column:2;grid-row:2/span 2;margin-top:25px}}

/* The approach follows all three designs as one full-width review banner. */
.overview-intro.overview-intro-simple{display:block}
.overview-intro-simple>p:not(.review-label){margin:20px 0 0}
.approach-review-banner{width:100%;max-width:none;margin:16px 0 48px;padding:48px;background:#e5e9e6;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.approach-review-banner h2{font-size:clamp(36px,3.6vw,54px);line-height:1.1;margin:0;color:#123f50}
.approach-review-banner .approach-review-note{margin:0;max-width:740px;font-size:20px;line-height:1.55;color:#526d77;flex:none}
.approach-review-banner .overview-review-actions{margin:6px 0 0;flex:none}
@media(max-width:800px){.approach-review-banner{padding:32px;gap:20px}.approach-review-banner .approach-review-note{font-size:18px}}
@media(max-width:650px){.approach-review-banner .overview-review-actions{width:100%}.approach-review-banner .review-link{width:100%}}
@media(max-width:400px){.approach-review-banner{padding:28px 22px}}