/* The North East Painting Co
   Layout language after duna.com: white page, full-bleed photo fading into the page,
   light-weight tight grotesk headlines, pill buttons, stone panels, hairline columns.
   Type: Schibsted Grotesk (display) + Hanken Grotesk (body). Shape rule: pills for
   buttons and chips, 24px panels, 16px inner media and cards, 12px inputs. */

@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/schibsted-grotesk-400.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/hanken-grotesk-400.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/hanken-grotesk-500.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/hanken-grotesk-700.woff2') format('woff2')}
/* Merriweather Bold: the typeface of the lettering inside the logo, used only for the company name beside it */
@font-face{font-family:'Merriweather';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/merriweather-700.woff2') format('woff2')}

:root{
  --bg:#111513;
  --bg-soft:#171c19;
  --panel:#1c221e;
  --ink:#eef1ee;
  --ink-2:#b7bfba;
  --ink-3:#8f9993;
  --ink-faint:#6f7873;
  --line:rgba(238,241,238,.12);
  --line-strong:rgba(238,241,238,.26);
  --accent:#2e6a40;
  --accent-2:#3a7d4e;
  --accent-soft:#1d2f23;
  --wa:#0f7568;
  --wa-hover:#0b5c52;
  --brick:#b8382f;
  --gold:#d9a441;
  --shadow:0 24px 60px -30px rgba(0,0,0,.7);
  --r-panel:24px;
  --r-card:16px;
  --r-input:12px;
  --r-pill:999px;
  --font-display:'Schibsted Grotesk','Hanken Grotesk',system-ui,sans-serif;
  --font-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --max:1180px;
  --gutter:clamp(16px,4vw,40px);
  --header-h:96px;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:#9fcfab}
h1,h2{font-family:var(--font-display);font-weight:400;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2.6rem,6.2vw,4.5rem);line-height:1;letter-spacing:-.045em}
h2{font-size:clamp(1.9rem,3.6vw,2.75rem);line-height:1.08;letter-spacing:-.03em}
h3,h4{font-family:var(--font-body);font-weight:500;font-size:1.15rem;line-height:1.3;margin:0 0 .4em;color:var(--ink)}
p{margin:0 0 1em}
.lede{font-size:1.15rem;color:var(--ink-2);max-width:58ch}
.muted{color:var(--ink-2)}
.wrap{width:min(var(--max),100% - 2*var(--gutter));margin-inline:auto}
.section{padding:clamp(3.5rem,8vw,6.5rem) 0}
.section-tight{padding:clamp(2.5rem,5vw,4rem) 0}
.section-head{max-width:62ch;margin-bottom:clamp(2rem,4vw,3rem)}
.section-head p{color:var(--ink-2);font-size:1.1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
:focus-visible{outline-color:#9fcfab}
.ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Buttons and chips */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  padding:.8rem 1.3rem;border-radius:var(--r-pill);
  font:inherit;font-size:.98rem;font-weight:500;line-height:1;white-space:nowrap;
  text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,color .18s,border-color .18s;
}
.btn:active{transform:scale(.98)}
.btn .ico{width:18px;height:18px}
.btn-primary{background:var(--wa);color:#fff}
.btn-primary:hover{background:var(--wa-hover);color:#fff}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn-outline:hover{border-color:var(--ink)}
.btn-secondary{background:var(--bg);color:var(--ink);border-color:var(--line-strong)}
.btn-secondary:hover{border-color:var(--ink)}
.btn-white{background:#fff;color:#1a1d1b}
.btn-white:hover{background:#f1f1ee;color:#1a1d1b}
.btn-on-green{background:#fff;color:#1f4d2b}
.btn-on-green:hover{background:#f1f1ee;color:#163a20}
.btn-ghost-on-green{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost-on-green:hover{border-color:#fff;color:#fff}
.btn-wa{background:var(--accent);color:#fff}
.btn-wa:hover{background:var(--accent-2);color:#fff}
.btn-wa img{width:18px;height:18px}
.btn-wa-bright{background:#25d366;color:#0b1a10}
.btn-wa-bright:hover{background:#1fc25c;color:#0b1a10}
.btn-wa-bright img{width:18px;height:18px;filter:brightness(0);opacity:.85}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.chip{
  display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-pill);
  padding:.45rem .55rem .45rem .95rem;font-size:.88rem;font-weight:500;line-height:1;text-decoration:none;
  background:rgba(26,29,27,.72);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.chip .ico{width:16px;height:16px;stroke-width:2}
@media (max-width:640px){.chip{white-space:normal;text-align:center;line-height:1.25;max-width:88vw}}
.chip:hover{background:rgba(26,29,27,.86);color:#fff}
.label-pill{
  display:inline-block;border-radius:var(--r-pill);padding:.4rem .85rem;font-size:.88rem;font-weight:500;line-height:1;
  background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);
}
.more{display:inline-flex;align-items:center;gap:.3rem;font-weight:500;color:var(--ink);text-decoration:none}
.more:hover{text-decoration:underline;text-underline-offset:3px}
.more .ico{width:18px;height:18px;stroke-width:2}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);min-width:0;justify-self:start}
.brand img{width:82px;height:82px;border-radius:50%;flex:none}
@media (max-width:900px){:root{--header-h:84px}.brand img{width:68px;height:68px}.site-header .brand::before{left:-8px;top:-6px;width:34px;height:70px}.site-header .brand::after{left:43px;top:42px;width:33px;height:30px}}
.brand span{font-family:'Merriweather',Georgia,'Times New Roman',serif;font-weight:700;font-size:1rem;line-height:1.22;max-width:15ch;letter-spacing:0}
@media (max-width:900px){.brand span{white-space:normal;max-width:15ch;font-size:.92rem}}
.nav{display:flex;align-items:center;gap:1.4rem;justify-self:center}
.nav a{color:var(--ink-2);font-weight:500;font-size:.95rem;text-decoration:none;padding:.25rem 0}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}
.nav a.nav-cta{display:none}
.header-cta{justify-self:end;display:flex;align-items:center;gap:.5rem}
.header-cta .btn{padding:.7rem 1.15rem;font-size:.92rem}
.social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);color:var(--ink);transition:border-color .18s}
.social:hover{border-color:var(--ink)}
.social .ico{width:20px;height:20px;stroke-width:1.75}
.nav a.nav-fb,.nav a.nav-all{display:none}
.nav-toggle{display:none;background:none;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:.6rem .95rem;font:inherit;font-size:.92rem;font-weight:500;color:var(--ink);cursor:pointer}
@media (max-width:1240px){
  .header-inner{grid-template-columns:1fr auto}
  .nav{display:none}
  .header-cta .btn,.header-cta .social{display:none}
  .nav-toggle{display:inline-flex;align-items:center}
  .site-header.open .nav{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    position:absolute;left:0;right:0;top:var(--header-h);justify-self:stretch;width:auto;
    background:var(--bg);border-bottom:1px solid var(--line);
    padding:.5rem var(--gutter) 1.25rem;
  }
  .site-header.open .nav a{padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .site-header.open .nav a.nav-fb,.site-header.open .nav a.nav-all{display:block}
  .site-header.open .nav a.nav-cta{display:inline-flex;margin:1rem 0 0;border:0;justify-content:center;background:var(--wa);color:#fff;padding:.9rem 1.3rem}
}

/* Hero: one treatment at every width. The photo fills the first screen and runs up behind the header,
   fading in from the header at the top and out to the page colour at the bottom, with the copy over the fade. */
.hero{position:relative;padding:0;background:var(--bg);margin-top:calc(-1 * var(--header-h))}
.hero-art{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-art::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 42%,color-mix(in srgb,var(--bg) 45%,transparent) 62%,color-mix(in srgb,var(--bg) 82%,transparent) 82%,var(--bg) 100%)}
.hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:0 var(--gutter) clamp(1.25rem,3vh,2.5rem);text-align:center}
.hero-copy::before{content:"";position:absolute;left:0;right:0;top:-160px;bottom:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 42%,rgba(0,0,0,.5),transparent 72%)}
.hero-copy h1,.hero-copy .lede{text-shadow:0 2px 22px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.55)}
.hero-copy h1{max-width:22ch;margin:0 auto .8rem;font-size:clamp(2.6rem,5.2vw,4.5rem)}
.hero-copy .lede{margin:0 auto 1.4rem;text-align:center;max-width:52ch}
.hero-btns{justify-content:center}
.site-header{--hdr:color-mix(in srgb,var(--bg) 88%,transparent);transition:background .25s}
.site-header.at-top{--hdr:var(--bg);background:var(--bg)}
.site-header::after{content:"";position:absolute;left:0;right:0;top:100%;height:180px;pointer-events:none;background:linear-gradient(180deg,var(--hdr) 0%,color-mix(in srgb,var(--hdr) 88%,transparent) 14%,color-mix(in srgb,var(--hdr) 62%,transparent) 34%,color-mix(in srgb,var(--hdr) 34%,transparent) 56%,color-mix(in srgb,var(--hdr) 12%,transparent) 78%,transparent 100%)}
@media (max-width:640px){
  .hero-art::after{background:linear-gradient(180deg,transparent 26%,color-mix(in srgb,var(--bg) 50%,transparent) 50%,color-mix(in srgb,var(--bg) 85%,transparent) 76%,var(--bg) 100%)}
  .hero-copy h1{font-size:clamp(2.1rem,9.5vw,2.6rem)}
  .hero-copy .lede{font-size:1rem;margin-bottom:1.1rem}
  .hero-copy{padding-bottom:calc(1.25rem + 70px)}
}

/* Towns row (the logo row) */
.towns{padding:clamp(3.5rem,7vw,6rem) 0 clamp(3.5rem,7vw,6rem);text-align:center}
.towns .section-head{margin:0 auto clamp(1.5rem,3vw,2.25rem)}
.towns .section-head p{max-width:52ch;margin-inline:auto}
.towns-foot{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:center;margin-top:0}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:3rem;width:max-content;padding:0 1.5rem}
.marquee-track span{font-family:var(--font-display);font-size:clamp(1.35rem,2.3vw,1.9rem);letter-spacing:-.02em;color:var(--ink-2);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){
  .marquee-track{animation:marquee 48s linear infinite}
  @keyframes marquee{to{transform:translateX(-50%)}}
}
@media (prefers-reduced-motion:reduce){
  .marquee{mask-image:none;-webkit-mask-image:none}
  .marquee-track{width:auto;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}
  .marquee-track .dup{display:none}
}

/* Statement, stats and pillars */
.statement{border-top:1px solid var(--line);padding-top:clamp(3.5rem,7vw,6rem)}
.statement h2{max-width:32ch}
.stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(2rem,5vw,4.5rem);margin:clamp(2rem,4vw,3rem) 0 clamp(2.5rem,5vw,4rem)}
.stat .num{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.75rem);line-height:1;letter-spacing:-.04em;color:var(--ink)}
.stat .lbl{display:block;margin-top:.5rem;font-weight:500;color:var(--ink-2)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pillar{padding:2.25rem 2rem 2.5rem 0}
.pillar + .pillar{border-left:1px solid var(--line);padding-left:2rem}
.pillar .ico{width:30px;height:30px;color:var(--ink)}
.pillar h3{margin:1.25rem 0 .45rem}
.pillar p{margin:0;color:var(--ink-2);font-size:.98rem;max-width:32ch}
@media (max-width:820px){
  .stats{grid-template-columns:repeat(3,1fr);gap:1rem}
  .stat .lbl{font-size:.92rem}
  .stat .num{font-size:2.4rem}
  .pillars{grid-template-columns:1fr;border-bottom:0}
  .pillar{padding:1.75rem 0;border-bottom:1px solid var(--line)}
  .pillar + .pillar{border-left:0;padding-left:0}
}

/* Recommended */
.recommend{padding:clamp(3.5rem,7vw,6rem) 0 0;text-align:center;background:linear-gradient(180deg,var(--bg),transparent 45%)}
.recommend .section-head{margin:0 auto clamp(2rem,4vw,3rem)}
.recommend .section-head p{max-width:50ch;margin-inline:auto}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;text-align:left}
.review-card{margin:0;padding:1.6rem 1.6rem 1.5rem;background:var(--bg-soft);border-radius:var(--r-panel);display:flex;flex-direction:column}
.review-card .stars{margin-bottom:.8rem}
.review-card blockquote{margin:0 0 1.1rem;font-family:var(--font-display);font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.35;letter-spacing:-.01em;color:var(--ink);flex:1}
.review-card figcaption{color:var(--ink-3);font-size:.92rem}
.review-card figcaption strong{display:block;color:var(--ink);font-weight:500;font-size:1rem}
.recommend-foot{margin-top:1.5rem;justify-content:center}
.find-us{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;color:var(--ink-3);font-size:.92rem}
.find-us .badge{display:inline-flex;align-items:center;gap:.5rem;padding:0;margin:0 .5rem;color:var(--ink)}
.find-us img{height:30px;width:auto;display:block}
.mjq-word{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;line-height:1}
.mjq-word .r{color:#ff7a6b}
.mjq-word .b{color:#86b0ee}
@media (max-width:760px){.review-grid{grid-template-columns:1fr;gap:.85rem}.review-card{padding:1.2rem 1.25rem 1.1rem}.review-card blockquote{font-size:1rem;line-height:1.4;margin-bottom:.8rem}.review-card .stars{margin-bottom:.55rem}.recommend-foot{margin-top:1.1rem}}
.stars{display:inline-flex;gap:.15rem;margin-bottom:1rem}
.stars svg{width:18px;height:18px;fill:var(--gold)}

/* Sky band */
.sky{position:relative;margin-top:clamp(3.5rem,7vw,6rem);min-height:clamp(420px,50vw,620px);display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;isolation:isolate}
.sky img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2}
.sky::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,22,16,.28),rgba(12,22,16,.48));z-index:-1}
.sky-inner{padding:clamp(3rem,6vw,5rem) var(--gutter);max-width:60ch}
.sky h2{color:#fff;margin-bottom:.6rem}
.sky p{color:rgba(255,255,255,.9);font-size:1.12rem;margin:0 auto 1.75rem;max-width:48ch}
.sky-btns{justify-content:center}
.more-light{color:#fff;margin-top:1.4rem;font-size:.95rem}
.more-light:hover{color:#fff}

/* Showcase blocks */
.showcase{padding:clamp(3.5rem,7vw,6rem) 0 0}
.showcase-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:1.5rem}
.showcase-head .label-pill{margin-bottom:1.4rem}
.showcase-head h2{max-width:28ch;margin-bottom:.6rem}
.showcase-head p{color:var(--ink-2);font-size:1.1rem;max-width:48ch;margin:0}
.showcase-head .btn{margin-top:3.9rem}
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start;margin-top:clamp(2rem,4vw,2.75rem)}
.panel{background:var(--panel);border-radius:var(--r-panel);padding:clamp(1rem,3vw,2rem);aspect-ratio:1}
.panel img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-card)}
.showcase.flip .panel{order:2}
.feature-list{display:grid;gap:.35rem;margin:0;padding:0}
.feature{border-radius:var(--r-card);transition:background .2s}
.feature:hover{background:var(--bg-soft)}
.feature.open{background:var(--panel)}
.feature-head{
  width:100%;text-align:left;display:grid;grid-template-columns:24px 1fr;column-gap:.9rem;align-items:start;
  padding:1rem 1.1rem;border:0;border-radius:var(--r-card);background:transparent;
  font:inherit;font-size:1.08rem;font-weight:500;color:var(--ink);cursor:pointer;
}
.feature-head .ico{margin-top:.1rem}
.feature .d{display:none;margin:0;padding:0 1.1rem 1.05rem calc(1.1rem + 24px + .9rem);color:var(--ink-2);font-size:.95rem;line-height:1.5}
.feature.open .d{display:block}
.feature .d a{display:inline-flex;align-items:center;gap:.2rem;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}
.feature .d a:hover{text-decoration:underline;text-underline-offset:3px}
.feature .d a .ico{width:16px;height:16px;stroke-width:2}
@media (max-width:820px){
  .showcase-head{grid-template-columns:1fr}
  .showcase-head .btn{margin-top:0;justify-self:start}
  .showcase-grid{grid-template-columns:1fr}
  .showcase.flip .panel{order:0}
  .panel{aspect-ratio:4/3}
}

/* Recent work */
.work{padding:clamp(3.5rem,7vw,6rem) 0 clamp(3.5rem,7vw,6rem)}
.work-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.work-head h2{margin:0}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.75rem}
.work-card{text-decoration:none;color:var(--ink)}
.work-card img{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:var(--r-card);background:var(--bg-soft)}
.work-card h3{margin:1rem 0 .25rem;font-size:1.2rem}
.work-card p{margin:0;color:var(--ink-3);font-size:.92rem}
@media (max-width:640px){.work-grid{grid-template-columns:1fr}}

