/* Final concept alignment and intrinsic-size containment. */
.hero{grid-template-columns:minmax(0,37%) minmax(0,1fr)}
.intro{min-width:0}.hero>img{min-width:0}
.intro h1{font-size:clamp(36px,3.65vw,56px)}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr)}.masthead nav{flex:0 0 100%;min-width:0;max-width:100%}.intro h1{font-size:48px}}
@media(max-width:560px){.intro h1{font-size:40px}.masthead nav{gap:14px;font-size:13px}}