/* Current area-page layout. Scoped away from the approved homepage and shared chrome. */
body.area-layout-page{--g-svcs:var(--paper,var(--bg-subtle));--g-proc:var(--white);--g-price:var(--paper,var(--bg-subtle));--g-work:var(--paper,var(--bg-subtle));--g-revs:var(--white);--g-areas:var(--paper,var(--bg-subtle));--g-faq:var(--white);--g-close:var(--paper,var(--bg-subtle))}
body.area-layout-page main{color:var(--ink,var(--text));background:var(--paper,var(--bg-subtle));font-family:var(--font-heading);line-height:var(--leading-normal)}
.area-layout-page main :is(h1,h2){font-family:var(--font-display);font-weight:var(--weight-normal);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}
.area-layout-page main h2{font-size:var(--step-3)}
.area-layout-page main h3{font-family:var(--font-heading);font-size:var(--step-1);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}
.area-layout-page main .eyebrow{font-size:var(--step--2);letter-spacing:var(--tracking-widest);color:var(--ink-600);margin-block-end:var(--space-xs)}
.area-layout-page main p{line-height:var(--leading-normal)}
.area-layout-page main :is(.btn,.button){font-family:var(--font-heading)}
.area-layout-page main :is(.btn,.button)>svg{display:none}
.area-breadcrumb,.area-hero,.area-section{max-inline-size:var(--width-wide);margin-inline:auto;padding-inline:var(--pad,var(--gutter))}
.area-breadcrumb{padding-block:var(--space-m) var(--space-xs);font-size:var(--step--2)}
.area-breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;padding:0;margin:0}
.area-breadcrumb li+li::before{content:'/';margin-inline-end:var(--space-xs);color:var(--ink-500)}
.area-breadcrumb a{text-decoration:underline;text-underline-offset:var(--space-3xs)}
.area-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;padding-block:var(--space-l) var(--space-xl)}
.area-hero-copy,.area-hero-photo{min-inline-size:0}
.area-hero h1{font-size:var(--step-5);margin:0 0 var(--space-m);text-wrap:balance}
.area-hero-lead{font-size:var(--step-1);margin-block:0 var(--space-s)}
.area-hero-description{font-size:var(--step-0);max-inline-size:var(--measure);margin-block:0 var(--space-m)}
.area-hero-photo{margin:0;align-self:stretch;display:flex}
.area-hero-photo picture{display:flex;width:100%;align-self:stretch}
.area-hero-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:5/4;border-radius:0}
.area-hero-photo figcaption{font-size:var(--step--2);color:var(--ink-600);padding-block-start:var(--space-xs)}
.area-proof{background:var(--white);border-block:thin solid var(--border-strong);padding:var(--space-m) var(--pad,var(--gutter))}
.area-layout-page .area-proof .hero__proof{position:static;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;max-inline-size:var(--width-wide);padding:0;margin:0 auto;gap:var(--space-xs) var(--space-m);color:var(--ink,var(--text));border:0;opacity:1;transform:none}
.area-layout-page .area-proof .hero__proof>div{padding:0;border:0;min-inline-size:0}
.area-layout-page .area-proof .hero__proof :is(span,p,a){color:inherit;font-family:var(--font-heading);line-height:var(--leading-snug)}
.area-layout-page .area-proof .hero__proof span{font-size:var(--step--1)}
.area-layout-page .area-proof .hero__proof p{font-size:var(--step--2);margin:0}
.area-section{padding-block:var(--section-y)}
.area-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);align-items:start;margin-block-end:var(--space-l)}
.area-section-heading h2{margin:0}.area-section-heading>p{margin:0;max-inline-size:var(--measure)}
.area-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-l)}
.area-service-card{display:block;color:inherit;text-decoration:none;border-bottom:thin solid var(--border-strong);padding-block-end:var(--space-m)}
.area-service-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;height:auto;margin-block-end:var(--space-s)}
.area-card-number{font-size:var(--step--2);color:var(--accent-text);display:block;margin-block-end:var(--space-xs)}
.area-service-card h3{margin:0 0 var(--space-xs)}.area-service-card p{margin:0;color:var(--ink-600);font-size:var(--step--1)}
.area-service-card:hover h3,.area-service-card:focus-visible h3{color:var(--accent-text)}
.area-layout-page main :is(.sx,.faq,.grev,.work,.areas,.close,.cband){padding-block:var(--section-y);padding-inline:var(--pad,var(--gutter))}
.area-layout-page main .split{gap:var(--space-xl);align-items:start}
.area-layout-page main :is(.sec-sub,.sx__outro,.sfeat__c p,.sproc__b){font-family:var(--font-heading);font-size:var(--step-0);color:var(--ink-600);line-height:var(--leading-normal)}
.area-layout-page .sfeat__c{border-radius:0;box-shadow:none;padding:var(--space-m);background:var(--white);border-color:var(--border-strong)}
.area-layout-page .sfeat__c:hover{transform:none;box-shadow:none}
.area-layout-page .sfeat__n{color:var(--accent-text)}
.area-layout-page .sfeat__c h3{color:var(--ink,var(--text))}
.area-layout-page main .ogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-l)}
.area-layout-page main .ocard{border-radius:0;background:var(--white);border-color:var(--border-strong);box-shadow:none;transform:none;min-inline-size:0}
.area-layout-page main .ocard__ph{aspect-ratio:4/3;overflow:hidden}
.area-layout-page main .ocard__ph img{width:100%;height:100%;object-fit:cover}
.area-layout-page main .ocard__in{padding:var(--space-m)}
.area-layout-page main .ocard__t{font-size:var(--step-1);margin:0 0 var(--space-xs)}
.area-layout-page main .ocard__b{font-family:var(--font-heading);font-size:var(--step--1);color:var(--ink-600)}
.area-layout-page main .areas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);min-block-size:0}
.area-layout-page main .areas__fig{position:static;min-block-size:0;align-self:start;aspect-ratio:4/3;overflow:hidden}
.area-layout-page main .areas__fig img{height:100%;object-fit:cover}
.area-layout-page main .alist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs) var(--space-m)}
.area-layout-page main .alist a{font-size:var(--step--1);padding-block:var(--space-xs);line-height:var(--leading-snug)}
.area-layout-page main .areas__more,.area-layout-page main .areas__askb{font-family:var(--font-heading);font-size:var(--step--1);line-height:var(--leading-normal);color:var(--ink-600)}
.area-layout-page main .areas__ask{font-size:var(--step-1);font-family:var(--font-display)}
.area-layout-page main .area-directory-section{padding-block:var(--section-y-tight);max-inline-size:var(--width-wide)}
.area-layout-page main .area-directory-section h2{font-size:var(--step-3)}
.area-layout-page main .area-directory-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs) var(--space-l)}
.area-layout-page main .area-directory-list li{padding:var(--space-xs) 0;border-color:var(--border-strong)}
.area-layout-page main .area-directory-list .area-directory-name{font-size:var(--step--1);line-height:var(--leading-normal);margin:0}
.area-layout-page main .area-directory-list a{padding-block:var(--space-xs);font-size:var(--step--1)}
.area-layout-page main .area-guide-grid article{border-radius:0;padding:var(--space-m);background:var(--white);border-color:var(--border-strong)}
.area-layout-page main .area-guide-grid h3{font-size:var(--step-1)}
.area-layout-page main .area-guide-grid p{font-size:var(--step--1)}
.area-layout-page main .close{background:var(--paper,var(--bg-subtle));color:var(--ink,var(--text))}
.area-layout-page main .close :is(h2,.sec-sub,.claims,.close__tel){color:var(--ink,var(--text))}
.area-layout-page .area-reference-note{font-size:var(--step--2);color:var(--ink-600)}
.area-layout-page .area-draft-metrics,.area-layout-page .area-planning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l);margin-block:var(--space-l)}
.area-layout-page .area-draft-metrics article,.area-layout-page .area-planning-grid article{border-top:thin solid var(--border-strong);padding-block-start:var(--space-m)}
.area-layout-page .area-draft-metrics strong{font-family:var(--font-display);font-size:var(--step-5);font-weight:var(--weight-normal)}
.area-layout-page .area-draft-metrics h3,.area-layout-page .area-planning-grid h3{margin-block:var(--space-xs)}
.area-layout-page .area-source-note{font-size:var(--step--2);line-height:var(--leading-normal);color:var(--ink-600)}
.area-layout-page .area-source-note a,.area-layout-page .area-related a{text-decoration:underline;text-underline-offset:var(--space-3xs)}
.area-layout-page .area-related{display:flex;flex-wrap:wrap;gap:var(--space-s) var(--space-l);padding:0;list-style:none}
.area-layout-page .area-related a{display:block;padding-block:var(--space-xs)}
.area-layout-page .area-faq details{border-block-start:thin solid var(--border-strong);padding-block:var(--space-s)}
.area-layout-page .area-faq summary{font-family:var(--font-heading);font-size:var(--step-0);font-weight:var(--weight-semibold);cursor:pointer}
.area-layout-page .area-faq details p{margin-block:var(--space-s) 0;max-inline-size:var(--measure)}
.area-layout-page .area-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-l);padding:0;list-style:none;counter-reset:area-step}
.area-layout-page .area-process li{counter-increment:area-step;border-top:thin solid var(--border-strong);padding-block-start:var(--space-m)}
.area-layout-page .area-process li::before{content:counter(area-step);display:block;color:var(--accent-text);font-family:var(--font-display);font-size:var(--step-2);margin-block-end:var(--space-xs)}
@media(max-width:900px){.area-hero{gap:var(--space-l)}.area-service-grid,.area-layout-page main .ogrid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-layout-page .area-proof .hero__proof{grid-template-columns:repeat(3,minmax(0,1fr))}.area-layout-page main .area-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.area-breadcrumb,.area-hero,.area-section{padding-inline:var(--space-s)}.area-breadcrumb{padding-block:var(--space-s) var(--space-xs)}.area-hero{grid-template-columns:minmax(0,1fr);gap:var(--space-m);padding-block:var(--space-s) var(--space-l)}.area-hero h1{font-size:var(--step-4);margin-block-end:var(--space-s)}.area-hero-description{font-size:var(--step--1)}.area-hero-lead{font-size:var(--step-0)}.area-hero-photo img{aspect-ratio:4/3;max-block-size:none}.area-section{padding-block:var(--section-y-tight)}.area-section-heading{grid-template-columns:minmax(0,1fr);gap:var(--space-s)}.area-service-grid{gap:var(--space-s)}.area-service-card h3{font-size:var(--step-0)}.area-service-card p{font-size:var(--step--1)}.area-layout-page main :is(.sx,.faq,.grev,.work,.areas,.close,.cband){padding-inline:var(--space-s);padding-block:var(--section-y-tight)}.area-layout-page main .areas{grid-template-columns:minmax(0,1fr);gap:var(--space-l)}.area-layout-page main .ogrid{gap:var(--space-s)}.area-layout-page main .ocard__in{padding:var(--space-s)}.area-layout-page .area-process{grid-template-columns:repeat(2,minmax(0,1fr))}.area-proof{padding:var(--space-m) var(--space-s)}.area-layout-page .area-proof .hero__proof{gap:var(--space-xs) var(--space-s)}.area-layout-page .area-proof .hero__proof span{font-size:var(--step--2)}.area-layout-page .area-proof .hero__proof p{font-size:var(--step--2)}}
@media(max-width:375px){.area-service-grid,.area-layout-page main .ogrid,.area-layout-page .area-draft-metrics,.area-layout-page .area-planning-grid{grid-template-columns:minmax(0,1fr)}.area-layout-page main .area-directory-list{grid-template-columns:minmax(0,1fr)}}

