
#home-navigation.home-banners{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}
.home-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32%;align-items:stretch;min-height:148px;border:1px solid #e2e5eb;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s}
.home-banner:hover{border-color:#bbc6d7}.home-banner-body{padding:16px 24px;min-width:0}.home-banner h2{font-size:19px!important;line-height:1.6!important;margin:0 0 4px!important}.home-banner h2 a{display:inline-flex;align-items:center;min-height:44px;font:inherit!important;font-weight:650!important;color:var(--ink);text-decoration:none}.home-banner h2 a:after{content:'';position:absolute;inset:0;z-index:1}.home-banner h2 a:focus-visible:after{outline:2px solid var(--brand);outline-offset:-3px;border-radius:10px}.home-banner p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 4px!important}.home-banner-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;font-size:13px;line-height:1.6}.home-banner-primary{display:inline-flex;align-items:center;gap:12px;color:var(--link);min-height:32px}.home-banner-secondary{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border:1px solid #e2e5eb;border-radius:6px;color:var(--ink);text-decoration:none;background:#fafbfc}.home-banner-secondary:hover{background:#f0f3f7;text-decoration:none}.home-banner img{display:block;width:100%;height:100%;max-height:156px;min-height:0;align-self:stretch;object-fit:cover;object-position:center}
@media(max-width:760px){.home-banner{grid-template-columns:minmax(0,1fr) 132px;min-height:150px}.home-banner-body{padding:16px}.home-banner h2{font-size:17px!important}.home-banner p{font-size:13px;margin-bottom:8px!important}.home-banner img{max-height:none;min-height:150px}.home-banner-links{gap:4px 12px;font-size:12px}.home-banner-secondary{padding:0 8px}.home-banner-primary{min-height:36px}}
@media(max-width:460px){.home-banner{grid-template-columns:minmax(0,1fr) 100px}.home-banner-body{padding:14px}.home-banner-links{align-items:flex-start;flex-direction:column;gap:0}.home-banner-secondary{border:0;background:transparent;padding:0;min-height:44px}.home-banner img{object-position:center;max-height:none}}
/* Tile layout keeps the original images, copy, and destinations. */
body[data-page="START"] .ia-heading{padding:28px 32px;margin:0 0 20px;border:1px solid var(--af-line);border-radius:16px;background:#eef2ff}
body[data-page="START"] .ia-heading .ia-caption{display:none}
body[data-page="START"] .ia-heading h1{margin-top:0!important;text-wrap:balance}
body[data-page="START"] .ia-heading .lead{max-width:75ch}
#home-navigation.home-banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.home-banner{display:flex;flex-direction:column;min-width:0;min-height:0;border-color:var(--af-line);border-radius:16px;background:var(--af-paper);transition:border-color 180ms ease-out}
.home-banner:hover{border-color:var(--af-blue)}
.home-banner-body{padding:24px;flex:1}
.home-banner h2{font-size:22px!important;line-height:1.6!important;margin:0 0 8px!important}
.home-banner h2 a{font-weight:700!important;color:var(--af-ink)}
.home-banner h2 a:after{border-radius:15px}
.home-banner h2 a:focus-visible{outline:none}
.home-banner h2 a:focus-visible:after{outline:3px solid var(--af-blue);outline-offset:-4px;border-radius:15px}
.home-banner p{font-size:15px;line-height:1.9;color:var(--af-muted);margin:0 0 16px!important}
.home-banner .af-concept{position:relative;z-index:2}
.home-banner-links{flex-direction:row;align-items:center;gap:8px 24px;font-size:14px;line-height:1.8}
.home-banner-primary,.home-banner-secondary{min-height:44px;color:#254ec8}
.home-banner-secondary{padding:0;border:0;border-radius:0;background:transparent;text-decoration:underline}
.home-banner-secondary:hover{background:transparent;color:var(--af-ink);text-decoration:underline}
.home-banner img{order:-1;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:416 / 250;object-fit:cover;object-position:center}
body[data-page="START"] #research-2026{margin-top:20px;padding:28px 32px;border:1px solid var(--af-line);border-radius:16px;background:var(--af-paper)}
body[data-page="START"] #research-2026 h2{margin-top:0}
body[data-page="START"] #research-2026 p{max-width:75ch}
body[data-page="START"] #research-2026 a{display:inline-block;min-height:44px;padding-block:8px}
@media(max-width:640px){
  #home-navigation.home-banners{grid-template-columns:minmax(0,1fr);gap:16px}
  body[data-page="START"] .ia-heading,body[data-page="START"] #research-2026{padding:24px 20px}
  .home-banner-body{padding:20px}
  .home-banner h2{font-size:20px!important}
  .home-banner img{aspect-ratio:416 / 260}
}
@media(prefers-reduced-motion:reduce){.home-banner{transition:none}}

/* Each destination is one native link, with its label over the image. */
html:has(body[data-page="START"]){height:auto!important;overflow-y:auto!important}
body[data-page="START"]{height:auto!important;min-height:100vh;max-height:none!important;overflow:visible!important}
body[data-page="START"] .home-main{height:auto!important;max-height:none!important;overflow:visible!important}
.home-intro{margin-bottom:28px}
.home-intro h1{font-size:clamp(26px,3vw,36px);line-height:1.6;margin:0 0 12px;text-wrap:balance}
.home-intro p{max-width:75ch;color:var(--af-muted);font-size:16px;line-height:1.9;margin:0;text-wrap:pretty}
nav.home-tiles{position:static;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;width:100%;height:auto!important;max-height:none!important;overflow:visible!important;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
nav.home-tiles a.home-tile{position:relative;display:block;grid-column:span 2;isolation:isolate;min-width:0;min-height:280px;padding:0;overflow:hidden;border-radius:16px;background:#162342;color:#fff;text-decoration:none;transition:box-shadow 180ms ease-out}
nav.home-tiles a.home-tile:nth-child(-n+2){grid-column:span 3;min-height:320px}
.home-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;transition:transform 240ms ease-out}
.home-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,21,41,.97),rgba(12,21,41,.76) 25%,rgba(12,21,41,0) 70%);z-index:1;pointer-events:none}
.home-tile-copy{position:absolute;inset-inline:24px 60px;bottom:24px;z-index:2;display:grid;gap:6px}
.home-tile-copy strong{font-size:24px;line-height:1.6;color:#fff}
.home-tile-copy>span{font-size:14px;line-height:1.9;color:#fff}
.home-tile-arrow{position:absolute;inset-inline-end:24px;bottom:32px;z-index:2;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
nav.home-tiles .home-tile:hover{color:#fff;box-shadow:0 8px 24px #16234226}
.home-tile:hover img{transform:scale(1.025)}
nav.home-tiles .home-tile:focus-visible{outline:3px solid var(--af-blue);outline-offset:5px}
@media(max-width:900px){nav.home-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}nav.home-tiles a.home-tile,nav.home-tiles a.home-tile:nth-child(-n+2){grid-column:auto;min-height:300px}}
@media(max-width:560px){nav.home-tiles{grid-template-columns:minmax(0,1fr);gap:16px}.home-tile-copy{inset-inline:20px 56px;bottom:20px}.home-tile-copy strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){nav.home-tiles a.home-tile,.home-tile img{transition:none}.home-tile:hover img{transform:none}}
