/* ============================================================
   CAMEO GROUP — brand theme layer (overrides on top of styles-base.css)
   Brand: deep emerald #0F473A  +  copper #B27C5B  on warm ivory
   Design system: Lisa Furey Interiors skeleton (Newsreader / Source Serif 4 / Montserrat)
   ============================================================ */
:root{
  /* grounds — warm ivory */
  --c-ivory:#F6F2EA;
  --c-white:#FFFDF8;
  --c-oyster:#EFE8DC;
  --c-linen:#EAE2D4;
  --c-sand:#DBC9B2;
  --c-sand-deep:#C7B196;

  /* primary dark = Cameo emerald */
  --c-navy:#0F473A;
  --c-ink:#26332D;
  --c-ink-soft:#414E47;
  --c-ink-mute:#69736C;

  /* accent family remapped from "marsh" to Cameo copper */
  --c-marsh:#C69A7D;
  --c-marsh-green:#B27C5B;
  --c-marsh-hover:#9A6543;
  --c-marsh-deep:#A76C48;
  --c-marsh-pale:#EFE4D8;
  --c-soft-sage:#D7CBB9;      /* footer ground — warm sand */
  --c-marsh-pale:#EEE3D6;

  /* cool tints reused on dark grounds -> emerald/copper tints */
  --c-river:#7C9A8C;
  --c-tidal:#9DB3A6;
  --c-river-pale:#CFD9CE;

  --c-focus:#A76C48;
  --c-field-border:#B9A88F;
  --c-error:#7A3B2E;
  --c-error-border:#9A6543;
  --c-error-bg:#F1E7DA;

  --ls-wordmark:.22em;
}
/* selection + hairlines to brand */
::selection{background:var(--c-sand);color:var(--c-ink)}

/* Hero — full-bleed, tall, with a soft emerald wash for legibility of overlaid marks */
.hero[data-astro-cid-j7pv25f6]{position:relative;min-height:clamp(74vh,88vh,900px);background:var(--c-navy)}
.hero[data-astro-cid-j7pv25f6] .hero__pic{position:absolute;inset:0;width:100%;height:100%}
.hero[data-astro-cid-j7pv25f6] .hero__pic img{width:100%;height:100%;object-fit:cover}

/* Hero overlay content (Cameo adds a centered title card over the hero, echoing the live site) */
.hero__overlay{position:absolute;inset:0;display:grid;align-items:end;padding:0 var(--gutter) clamp(2.5rem,6vw,5.5rem);
  background:linear-gradient(180deg,rgba(9,38,31,.34) 0%,rgba(9,38,31,.06) 26%,rgba(9,38,31,.34) 58%,rgba(9,38,31,.86) 100%)}
.hero__panel{max-width:660px;color:var(--c-on-dark);text-shadow:0 1px 22px rgba(9,38,31,.42)}
.hero__panel .eyebrow{color:rgba(246,242,234,.92)}
.hero__panel .eyebrow:before{background:rgba(246,242,234,.92)}
.hero__panel h1{color:var(--c-on-dark);margin-top:1.1rem}
.hero__panel p{color:rgba(246,242,234,.95);margin-top:1.2rem;max-width:44ch}
.hero__panel .hero__actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}

/* copper flourish under eyebrows already handled by tokens; make num copper */
.num{color:var(--c-marsh-deep)}

/* wordmark: Cameo is a two-word name; keep elegant tracking */
.wordmark__name[data-astro-cid-3ef6ksr2]{letter-spacing:.2em}
.site-footer__name[data-astro-cid-sz7xmlte]{letter-spacing:.2em}

/* small "collaboration" glyph option next to wordmark not used; keep type-only */

/* Pressband tuned for wordmark logos */
.pressband__logos[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{filter:grayscale(1) brightness(.35);opacity:.7}
.pressband__logos[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]:hover{opacity:.95;filter:none}

/* stat row (Cameo home adds a slim stats strip) */
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);text-align:center}
.stat-strip .stat__n{font-family:var(--f-display);font-weight:300;font-size:clamp(2.4rem,1.6rem+2.4vw,3.6rem);color:var(--c-marsh-deep);line-height:1;font-feature-settings:"lnum"}
.stat-strip .stat__l{margin-top:.7rem;font-family:var(--f-sans);font-size:var(--fs-label-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink-mute)}
@media(max-width:40em){.stat-strip{grid-template-columns:1fr;gap:2.25rem}}

/* services list arrow color already inherits; ensure copper title on hover */
.services__item:hover .services__title{color:var(--c-marsh-hover)}

/* Portfolio — "more spaces" small showcase grid */
.ms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.ms-item{margin:0}
.ms-cap{display:flex;flex-direction:column;gap:.15rem;padding-top:.85rem}
.ms-t{font-family:var(--f-display);font-size:var(--fs-4);color:var(--c-marsh-deep);line-height:1.2}
.ms-s{font-family:var(--f-sans);font-size:var(--fs-label-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-mute)}
@media(max-width:52em){.ms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:34em){.ms-grid{grid-template-columns:1fr}}

/* Services numeral spacing */
.services .num,.section .num{display:block;margin-bottom:.4rem}