/* Green band (inner-page CTA) */
.band{background:var(--accent);color:#fff;border-radius:var(--r-panel)}
.band h2,.band h3{color:#fff}
.band p{color:rgba(255,255,255,.88)}
.band a{color:#fff}
.band-inner{padding:clamp(2rem,5vw,4rem)}
.cta-band{text-align:center}
.cta-band .band-inner{max-width:60ch;margin-inline:auto}
.cta-band p a{text-decoration:underline;text-underline-offset:3px}
.cta-band .btn-row{justify-content:center;margin-top:1.5rem}
.band a.btn-on-green{color:#1f4d2b}
.band a.btn-on-green:hover{color:#163a20}
.band a.btn-wa-bright{color:#0b1a10}
.band a.btn-wa-bright:hover{color:#0b1a10}

/* Footer */
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:var(--accent);color:#fff;margin-top:clamp(3rem,7vw,6rem);padding-top:clamp(1.75rem,3vw,2.5rem)}
.footer-scene{position:absolute;left:0;right:0;bottom:0;height:min(55%,260px);z-index:-1}
.footer-scene img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.footer-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--accent) 0%,rgba(31,77,43,.55) 55%,rgba(31,77,43,.4) 100%)}
.footer-scene::after{background:linear-gradient(180deg,var(--accent) 0%,rgba(46,106,64,.6) 55%,rgba(46,106,64,.45) 100%)}
.footer-areas{padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.18)}
.footer-areas h3{font-size:.98rem;margin:0 0 .7rem;color:#fff}
.areas-list{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:.75rem 1.5rem;margin:0}
.areas-list div{margin:0}
.areas-list dt{font-weight:500;color:#fff;margin:0 0 .25rem}
.areas-list dd{margin:0;color:rgba(255,255,255,.82);font-size:.92rem;line-height:1.45}
.areas-far dd{color:#fff}
@media (max-width:1000px){.areas-list{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.areas-list{grid-template-columns:1fr;gap:.45rem}.areas-list dt,.areas-list dd{display:inline}.areas-list dt::after{content:": "}}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.5rem 2rem}
.footer-grid h3{font-size:.98rem;margin:0 0 .6rem;color:#fff}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.footer-grid li a{display:inline-block;padding:.15rem 0}
.footer-links a{display:inline-block;padding:.15rem 0}
.footer-grid small{font-size:.82rem;opacity:.92}
.footer-grid a{color:rgba(255,255,255,.86);text-decoration:none}
.footer-grid a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer .brand{color:#fff}
.site-footer .brand span{white-space:nowrap;max-width:none}
.footer-brand p{color:rgba(255,255,255,.82);max-width:34ch;margin:.6rem 0 0}
.footer-bottom{
  margin-top:clamp(24px,3vw,36px);padding:1rem 0 calc(1rem + 52px);border-top:1px solid rgba(255,255,255,.25);
  display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;color:rgba(255,255,255,.9);font-size:.92rem;
}
.footer-bottom a{color:#fff}
.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.site-credit{color:rgba(255,255,255,.72);text-decoration:none;padding:.15rem 0}
.site-credit:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.footer-bottom{justify-content:flex-start}.site-credit{flex-basis:100%}}
@media (max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:420px){.footer-grid{grid-template-columns:1fr}}

/* Floating WhatsApp */
.wa-float{
  position:fixed;right:18px;bottom:18px;z-index:45;
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--accent);color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;
  padding:.8rem 1.1rem .8rem .9rem;border-radius:var(--r-pill);
  box-shadow:0 14px 34px -12px rgba(31,77,43,.6);
  transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s;
}
.wa-float:hover{background:var(--accent-2);transform:translateY(-2px);color:#fff}
.wa-float img{width:22px;height:22px}
@media (max-width:600px){.wa-float span{display:none}.wa-float{padding:.9rem}}

/* Inner page header */
.page-head{padding:clamp(3rem,7vw,5.5rem) 0 clamp(1.5rem,4vw,2.5rem)}
.page-head h1{max-width:18ch;font-size:clamp(2.3rem,4.8vw,3.75rem)}
.painted{position:relative}

/* Services page */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.service{background:var(--bg-soft);border-radius:var(--r-panel);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.service-media{aspect-ratio:16/9;background:var(--panel);position:relative;overflow:hidden}
.service-media img{width:100%;height:100%;object-fit:cover}
.service-media-icon{display:grid;place-items:center;background:var(--accent);color:#fff}
.photo-credit{position:absolute;left:.6rem;bottom:.5rem;font-size:.66rem;color:rgba(255,255,255,.85);background:rgba(0,0,0,.35);padding:.15rem .45rem;border-radius:999px}
.photo-credit a{color:#fff}
.service-media-icon .ico{width:clamp(72px,18%,112px);height:auto;stroke-width:1.1;opacity:.92}
.service-body{padding:1.5rem 1.6rem 1.7rem}
.service-body h2{font-size:1.6rem;margin-bottom:.4rem}
.service-body p{color:var(--ink-2)}
.includes{list-style:none;padding:0;margin:1rem 0 1.25rem;display:grid;gap:.45rem}
.includes li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-2)}
.includes .icon{color:var(--accent);margin-top:.3rem;width:16px;height:16px}
.includes .icon{color:#9fcfab}
@media (max-width:760px){.services-grid{grid-template-columns:1fr}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.step{padding:1.75rem 2rem 1.75rem 0}
.step + .step{border-left:1px solid var(--line);padding-left:2rem}
.step h3{font-size:1.2rem}
.step p{color:var(--ink-2);margin:0}
@media (max-width:720px){.steps{grid-template-columns:1fr}.step{padding:1.25rem 0;border-bottom:1px solid var(--line)}.step + .step{border-left:0;padding-left:0}}
.faq{max-width:70ch;display:grid;gap:.5rem}
.faq details{background:var(--bg-soft);border-radius:var(--r-card);padding:0 1.25rem}
.faq summary{cursor:pointer;font-weight:500;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--ink-3);line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 0 1rem;margin:0;color:var(--ink-2)}

/* Gallery */
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}
.filters button{font:inherit;font-size:.95rem;font-weight:500;background:var(--bg);border:1px solid var(--line-strong);color:var(--ink-2);border-radius:var(--r-pill);padding:.5rem 1rem;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.gallery figure{margin:0;border-radius:var(--r-card);overflow:hidden;background:var(--bg-soft);display:flex;flex-direction:column}
.gallery button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden;position:relative}
.gallery .count{position:absolute;right:.6rem;bottom:.6rem;font-size:.78rem;font-weight:500;color:#fff;background:rgba(0,0,0,.55);padding:.2rem .55rem;border-radius:999px;pointer-events:none}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.gallery button:hover img{transform:scale(1.03)}
.gallery figcaption{padding:.8rem 1rem .9rem;font-size:.95rem;color:var(--ink-2)}
.gallery figure[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.gallery img{transition:none}.gallery button:hover img{transform:none}}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.gallery{grid-template-columns:1fr}}
.empty{border:1px dashed var(--line-strong);border-radius:var(--r-panel);padding:2.5rem;text-align:center;color:var(--ink-2);max-width:48ch;margin:0 auto}
.lightbox{border:0;padding:0;background:transparent;max-width:min(92vw,1100px);width:auto}
.lightbox::backdrop{background:rgba(12,18,14,.86);backdrop-filter:blur(6px)}
.lightbox-inner{position:relative;display:grid;gap:.75rem;justify-items:center}
.lightbox img{max-height:80vh;width:auto;max-width:92vw;border-radius:16px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.lightbox-caption{color:rgba(255,255,255,.85);font-size:.95rem;text-align:center}
.lightbox-controls{display:flex;gap:.6rem}
.lightbox-controls button{font:inherit;font-weight:500;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);padding:.6rem 1.1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}
.lightbox-controls button:hover{background:rgba(255,255,255,.22)}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-grid .full{grid-column:1/-1}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}
.field{display:grid;gap:.4rem}
.field label{font-weight:500;color:var(--ink)}
.req{color:var(--brick);font-weight:600}
.req-note{font-size:.9rem;color:var(--ink-3);margin:0 0 1rem}
.field .hint{font-size:.9rem;color:var(--ink-3)}
.field input[type=file]{padding:.6rem .75rem;font-size:.95rem}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-input);padding:.85rem 1rem;width:100%}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.field textarea{min-height:140px;resize:vertical}
.field .error{color:var(--brick);font-size:.92rem;display:none}
.field.invalid input,.field.invalid textarea{border-color:var(--brick)}
.field.invalid .error{display:block}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.form-note{display:none;margin-top:1rem;padding:1rem 1.2rem;border-radius:var(--r-card);background:var(--accent-soft);color:var(--ink-2)}
.form-note[data-show]{display:block}
.form-note strong{color:var(--ink)}

/* Contact layout */
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.contact-grid > .card:first-child{grid-row:1/3}
.contact-section{padding:.4rem 0 .8rem}
.page-head.compact{padding:.6rem 0 .3rem}
.page-head.compact h1{font-size:clamp(1.9rem,3vw,2.5rem);margin:0}
.page-head.compact .lede{margin:.3rem 0 0;font-size:1rem;max-width:70ch}
.contact-grid .card{padding:1.15rem 1.3rem 1.25rem}
.contact-grid .card > h2{font-size:1.15rem;margin:0 0 .5rem}
.contact-grid .includes{margin:0;gap:.3rem;font-size:.92rem}
.contact-grid .includes .icon{margin-top:.2rem}
.contact-grid .contact-list{gap:.5rem}
.contact-grid .contact-list li strong{font-size:.78rem;margin-bottom:0}
.contact-grid .contact-list a{font-size:.98rem}
.contact-grid .contact-list span{font-size:.92rem;color:var(--ink-2)}
.contact-grid .contact-list a.btn{font-size:.88rem;padding:.5rem .95rem;margin-top:.1rem}
.contact-grid .req-note{font-size:.82rem;margin:0 0 .5rem}
.contact-grid .form-grid{gap:.6rem .9rem}
.contact-grid .field{gap:.25rem}
.contact-grid .field label{font-size:.92rem}
.contact-grid .field input,.contact-grid .field select{padding:.5rem .7rem}
.contact-grid .field input[type=file]{padding:.35rem .5rem;font-size:.88rem}
.contact-grid .field textarea{min-height:82px;padding:.5rem .7rem}
.contact-grid .field .hint{font-size:.82rem}
.contact-grid .field .error{font-size:.85rem}
.form-foot{display:grid;grid-template-columns:1fr auto;gap:.9rem;align-items:end;margin-top:.6rem}
.form-send{display:grid;gap:.35rem;justify-items:start;align-self:end}
.form-privacy{margin:0;font-size:.78rem;line-height:1.3;color:var(--ink-3);max-width:24ch}
.form-privacy a{color:inherit}
@media (min-width:1100px){.contact-grid{grid-template-columns:1.5fr .8fr .8fr}.contact-grid > .card:first-child{grid-row:auto}}
@media (max-width:640px){.form-foot{grid-template-columns:1fr}.form-send{justify-self:start}}
.card{background:var(--bg-soft);border-radius:var(--r-panel);padding:clamp(1.5rem,3vw,2.25rem)}
.card > h2{font-size:1.6rem}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:1.1rem}
.contact-list li strong{display:block;font-weight:500;font-size:.88rem;color:var(--ink-3);margin-bottom:.15rem}
.contact-list a{font-weight:500;text-decoration:none;font-size:1.08rem}
.contact-list a:hover{text-decoration:underline}
.contact-list a.btn{font-size:.95rem;margin-top:.25rem}
.contact-list a.btn:hover{text-decoration:none}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}}

/* Areas */
.region-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.region{padding:2rem 2rem 2.25rem 0}
.region + .region{border-left:1px solid var(--line);padding-left:2rem}
.region h2{font-size:1.6rem;margin-bottom:.35rem}
.region > p{color:var(--ink-2);margin:0 0 1.25rem;max-width:30ch}
.town-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.town-list li{display:flex;flex-wrap:wrap;gap:0 .45rem;align-items:baseline;line-height:1.35}
.town-list h3{margin:0;font-size:1.02rem;font-weight:500;color:var(--ink)}
.town-list span{color:var(--ink-3);font-size:.92rem}
@media (max-width:820px){.region-grid{grid-template-columns:1fr;border-bottom:0}.region{padding:1.5rem 0;border-bottom:1px solid var(--line)}.region + .region{border-left:0;padding-left:0}}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.area{background:var(--bg-soft);border-radius:var(--r-card);padding:1.25rem 1.4rem}
.area h3{font-size:1.2rem;margin-bottom:.3rem}
.area p{margin:0;color:var(--ink-2);font-size:.98rem}
@media (max-width:820px){.area-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.area-grid{grid-template-columns:1fr}}

/* Thank you, prose */
.wrap.thanks{max-width:none}
.thanks > *{max-width:62ch}
.thanks .card{margin-top:1.5rem}
.wrap.prose{max-width:none}
.prose > *{max-width:68ch}
.prose h2{font-size:1.6rem;margin-top:2rem}
.prose ul{padding-left:1.2rem;color:var(--ink-2)}

/* Reveal on scroll (JS on, motion allowed) */
@media (prefers-reduced-motion:no-preference){
  html.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
  html.js .reveal.in{opacity:1;transform:none}
  html.js .hero-copy{opacity:0;transform:translateY(10px);animation:heroIn .8s cubic-bezier(.16,1,.3,1) .1s forwards}
  @keyframes heroIn{to{opacity:1;transform:none}}
}

/* Blurred job-photo backdrop: tiny pre-blurred images in assets/bg, swapped per section (data-bg) by main.js */
.bg-stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg)}
.bg-stage img{position:absolute;left:-6%;top:-10%;width:112%;max-width:none;height:122%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;transform:translate3d(0,var(--drift,0px),0);will-change:opacity,transform}
.bg-stage img.is-on{opacity:1}
.bg-stage::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 74%,transparent)}
main,.site-footer{position:relative;z-index:1}

