/* Areas page (round 6) — bits shared by options A, B and C. */
.ar-ask { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 0; font: 700 clamp(22px, 2.3vw, 34px)/1.2 var(--display); font-variation-settings: "wdth" 88; letter-spacing: -.02em; }
.ar-ask input { width: 6.5em; max-width: 70vw; border: 0; border-bottom: 3px solid currentColor; background: none; font: inherit; color: var(--crimson); padding: 0 2px; }
.ar-ask input::placeholder { color: rgba(159, 16, 44, .35); }
.ar-ask input:focus { outline: none; border-bottom-color: var(--ink); }
.ar-ans { margin: 12px 0 0; min-height: 1.5em; font-size: 16px; color: var(--muted); }
.ar-ans b { color: var(--crimson); }
.ar-credits { margin: 0; padding: 22px 0 0; font-size: 11.5px; line-height: 1.6; color: var(--muted); }
.ar-credits a { color: inherit; }

/* "New England is hard on paint" — the honest bit, with Ed's real jobs */
.ar-note { padding: 130px 0; background: #fff; }
.ar-note__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 6vw, 100px); align-items: center; }
.ar-note .tag { margin-bottom: 20px; }
.ar-note .d-l em { color: var(--crimson); }
.ar-note__pts { list-style: none; margin: 34px 0 0; padding: 0; display: grid; gap: 0; }
.ar-note__pts li { display: grid; gap: 6px; padding: 20px 0; border-top: 1px solid var(--line); }
.ar-note__pts li:last-child { border-bottom: 1px solid var(--line); }
.ar-note__pts b { color: var(--c); font: 700 21px/1.15 var(--display); font-variation-settings: "wdth" 88; letter-spacing: -.01em; }
.ar-note__pts p { margin: 0; color: var(--muted); font-size: 15.5px; }
.ar-note__pics { position: relative; aspect-ratio: 1 / .95; }
.ar-note__pics figure { position: absolute; margin: 0; border-radius: 22px; overflow: hidden; box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .45); }
.ar-note__pics img { width: 100%; height: 100%; object-fit: cover; }
.ar-note__pics figure:nth-child(1) { left: 0; top: 0; width: 64%; height: 58%; }
.ar-note__pics figure:nth-child(2) { right: 0; top: 18%; width: 46%; height: 44%; }
.ar-note__pics figure:nth-child(3) { left: 14%; bottom: 0; width: 56%; height: 40%; border: 8px solid #fff; }
.ar-note__pics figcaption { position: absolute; left: 10px; bottom: 10px; padding: 6px 10px; border-radius: 99px; background: rgba(255, 255, 255, .92); font: 600 11.5px/1 var(--sans); }
.ar-note__small { margin: 16px 0 0; font-size: 13px; color: var(--muted); }
@media (max-width: 900px) { .ar-note { padding: 90px 0; } .ar-note__grid { grid-template-columns: 1fr; } }
.ar-note__pts i { display: none; }