/* Homepage styles served directly, independent of the compiled bundle. */
.home .home-hero{min-height:430px}
.home .hero-copy{width:min(780px,calc(100% - 48px))}
.home .hero h1{font-size:clamp(38px,4.8vw,64px)}
.home .hero p{font-size:18px;line-height:1.65;max-width:760px}
.ooh-home-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:24px 0;border-bottom:1px solid var(--line)}
.ooh-home-theme{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;min-width:0}
.ooh-home-theme strong{font-size:18px;font-weight:700;color:var(--violet)}
.ooh-home-theme p{grid-column:1;margin:0;font-size:14px;color:var(--muted)}
.ooh-home-arrow{grid-column:2;grid-row:1/3;color:var(--violet);font-size:22px}
.ooh-home-explainer{padding:42px 0 28px}
.ooh-home-explainer h2,.ooh-home-connection h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:8px 0 14px}
.ooh-home-intro{font-size:17px;line-height:1.7;color:#526075;max-width:850px;margin:0 0 32px}
.ooh-home-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.ooh-home-status{min-width:0}
.ooh-home-status h3{font-size:22px;line-height:1.25;letter-spacing:-.4px;margin:10px 0 20px}
.ooh-home-status p{font-size:15px;line-height:1.7;color:#526075;margin:0 0 16px}
.ooh-home-status p b{display:block;font-weight:700;color:var(--ink);margin-bottom:3px}
.ooh-home-link{display:inline-block;font-size:14px;font-weight:650;color:var(--violet);padding:10px 0}
.ooh-home-link:hover,.ooh-home-theme:hover strong{text-decoration:underline}
.ooh-home-datum{font-size:12px;color:var(--muted);margin:24px 0 0}
.home .latest{padding-top:28px;padding-bottom:40px}
.ooh-home-connection{border-top:1px solid var(--line);padding:34px 0 46px}
.ooh-home-connection p{font-size:17px;line-height:1.75;color:#526075;max-width:850px}
@media(max-width:760px){
.ooh-home-themes{grid-template-columns:1fr;gap:0;padding:6px 0}
.ooh-home-theme{padding:14px 0;border-bottom:1px solid var(--line)}
.ooh-home-theme:last-child{border:0}
.ooh-home-status-grid{grid-template-columns:1fr;gap:24px}
.ooh-home-status{border-bottom:1px solid var(--line);padding-bottom:18px}
.ooh-home-status:last-child{border:0;padding-bottom:0}
.ooh-home-explainer{padding-top:28px}
.ooh-home-explainer h2,.ooh-home-connection h2{font-size:29px}
.ooh-home-intro,.ooh-home-connection p{font-size:16px}
.ooh-home-status h3{font-size:22px}
.home .home-hero{min-height:390px}
.home .hero-copy{left:22px;width:calc(100% - 44px)}
.home .hero p{font-size:16px}
.home .hero h1{font-size:40px}
}