/* The turning 8. Uses the site's tokens: --accent (#1E6B4A), --panel, --ink, --grey, --line, --paper */
.eight{margin:24px 0;max-width:520px}
.eight svg{display:block;width:100%;height:auto}
.e-room{fill:var(--panel)}
.e-cardbg{fill:var(--paper);stroke:var(--line);stroke-width:2}
.seg{fill:var(--accent)}
.e-shade{fill:#2a2a2a;opacity:0;transition:opacity .35s ease}
.e-places{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.e-places button{font:inherit;font-size:15px;background:var(--paper);color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:6px 14px;cursor:pointer}
.e-places button[aria-pressed="true"]{background:var(--accent);color:#fff}
.e-places button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.e-why{color:var(--grey);margin:6px 0 2px}
.e-claim{font-size:20px;font-weight:700;margin:4px 0 0;min-height:2.6em}
@media (prefers-reduced-motion:reduce){.e-shade{transition:none}}