.wrap{max-width:var(--max-content);margin:0 auto;padding:0 var(--gutter);}
.site-header{background:var(--color-ink-night);color:var(--color-text-dark);position:relative;overflow:hidden;}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;}
.brand{font-family:var(--font-head);font-weight:700;font-size:var(--fs-22);color:var(--color-text-dark);text-decoration:none;}
.brand:hover{color:var(--color-star);}
.age-badge{background:var(--color-warning);color:#fff;font-weight:700;border-radius:999px;padding:4px 12px;font-size:var(--fs-14);white-space:nowrap;}
.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;}
.main-nav a{color:var(--color-text-dark);font-size:var(--fs-14);text-decoration:none;padding:6px 2px;}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--color-star);}
.breadcrumbs{background:var(--color-sand);font-size:var(--fs-12);padding:10px 0;}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0 var(--gutter);max-width:var(--max-content);margin:0 auto;}
.breadcrumbs li:not(:last-child)::after{content:"›";margin-left:6px;color:var(--color-historic);}
main{display:block;}
section{padding:36px 0;}
section.tight{padding:20px 0;}
.hero{background:var(--color-ink-night);color:var(--color-text-dark);padding:56px 0;position:relative;overflow:hidden;}
.hero .stars{position:absolute;inset:0;pointer-events:none;opacity:.5;}
.hero h1{max-width:18ch;}
.hero p.lede{font-size:var(--fs-18);max-width:60ch;color:var(--color-text-dark);}
.coast-divider{border:0;border-top:1px dashed var(--color-historic);margin:0;opacity:.6;}
.card-grid{display:grid;gap:20px;grid-template-columns:1fr;}
@media (min-width:600px){.card-grid{grid-template-columns:1fr 1fr;}}
@media (min-width:900px){.card-grid{grid-template-columns:repeat(4,1fr);}}
.site-footer{background:var(--color-ink-night);color:var(--color-text-dark);padding:40px 0 28px;margin-top:48px;position:relative;overflow:hidden;}
.site-footer a{color:var(--color-text-dark);}
.site-footer a:hover{color:var(--color-star);}
.footer-cols{display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:24px;}
@media (min-width:600px){.footer-cols{grid-template-columns:1fr 1fr;}}
@media (min-width:900px){.footer-cols{grid-template-columns:2fr 1fr 1fr;}}
.footer-cols ul{list-style:none;margin:0;padding:0;}
.footer-cols li{margin-bottom:6px;}
.responsible-note{border-top:1px solid rgba(237,239,247,.2);padding-top:20px;font-size:var(--fs-14);color:var(--color-text-dark);}
.legal-note{font-size:var(--fs-12);color:var(--color-historic);margin-top:12px;}
@media (max-width:400px){.site-header .wrap{gap:10px;}}