/* One opening message; supporting content starts after the hero. */
.focused-hero{background:var(--hero);border-bottom:1px solid var(--hero-edge);min-height:calc(100svh - 104px);display:grid;align-items:center;padding-block:48px 72px}
.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.focused-hero h1{font:500 clamp(3rem,1.5rem + 4.5vw,4.75rem)/1.03 Newsreader,Georgia,serif;letter-spacing:-.035em;max-width:22ch;text-wrap:balance}
.focused-hero h1 em{color:var(--blue);display:inline-block;max-width:100%;overflow-wrap:anywhere}
.focused-hero p{font-size:1.125rem;line-height:1.65;max-width:56ch;margin-top:28px;text-wrap:pretty}
.focused-hero .prototype-cta{margin-top:32px;text-align:center}
.focused-hero + .case,.focused-hero + .desk{padding-top:64px}
.hero-cobalt{color:var(--ink)}
.hero-cobalt h1 em{display:block;color:var(--blue)}
.hero-cobalt h1 s{display:block;font-size:.5em;line-height:1.3;letter-spacing:-.025em;text-decoration-thickness:2px;margin-bottom:20px}
@media(max-width:700px){.focused-hero{min-height:calc(100svh - 88px);padding-block:40px 56px}.focused-hero h1{font-size:clamp(2.625rem,1.5rem + 5vw,3.75rem)}.focused-hero p{font-size:1rem;max-width:42ch;margin-top:24px}.focused-hero .prototype-cta{margin-top:28px}.focused-hero + .case,.focused-hero + .desk{padding-top:40px}}
@media(max-width:600px){.focused-hero{min-height:calc(100svh - 80px)}}

/* The offer stays subordinate to the single hero message and action. */
.focused-hero p.hero-offer{font-size:1rem;line-height:1.5;max-width:62ch;margin-top:16px;color:var(--slate)}