/* Home hero slideshow (HERO_SLIDES in main.js) */
.hero-art.has-slides>picture,.hero-art.has-slides>.hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.8s ease}
.hero-art.has-slides>.is-on{opacity:1}

/* Service detail pages */
.detail-links{padding:0 0 .5rem}
.detail-links .muted{color:var(--ink-3);font-size:.95rem;margin-right:.25rem}
.detail-row{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.detail-row.flip .detail-media{order:2}
.detail-media{position:relative;border-radius:var(--r-panel);overflow:hidden;aspect-ratio:4/3;background:var(--panel)}
.detail-media img{width:100%;height:100%;object-fit:cover;display:block}
.detail-body h2{margin-top:.6rem}
.detail-body p{color:var(--ink-2)}
.tidy-card{max-width:70ch}
.tidy-card h2{font-size:1.6rem}
.tidy-card p{margin:0;color:var(--ink-2)}
.work-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}
.work-strip a{display:block;border-radius:var(--r-card);overflow:hidden;background:var(--bg-soft);color:var(--ink-2);text-decoration:none;font-size:.92rem}
.work-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.work-strip a:hover img{transform:scale(1.03)}
.work-strip span{display:block;padding:.6rem .85rem .7rem}
.cta-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem}
.cta-inner h2{margin:0 0 .3rem;font-size:clamp(1.6rem,3vw,2.2rem)}
.cta-inner p{margin:0}
@media (max-width:760px){.detail-row,.detail-row.flip{grid-template-columns:1fr}.detail-row.flip .detail-media{order:0}}

