/* E&H Plastering & Damp Proofing: shared brand layer, loaded on every page AFTER site.css.
   Carries the redesigned homepage's type and atmosphere to the whole site: self-hosted Playfair
   Display (site.css reads --serif, so every heading upgrades), real 400-italic accents in
   headings, a softer plaster tile, and the gold-lit dark hero on every sub-page.
   Homepage-only pieces (the scroll story, hero form, quote builder) live in scroll-story.css. */

@font-face{font-family:"Playfair Display";src:url(../fonts/playfair-display-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(../fonts/playfair-display-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --txt-dim:#948a78;
  --head:68px;
  --ease:cubic-bezier(.16,1,.3,1);
}
html{scroll-padding-top:calc(var(--head) + 10px)}
/* heading accents: the real 400 italic in gold, never a faux bold */
:is(h1,h2,h3) em{font-weight:400;font-style:italic}
:is(.hero,.sub-hero,.about-copy) h1 em,.about-copy h2 em{font-style:italic;color:var(--gold-2)}
/* soften the plaster tile so its repeat stops reading as blocks at full width */
.light{background:linear-gradient(rgba(247,243,234,.5),rgba(247,243,234,.5)),url(../../img/plaster-light.jpg) var(--paper)}

/* ── sub-page hero: the homepage's gold-lit plaster, faint joint lines and vignette ── */
.sub-hero{position:relative;overflow:hidden;
  background:radial-gradient(900px 480px at 85% -10%,rgba(201,164,92,.17),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(201,164,92,.08),transparent 60%),url(../../img/plaster-dark.jpg) var(--ink)}
.sub-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,transparent 0 238px,rgba(201,164,92,.05) 238px 240px),radial-gradient(rgba(201,164,92,.07) 1.5px,transparent 2.2px);background-size:auto,120px 150px;
  -webkit-mask-image:linear-gradient(#000,transparent 92%);mask-image:linear-gradient(#000,transparent 92%)}
.sub-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-2) 50%,var(--gold) 70%,transparent);opacity:.55}
.sub-hero > .wrap{position:relative}
.sub-hero h1{font-size:clamp(34px,3.7vw,50px);line-height:1.07;letter-spacing:-.012em;text-wrap:balance}
.sub-hero .lede{font-size:clamp(16px,1.2vw,18px)}
.sub-hero-fig img{box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.sec-head h2,.prose > h2,.cta-band h2{letter-spacing:-.01em;text-wrap:balance}
.cta-band h2 em,.sec-head h2 em{color:var(--gold-2)}
.light .sec-head h2 em{color:var(--gold-deep)}
@media (max-width:600px){
  .sub-hero h1{font-size:clamp(29px,8.2vw,36px);line-height:1.1}
}