:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[id]{scroll-margin-top:clamp(56px,10vh,120px)}.zone{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);padding-block:var(--space-7);color:var(--color-text);text-align:center}.zone .header__head{flex-direction:column;text-align:center;margin-bottom:var(--space-6)}.zone .header__head,.zone .header__head .header__logo{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.zone .header__head .header__logo{align-items:baseline}.zone .header__head .header__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);color:var(--color-text);letter-spacing:var(--letterspacing-tight);font-weight:400}.zone .header__head .header__subtitle{width:100%;text-align:center;margin-top:var(--space-2);font-size:var(--font-size-base);color:var(--color-accent)}.zone .header__ornament-left,.zone .header__ornament-right{width:112px;height:28px;background-repeat:no-repeat;background-position:50%;background-size:contain;flex-shrink:0;transition:transform .25s ease,opacity .25s ease}.zone .header__head:hover .header__ornament-left{transform:translateX(-4px);opacity:.95}.zone .header__head:hover .header__ornament-right{transform:translateX(4px);opacity:.95}@media(max-width:800px){.zone .header__title{font-size:var(--font-size-xl)}.zone .header__ornament-left,.zone .header__ornament-right{width:88px;height:22px}}.zone h1{margin:0 0 var(--space-4);font-family:var(--font-family-heading);font-weight:400;font-size:clamp(var(--font-size-l),4vw,var(--font-size-2xl));letter-spacing:var(--letterspacing-tight);line-height:var(--lh-tight)}.zone p{margin:0 auto var(--space-4);max-width:70ch;color:var(--color-text);font-size:var(--font-size-base)}.zone .muted{color:var(--color-muted)}.zone .zone__cta{margin-block:var(--space-6);display:grid;justify-content:center;gap:var(--space-2)}.zone .zone__links{margin-block:var(--space-4)}.zone .zone__links a{color:var(--color-accent);text-underline-offset:3px}.zone .zone__links a:hover{color:var(--color-accent-hover);text-decoration:underline}.zone .zones{margin-top:var(--space-7)}.zone .zones h2{margin:0 0 var(--space-3);font-family:var(--font-family-heading);font-weight:400;font-size:clamp(var(--font-size-l),3vw,var(--font-size-xl));line-height:var(--lh-tight)}.zone .zones ul{list-style:none;padding:0;margin:var(--space-2) auto 0;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.zone .zones .chip{display:inline-block;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-border),transparent 40%);background:color-mix(in srgb,var(--color-surface) 10%,transparent);color:var(--color-text);text-decoration:none;transition:background-color .2s ease,transform .15s ease,color .2s ease}.zone .zones .chip:hover{background:var(--color-accent);color:var(--color-black);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.zone *{transition:none!important;animation:none!important}}.highlight{font-weight:500;color:var(--color-accent)}