/* Halloween, 18 October to 1 November (html.halloween set by main.js): cobwebs down the left of the logo, a pumpkin at its bottom right. Nothing covers the badge. */
.site-header .brand{position:relative}
.site-header .brand::before,.site-header .brand::after{content:"";position:absolute;z-index:2;pointer-events:none;display:none;background:no-repeat center/contain}
.site-header .brand::before{left:-10px;top:-8px;width:40px;height:84px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 100' fill='none' stroke='rgba(255,255,255,.78)' stroke-width='1.1' stroke-linecap='round'%3E%3Cg%3E%3Cpath d='M2 2 L46 2 M2 2 L44 14 M2 2 L36 28 M2 2 L22 38 M2 2 L8 44'/%3E%3Cpath d='M14 2 Q14 6 13 8 Q11 11 10 12 Q7 14 5 15 Q3 16 2 14'/%3E%3Cpath d='M26 2 Q26 9 24 13 Q20 19 16 22 Q11 25 6 27 Q3 28 2 26'/%3E%3Cpath d='M38 2 Q38 12 35 18 Q29 27 22 32 Q14 37 8 40 Q4 41 2 38'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M2 98 L2 66 M2 98 L10 68 M2 98 L20 76 M2 98 L28 88 M2 98 L30 98'/%3E%3Cpath d='M2 86 Q6 87 8 85 Q11 83 12 80 Q13 78 10 77'/%3E%3Cpath d='M2 76 Q8 78 12 76 Q17 73 20 68 Q21 66 18 65'/%3E%3C/g%3E%3C/svg%3E")}
.site-header .brand::after{left:54px;top:52px;width:38px;height:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M18.5 9 C18 5.5 19.5 2.5 23 1.5 C22.3 4 22.8 6.5 24 9 Z' fill='%234f8a3a'/%3E%3Cpath d='M23 4.5 C26 2.5 29 3 31 5 C28.5 5.5 26 5.5 23.5 7 Z' fill='%236aa84f'/%3E%3Cellipse cx='20' cy='22' rx='19' ry='13.5' fill='%23c9570f'/%3E%3Cellipse cx='9' cy='22' rx='6.5' ry='12.5' fill='%23ef7a1f' stroke='%23b84d12' stroke-width='.8'/%3E%3Cellipse cx='31' cy='22' rx='6.5' ry='12.5' fill='%23ef7a1f' stroke='%23b84d12' stroke-width='.8'/%3E%3Cellipse cx='14.5' cy='22' rx='6.5' ry='13' fill='%23f98f2e' stroke='%23b84d12' stroke-width='.8'/%3E%3Cellipse cx='25.5' cy='22' rx='6.5' ry='13' fill='%23f98f2e' stroke='%23b84d12' stroke-width='.8'/%3E%3Cellipse cx='20' cy='22' rx='6' ry='13.5' fill='%23ffa33c' stroke='%23b84d12' stroke-width='.8'/%3E%3Cg fill='%23ffd84f' stroke='%23b84d12' stroke-width='.6' stroke-linejoin='round'%3E%3Cpath d='M8.5 19.5 L15 15 L16.5 21.5 Z'/%3E%3Cpath d='M31.5 19.5 L25 15 L23.5 21.5 Z'/%3E%3Cpath d='M20 20 L22.3 24.5 L17.7 24.5 Z'/%3E%3Cpath d='M7.5 25.5 Q20 36 32.5 25.5 L30 24.6 L27.5 27.8 L25 25 L22.5 28.2 L20 25.4 L17.5 28.2 L15 25 L12.5 27.8 L10 24.6 Z'/%3E%3C/g%3E%3Crect x='18.6' y='29.2' width='2.8' height='2.6' fill='%23f98f2e'/%3E%3Crect x='13.2' y='27.6' width='2.4' height='2.2' fill='%23f98f2e'/%3E%3C/svg%3E");transform-origin:50% 100%}
html.halloween .site-header .brand::before,html.halloween .site-header .brand::after{display:block}
html.halloween .site-header .brand::after{animation:pumpkin-bob 1.1s ease .5s 1}
@keyframes pumpkin-bob{0%,100%{transform:none}35%{transform:translateY(-4px) rotate(-6deg)}70%{transform:translateY(0) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){html.halloween .site-header .brand::after{animation:none}}

/* ==== MERRIWEATHER SITE-WIDE: start. Added 11 November 2026. To remove: python qa/font-switch.py original ==== */
@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/merriweather-400.woff2') format('woff2')}
:root{
  --font-sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Merriweather',Georgia,'Times New Roman',serif;
  --font-body:'Merriweather',Georgia,'Times New Roman',serif;
}
/* Merriweather runs wider and taller than the sans it replaces, so text is set a touch smaller with more line space */
body{font-size:.97rem;line-height:1.7}
:where(main) h1,:where(main) h2{font-weight:700}
:where(main) h1{letter-spacing:-.015em;line-height:1.12;font-size:clamp(2.2rem,5.2vw,3.9rem)}
:where(main) h2{letter-spacing:-.01em;line-height:1.18;font-size:clamp(1.65rem,3.1vw,2.4rem)}
:where(main) h3,:where(main) h4{font-weight:700;font-size:1.08rem;line-height:1.4}
.hero-copy h1{font-size:clamp(2.2rem,4.4vw,3.8rem);max-width:20ch}
.nav{gap:1.25rem}
.nav a{font-size:.88rem}
.marquee-track span,.review-card blockquote,.stat .num{letter-spacing:0}
.review-card blockquote{font-size:clamp(.98rem,1.2vw,1.1rem);line-height:1.6}
.lede{font-size:1.06rem}
/* contact page still has to fit one laptop screen */
.page-head.compact .lede{font-size:.92rem;max-width:none}
/* every button keeps the original sans (:root lifts this above the buttons' own font:inherit rules) */
:root button,:root .btn,:root .wa-float,:root .nav a.nav-cta{font-family:var(--font-sans)}
/* the footer keeps its original faces and sizes; only the company name beside the logo is Merriweather */
.site-footer{--font-display:'Schibsted Grotesk','Hanken Grotesk',system-ui,sans-serif;--font-body:var(--font-sans);font-family:var(--font-body);font-size:1.0625rem;line-height:1.55}
/* ==== MERRIWEATHER SITE-WIDE: end ==== */