.hero{--hero-scrim:255 255 255;--hero-photo:image-set( url("../images/hero/coast-1420.webp") type("image/webp"),url("../images/hero/coast-1420.jpg") type("image/jpeg") );background:linear-gradient( to right,rgb(var(--hero-scrim) / 0.92) 0 62%,rgb(var(--hero-scrim) / 0.5) 100% ),var(--hero-photo) center / cover no-repeat,var(--color-hero);padding-block:var(--space-6);}@media (prefers-color-scheme:dark){.hero{--hero-scrim:32 33 36;}}@media (max-width:64rem){.hero{--hero-photo:image-set( url("../images/hero/coast-1024.webp") type("image/webp"),url("../images/hero/coast-1420.jpg") type("image/jpeg") );}}.hero__inner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5);align-items:center;}.hero__art{border-radius:var(--radius);}.eyebrow{margin:0 0 var(--space-2);color:var(--color-muted);font:600 0.9rem var(--font-mono);letter-spacing:0.04em;}.lead{font-size:1.2rem;max-width:40rem;}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4);}.install-line code{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-bg);}.band{padding-block:var(--space-5);}.band--alt{background:var(--color-surface);}.band h2:first-child{margin-top:0;}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);overflow:hidden;}.card__art{display:block;width:100%;aspect-ratio:16 / 9;background:var(--color-surface-strong);}.card h3,.card p{margin:var(--space-3) var(--space-4) 0;}.card p{margin-bottom:var(--space-4);}.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-3) var(--space-5);margin:0;}.guide-list dt{font-weight:600;}.guide-list dd{margin:0;color:var(--color-muted);}@media (max-width:52rem){.hero{--hero-photo:image-set( url("../images/hero/coast-640.webp") type("image/webp"),url("../images/hero/coast-1420.jpg") type("image/jpeg") );background:linear-gradient(rgb(var(--hero-scrim) / 0.92),rgb(var(--hero-scrim) / 0.92)),var(--hero-photo) center / cover no-repeat,var(--color-hero);}.hero__inner{grid-template-columns:minmax(0,1fr);}.hero__art{max-width:22rem;}}