@layer modules{#hero h1{font-size:clamp(2rem,2.4vw + 1.3rem,3.2rem);margin:0;max-width:40rem}#hero header{display:grid;gap:2rem 4rem;grid:auto auto 1fr/var(--hero-header-to-image-ratio,.75fr) 1fr;padding:4rem 0 0;place-items:start}#hero :is(img,svg){grid-area:1/-2/-1/-1;height:auto;width:100%}#hero p{font-size:clamp(1rem,.4vw + .88rem,1.2rem);margin:0 0 2rem;max-width:40rem}#hero nav{align-items:center;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:700;gap:1rem 2rem;justify-content:start;letter-spacing:.01em;margin:0 0 2rem;white-space:nowrap}#hero a.primary{background-color:var(--hero-accent-color,#000);border-radius:.4rem;color:#fff;padding:1.25rem 1.75rem;-webkit-text-decoration:none;text-decoration:none;transition:opacity .2s}:is(#hero a.primary):hover{opacity:.8}#hero a.secondary{color:var(--hero-accent-color,#000);padding:.5rem .75rem;text-decoration:underline;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:3px;text-underline-offset:.8rem;transition:text-decoration-color .2s}:is(#hero a.secondary):hover{text-decoration-color:initial}@media (max-width:999.98px){#hero header{gap:2rem;grid-template:auto/1fr;justify-items:center;text-align:center}#hero nav{justify-content:center}#hero :is(img,svg){grid-area:auto}}}