.area-layout-page .area-reference-photo{display:block}.area-layout-page .area-reference-photo img{height:auto;aspect-ratio:4/3;object-fit:contain}.area-layout-page .area-reference-photo figcaption{display:block}

.area-layout-page .area-directory-name small{display:block;font-size:var(--step--2);color:var(--ink-600)}

/* Legacy hero proof styling was designed for an image overlay. Here it is a normal white strip. */
body.area-layout-page main .area-proof .hero__proof{inset:auto;width:auto;min-width:0;max-width:100%;margin:0;background:transparent;backdrop-filter:none;padding:0;color:var(--ink,var(--text))}
body.area-layout-page main .area-proof .hero__proof :is(span,p,a){color:inherit}
body.area-layout-page main .area-hero h1{font-family:var(--font-display);color:var(--ink,var(--text))}
body.area-layout-page main .area-hero .btn{border-radius:0;padding:var(--space-xs) var(--space-m)}
body.area-layout-page main .area-breadcrumb{padding-inline:var(--pad,var(--gutter))}
@media(max-width:700px){body.area-layout-page main .area-breadcrumb{padding-inline:var(--space-s)}body.area-layout-page main .area-proof .hero__proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs) var(--space-s)}}

/* Keep area review headings readable on their light surface before and after enhancement. */
body.area-layout-page main section.grev.gdb-review-carousel{background:var(--white);color:var(--text);color-scheme:light}
body.area-layout-page main .grev .gdb-review-heading :is(h2,a,.grev__rate b){color:var(--text)}
body.area-layout-page main .grev .gdb-review-heading :is(p,.grev__count){color:var(--ink-600)}
body.area-layout-page main .grev .gdb-review-heading .eyebrow{color:var(--accent-text)}