/* Only the ten reviewed neighbourhood landing pages. No homepage selectors. */
.area-landing main{background:var(--white)}
.area-landing .area-breadcrumb{background:var(--white)}
.area-landing .area-opening{position:relative;isolation:isolate;display:grid;align-items:center;min-block-size:calc(var(--space-3xl)*5);padding:var(--space-2xl) var(--pad,var(--gutter));background:var(--ink-800);color:var(--white)}
.area-landing .area-film{position:absolute;inset:0;z-index:-1;margin:0;overflow:hidden}
.area-landing .area-film-stage{position:relative;inline-size:100%;block-size:100%;background:var(--ink-800)}
.area-landing .area-film-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:rgba(var(--hero-overlay-rgb),.72)}
.area-landing .area-film :is(img,video){position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.area-landing .area-film video{opacity:0}
.area-landing .area-film.has-video-frame video{opacity:1}
.area-landing .area-opening-copy{inline-size:100%;max-inline-size:var(--width-wide);margin-inline:auto}
.area-landing .area-opening .eyebrow{color:var(--accent-tint);margin-block:0 var(--space-s)}
.area-landing .area-opening h1{max-inline-size:26ch;font-size:var(--step-5);color:var(--white);margin-block:0 var(--space-m);text-wrap:balance}
.area-landing .area-opening-summary{font-weight:var(--weight-semibold);margin-block:0 var(--space-xs)}
.area-landing .area-opening-lead{font-size:var(--step-1);max-inline-size:42ch;margin-block:var(--space-s)}
.area-landing .area-opening-description{font-size:var(--step--1);max-inline-size:60ch;margin-block:var(--space-s) 0;color:var(--white)}
.area-landing .area-benefit-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-m);padding:var(--space-l) var(--pad,var(--gutter));background:var(--white);border-bottom:thin solid var(--border-strong)}
.area-landing .area-benefit-strip details{position:relative;min-inline-size:0;border:0;margin:0;padding:0}
.area-landing .area-benefit-strip summary{display:block;font-family:var(--font-display);font-size:var(--step--1);line-height:var(--leading-snug);list-style:none;cursor:pointer;padding-block:var(--space-xs)}
.area-landing .area-benefit-strip summary::-webkit-details-marker{display:none}
.area-landing .area-benefit-strip summary:hover,.area-landing .area-benefit-strip details[open] summary{color:var(--accent-text)}
.area-landing .area-benefit-strip p{font-size:var(--step--2);margin:var(--space-xs) 0 0;color:var(--ink-600)}
.area-landing .area-benefit-strip a{text-decoration:underline;text-underline-offset:var(--space-3xs)}
.area-landing .area-section-heading p{margin-block:0 var(--space-s);max-inline-size:var(--measure)}
.area-landing .area-section{border-bottom:thin solid var(--border);scroll-margin-top:var(--space-3xl)}
.area-landing .area-portfolio{background:var(--bg-subtle)}
.area-landing .photo-track{display:flex;gap:var(--space-l);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--space-xs);margin:0}
.area-landing .photo-slide{flex:0 0 calc((100% - var(--space-l))/2);min-inline-size:0;scroll-snap-align:start;margin:0}
.area-landing .photo-slide>img{inline-size:100%;aspect-ratio:4/3;object-fit:cover;block-size:auto;pointer-events:none;user-select:none}
.area-landing .photo-slide figcaption{padding-block:var(--space-m);font-family:var(--font-heading);font-size:var(--step--1);color:var(--ink-600)}
.area-landing .photo-slide figcaption span{font-size:var(--step--2);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent-text)}
.area-landing .photo-slide figcaption p{margin-block:var(--space-xs) 0}
.area-landing .slider-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}
.area-landing .slider-controls>div{display:flex;gap:var(--space-xs)}
.area-landing .slider-controls button{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-2xl);block-size:var(--space-2xl);border:thin solid var(--border-strong);border-radius:50%;background:var(--white);color:var(--text);cursor:pointer}
.area-landing .slider-controls button svg{inline-size:var(--space-l);block-size:var(--space-l)}
.area-landing .slider-status{font-size:var(--step--2);color:var(--ink-600)}
.area-landing .area-portfolio-more{margin-block:var(--space-l) 0}.area-landing .area-portfolio-more a{text-decoration:underline;text-underline-offset:var(--space-3xs)}
.area-landing .area-service-card{display:flex;flex-direction:column;margin:0;background:var(--white);padding:0 0 var(--space-m)}
.area-landing .area-service-card>img{inline-size:100%;aspect-ratio:4/3;block-size:auto;object-fit:cover}
.area-landing .area-service-card>div{display:flex;flex-direction:column;flex:1;align-items:start}
.area-landing .area-service-card .area-card-number{font-family:var(--font-display);font-size:var(--step-3);line-height:var(--leading-snug);margin-block:var(--space-xs) var(--space-s)}
.area-landing .area-service-card a{display:inline-block;margin-block-start:auto;padding-block:var(--space-m) var(--space-xs);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:var(--space-3xs)}
.area-landing .area-story-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l);margin-block:var(--space-l)}
.area-landing .area-story-photos figure{margin:0;min-inline-size:0}
.area-landing .area-story-photos img{inline-size:100%;aspect-ratio:4/3;block-size:auto;object-fit:cover}
.area-landing .area-story-photos figcaption{font-size:var(--step--2);color:var(--ink-600);padding-block:var(--space-s)}
.area-landing .area-section :is(p,li){overflow-wrap:break-word}
@media(max-width:1050px){.area-landing .area-benefit-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .area-landing .area-opening{display:flex;flex-direction:column;align-items:stretch;min-block-size:0;padding:0;background:var(--white);color:var(--text)}
 .area-landing .area-film{position:relative;inset:auto;z-index:0;inline-size:100%;aspect-ratio:16/9;overflow:hidden}
 .area-landing .area-film :is(img,video){object-fit:contain}
 .area-landing .area-film-stage::after{background:var(--mobile-hero-tint)}
 .area-landing .area-opening-copy{padding:var(--space-l) var(--space-s) var(--space-m);box-sizing:border-box}
 .area-landing .area-opening .eyebrow{color:var(--accent-text);font-size:var(--step--2)}
 .area-landing .area-opening h1{font-size:var(--step-4);color:var(--text);max-inline-size:none}
 .area-landing .area-opening-summary{font-size:var(--step--1)}
 .area-landing .area-opening-lead{font-size:var(--step-0);max-inline-size:none}
 .area-landing .area-opening-description{font-size:var(--step--1);color:var(--ink-600);max-inline-size:none}
 .area-landing .area-benefit-strip{padding:var(--space-m) var(--space-s);gap:var(--space-s)}
 .area-landing .area-benefit-strip summary{font-size:var(--step--2);min-block-size:var(--space-xl)}
 .area-landing .area-benefit-strip details::before{content:'';display:block;inline-size:var(--space-m);border-top:thin solid var(--border-strong);margin-block-end:var(--space-xs)}
 .area-landing .photo-slide{flex-basis:88%}
 .area-landing .photo-track{gap:var(--space-s)}
 .area-landing .area-section-heading{margin-block-end:var(--space-m)}
 .area-landing .area-story-photos{grid-template-columns:minmax(0,1fr)}
 .area-landing .area-service-card .area-card-number{font-size:var(--step-2)}
}
@media(prefers-reduced-motion:reduce){.area-landing .photo-track{scroll-behavior:auto}}
