/* The locality experience shares the site's existing voice and artwork. */
.locality-hub-page,.locality-detail-page{background:#fff}.locality-eyebrow{font-size:16px;color:var(--muted);margin-bottom:25px}.locality-hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:55px;padding-bottom:75px;align-items:center}.locality-hero h1{font-size:clamp(44px,4.8vw,74px);letter-spacing:-.045em;line-height:1.15}.locality-hero-copy{position:relative;z-index:2}.locality-lead{font-size:20px;line-height:1.8;margin-top:26px;max-width:47ch}.locality-hero-art{position:relative;aspect-ratio:.93;min-width:0;overflow:hidden;border-radius:3px 3px 90px 3px;background:#edf1ee}.locality-hero-art>img{width:100%;height:100%;object-fit:cover;object-position:75% 50%}.locality-image-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 30px;background:linear-gradient(transparent,#0a221fbd);color:white;font-size:16px;line-height:1.65}.locality-image-caption span{display:block}.locality-image-caption span:first-child{font-family:var(--serif);font-size:28px;letter-spacing:-.035em}.locality-search{position:relative;max-width:520px;margin-top:37px}.locality-search label{font-size:19px;display:block;margin-bottom:14px}.locality-search-field{display:flex;align-items:center;border-bottom:1.5px solid var(--ink);gap:17px;padding:0 0 13px}.locality-search-field input{background:transparent;border:0;padding:10px 0;min-width:0;width:100%;font-size:24px;color:var(--ink);line-height:1.4;border-radius:0}.locality-search-field input::placeholder{color:#6b7c76;opacity:1}.locality-search-field button{width:48px;height:48px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white}.locality-search-field>svg{flex-shrink:0}.locality-search>p{font-size:15px;color:var(--muted);margin-top:13px}.locality-results{position:absolute;top:100%;left:-18px;right:-18px;padding:20px 22px;background:#fff;box-shadow:0 14px 35px #183e3c20;border:1px solid #dce6df;z-index:10;border-radius:3px;max-height:min(470px,55svh);overflow:auto}.locality-results>p{font-size:15px;line-height:1.55}.locality-results ul{list-style:none;margin:15px 0 0;padding:0}.locality-results li+li{margin:0}.locality-results li a{display:grid;grid-template-columns:1fr auto;column-gap:18px;padding:13px 4px;border-top:1px solid #e4ebe7}.locality-results li a>span:first-child{font-size:20px;grid-column:1}.locality-results li small{font-size:14px;grid-column:1;color:var(--muted)}.locality-results li a>span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:23px}.locality-results li a:hover{background:#eff5f1}.locality-results #locality-no-match a{text-decoration:underline}.locality-browse{padding-block:55px 65px}.locality-browse-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.locality-browse h2{font-size:clamp(34px,3.5vw,53px);max-width:12ch}.locality-browse-heading>p{font-size:19px;line-height:1.8}.locality-nearby-names{display:flex;flex-wrap:wrap;gap:12px 30px;max-width:1100px;margin-top:50px;font-family:var(--serif);font-size:clamp(29px,3.2vw,47px);letter-spacing:-.04em;line-height:1.55}.locality-nearby-names a{position:relative;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}.locality-nearby-names a:after{content:','}.locality-nearby-names a:last-child:after{content:'.'}.locality-nearby-names a:hover{color:#477668;border-color:#8aaca0}.locality-index{margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.locality-index>summary,.locality-coverage-note>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:74px;font-size:19px;padding:15px 0}.locality-index>summary::-webkit-details-marker,.locality-coverage-note>summary::-webkit-details-marker{display:none}.locality-index>summary span,.locality-coverage-note>summary span{font-size:27px;font-weight:400;transition:transform .25s}.locality-index[open]>summary span,.locality-coverage-note[open]>summary span{transform:rotate(45deg)}.locality-alphabet{padding:10px 0 35px}.locality-alphabet>section{display:grid;grid-template-columns:100px 1fr;gap:25px;padding-block:22px}.locality-alphabet h3{font-size:26px}.locality-alphabet p{display:flex;flex-wrap:wrap;gap:10px 26px;max-width:none;font-size:17px;line-height:1.8}.locality-alphabet a{text-decoration:underline;text-decoration-color:#b9ccc3;text-underline-offset:5px}.locality-alphabet a:hover{text-decoration-color:var(--ink)}.locality-scope-note{font-size:15px;color:var(--muted);margin-top:25px;max-width:53ch}.locality-scope-note a{text-decoration:underline;text-underline-offset:4px}.locality-listening{display:grid;grid-template-columns:1fr 1.5fr;gap:7%;align-items:center;padding-block:70px;background:#edf3f0;border-radius:3px;max-width:calc(1570px - 2*var(--edge));margin-inline:var(--edge)}.locality-listening-object{display:flex;justify-content:center;align-items:center;min-height:250px}.locality-listening-object .sculpture{width:260px;height:260px}.locality-listening h2{font-size:clamp(36px,3.6vw,56px);line-height:1.2}.locality-listening p{font-size:20px;line-height:1.8;margin-top:25px;max-width:44ch}.locality-listening .text-link{font-size:17px;margin-top:16px}.locality-next{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-block:90px 110px}.locality-next h2{font-size:clamp(34px,3.5vw,54px)}.locality-next p{font-size:19px;margin-top:22px;max-width:40ch}.locality-menus{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.locality-menus .button{font-size:17px;gap:19px;min-height:57px}.locality-next .locality-menus{margin:0;flex-shrink:0;display:grid}.locality-detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-top:42px;padding-bottom:65px}.locality-detail-hero h1{font-size:clamp(43px,4.6vw,71px);line-height:1.15;overflow-wrap:anywhere}.locality-detail-art{aspect-ratio:1;overflow:hidden;border-radius:70px 3px 3px 3px}.locality-detail-art img{height:100%;width:100%;object-fit:cover}.locality-confirmation{font-size:15px;line-height:1.65;color:var(--muted);margin-top:20px;max-width:51ch}.locality-visit{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:55px 85px}.locality-visit h2{font-size:clamp(35px,3.6vw,53px)}.locality-visit-title>p{font-size:19px;line-height:1.8;margin-top:26px;max-width:44ch}.locality-visit-title .text-link{font-size:17px;margin-top:18px}.locality-visit-details .accordion summary{font-size:22px}.locality-visit-details .accordion p{font-size:18px;line-height:1.8}.locality-neighbours{padding-block:85px 100px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.locality-neighbours h2{font-size:clamp(32px,3vw,44px)}.locality-neighbours p{font-size:18px;line-height:1.9;margin-top:20px}.locality-neighbours p a{text-decoration:underline;text-underline-offset:4px}.locality-coverage-note{border-block:1px solid var(--line)}.locality-coverage-note>div{padding-bottom:22px}.locality-coverage-note p{font-size:16px}.locality-neighbours .text-link{margin-top:16px}.locality-alphabet,.locality-coverage-note[open]>div{animation:locality-unfold .3s ease-out}@keyframes locality-unfold{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.locality-listening{margin-inline:auto}}
@media(max-width:1000px){.locality-hero,.locality-detail-hero{gap:5%}.locality-hero h1{font-size:50px}.locality-lead{font-size:18px}.locality-hero-art{aspect-ratio:.7}.locality-detail-art{aspect-ratio:.8}.locality-menus .button{font-size:16px;padding-inline:17px}.locality-listening{grid-template-columns:.7fr 1fr;gap:20px}.locality-listening-object .sculpture{width:200px;height:200px}.locality-search-field input{font-size:21px}.locality-listening p{font-size:18px}}
@media(max-width:700px){.locality-hero,.locality-detail-hero{grid-template-columns:1fr;gap:35px;padding-top:36px;padding-bottom:35px}.locality-hero h1{font-size:clamp(43px,11vw,66px)}.locality-eyebrow{margin-bottom:22px;font-size:15px}.locality-lead{font-size:18px;line-height:1.8;margin-top:24px}.locality-search{margin-top:28px}.locality-search label{font-size:17px}.locality-search-field{gap:12px;padding-bottom:8px}.locality-search-field input{font-size:22px}.locality-search-field button{width:43px;height:43px}.locality-results{left:0;right:0;padding:17px;max-height:55svh}.locality-hero-art{aspect-ratio:1.2;border-bottom-right-radius:65px}.locality-image-caption{padding:40px 22px 22px;font-size:14px}.locality-image-caption span:first-child{font-size:24px}.locality-browse{padding-top:30px;padding-bottom:35px}.locality-browse-heading{grid-template-columns:1fr;gap:24px}.locality-browse h2{max-width:16ch;font-size:36px}.locality-browse-heading>p{font-size:18px}.locality-nearby-names{font-size:30px;gap:5px 15px;margin-top:28px;line-height:1.7}.locality-index{margin-top:30px}.locality-index>summary{font-size:18px;min-height:68px}.locality-alphabet>section{grid-template-columns:1fr;gap:15px;padding-block:18px}.locality-alphabet h3{font-size:24px}.locality-alphabet p{font-size:16px;gap:9px 18px}.locality-listening{grid-template-columns:1fr;gap:8px;padding-block:20px 35px;margin-top:15px}.locality-listening-object{min-height:150px;justify-content:flex-start}.locality-listening-object .sculpture{width:160px;height:160px}.locality-listening h2{font-size:35px}.locality-listening p{font-size:18px;margin-top:22px}.locality-next{flex-direction:column;align-items:flex-start;gap:28px;padding-block:55px 65px}.locality-next h2{font-size:36px}.locality-next .locality-menus{display:flex;width:100%}.locality-next .button{flex:1}.locality-menus{gap:10px}.locality-menus .button{font-size:16px;gap:15px;min-height:55px}.locality-menus .button svg{width:17px}.locality-detail-hero h1{font-size:43px}.locality-detail-art{aspect-ratio:1.2;border-top-left-radius:50px}.locality-detail-hero .locality-menus{display:grid;grid-template-columns:1fr 1fr}.locality-detail-hero .button{padding-inline:10px;gap:10px}.locality-confirmation{font-size:15px}.locality-visit{grid-template-columns:1fr;gap:30px;padding-block:25px 45px}.locality-visit h2{font-size:36px}.locality-visit-title>p{font-size:18px}.locality-visit-details .accordion summary{font-size:20px}.locality-visit-details .accordion p{font-size:17px}.locality-neighbours{grid-template-columns:1fr;gap:30px;padding-block:50px 60px}.locality-neighbours h2{font-size:34px}.locality-neighbours p{font-size:17px}.locality-coverage-note>summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){.locality-alphabet,.locality-coverage-note[open]>div{animation:none}.locality-nearby-names a,.locality-index>summary span,.locality-coverage-note>summary span{transition:none}}

.locality-search{scroll-margin-top:125px}@media(max-width:700px){.locality-results{position:relative;top:auto;left:auto;right:auto;margin-top:18px;max-height:none;box-shadow:none}.locality-results li a{min-height:66px}}

@media(max-width:700px){.locality-detail-hero .locality-menus,.locality-next .locality-menus{display:grid;grid-template-columns:1fr}.locality-detail-hero .button,.locality-next .button{justify-content:space-between;padding-inline:20px;min-height:55px}}

/* Individually commissioned neighbourhood studies, presented as artwork. */
.locality-hero-art,.locality-detail-art{aspect-ratio:auto;border-radius:0;overflow:visible;background:transparent}.locality-hero-art figure,.locality-detail-art figure{margin:0}.locality-hero-art figure>img,.locality-detail-art figure>img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:center;border-radius:3px 3px 66px 3px}.locality-detail-art figure>img{border-radius:58px 3px 3px 3px;aspect-ratio:1.25}.locality-hero-art figcaption,.locality-detail-art figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px 18px;flex-wrap:wrap;padding-top:16px;line-height:1.65}.locality-hero-art figcaption>span,.locality-detail-art figcaption>span{font-size:18px}.locality-hero-art figcaption>small,.locality-detail-art figcaption>small{font-size:15px;color:var(--muted)}
@media(max-width:700px){.locality-hero-art figure>img,.locality-detail-art figure>img{aspect-ratio:1.45;border-radius:3px 3px 45px 3px}.locality-hero-art figcaption,.locality-detail-art figcaption{padding-top:13px;gap:3px 15px}.locality-hero-art figcaption>span,.locality-detail-art figcaption>span{font-size:17px}.locality-hero-art figcaption>small,.locality-detail-art figcaption>small{font-size:15px}}