.hero{column-gap:4rem;row-gap:3rem}.hero-portrait{margin:0;min-width:0;align-self:start}.hero-portrait img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;object-position:center top}.hero-portrait figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.35rem 1rem;border-bottom:1px solid var(--line);padding:1rem 0;color:var(--ink);font-size:.85rem}.hero-portrait figcaption strong{font-weight:500}.hero-portrait figcaption span{font-size:.75rem;color:var(--muted)}.hero>.quick-guide{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.4rem}.hero>.quick-guide>.eyebrow,.hero>.quick-guide>h2,.hero>.quick-guide>.guide-note{grid-column:1/-1}.hero>.quick-guide h2 br{display:none}.hero>.quick-guide>a{align-items:start}.hero>.quick-guide small{display:block}.hero>.quick-guide .guide-note{margin-top:.5rem}@media(max-width:800px){.hero{gap:2rem}.hero-portrait{width:min(100%,480px);justify-self:center}.hero>.quick-guide{grid-template-columns:1fr 1fr}}@media(max-width:500px){.hero>.quick-guide{display:block}.hero-portrait img{max-height:none}.hero-portrait figcaption{flex-direction:column}}
.hero{padding-block:58px 68px;grid-template-columns:1.2fr 1fr}.hero-copy{padding-bottom:1rem}.hero-copy h1{font-size:clamp(2.6rem,4.1vw,4rem);line-height:1.12}.hero-description{font-size:1rem;line-height:1.95}.hero-topics{display:none}.hero-portrait img{max-height:570px}.hero-portrait figcaption{font-size:.85rem}.areas-section{padding-block:55px}.area-card{padding-top:1.4rem}.area-number{margin-bottom:1rem}.faq-section{padding-block:76px}.site-header{min-height:102px}.site-header .brand small{font-size:.62rem;letter-spacing:.16em}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-block:38px 48px}.hero-portrait{width:min(100%,470px)}.hero-copy h1{font-size:3.1rem}}@media(max-width:500px){.hero-copy h1{font-size:2.6rem}.hero{gap:1.5rem}.hero-description{font-size:.94rem}.hero-portrait img{max-height:530px;object-fit:cover}.hero-copy{padding:0}.site-header{padding-block:1rem}.site-header .brand{font-size:1.3rem}.hero-actions{margin-top:1.3rem}}
