.area-index__head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:2rem clamp(2rem,5vw,6rem);margin-block-end:3rem;display:grid}.area-index__map{border:1px solid var(--hair-2);aspect-ratio:1}.area-index__grid{border-block-start:1px solid var(--hair-2);margin:0;padding-block:0;list-style:none;display:grid}.acard{border-block-end:1px solid var(--hair-2);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:0 2rem;display:grid}.acard__map{aspect-ratio:1.6;border-inline-end:4px solid var(--wash);display:block;position:relative;overflow:hidden}.acard__map svg,.acard__map picture,.acard__map img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.acard__body{justify-items:start;gap:.5rem;padding:1.25rem 1.25rem 1.25rem 0;display:grid}.acard__name{margin:0;font-size:clamp(1.4rem,2vw,1.8rem)}.acard__name a{color:inherit;text-decoration:none}.acard__name a:hover{color:var(--orange-ink)}.acard__why{color:var(--ink-2);margin:0}.acard__suits{color:var(--ink-3);margin:0;font-size:.95rem}.btn--sm{min-block-size:40px;padding-block:.4rem;font-size:.9rem}.area-page__head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:2rem clamp(2rem,5vw,6rem);display:grid}.area-page__suits{color:var(--ink-3);margin-block:.75rem 1.5rem;font-size:.95rem}.area-page__fig{border:1px solid var(--ink);border-inline-start:6px solid var(--wash);box-shadow:6px 6px 0 var(--paper-2);margin:0}.area-page__fig svg{aspect-ratio:1.2;block-size:auto;inline-size:100%}.area-page__photo{margin:0 calc(-1 * var(--gutter,clamp(16px, 4.5vw, 64px))) 0 0;border-inline-start:6px solid var(--wash);position:relative}.area-page__photo picture,.area-page__photo img{block-size:auto;inline-size:100%;display:block}.area-page__inset{border:1px solid var(--ink);background:var(--paper);inline-size:200px;box-shadow:6px 6px 0 var(--paper-2);position:absolute;inset-block-end:2.6rem;inset-inline-start:-1.5rem}.area-page__inset svg{aspect-ratio:1.2;block-size:auto;inline-size:100%;display:block}.area-page__photo figcaption{color:var(--ink-3);padding:.45rem 0;font-size:.875rem}.area-page__fig figcaption{color:var(--ink-3);border-block-start:1px solid var(--hair-2);padding:.45rem .75rem;font-size:.875rem}.area-page__cols{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:2rem clamp(2rem,6vw,7rem);display:grid}.area-page__note h2{margin-block:1.75rem .5rem;font-size:clamp(1.6rem,2.4vw,2rem)}.area-page__aside{gap:1.25rem;display:grid;position:sticky;inset-block-start:88px}.area-page__aside-title{color:var(--orange-ink);margin:0;font-size:1.375rem}.area-page__q{color:var(--ink-2);gap:.5rem;margin:0;padding-inline-start:1.2rem;display:grid}.area-page__q li::marker{color:var(--orange);font-family:var(--font-mono)}.area-page__city{border:1px solid var(--hair-2);aspect-ratio:1;max-inline-size:260px}.area-page__nav{flex-wrap:wrap;gap:1rem;font-size:.9rem;display:flex}.area-page__nav a{color:var(--ink-2);border-block-end:1px solid var(--hair-2);text-decoration:none}.area-page__nav a:hover{border-block-end-color:var(--orange)}.area-page__related{margin-block-start:3rem}@media (max-width:860px){.area-index__head,.area-page__head,.area-page__cols{grid-template-columns:1fr}.area-page__photo{margin-inline:calc(-1 * var(--gutter,16px));border-inline-start:0}.area-page__inset{inline-size:140px;inset-block-end:2.4rem;inset-inline-start:.75rem}.area-page__photo figcaption{padding-inline:var(--gutter,16px)}.acard{grid-template-columns:1fr}.acard__map{aspect-ratio:2;border-inline-end:0;border-block-end:4px solid var(--wash)}.acard__body{padding:1rem}.area-page__aside{position:static}}