:root {
  --ink: #201d1a;
  --ink-soft: #3b342d;
  --muted: #796f64;
  --paper: #fbf7f0;
  --paper-2: #f4ede3;
  --card: #fffdf8;
  --line: rgba(32, 29, 26, 0.14);
  --bronze: #916134;
  --bronze-2: #c7a16c;
  --deep: #161411;
  --blue: #526a78;
  --sage: #6f7f72;
  --wine: #8c4255;
  --shadow: 0 26px 70px rgba(38, 31, 24, 0.10);
  --shadow-soft: 0 14px 40px rgba(38, 31, 24, 0.07);
  --shadow-lift: 0 24px 60px rgba(38, 31, 24, 0.13);
  --radius: 28px;
  --radius-sm: 18px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 12% 4%, rgba(199, 161, 108, .14), transparent 28rem),
    radial-gradient(circle at 90% 8%, rgba(82, 106, 120, .10), transparent 24rem),
    radial-gradient(circle at 20% 92%, rgba(111, 127, 114, .09), transparent 28rem),
    linear-gradient(180deg, #fffdf8 0%, var(--paper) 45%, #fffdf8 100%);
  line-height: 1.62;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
::selection { background: rgba(155, 109, 63, .20); }
:focus-visible {
  outline: 3px solid rgba(155, 109, 63, .36);
  outline-offset: 4px;
}

.container { width: min(var(--max), calc(100% - 44px)); margin: 0 auto; }
.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;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  margin: 0 0 1rem;
  font-size: .73rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--bronze);
  font-weight: 700;
}
.eyebrow::before {
  content: "";
  width: 42px;
  height: 1px;
  background: currentColor;
  opacity: .7;
}
.serif, h1, h2, h3, .brand-word {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: 0;
}
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(3.1rem, 7vw, 7.4rem); line-height: .92; margin-bottom: 1.3rem; }
h2 { font-size: clamp(2.2rem, 4.5vw, 4.6rem); line-height: 1; margin-bottom: 1.2rem; }
h3 { font-size: clamp(1.35rem, 2vw, 2rem); line-height: 1.15; margin-bottom: .75rem; }
.lead { color: var(--ink-soft); font-size: clamp(1.05rem, 1.6vw, 1.26rem); max-width: 760px; }
.muted { color: var(--muted); }
.small { font-size: .92rem; }

.skip-link {
  position: absolute;
  left: -999px;
  top: 12px;
  background: var(--deep);
  color: #fff;
  padding: .75rem 1rem;
  border-radius: 999px;
  z-index: 999;
}
.skip-link:focus { left: 12px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(251, 247, 240, .88);
  border-bottom: 1px solid rgba(32, 29, 26, .09);
  backdrop-filter: blur(18px);
  box-shadow: 0 10px 34px rgba(32,29,26,.045);
  transition: background .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.site-header.is-scrolled {
  background: rgba(255, 253, 248, .94);
  border-bottom-color: rgba(32, 29, 26, .13);
  box-shadow: 0 16px 42px rgba(32,29,26,.08);
}
.header-inner {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  min-width: max-content;
}
.brand-logo {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: none;
  flex: 0 0 auto;
}
.brand-word { font-size: 1.45rem; line-height: 1; }
.brand-sub { display: block; font-size: .62rem; letter-spacing: .19em; text-transform: uppercase; color: var(--muted); margin-top: .18rem; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.nav {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.nav a {
  padding: .76rem .95rem;
  border-radius: 999px;
  color: rgba(32,29,26,.75);
  font-size: .93rem;
  transition: background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.nav a:hover, .nav a.active { background: rgba(155, 109, 63, .11); color: var(--ink); box-shadow: inset 0 0 0 1px rgba(155,109,63,.05); }
.nav a.btn.header-cta {
  margin-left: .6rem;
  background: var(--deep);
  color: #fff;
  border: 1px solid rgba(22,20,17,.96);
  box-shadow: 0 14px 28px rgba(22,20,17,.12);
}
.nav a.btn.header-cta:hover {
  background: #0f0d0b;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(22,20,17,.18);
}
.header-cta { margin-left: .6rem; }
.mobile-lang-switch {
  display: none;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: .58rem .78rem;
  border: 1px solid rgba(32,29,26,.13);
  border-radius: 999px;
  background: rgba(255,253,248,.74);
  color: var(--bronze);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
  box-shadow: 0 12px 30px rgba(38,31,24,.08);
  backdrop-filter: blur(14px);
}
.mobile-lang-switch:hover {
  background: #fff;
  border-color: rgba(155,109,63,.32);
  color: var(--ink);
}
.btn, button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 48px;
  padding: .9rem 1.2rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--deep);
  color: #fff;
  font-weight: 700;
  font-size: .93rem;
  box-shadow: 0 14px 28px rgba(22,20,17,.12);
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(22,20,17,.18); }
.btn:active { transform: translateY(0); }
.btn.secondary { background: rgba(255,253,248,.52); color: var(--ink); box-shadow: none; border-color: rgba(32,29,26,.18); }
.btn.secondary:hover { background: #fff; border-color: rgba(155,109,63,.32); }
.btn.text { background: transparent; color: var(--bronze); box-shadow: none; border: 0; padding-left: 0; padding-right: 0; }
.menu-toggle { display: none; border: 0; background: transparent; font-size: 1.7rem; }

section[id] { scroll-margin-top: 96px; }

.hero { padding: 88px 0 64px; position: relative; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: 3.2rem; align-items: center; }
.hero-card {
  position: relative;
  min-height: 620px;
  border-radius: 40px;
  background:
    linear-gradient(135deg, rgba(55,44,34,.94), rgba(117,101,80,.86)),
    radial-gradient(circle at 84% 10%, rgba(199,161,108,.28), transparent 22rem),
    linear-gradient(135deg, #514337, #8a775f 62%);
  overflow: hidden;
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.34);
  isolation: isolate;
}
.hero-card::before {
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 30px;
  z-index: 1;
}
.hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.12), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 42%);
  pointer-events: none;
  z-index: 0;
}
.hero-card-center {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(.9rem, 2vw, 1.35rem);
  padding: clamp(2.1rem, 5vw, 4.2rem);
  text-align: center;
  z-index: 2;
}
.hero-mark {
  width: auto;
  height: clamp(185px, 26vw, 270px);
  max-width: min(46%, 235px);
  flex: 0 0 auto;
  opacity: .98;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.08));
}
.hero-divider {
  width: min(72%, 420px);
  height: 3px;
  min-height: 3px;
  flex: 0 0 3px;
  background: rgba(255,255,255,.95);
  border-radius: 999px;
  margin: clamp(.45rem, 1vw, .75rem) 0 .2rem;
}
.hero-card-text {
  color: #fff;
  max-width: 620px;
  text-align: center;
}
.hero-card-text .brand-word {
  font-size: clamp(3.25rem, 5.4vw, 5.3rem);
  line-height: .92;
  margin-bottom: .95rem;
}
.hero-card-text p {
  margin: 0;
  max-width: 600px;
  color: rgba(255,255,255,.92);
  font-size: clamp(.92rem, 1.35vw, 1.18rem);
  letter-spacing: .31em;
  line-height: 1.62;
  text-transform: uppercase;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
.hero-note {
  margin-top: 2rem;
  padding: 1.2rem 1.25rem;
  border: 1px solid rgba(32,29,26,.12);
  background: rgba(255,255,255,.58);
  border-radius: var(--radius-sm);
  color: var(--muted);
}

.about-hero {
  --hero-x: 0px;
  --hero-y: 0px;
  min-height: calc(100svh - 84px);
  padding: clamp(2.6rem, 5svh, 4.9rem) 0 clamp(5.2rem, 10svh, 7.2rem);
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #101514;
  isolation: isolate;
  display: grid;
  align-items: center;
}
.about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(7,10,10,.95) 0%, rgba(8,13,13,.78) 30%, rgba(8,13,13,.18) 58%, rgba(8,13,13,.32) 100%),
    linear-gradient(0deg, rgba(7,10,10,.70), rgba(7,10,10,.04) 47%, rgba(7,10,10,.18));
}
.about-hero::after {
  content: "";
  position: absolute;
  inset: clamp(1rem, 2.4vw, 2.1rem);
  z-index: 2;
  border: 1px solid rgba(255,255,255,.18);
  pointer-events: none;
}
.about-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.about-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, rgba(201,162,91,.12), transparent 30%),
    linear-gradient(0deg, rgba(0,0,0,.16), transparent 28%, transparent 74%, rgba(0,0,0,.08)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 112px);
  mix-blend-mode: soft-light;
}
.about-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
  transform: translate3d(var(--hero-x), var(--hero-y), 0) scale(1.018);
  filter: saturate(.96) contrast(1.05) brightness(1.04);
}
.about-hero-layout,
.about-hero-proof {
  position: relative;
  z-index: 3;
}
.about-hero-copy {
  width: min(590px, 100%);
  padding: 0;
}
.about-hero .eyebrow {
  color: rgba(255,255,255,.80);
}
.about-hero-mark-row {
  display: flex;
  align-items: center;
  gap: .95rem;
  margin-bottom: 1.1rem;
}
.about-hero-signature-mark {
  width: clamp(52px, 6vw, 70px);
  opacity: .94;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.18));
}
.about-hero-mobile-label {
  display: none;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.35rem, 10vw, 3.2rem);
  line-height: .92;
  white-space: nowrap;
  text-shadow: 0 14px 34px rgba(0,0,0,.34);
}
.about-hero h1 {
  color: #fff;
  font-size: clamp(3.45rem, 6.8vw, 6.1rem);
  line-height: .86;
  margin-bottom: clamp(1.2rem, 2.4vw, 1.8rem);
  text-shadow: 0 20px 52px rgba(0,0,0,.22);
}
.about-hero .lead {
  color: rgba(255,255,255,.82);
  font-size: clamp(1.04rem, 1.55vw, 1.24rem);
  max-width: 500px;
}
.about-hero-actions .btn.secondary {
  color: #fff;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.30);
  backdrop-filter: blur(12px);
}
.about-hero-actions .btn.secondary:hover {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.52);
}
.about-hero-proof {
  position: absolute;
  left: auto;
  right: max(70px, calc((100vw - var(--max)) / 2 - 100px));
  bottom: clamp(.9rem, 2vw, 1.35rem);
  width: min(540px, calc(100% - 44px));
  transform: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(10,17,17,.56);
  backdrop-filter: blur(18px) saturate(1.18);
  box-shadow: 0 28px 80px rgba(0,0,0,.20);
}
.about-hero-proof .trust-item {
  min-height: 118px;
  padding: clamp(.85rem, 1.4vw, 1.05rem);
  border-right: 1px solid rgba(255,255,255,.16);
}
.about-hero-proof .trust-item:last-child { border-right: 0; }
.about-hero-proof .trust-item span {
  display: block;
  color: #e0bd73;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: .65rem;
}
.about-hero-proof .trust-item strong {
  display: block;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.55vw, 1.28rem);
  font-weight: 500;
  line-height: 1.06;
}
.about-hero-proof .trust-item p {
  margin: .6rem 0 0;
  color: rgba(255,255,255,.68);
  font-size: .86rem;
  line-height: 1.42;
}

@media (max-width: 1240px) {
  .about-hero {
    min-height: calc(100svh - 84px);
    padding-bottom: clamp(1.5rem, 4vw, 2.3rem);
    align-items: start;
  }
  .about-hero::before {
    background:
      linear-gradient(90deg, rgba(8,12,12,.94), rgba(12,20,20,.68) 50%, rgba(12,20,20,.34)),
      linear-gradient(0deg, rgba(8,12,12,.68), rgba(8,12,12,.14));
  }
  .about-hero-media img {
    object-position: 50% 40%;
    transform: translate3d(var(--hero-x), var(--hero-y), 0) scale(1.02);
    opacity: .78;
  }
  .about-hero-proof {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    transform: none;
    margin-top: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .about-hero-proof .trust-item:nth-child(2) { border-right: 0; }
  .about-hero-proof .trust-item:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(255,255,255,.16); }
}

@media (max-width: 780px) {
  .about-hero {
    min-height: calc(100svh - 72px);
    padding: clamp(13.25rem, 58vw, 17rem) 0 clamp(1.05rem, 4vw, 1.6rem);
    align-items: end;
  }
  .about-hero::before {
    background:
      linear-gradient(180deg, rgba(8,12,12,.04) 0%, rgba(8,12,12,.34) 28%, rgba(8,12,12,.90) 53%, rgba(8,12,12,.96) 100%),
      linear-gradient(90deg, rgba(8,12,12,.58), rgba(8,12,12,.30));
  }
  .about-hero::after {
    inset: 13px;
  }
  .about-hero-media img {
    object-fit: contain;
    object-position: top center;
    opacity: .90;
    filter: saturate(.92) contrast(1.04) brightness(1.10);
  }
  .about-hero-copy {
    padding: .65rem 0 1.4rem;
  }
  .about-hero-mark-row {
    gap: .85rem;
    margin-bottom: 1.05rem;
  }
  .about-hero-signature-mark {
    width: 56px;
    flex: 0 0 auto;
  }
  .about-hero-mobile-label {
    display: block;
  }
  .about-hero h1 {
    display: none;
  }
  .about-hero .lead {
    font-size: 1.02rem;
    color: rgba(255,255,255,.88);
  }
  .about-hero-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    margin-top: 1.6rem;
  }
  .about-hero-actions .btn {
    width: min(100%, 238px);
    box-shadow: 0 16px 38px rgba(0,0,0,.26);
  }
  .about-hero-proof {
    display: none;
  }
}

.section { padding: 92px 0; position: relative; }
.section.tight { padding: 58px 0; }
.section.alt {
  background:
    radial-gradient(circle at 8% 0%, rgba(111,127,114,.08), transparent 24rem),
    linear-gradient(180deg, rgba(244,237,227,.75), rgba(255,253,248,.88));
  border-top: 1px solid rgba(32,29,26,.08);
  border-bottom: 1px solid rgba(32,29,26,.08);
}
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.4rem; }
.section-head > div:first-child { max-width: 820px; }

.trust-strip {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid rgba(32,29,26,.11);
  border-radius: var(--radius);
  background: rgba(255,255,255,.66);
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(38,31,24,.055);
  backdrop-filter: blur(10px);
}
.trust-item { padding: 1.35rem 1.25rem; border-right: 1px solid rgba(32,29,26,.10); }
.trust-item:last-child { border-right: 0; }
.trust-item strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 1.2rem; font-weight: 500; }
.trust-item span { display: block; color: var(--muted); font-size: .9rem; margin-top: .35rem; }

.feature-panel {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 2rem;
  align-items: stretch;
  padding: clamp(1.2rem, 3vw, 2.2rem);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(244,237,227,.72)),
    radial-gradient(circle at 90% 10%, rgba(155,109,63,.14), transparent 19rem);
  border: 1px solid rgba(32,29,26,.10);
  box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.58);
}
.feature-number {
  border-radius: 26px;
  min-height: 330px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #24201c, #6e5437);
  color: #fff;
  overflow: hidden;
  position: relative;
}
.feature-number::after {
  content: "";
  position: absolute;
  inset: -30%;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 22px);
  transform: rotate(-6deg);
}
.feature-number span { position: relative; z-index: 1; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.4rem, 8vw, 6rem); letter-spacing: .08em; line-height: .9; text-align: center; }
.feature-body { padding: 1.2rem 1rem; align-self: center; }

.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.card {
  position: relative;
  padding: 1.55rem;
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,253,248,.90), rgba(255,253,248,.74));
  border: 1px solid rgba(32,29,26,.11);
  box-shadow: 0 14px 38px rgba(38,31,24,.05);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.card:hover { transform: translateY(-4px); box-shadow: var(--shadow-soft); border-color: rgba(155,109,63,.28); }
.card .watermark {
  position: absolute;
  width: 96px;
  right: 16px;
  top: 12px;
  opacity: .06;
  pointer-events: none;
}
.card p { color: var(--muted); }
.meta-row { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0; }
.pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid rgba(32,29,26,.10);
  background: rgba(244,237,227,.62);
  padding: .35rem .65rem;
  border-radius: 999px;
  font-size: .82rem;
  color: var(--ink-soft);
}
.card-link { display: inline-flex; margin-top: .4rem; color: var(--bronze); font-weight: 800; }

.split { display: grid; grid-template-columns: .92fr 1.08fr; gap: 3rem; align-items: start; }
.text-card { padding: 2rem; border: 1px solid rgba(32,29,26,.11); border-radius: var(--radius); background: linear-gradient(180deg, rgba(255,253,248,.88), rgba(255,253,248,.70)); box-shadow: var(--shadow-soft); }
.stat-card { padding: 2rem; border-radius: var(--radius); background: linear-gradient(135deg, #1e1a16, #4e3c2a); color: #fff; position: sticky; top: 116px; box-shadow: var(--shadow-soft); }
.stat-card p { color: rgba(255,255,255,.72); }
.stat-card img { width: 112px; opacity: .85; margin-bottom: 2rem; }

.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; }
.team-card {
  background: rgba(255,253,248,.92);
  border: 1px solid rgba(32,29,26,.10);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 14px 38px rgba(38,31,24,.05);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.team-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); border-color: rgba(155,109,63,.24); }
.team-photo-wrap { background: linear-gradient(180deg, #f6eee3, #fffdf8); padding: .65rem .65rem 0; }
.team-photo { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 22px 22px 0 0; filter: saturate(.93) contrast(1.02); }
.team-body { padding: 1.15rem; }
.team-body h3 { font-size: 1.35rem; margin-bottom: .25rem; }
.team-role { color: var(--bronze); font-weight: 800; letter-spacing: .04em; text-transform: uppercase; font-size: .72rem; margin-bottom: .7rem; }
.email { color: var(--blue); font-weight: 700; font-size: .88rem; word-break: break-word; }

.page-hero { padding: 82px 0 48px; }
.page-hero-panel {
  position: relative;
  min-height: 360px;
  display: grid;
  align-items: end;
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: 38px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(32,29,26,.86), rgba(88,64,40,.64)),
    radial-gradient(circle at 80% 0%, rgba(199,161,108,.35), transparent 22rem),
    linear-gradient(135deg, #ebe0d1, #fffdf8);
  color: #fff;
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.18);
  isolation: isolate;
}
.page-hero-panel::after {
  content: "";
  position: absolute;
  inset: 28px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
}
.page-hero-panel > * { position: relative; z-index: 1; }
.page-hero-panel .eyebrow { color: rgba(255,255,255,.78); }
.page-hero-panel .lead { color: rgba(255,255,255,.78); }
.page-hero-mark {
  position: absolute;
  right: clamp(1.8rem, 5vw, 4.8rem);
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: clamp(230px, 27vw, 330px);
  max-width: min(32vw, 240px);
  object-fit: contain;
  opacity: .16;
}

.area-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.method-card .num { font-family: Georgia, "Times New Roman", serif; color: var(--bronze); font-size: 2.8rem; line-height: 1; margin-bottom: 1rem; }

.service-list { display: grid; gap: 1rem; }
.service-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1.4rem;
  padding: 1.3rem;
  border-radius: var(--radius);
  background: rgba(255,253,248,.8);
  border: 1px solid rgba(32,29,26,.10);
  box-shadow: 0 12px 30px rgba(38,31,24,.04);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.service-row:hover { transform: translateY(-3px); background: rgba(255,253,248,.94); border-color: rgba(155,109,63,.24); box-shadow: var(--shadow-soft); }
.service-row-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: .7rem; }
.price-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.price { font-family: Georgia, "Times New Roman", serif; font-size: 2.1rem; line-height: 1; margin: 1.2rem 0 .8rem; color: var(--ink); }
.service-form-grid { align-items: stretch; }
.online-service-card {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  padding: 1.3rem;
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,253,248,.95), rgba(255,253,248,.78));
  border: 1px solid rgba(32,29,26,.11);
  box-shadow: 0 14px 38px rgba(38,31,24,.05);
  overflow: hidden;
  position: relative;
}
.online-service-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #063966, var(--bronze));
}
.online-service-summary { display: flex; flex-direction: column; gap: .55rem; }
.online-service-summary h3 { margin-bottom: .15rem; }
.online-service-summary p { color: var(--muted); }
.online-service-summary .price { margin: .65rem 0 .1rem; }
.online-service-actions {
  display: grid;
  gap: .65rem;
  margin-top: auto;
  padding-top: .95rem;
  border-top: 1px solid rgba(32,29,26,.10);
}
.online-service-actions .btn {
  width: 100%;
}
.service-request-layout {
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  gap: 1.4rem;
  align-items: start;
}
.service-request-intro {
  position: sticky;
  top: 116px;
}
.service-request-intro .actions {
  margin-top: 1.25rem;
}
.service-request-form {
  display: grid;
  gap: .55rem;
  margin-top: auto;
  padding-top: .95rem;
  border-top: 1px solid rgba(32,29,26,.10);
}
.service-request-form .field {
  display: grid;
  gap: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #063966;
  border: 1px solid rgba(6,57,102,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}
.service-request-form label {
  color: rgba(255,255,255,.86);
  font-size: .76rem;
  font-weight: 600;
  padding: .62rem .72rem .08rem;
}
.service-request-form input,
.service-request-form textarea {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  padding: .12rem .72rem .62rem;
  min-height: 34px;
  box-shadow: none;
}
.service-request-form textarea { min-height: 118px; }
.service-request-form input:hover,
.service-request-form textarea:hover { background: transparent; }
.service-request-form input:focus,
.service-request-form textarea:focus {
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.28);
  background: rgba(255,255,255,.06);
}
.service-form-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: .2rem;
}
.service-request-form .btn {
  min-height: 42px;
  padding: .65rem 1rem;
  border-radius: 8px;
  background: #063966;
  color: #fff;
  box-shadow: none;
}
.service-request-form .btn:hover {
  background: #0b477b;
  box-shadow: 0 12px 26px rgba(6,57,102,.18);
}
.service-request-page-form {
  margin-top: 0;
  padding-top: 2rem;
  border-top: 1px solid rgba(32,29,26,.10);
}
.service-request-page-form .eyebrow,
.service-request-page-form h2,
.service-request-page-form .small {
  justify-self: start;
}
.service-request-page-form .small {
  margin-bottom: .35rem;
}

.service-hero-meta { display:flex; flex-wrap: wrap; gap: .7rem; margin: 1.4rem 0 0; }
.service-main { display: grid; grid-template-columns: 1fr 340px; gap: 2rem; align-items: start; }
.sidebar { position: sticky; top: 116px; }
.sidebar .card { background: #1e1a16; color: #fff; }
.sidebar .card p { color: rgba(255,255,255,.74); }
.sidebar .pill { color: rgba(255,255,255,.82); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); }
.bullets { display: grid; gap: .7rem; padding: 0; list-style: none; }
.bullets li { display: flex; gap: .7rem; align-items: flex-start; color: var(--muted); }
.bullets li::before {
  content: "";
  width: .48rem;
  height: .48rem;
  margin-top: .58rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--bronze), var(--bronze-2));
  box-shadow: 0 0 0 4px rgba(155,109,63,.10);
  flex: 0 0 auto;
}

.founder-hero {
  position: relative;
  min-height: clamp(650px, 80vh, 790px);
  padding: clamp(3.8rem, 6vw, 5.6rem) 0 clamp(2.4rem, 4vw, 3.8rem);
  overflow: hidden;
  background: #1c1713;
  color: #fff;
  display: grid;
  align-items: end;
}
.founder-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(22,20,17,.98) 0%, rgba(32,25,19,.92) 34%, rgba(32,25,19,.52) 61%, rgba(32,25,19,.18) 100%),
    linear-gradient(0deg, rgba(22,20,17,.72), rgba(22,20,17,.08) 45%, rgba(22,20,17,.24));
}
.founder-hero::after {
  content: "";
  position: absolute;
  inset: clamp(1rem, 3vw, 2.6rem);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 38px;
  z-index: 2;
  pointer-events: none;
}
.founder-hero-photo {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(58vw, 840px);
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: .96;
  filter: saturate(.92) contrast(1.04);
}
.founder-hero-inner {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(280px, .46fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  min-height: auto;
}
.founder-hero-copy {
  max-width: 760px;
  padding: clamp(1rem, 2vw, 1.8rem) 0;
}
.founder-kicker {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: 1.35rem;
  color: rgba(255,255,255,.78);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .24em;
  text-transform: uppercase;
}
.founder-kicker::before {
  content: "";
  width: 54px;
  height: 1px;
  background: currentColor;
}
.founder-hero h1 {
  color: #fff;
  font-size: clamp(3.6rem, 7vw, 7rem);
  letter-spacing: 0;
  max-width: 850px;
  margin-bottom: 1.15rem;
}
.founder-role {
  color: #f1dfc5;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.4rem, 2.5vw, 2.25rem);
  letter-spacing: 0;
  line-height: 1.08;
  max-width: 760px;
  margin-bottom: 1.25rem;
}
.founder-hero p:not(.founder-role) {
  color: rgba(255,255,255,.78);
  font-size: clamp(1.04rem, 1.35vw, 1.22rem);
  max-width: 720px;
}
.founder-hero-actions .btn.secondary {
  color: #fff;
  border-color: rgba(255,255,255,.32);
}
.founder-hero-actions .btn.secondary:hover {
  background: rgba(255,255,255,.1);
}
.founder-hero-facts {
  display: grid;
  gap: .9rem;
  align-self: end;
  margin-bottom: clamp(.5rem, 2vw, 1.8rem);
}
.founder-hero-facts div {
  padding: 1rem 1.1rem;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
}
.founder-hero-facts strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
}
.founder-hero-facts span {
  display: block;
  margin-top: .45rem;
  color: rgba(255,255,255,.72);
  font-size: .88rem;
}
.founder-statement {
  background: linear-gradient(180deg, rgba(255,253,248,.96), rgba(244,237,227,.66));
  border-bottom: 1px solid rgba(32,29,26,.08);
}
.founder-statement-inner {
  max-width: 1040px;
}
.founder-statement blockquote {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4.2vw, 4.5rem);
  line-height: 1.04;
  letter-spacing: 0;
  color: var(--ink);
}
.founder-profile {
  background: linear-gradient(180deg, #fffdf8, rgba(244,237,227,.56) 58%, #fffdf8);
}
.founder-profile-grid {
  display: grid;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}
.founder-index {
  position: sticky;
  top: 116px;
  padding: 1.6rem;
  border-radius: 30px;
  background: linear-gradient(135deg, #1e1a16, #5b452e);
  color: #fff;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.founder-index::after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  pointer-events: none;
}
.founder-index > * {
  position: relative;
  z-index: 1;
}
.founder-index img {
  width: 82px;
  opacity: .9;
  margin-bottom: 1.3rem;
}
.founder-index h2 {
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 2.65rem);
  letter-spacing: 0;
  line-height: .98;
}
.founder-index p {
  color: rgba(255,255,255,.72);
}
.founder-index nav {
  display: grid;
  gap: .45rem;
  margin-top: 1.4rem;
}
.founder-index nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .65rem 0;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.82);
  font-size: .9rem;
}
.founder-index nav a::after {
  content: "";
  width: .45rem;
  height: .45rem;
  border-top: 1px solid rgba(255,255,255,.58);
  border-right: 1px solid rgba(255,255,255,.58);
  transform: rotate(45deg);
  flex: 0 0 auto;
}
.founder-story {
  max-width: 880px;
}
.founder-chapter {
  position: relative;
  padding: clamp(2rem, 4vw, 3.4rem) 0;
  border-top: 1px solid rgba(32,29,26,.12);
}
.founder-chapter:first-child {
  border-top: 0;
  padding-top: 0;
}
.founder-chapter-number {
  display: inline-flex;
  margin-bottom: 1rem;
  color: var(--bronze);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.6rem;
  line-height: 1;
}
.founder-chapter h2 {
  font-size: clamp(2.15rem, 4vw, 4rem);
  letter-spacing: 0;
  margin-bottom: 1rem;
}
.founder-chapter p {
  color: var(--ink-soft);
  font-size: 1.05rem;
}
.founder-feature-band {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1fr);
  gap: 2rem;
  align-items: center;
  margin: 1rem 0 2.2rem;
  padding: clamp(1.5rem, 3vw, 2.4rem);
  border-radius: 30px;
  background: linear-gradient(135deg, #211d18, #6e5437);
  color: #fff;
}
.founder-feature-band span {
  display: block;
  margin-bottom: .6rem;
  color: #f1dfc5;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.founder-feature-band strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.85rem, 3.5vw, 3.2rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}
.founder-feature-band p {
  margin: 0;
  color: rgba(255,255,255,.76);
}
.founder-role-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .9rem;
  margin: 1.5rem 0;
}
.founder-role-grid div {
  padding: 1.05rem;
  border-radius: 22px;
  background: rgba(255,253,248,.78);
  border: 1px solid rgba(32,29,26,.10);
  box-shadow: 0 12px 28px rgba(38,31,24,.04);
}
.founder-role-grid strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.18rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.08;
}
.founder-role-grid span {
  display: block;
  margin-top: .55rem;
  color: var(--muted);
  font-size: .9rem;
}
.founder-closing {
  margin-top: 1.2rem;
  padding: clamp(1.7rem, 4vw, 3rem);
  border-radius: 34px;
  background: linear-gradient(135deg, #211d18, #6e5437);
  color: #fff;
  overflow: hidden;
}
.founder-closing .eyebrow {
  color: rgba(255,255,255,.76);
}
.founder-closing h2 {
  color: #fff;
  letter-spacing: 0;
}
.founder-closing p {
  color: rgba(255,255,255,.76);
}
.founder-closing .btn.secondary {
  color: #fff;
  border-color: rgba(255,255,255,.28);
}

.contact-grid { display: grid; grid-template-columns: 1fr .82fr; gap: 1.3rem; align-items: start; }
.contact-callout { grid-column: 1 / -1; }
.form-card { padding: 2rem; border-radius: var(--radius); background: linear-gradient(180deg, rgba(255,253,248,.96), rgba(255,253,248,.80)); border: 1px solid rgba(32,29,26,.10); box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.62); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.field { display: grid; gap: .35rem; }
.field.full { grid-column: 1 / -1; }
label { font-weight: 700; color: var(--ink-soft); font-size: .88rem; }
input, textarea, select {
  width: 100%;
  border: 1px solid rgba(32,29,26,.14);
  border-radius: 16px;
  padding: .9rem 1rem;
  background: rgba(255,255,255,.78);
  color: var(--ink);
  font: inherit;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
input:hover, textarea:hover, select:hover { border-color: rgba(155,109,63,.30); background: rgba(255,255,255,.92); }
input:focus, textarea:focus, select:focus { border-color: rgba(155,109,63,.62); box-shadow: 0 0 0 4px rgba(155,109,63,.10); }
textarea { min-height: 150px; resize: vertical; }
.form-status {
  display: none;
  margin: .85rem 0 0;
  padding: .78rem .9rem;
  border-radius: 14px;
  font-size: .92rem;
  line-height: 1.45;
  border: 1px solid rgba(32,29,26,.10);
}
.form-status.is-visible {
  display: block;
}
.form-status.success {
  color: #28583f;
  background: rgba(111,127,114,.12);
  border-color: rgba(111,127,114,.22);
}
.form-status.error {
  color: #8c4255;
  background: rgba(140,66,85,.10);
  border-color: rgba(140,66,85,.20);
}
.contact-card { padding: 2rem; border-radius: var(--radius); background: linear-gradient(135deg, #1e1a16, #5f4933); color: #fff; box-shadow: var(--shadow-soft); border: 1px solid rgba(255,255,255,.12); }
.contact-card p, .contact-card a { color: rgba(255,255,255,.76); }
.map-frame { margin-top: 1.2rem; overflow: hidden; border-radius: 22px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); aspect-ratio: 4 / 3; }
.map-frame iframe { width: 100%; height: 100%; border: 0; filter: grayscale(.2) contrast(.95); }

.cta-panel {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  align-items: center;
  padding: clamp(1.7rem, 4vw, 3rem);
  border-radius: 34px;
  background: linear-gradient(135deg, #211d18, #6e5437);
  color: #fff;
  overflow: hidden;
  position: relative;
}
.cta-panel p { color: rgba(255,255,255,.74); }
.cta-panel::after { content:""; position:absolute; right:-80px; top:-90px; width:280px; height:280px; border-radius:50%; background:rgba(255,255,255,.08); }
.cta-panel > * { position:relative; z-index:1; }
.cta-panel .btn.secondary { color:#fff; border-color: rgba(255,255,255,.25); }

.site-footer {
  padding: 64px 0 34px;
  border-top: 1px solid rgba(32,29,26,.10);
  background:
    radial-gradient(circle at 6% 0%, rgba(155,109,63,.08), transparent 22rem),
    linear-gradient(180deg, #fffdf8, #f8f1e7);
}
.footer-grid { display: grid; grid-template-columns: 1.3fr .7fr .8fr .8fr; gap: 2rem; align-items: start; }
.footer-logo { width: 56px; opacity: .75; margin-bottom: 1rem; }
.footer-title { font-family: Georgia, "Times New Roman", serif; font-size: 1.6rem; margin-bottom: .3rem; }
.footer-links { display: grid; gap: .45rem; }
.footer-links a { color: var(--muted); }
.footer-links a:hover { color: var(--ink); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 3rem; padding-top: 1.3rem; border-top: 1px solid rgba(32,29,26,.08); color: var(--muted); font-size: .88rem; }

.floating-contact {
  position: fixed;
  right: clamp(1rem, 2.2vw, 1.75rem);
  bottom: clamp(1rem, 2.2vw, 1.75rem);
  z-index: 120;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: .75rem;
  pointer-events: none;
}
.floating-contact > * { pointer-events: auto; }
.floating-contact-label {
  align-self: end;
  margin-bottom: .45rem;
  padding: .48rem .8rem;
  border: 1px solid rgba(32,29,26,.10);
  border-radius: 999px;
  background: rgba(255,253,248,.90);
  color: var(--ink-soft);
  box-shadow: 0 12px 30px rgba(38,31,24,.10);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  transition: opacity .22s ease, transform .22s ease;
}
.floating-contact-toggle {
  width: 66px;
  height: 66px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.24), transparent 1.7rem),
    linear-gradient(135deg, #201a15, #6d543b 58%, #9b6d3f);
  color: #fff;
  box-shadow: 0 18px 42px rgba(32,29,26,.24), 0 0 0 7px rgba(155,109,63,.12);
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.floating-contact-toggle:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 24px 54px rgba(32,29,26,.28), 0 0 0 8px rgba(155,109,63,.14);
  filter: saturate(1.04);
}
.floating-contact-toggle:active { transform: translateY(-1px) scale(.98); }
.floating-contact-letter {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.15rem;
  line-height: 1;
  transform: translateY(-1px);
}
.floating-contact-actions {
  position: absolute;
  right: 0;
  bottom: 78px;
  display: grid;
  gap: .65rem;
  min-width: 178px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(.96);
  transform-origin: right bottom;
  transition: opacity .22s ease, transform .22s ease;
}
.floating-contact.is-open .floating-contact-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.floating-contact.is-open .floating-contact-label {
  opacity: 0;
  transform: translateX(8px);
}
.floating-contact-option {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-height: 50px;
  padding: .62rem .78rem;
  border: 1px solid rgba(32,29,26,.11);
  border-radius: 999px;
  background: rgba(255,253,248,.94);
  color: var(--ink);
  box-shadow: 0 16px 34px rgba(38,31,24,.13);
  font-size: .92rem;
  font-weight: 800;
  backdrop-filter: blur(14px);
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.floating-contact-option:hover {
  transform: translateX(-3px);
  background: #fff;
  border-color: rgba(155,109,63,.30);
  box-shadow: 0 18px 42px rgba(38,31,24,.17);
}
.floating-contact-option-mark {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,253,248,.82);
  box-shadow: inset 0 0 0 1px rgba(32,29,26,.08);
  flex: 0 0 auto;
  overflow: hidden;
}
.floating-contact-option-mark img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  object-fit: cover;
}

.reveal { opacity: 1; transform: none; transition: opacity .65s ease, transform .65s ease; }
@media (scripting: enabled) {
  .reveal { opacity: 0; transform: translateY(16px); }
  .reveal.in { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
  .hero-grid, .split, .feature-panel, .service-main, .contact-grid, .cta-panel { grid-template-columns: 1fr; }
  .hero-card { min-height: 480px; }
  .trust-strip, .card-grid, .price-grid, .team-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .stat-card, .sidebar { position: static; }
  .section-head { align-items: start; flex-direction: column; }
  .founder-hero { min-height: auto; }
  .founder-hero::before {
    background:
      linear-gradient(90deg, rgba(22,20,17,.96), rgba(32,25,19,.80)),
      linear-gradient(0deg, rgba(22,20,17,.70), rgba(22,20,17,.26));
  }
  .founder-hero-photo {
    width: 100%;
    opacity: .34;
  }
  .founder-hero-inner,
  .founder-profile-grid,
  .founder-feature-band {
    grid-template-columns: 1fr;
  }
  .founder-hero-inner { min-height: auto; }
  .founder-hero-facts { grid-template-columns: repeat(3, 1fr); }
  .founder-index { position: relative; top: auto; }
  .founder-role-grid { grid-template-columns: 1fr; }
}
@media (min-width: 781px) and (max-width: 1280px) {
  .header-inner { gap: 1rem; }
  .brand { gap: .65rem; }
  .brand-word { font-size: 1.28rem; }
  .brand-sub { font-size: .54rem; letter-spacing: .12em; }
  .nav { gap: .2rem; }
  .nav a { padding: .68rem .62rem; font-size: .86rem; }
  .nav a.btn.header-cta { margin-left: .25rem; padding-left: .9rem; padding-right: .9rem; }
}
@media (max-width: 780px) {
  .container { width: min(100% - 30px, var(--max)); }
  .header-inner { min-height: 72px; gap: .55rem; justify-content: flex-start; }
  .brand { min-width: 0; margin-right: auto; }
  .brand > span { min-width: 0; }
  .brand-word { font-size: clamp(1.08rem, 5vw, 1.28rem); white-space: nowrap; }
  .brand-logo { width: 38px; height: 38px; }
  .brand-sub { display:none; }
  .mobile-lang-switch { display: inline-flex; flex: 0 0 auto; }
  .menu-toggle { display: inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid rgba(32,29,26,.12); border-radius:999px; }
  .nav {
    position: fixed;
    inset: 72px 14px auto 14px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
    border-radius: 24px;
    background: rgba(255,253,248,.96);
    box-shadow: var(--shadow);
    border: 1px solid rgba(32,29,26,.10);
  }
  body.menu-open .nav { display: flex; }
  .nav a { width: 100%; }
  .nav .lang-switch { display: none; }
  .header-cta { display:none !important; }
  .hero { padding: 52px 0 44px; }
  .section { padding: 66px 0; }
  .page-hero { padding: 54px 0 30px; }
  .service-row { grid-template-columns: 1fr; }
  .service-row-actions { justify-content: start; }
  .area-grid, .method-grid, .trust-strip, .card-grid, .price-grid, .team-grid, .footer-grid, .form-grid { grid-template-columns: 1fr; }
  .trust-item { border-right: 0; border-bottom: 1px solid rgba(32,29,26,.10); }
  .trust-item:last-child { border-bottom: 0; }
  .hero-card-center {
    padding: 2rem 1.4rem;
    gap: 1rem;
  }
  .hero-mark { height: clamp(150px, 45vw, 220px); max-width: 52%; }
  .hero-divider { width: 72%; height: 2px; min-height: 2px; flex-basis: 2px; }
  .hero-card-text { max-width: 100%; text-align: center; }
  .hero-card-text p { max-width: 100%; }
  .page-hero-mark { right: 1.4rem; height: 210px; max-width: 42vw; opacity: .12; }
  .founder-hero {
    padding: 3.5rem 0 2.5rem;
  }
  .founder-hero::after {
    inset: 15px;
    border-radius: 28px;
  }
  .founder-hero-photo {
    object-position: center top;
    opacity: .28;
  }
  .founder-kicker {
    letter-spacing: .18em;
  }
  .founder-kicker::before {
    width: 34px;
  }
  .founder-hero h1 {
    font-size: clamp(2.75rem, 13vw, 4.1rem);
    line-height: .95;
  }
  .founder-role {
    font-size: clamp(1.16rem, 5.7vw, 1.55rem);
  }
  .founder-hero-facts {
    display: none;
  }
  .founder-statement blockquote {
    font-size: clamp(1.85rem, 10vw, 3rem);
  }
  .founder-index,
  .founder-feature-band,
  .founder-closing {
    border-radius: 24px;
  }
  .founder-index {
    padding: 1.35rem;
  }
  .founder-chapter-number {
    font-size: 2.15rem;
  }
  .founder-chapter p {
    font-size: 1rem;
  }
  .cta-panel .actions { margin-top: 0; }
}


.reviews-panel {
  display: grid;
  grid-template-columns: minmax(260px, 430px) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  padding: clamp(1.6rem, 3vw, 2rem);
  border-radius: 34px;
  background:
    radial-gradient(circle at 0% 0%, rgba(193, 214, 201, .42), transparent 18rem),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,244,239,.92));
  border: 1px solid rgba(32,29,26,.10);
  box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.58);
}
.reviews-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviews-visual img {
  width: min(100%, 360px);
  height: auto;
  display: block;
  filter: drop-shadow(0 16px 32px rgba(22,20,17,.08));
}
.reviews-content h2 {
  font-size: clamp(2.15rem, 4.5vw, 4rem);
  line-height: .95;
  margin-bottom: 0;
}
.reviews-pill {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-height: 52px;
  padding: .75rem 1.2rem;
  border-radius: 999px;
  border: 1px solid rgba(32,29,26,.12);
  background: rgba(255,255,255,.66);
  color: #8c4255;
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 1.4rem;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.reviews-pill-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(180deg, #cba750, #a8842e);
  box-shadow: 0 0 0 5px rgba(203,167,80,.16);
  flex: 0 0 auto;
}
.reviews-stars {
  margin-top: 1.35rem;
  color: #caa54d;
  letter-spacing: .32em;
  font-size: 1.8rem;
  line-height: 1;
}
.reviews-actions { margin-top: 1.65rem; }
.reviews-primary {
  background: linear-gradient(135deg, #b46b63, #c19849);
  border-color: transparent;
}
.reviews-primary:hover {
  background: linear-gradient(135deg, #a55f57, #b88737);
}
@media (max-width: 980px) {
  .reviews-panel {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .reviews-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}


.home-contact-section { padding-top: 34px; }
.home-contact-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr);
  gap: 1.3rem;
  align-items: stretch;
}
.home-form { height: 100%; }
.home-map-card {
  padding: 2rem;
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 100% 0%, rgba(199,161,108,.18), transparent 14rem),
    linear-gradient(135deg, #1f1b16, #6a5238);
  color: #fff;
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(255,255,255,.12);
}
.home-map-card p, .home-map-card a { color: rgba(255,255,255,.76); }
.home-map-card .eyebrow { color: rgba(255,255,255,.82); }
.home-map { aspect-ratio: 4 / 3; margin-top: 1.35rem; }
.home-map iframe, .map-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
@media (max-width: 980px) {
  .home-contact-panel { grid-template-columns: 1fr; }
}


.footer-partners {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.footer-partners a {
  display: inline-flex;
  align-items: center;
  opacity: .86;
  transition: opacity .2s ease, transform .2s ease;
}
.footer-partners a:hover { opacity: 1; transform: translateY(-1px); }
.footer-partners img {
  max-height: 34px;
  width: auto;
  object-fit: contain;
}
.footer-partners a:first-child img { max-height: 38px; }
@media (max-width: 780px) {
  .footer-partners { justify-content: flex-start; }
  .floating-contact {
    right: 15px;
    bottom: 15px;
    gap: .55rem;
  }
  .floating-contact-label { display: none; }
  .floating-contact-toggle {
    width: 58px;
    height: 58px;
    box-shadow: 0 16px 34px rgba(32,29,26,.24), 0 0 0 6px rgba(155,109,63,.12);
  }
  .floating-contact-letter { font-size: 1.9rem; }
  .floating-contact-actions {
    bottom: 70px;
    min-width: 162px;
  }
  .floating-contact-option {
    min-height: 48px;
    padding: .58rem .72rem;
  }
}


.nav a.lang-switch {
  border: 1px solid rgba(32,29,26,.14);
  background: rgba(255,253,248,.58);
  color: var(--bronze);
  font-weight: 800;
  letter-spacing: .06em;
  padding-left: .85rem;
  padding-right: .85rem;
}
.nav a.lang-switch:hover {
  background: rgba(155,109,63,.12);
  color: var(--ink);
}


.address-link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(155,109,63,.40);
  transition: color .2s ease, border-color .2s ease, opacity .2s ease;
}
.address-link:hover {
  color: var(--bronze);
  border-bottom-color: currentColor;
}
.pill.address-link {
  border-bottom-color: rgba(32,29,26,.10);
}
.trust-item .address-link {
  color: var(--muted);
}
.contact-card .address-link, .home-map-card .address-link {
  color: rgba(255,255,255,.86);
  border-bottom-color: rgba(255,255,255,.32);
}
.contact-card .address-link:hover, .home-map-card .address-link:hover {
  color: #fff;
  border-bottom-color: rgba(255,255,255,.78);
}
.footer-links .address-link, .site-footer .address-link {
  color: var(--muted);
}
.site-footer .address-link:hover {
  color: var(--ink);
}

@media (max-width: 780px) {
  body {
    font-size: 15.5px;
    line-height: 1.58;
    background:
      radial-gradient(circle at 0% 0%, rgba(199, 161, 108, .10), transparent 18rem),
      linear-gradient(180deg, #fffdf8 0%, #f8f1e8 48%, #fffdf8 100%);
  }

  .container {
    width: min(100% - 32px, var(--max));
  }

  h1 {
    font-size: clamp(2.55rem, 11vw, 3.25rem);
    line-height: .96;
    margin-bottom: 1rem;
  }

  h2 {
    font-size: clamp(2rem, 9vw, 2.75rem);
    line-height: 1.02;
    margin-bottom: .9rem;
  }

  h3 {
    font-size: clamp(1.28rem, 6.2vw, 1.68rem);
    line-height: 1.12;
  }

  .lead {
    font-size: 1.02rem;
    line-height: 1.58;
  }

  .eyebrow {
    gap: .6rem;
    margin-bottom: .78rem;
    font-size: .68rem;
    letter-spacing: .19em;
  }

  .eyebrow::before {
    width: 36px;
  }

  .btn,
  button.btn {
    width: 100%;
    min-height: 52px;
    padding: .88rem 1.05rem;
    font-size: .92rem;
  }

  .actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: .72rem;
    margin-top: 1.35rem;
  }

  .site-header {
    background: rgba(255,253,248,.94);
  }

  .header-inner {
    min-height: 70px;
  }

  .brand-word {
    font-size: clamp(1.04rem, 5vw, 1.22rem);
  }

  .brand-logo {
    width: 36px;
    height: 36px;
  }

  .mobile-lang-switch,
  .menu-toggle {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
  }

  .menu-toggle {
    font-size: 1.55rem;
    background: rgba(255,253,248,.78);
    box-shadow: 0 10px 26px rgba(32,29,26,.06);
  }

  .nav {
    inset: 78px 16px auto 16px;
    max-height: calc(100svh - 96px);
    overflow: auto;
    padding: .75rem;
    border-radius: 20px;
    background: rgba(255,253,248,.98);
    box-shadow: 0 24px 70px rgba(32,29,26,.16);
  }

  .nav a {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .82rem .9rem;
    border-radius: 14px;
    font-size: .98rem;
  }

  .nav a.active {
    background: rgba(155,109,63,.12);
  }

  .hero {
    padding: 44px 0 50px;
  }

  .hero h1 {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
  }

  .hero h1::before {
    content: "";
    width: clamp(34px, 11vw, 46px);
    height: clamp(58px, 16vw, 72px);
    display: inline-block;
    flex: 0 0 auto;
    background: url("assets/pegoli-p-monogram-mobile.png") center / contain no-repeat;
    opacity: .9;
    transform: translateY(.04em);
  }

  .hero-grid {
    gap: 1.15rem;
  }

  .hero-grid > .reveal:first-child {
    display: grid;
    gap: 1rem;
  }

  .hero-grid > .reveal:first-child .lead {
    max-width: 31rem;
  }

  .hero-note {
    margin-top: .35rem;
    padding: 1.05rem 1.1rem;
    border-radius: 18px;
    font-size: .98rem;
  }

  .hero-card {
    min-height: 318px;
    border-radius: 24px;
  }

  .hero-card::before {
    inset: 14px;
    border-radius: 18px;
  }

  .hero-card-center {
    padding: 1.55rem 1.35rem;
    gap: .68rem;
  }

  .hero-mark {
    height: clamp(96px, 28vw, 122px);
    max-width: 35%;
  }

  .hero-card-text .brand-word {
    font-size: clamp(2rem, 9.4vw, 2.65rem);
  }

  .hero-card-text p {
    font-size: .64rem;
    letter-spacing: .18em;
    line-height: 1.5;
  }

  .trust-strip {
    margin-top: 1rem;
    border-radius: 20px;
  }

  .trust-item {
    padding: 1rem;
  }

  .trust-item strong {
    font-size: 1.06rem;
  }

  .trust-item span {
    font-size: .86rem;
  }

  .section {
    padding: 54px 0;
  }

  .section.tight {
    padding: 40px 0;
  }

  .section-head {
    gap: .9rem;
    margin-bottom: 1.45rem;
  }

  .section-head .btn {
    width: 100%;
  }

  .feature-panel,
  .text-card,
  .stat-card,
  .form-card,
  .contact-card,
  .home-map-card,
  .cta-panel,
  .reviews-panel {
    border-radius: 22px;
  }

  .feature-panel {
    padding: 1rem;
    gap: 1rem;
  }

  .feature-number {
    min-height: 190px;
    border-radius: 18px;
  }

  .feature-number span {
    font-size: clamp(2.45rem, 13vw, 3.6rem);
  }

  .feature-body {
    padding: .35rem .1rem .1rem;
  }

  .card,
  .service-row,
  .online-service-card,
  .team-card {
    border-radius: 20px;
  }

  .card,
  .service-row,
  .online-service-card,
  .text-card,
  .stat-card,
  .form-card,
  .contact-card {
    padding: 1.2rem;
  }

  .card-grid,
  .area-grid,
  .method-grid,
  .price-grid,
  .team-grid,
  .service-list {
    gap: .9rem;
  }

  .home-team-grid .team-photo-wrap {
    display: none;
  }

  .home-team-grid .team-card {
    border-radius: 18px;
  }

  .home-team-grid .team-body {
    padding: 1.05rem;
  }

  .home-team-grid .team-body h3 {
    font-size: 1.2rem;
  }

  .home-team-grid .team-role {
    margin-bottom: .5rem;
    font-size: .68rem;
  }

  .card .watermark {
    width: 76px;
    right: 12px;
    top: 12px;
  }

  .meta-row,
  .service-hero-meta {
    gap: .45rem;
  }

  .pill {
    padding: .34rem .58rem;
    font-size: .78rem;
  }

  .page-hero {
    padding: 34px 0 30px;
  }

  .page-hero-panel {
    min-height: auto;
    padding: 2.05rem 1.45rem;
    border-radius: 24px;
    align-items: center;
  }

  .page-hero-panel::after {
    inset: 14px;
    border-radius: 18px;
  }

  .page-hero-panel h1 {
    font-size: clamp(2.55rem, 11.8vw, 3.35rem);
    line-height: .96;
    max-width: 100%;
  }

  .page-hero-panel .lead {
    font-size: 1rem;
    line-height: 1.58;
  }

  .page-hero-mark {
    right: 1rem;
    height: 178px;
    max-width: 44vw;
    opacity: .13;
  }

  .service-row {
    gap: 1rem;
  }

  .service-row-actions {
    justify-content: stretch;
    width: 100%;
    gap: .65rem;
  }

  .service-row-actions .btn {
    width: 100%;
  }

  .price {
    font-size: 1.65rem;
    line-height: 1.08;
  }

  .service-form-grid {
    gap: 1rem;
  }

  .online-service-actions {
    gap: .6rem;
  }

  .online-service-card,
  .online-service-summary,
  .online-service-summary h3,
  .online-service-summary p,
  .online-service-summary .price {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .service-request-layout {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .service-request-intro {
    position: static;
  }

  .service-request-form {
    padding-top: .8rem;
  }

  .service-request-form label {
    font-size: .74rem;
  }

  .service-request-form input,
  .service-request-form textarea {
    font-size: .95rem;
  }

  .service-online-form-page .service-request-layout {
    display: block;
  }

  .service-online-form-page .service-request-intro {
    display: none;
  }

.service-online-form-page .service-request-page-form {
  max-width: 680px;
  margin-inline: auto;
  width: 100%;
  min-width: 0;
  padding: 1.25rem;
  gap: .7rem;
}

.service-online-form-page .page-hero-panel,
.service-online-form-page .service-request-layout,
.service-online-form-page .service-request-page-form,
.service-online-form-page .service-request-page-form *,
.service-online-form-page .cta-panel,
.service-online-form-page .cta-panel * {
  min-width: 0;
}

.service-online-form-page .page-hero-panel h1,
.service-online-form-page .service-request-page-form h2,
.service-online-form-page .cta-panel h2,
.service-online-form-page .pill {
  overflow-wrap: anywhere;
  word-break: normal;
}

.service-online-form-page .service-request-page-form h2 {
  font-size: clamp(1.9rem, 8.4vw, 2.45rem);
  line-height: 1.04;
}

  .service-online-form-page .service-request-page-form .small {
    margin-bottom: .45rem;
  }

  .service-online-form-page .service-request-form .field {
    border-radius: 14px;
  }

  .service-online-form-page .service-form-actions {
    justify-content: stretch;
    padding-top: .45rem;
  }

.service-online-form-page .service-form-actions .btn {
  width: 100%;
}

.service-online-form-page .service-hero-meta {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}

.service-online-form-page .service-hero-meta .pill {
  width: 100%;
  max-width: 100%;
  justify-content: center;
  text-align: center;
  white-space: normal;
  line-height: 1.25;
}

.service-online-form-page .service-hero-meta .address-link,
.service-online-form-page .cta-panel a[href^="tel:"] {
  display: none;
}

  .service-main {
    gap: 1rem;
  }

  .sidebar .actions {
    margin-top: 1rem;
  }

  .bullets {
    gap: .58rem;
  }

  .bullets li {
    gap: .62rem;
    font-size: .98rem;
  }

  .about-hero {
    min-height: calc(100svh - 70px);
    padding: clamp(12.2rem, 54vw, 16rem) 0 clamp(1rem, 4vw, 1.35rem);
  }

  .about-hero::after {
    inset: 12px;
  }

  .about-hero-copy {
    padding-bottom: 1.15rem;
  }

  .about-hero-mobile-label {
    font-size: clamp(2.25rem, 9.4vw, 2.9rem);
  }

  .about-hero-signature-mark {
    width: 52px;
  }

  .about-hero .lead {
    font-size: .98rem;
    line-height: 1.55;
  }

  .about-hero-actions .btn {
    width: min(100%, 236px);
  }

  .founder-hero {
    min-height: calc(100svh - 72px);
    padding: 0;
    display: grid;
    align-items: end;
    background: #17120f;
  }

  .founder-hero::before {
    background:
      linear-gradient(180deg, rgba(12,10,8,.02) 0%, rgba(12,10,8,.10) 36%, rgba(12,10,8,.52) 67%, rgba(12,10,8,.92) 100%),
      linear-gradient(90deg, rgba(12,10,8,.06), rgba(12,10,8,.00) 42%, rgba(12,10,8,.16));
  }

  .founder-hero::after {
    inset: 12px;
    border-radius: 26px;
    border-color: rgba(255,255,255,.22);
  }

  .founder-hero-photo {
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    object-fit: cover;
    object-position: center top;
    filter: saturate(.95) contrast(1.03);
  }

  .founder-hero-inner {
    min-height: calc(100svh - 72px);
    display: flex;
    align-items: flex-end;
    padding-top: clamp(9rem, 31svh, 16rem);
    padding-bottom: clamp(1.55rem, 6svh, 3rem);
  }

  .founder-hero-copy {
    max-width: 100%;
    padding: 0;
  }

  .founder-kicker {
    gap: .65rem;
    margin-bottom: .7rem;
    font-size: .68rem;
    letter-spacing: .2em;
    color: rgba(255,255,255,.82);
  }

  .founder-hero h1 {
    max-width: 9.2ch;
    margin-bottom: 0;
    color: #fff;
    font-size: clamp(2.75rem, 12.4vw, 3.85rem);
    line-height: .92;
    text-wrap: balance;
  }

  .founder-role {
    display: none;
  }

  .founder-hero p:not(.founder-role) {
    display: none;
  }

  .founder-hero-actions {
    display: none;
  }

  .founder-statement blockquote {
    font-size: clamp(1.75rem, 8vw, 2.4rem);
    line-height: 1.08;
  }

  .founder-index,
  .founder-feature-band,
  .founder-closing {
    border-radius: 22px;
  }

  .founder-index {
    padding: 1.2rem;
  }

  .founder-index::after {
    inset: 12px;
    border-radius: 16px;
  }

  .founder-index img {
    width: 64px;
    margin-bottom: .95rem;
  }

  .founder-index h2 {
    font-size: clamp(1.55rem, 7.5vw, 2.05rem);
  }

  .founder-chapter {
    padding: 2.1rem 0;
  }

  .founder-chapter-number {
    font-size: 2rem;
    margin-bottom: .7rem;
  }

  .founder-chapter h2 {
    font-size: clamp(1.86rem, 8.2vw, 2.45rem);
    line-height: 1.04;
  }

  .founder-chapter p {
    font-size: .99rem;
    line-height: 1.64;
  }

  .founder-feature-band {
    gap: 1.1rem;
    padding: 1.25rem;
  }

  .founder-feature-band strong {
    font-size: clamp(1.55rem, 7.4vw, 2.1rem);
  }

  .founder-role-grid {
    gap: .75rem;
  }

  .founder-role-grid div {
    padding: .95rem;
    border-radius: 18px;
  }

  .form-grid {
    gap: .85rem;
  }

  .contact-grid .form-card {
    order: 1;
  }

  .contact-grid .contact-callout {
    order: 2;
  }

  .contact-grid .contact-card {
    order: 3;
  }

  input,
  textarea,
  select {
    min-height: 50px;
    border-radius: 14px;
    padding: .82rem .9rem;
    font-size: 1rem;
  }

  textarea {
    min-height: 128px;
  }

  .map-frame,
  .home-map {
    aspect-ratio: 1 / 1;
    border-radius: 18px;
  }

  .home-contact-section {
    padding-top: 14px;
  }

  .home-map-card {
    padding: 1.25rem;
  }

  .reviews-panel {
    padding: 1.15rem;
    text-align: left;
  }

  .reviews-content {
    align-items: flex-start;
    text-align: left;
  }

  .reviews-visual img {
    width: min(100%, 250px);
  }

  .reviews-pill {
    min-height: 44px;
    padding: .62rem .9rem;
    font-size: .76rem;
    letter-spacing: .05em;
  }

  .reviews-stars {
    font-size: 1.35rem;
    letter-spacing: .22em;
  }

  .cta-panel {
    gap: 1rem;
    padding: 1.35rem;
  }

  .cta-panel::after {
    width: 180px;
    height: 180px;
    right: -70px;
    top: -60px;
  }

  .site-footer {
    padding: 46px 0 86px;
  }

  .footer-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.65rem 1.15rem;
  }

  .footer-grid > div:first-child,
  .footer-grid > div:nth-child(4) {
    grid-column: 1 / -1;
  }

  .footer-grid > div:first-child {
    max-width: 32rem;
  }

  .footer-grid > div:nth-child(2),
  .footer-grid > div:nth-child(3) {
    min-width: 0;
  }

  .footer-grid > div:nth-child(4) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .15rem 1rem;
  }

  .footer-grid > div:nth-child(4) h3 {
    grid-column: 1 / -1;
  }

  .footer-grid > div:nth-child(4) p {
    margin-bottom: 0;
  }

  .site-footer h3 {
    font-size: clamp(1.52rem, 6.2vw, 1.95rem);
    margin-bottom: .55rem;
  }

  .footer-logo {
    width: 46px;
  }

  .footer-title {
    font-size: 1.45rem;
  }

  .footer-links {
    gap: .35rem;
  }

  .footer-links a {
    display: inline-flex;
    padding: .14rem 0;
  }

  .footer-bottom {
    margin-top: 2rem;
    gap: .85rem;
  }

  .floating-contact {
    right: 12px;
    bottom: 12px;
    display: grid;
    opacity: .96;
  }

  body.menu-open .floating-contact {
    display: none;
  }

  .floating-contact-toggle {
    width: 50px;
    height: 50px;
    box-shadow: 0 12px 28px rgba(32,29,26,.22), 0 0 0 5px rgba(155,109,63,.09);
  }

  .floating-contact-letter {
    font-size: 1.58rem;
  }

  .floating-contact-actions {
    bottom: 60px;
    min-width: 154px;
  }

  .floating-contact-option {
    min-height: 46px;
    padding: .55rem .68rem;
    font-size: .86rem;
  }
}

@media (max-width: 370px) {
  .container {
    width: min(100% - 28px, var(--max));
  }

  .brand-word {
    font-size: 1.02rem;
  }

  .mobile-lang-switch,
  .menu-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  h1 {
    font-size: clamp(2.35rem, 10.5vw, 2.85rem);
  }

  h2 {
    font-size: clamp(1.86rem, 8.2vw, 2.35rem);
  }

  .page-hero-panel {
    padding: 1.75rem 1.2rem;
  }

  .page-hero-panel h1 {
    font-size: clamp(2.3rem, 10.5vw, 2.9rem);
  }

  .hero h1::before {
    width: 34px;
    height: 56px;
  }

  .about-hero-mobile-label {
    font-size: clamp(2.05rem, 8.8vw, 2.55rem);
  }

  .founder-hero h1 {
    font-size: clamp(2.35rem, 10.8vw, 3rem);
  }

  .founder-role {
    font-size: 1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
}


/* === 2026 content architecture: cash flow + Bilancio Digitale === */
.project-feature-number span { font-size: clamp(3rem, 7vw, 5.4rem); letter-spacing: .025em; line-height: .88; }
.service-card-editorial .card-link { margin-top: 1.15rem; }
.text-card > hr,
.financial-outsourcing > hr { border: 0; border-top: 1px solid rgba(32,29,26,.12); margin: 2.2rem 0; }
.financial-outsourcing h4 { font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; margin: 1.65rem 0 .7rem; }
.inline-project-callout { margin-top: 2.1rem; padding: 1.55rem; border-radius: 22px; background: linear-gradient(135deg, rgba(31,27,22,.98), rgba(92,69,45,.95)); color: #fff; }
.inline-project-callout .eyebrow { color: rgba(255,255,255,.72); }
.inline-project-callout h4 { margin: .15rem 0 .55rem; color: #fff; font-size: 1.55rem; }
.inline-project-callout p { color: rgba(255,255,255,.74); }
.inline-project-callout .card-link { color: #f0c995; }
.founder-project-link { margin-top: .65rem; }

.project-hero { position: relative; overflow: hidden; padding: clamp(5rem, 8vw, 8rem) 0 0; background: linear-gradient(135deg, #171411 0%, #2d241c 48%, #6a5035 100%); color: #fff; }
.project-hero::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 78% 18%, rgba(216,178,123,.24), transparent 25rem), repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 24px); pointer-events:none; }
.project-hero-grid { position: relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(270px,.65fr); gap:clamp(2rem,6vw,6rem); align-items:center; padding-bottom:clamp(3rem,6vw,5.5rem); }
.project-hero-copy { max-width: 800px; }
.project-kicker { display:inline-flex; align-items:center; gap:.8rem; color:#e5c79d; text-transform:uppercase; letter-spacing:.22em; font-weight:800; font-size:.72rem; margin-bottom:1.2rem; }
.project-kicker::before { content:""; width:46px; height:1px; background:currentColor; }
.project-hero h1 { color:#fff; max-width: 900px; font-size:clamp(3.4rem,8vw,7.2rem); line-height:.88; letter-spacing:-.045em; margin-bottom:1.4rem; }
.project-hero .lead { color:rgba(255,255,255,.86); max-width:700px; }
.project-hero-copy > p:not(.lead) { max-width:720px; color:rgba(255,255,255,.67); font-size:1.04rem; }
.project-hero .btn.secondary { color:#fff; border-color:rgba(255,255,255,.32); background:rgba(255,255,255,.06); }
.project-hero .btn.secondary:hover { background:rgba(255,255,255,.14); }
.project-hero-mark { justify-self:end; width:min(100%,390px); aspect-ratio:1/1.08; border-radius:38px; border:1px solid rgba(255,255,255,.15); background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025)); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 34px 100px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter:blur(8px); }
.project-hero-mark span { font-family:Georgia,"Times New Roman",serif; font-size:clamp(5rem,11vw,9rem); line-height:.8; letter-spacing:-.08em; color:#f3dcc0; }
.project-hero-mark small { margin-top:1.25rem; text-transform:uppercase; letter-spacing:.28em; font-size:.68rem; color:rgba(255,255,255,.62); }
.project-facts { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(255,255,255,.14); border-bottom:0; border-radius:28px 28px 0 0; overflow:hidden; background:rgba(255,255,255,.065); backdrop-filter:blur(14px); }
.project-facts div { padding:1.4rem 1.5rem; border-right:1px solid rgba(255,255,255,.12); }
.project-facts div:last-child { border-right:0; }
.project-facts span { display:block; color:#dfbd8e; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.18em; margin-bottom:.45rem; }
.project-facts strong { display:block; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:1.2rem; line-height:1.25; font-weight:500; }
.project-intro-grid { display:grid; grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr); gap:clamp(2rem,6vw,5rem); align-items:start; }
.project-quote { position:sticky; top:116px; padding:2rem; border-radius:30px; background:linear-gradient(145deg,#f2e8da,#fffaf3); border:1px solid rgba(32,29,26,.1); box-shadow:var(--shadow-soft); }
.project-quote > span { color:var(--bronze); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.2em; }
.project-quote blockquote { font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.7rem,3.2vw,2.7rem); line-height:1.08; margin:1rem 0 0; color:var(--ink); }
.project-copy { padding-top:.5rem; }
.project-copy h2 { max-width:760px; }
.project-copy p { max-width:800px; color:var(--muted); font-size:1.05rem; }
.project-function-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid rgba(32,29,26,.12); }
.project-function { position:relative; display:grid; grid-template-columns:70px 1fr; column-gap:1.1rem; padding:1.7rem 1.3rem 1.7rem 0; border-bottom:1px solid rgba(32,29,26,.12); }
.project-function:nth-child(odd) { border-right:1px solid rgba(32,29,26,.12); padding-right:2rem; }
.project-function:nth-child(even) { padding-left:2rem; }
.project-function > span { grid-row:1/3; font-family:Georgia,"Times New Roman",serif; font-size:2.4rem; line-height:1; color:rgba(155,109,63,.62); }
.project-function h3 { font-size:1.45rem; margin-bottom:.35rem; }
.project-function p { color:var(--muted); margin:0; }
.project-latest-note { margin-top:2rem; padding:1.4rem 1.55rem; display:grid; grid-template-columns:220px 1fr; gap:1.4rem; align-items:start; border-radius:22px; background:rgba(155,109,63,.09); border:1px solid rgba(155,109,63,.16); }
.project-latest-note strong { font-family:Georgia,"Times New Roman",serif; font-size:1.25rem; }
.project-latest-note p { margin:0; color:var(--muted); }
.project-evolution h2 { max-width:840px; }
.project-timeline { margin-top:2rem; display:grid; }
.project-timeline article { display:grid; grid-template-columns:86px 1fr; gap:1.5rem; padding:1.65rem 0; border-top:1px solid rgba(32,29,26,.12); }
.project-timeline article:last-child { border-bottom:1px solid rgba(32,29,26,.12); }
.project-timeline article > span { font-family:Georgia,"Times New Roman",serif; font-size:2.5rem; color:var(--bronze); line-height:1; }
.project-timeline h3 { margin-bottom:.4rem; }
.project-timeline p { max-width:780px; color:var(--muted); margin:0; }
.project-people-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.2rem; }
.project-person { display:grid; grid-template-columns:86px 1fr; gap:1.25rem; padding:1.7rem; border-radius:28px; background:linear-gradient(180deg,rgba(255,253,248,.92),rgba(255,253,248,.74)); border:1px solid rgba(32,29,26,.11); box-shadow:0 14px 38px rgba(38,31,24,.05); }
.project-person-index { width:68px; height:68px; border-radius:50%; display:grid; place-items:center; background:#241f1a; color:#e9c99f; font-family:Georgia,"Times New Roman",serif; font-size:1.4rem; }
.project-person h3 { margin-bottom:.25rem; }
.project-person strong { display:block; color:var(--bronze); text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; margin-bottom:.75rem; }
.project-person p { color:var(--muted); }

@media (max-width: 980px) {
  .project-hero-grid { grid-template-columns:1fr; }
  .project-hero-mark { justify-self:start; width:min(100%,330px); }
  .project-intro-grid { grid-template-columns:1fr; }
  .project-quote { position:relative; top:auto; }
  .project-function-grid { grid-template-columns:1fr; }
  .project-function:nth-child(odd) { border-right:0; padding-right:0; }
  .project-function:nth-child(even) { padding-left:0; }
  .project-people-grid { grid-template-columns:1fr; }
}
@media (max-width: 780px) {
  .project-hero { padding-top:3.2rem; }
  .project-hero-grid { gap:1.8rem; padding-bottom:2.4rem; }
  .project-hero h1 { font-size:clamp(3rem,15vw,4.7rem); }
  .project-hero-mark { width:100%; max-width:none; aspect-ratio:1.6/1; border-radius:26px; }
  .project-hero-mark span { font-size:clamp(4.6rem,25vw,7rem); }
  .project-facts { grid-template-columns:1fr; border-radius:22px 22px 0 0; }
  .project-facts div { border-right:0; border-bottom:1px solid rgba(255,255,255,.12); padding:1.1rem 1.2rem; }
  .project-facts div:last-child { border-bottom:0; }
  .project-quote { padding:1.45rem; border-radius:24px; }
  .project-function { grid-template-columns:56px 1fr; padding:1.35rem 0; }
  .project-function > span { font-size:2rem; }
  .project-latest-note { grid-template-columns:1fr; gap:.45rem; }
  .project-timeline article { grid-template-columns:56px 1fr; gap:1rem; }
  .project-person { grid-template-columns:1fr; }
  .project-person-index { width:58px; height:58px; }
}

/* Keep in-page navigation clear of the sticky header. */
section[id] { scroll-margin-top: 112px; }
@media (max-width: 780px) { section[id] { scroll-margin-top: 86px; } }

/* Client-content fidelity refinements: Progetto Bilancio Digitale */
.project-client-intro { max-width: 980px; }
.project-opening { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.65rem, 3.1vw, 2.55rem); line-height: 1.28; letter-spacing: -.018em; color: var(--ink); }
.exact-project-functions .project-function { grid-template-rows: auto; align-items: start; }
.exact-project-functions .project-function > span { grid-row: 1; }
.exact-project-functions .project-function p { font-size: 1.08rem; line-height: 1.65; color: var(--ink); padding-top: .15rem; }
.project-latest-note:has(> p:only-child) { grid-template-columns: 1fr; }
.project-latest-note:has(> p:only-child) p { color: var(--ink); font-size: 1.02rem; }
.project-text-band { max-width: 980px; }
.project-text-band h2 { margin-bottom: 1rem; }
.project-text-band p { max-width: 880px; font-size: 1.12rem; line-height: 1.75; color: var(--muted); }

/* Bot-trap field: intentionally invisible to human users. */
.form-honeypot { position:absolute !important; left:-10000px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }

/* Tablet header: switch to the compact menu before the long request CTA can crowd the navigation. */
@media (min-width: 781px) and (max-width: 1080px) {
  .header-inner { min-height: 72px; gap: .55rem; justify-content: flex-start; }
  .brand { min-width: 0; margin-right: auto; }
  .brand > span { min-width: 0; }
  .brand-sub { display: none; }
  .mobile-lang-switch { display: inline-flex; flex: 0 0 auto; }
  .menu-toggle { display: inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid rgba(32,29,26,.12); border-radius:999px; }
  .nav {
    position: fixed;
    inset: 72px 22px auto 22px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
    border-radius: 24px;
    background: rgba(255,253,248,.97);
    box-shadow: var(--shadow);
    border: 1px solid rgba(32,29,26,.10);
  }
  body.menu-open .nav { display: flex; }
  .nav a { width: 100%; }
  .nav .lang-switch { display: none; }
  .header-cta { display: none !important; }
}
.nav a.btn.header-cta { white-space: nowrap; }


/* === Desktop team scroll showcase === */
.team-showcase-section { overflow: clip; }
.team-showcase-track { position: relative; }
.team-showcase-stage { position: relative; }
.team-showcase-grid { display: grid; }
.team-person { min-width: 0; }
.team-person-portrait picture { display: block; width: 100%; height: 100%; }
.team-person-photo { width: 100%; height: 100%; object-fit: cover; }
.team-person-details p { color: var(--muted); }
.team-person--reserved { display: none; }

@media (min-width: 1201px) {
  .team-showcase-section { padding-bottom: 2rem; }
  .team-showcase-track { height: 165vh; min-height: 1040px; }
  .team-showcase-stage {
    position: sticky;
    top: 92px;
    height: calc(100vh - 116px);
    min-height: 610px;
    max-height: 760px;
    display: grid;
    align-items: center;
  }
  .team-showcase-grid {
    width: 100%;
    grid-template-columns: .88fr .96fr 1.26fr .96fr .88fr;
    gap: clamp(.55rem, 1.2vw, 1.05rem);
    align-items: start;
  }
  .team-person {
    --team-x: 0px;
    --team-scale: 1;
    --team-opacity: 1;
    text-align: center;
    opacity: var(--team-opacity);
    transform: translate3d(var(--team-x), 0, 0) scale(var(--team-scale));
    transform-origin: center top;
    will-change: transform, opacity;
    transition: opacity .08s linear;
    padding-top: 3.1rem;
  }
  .team-person--maria {
    padding-top: 0;
    z-index: 5;
  }
  .team-person--far-left,
  .team-person--far-right { padding-top: 4.7rem; }
  .team-person-portrait {
    width: clamp(138px, 12.3vw, 166px);
    aspect-ratio: 1;
    margin: 0 auto 1.05rem;
    border-radius: 50%;
    overflow: hidden;
    background: #fffdf8;
    border: 1px solid rgba(145,97,52,.28);
    box-shadow:
      0 18px 46px rgba(38,31,24,.10),
      0 0 0 8px rgba(255,253,248,.78),
      0 0 0 9px rgba(145,97,52,.08);
  }
  .team-person--maria .team-person-portrait {
    width: clamp(218px, 18.6vw, 252px);
    border-color: rgba(145,97,52,.40);
    box-shadow:
      0 28px 70px rgba(38,31,24,.14),
      0 0 0 10px rgba(255,253,248,.86),
      0 0 0 11px rgba(145,97,52,.14);
  }
  .team-person-details { max-width: 220px; margin: 0 auto; }
  .team-person[data-team-side] .team-person-details {
    opacity: var(--team-copy-opacity, 1);
    transform: translateY(var(--team-copy-y, 0px));
    will-change: opacity, transform;
  }
  .team-person--maria .team-person-details { max-width: 275px; }
  .team-person-details h3 {
    font-size: clamp(1.12rem, 1.35vw, 1.48rem);
    line-height: 1.08;
    margin-bottom: .42rem;
  }
  .team-person-details .team-role {
    min-height: 2.35em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: .48rem;
    line-height: 1.35;
    font-size: .66rem;
  }
  .team-person--maria .team-person-details h3 { font-size: clamp(1.5rem, 1.75vw, 1.92rem); }
  .team-person-details .email {
    display: block;
    margin-bottom: .58rem;
    font-size: clamp(.69rem, .72vw, .8rem);
    line-height: 1.35;
  }
  .team-person-details p {
    margin: 0;
    font-size: clamp(.73rem, .76vw, .83rem);
    line-height: 1.48;
  }
  .team-person--reserved {
    display: block;
    min-height: 210px;
  }
  .team-person-portrait--reserved {
    background: rgba(255,253,248,.36);
    border: 1px solid rgba(145,97,52,.17);
    box-shadow:
      0 12px 32px rgba(38,31,24,.035),
      0 0 0 8px rgba(255,253,248,.48),
      0 0 0 9px rgba(145,97,52,.045);
  }
  html.team-scroll-active .team-person[data-team-side] {
    opacity: var(--team-opacity, 0);
  }
}

@media (max-width: 1200px) {
  .team-showcase-track { height: auto; min-height: 0; }
  .team-showcase-stage { position: static; height: auto; min-height: 0; }
  .team-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
  }
  .team-person {
    background: rgba(255,253,248,.92);
    border: 1px solid rgba(32,29,26,.10);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 14px 38px rgba(38,31,24,.05);
    text-align: center;
    padding: 1.2rem 1.05rem 1.15rem;
  }
  .team-person-portrait {
    width: clamp(120px, 34vw, 172px);
    aspect-ratio: 1 / 1;
    margin: 0 auto 1rem;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    background: #fffdf8;
    border: 1px solid rgba(145,97,52,.24);
    box-shadow: 0 14px 34px rgba(38,31,24,.07), 0 0 0 7px rgba(255,253,248,.78), 0 0 0 8px rgba(145,97,52,.06);
  }
  .team-person-photo {
    border-radius: 50%;
    filter: saturate(.93) contrast(1.02);
    object-fit: cover;
    object-position: center center;
  }
  .team-person-details { padding: 0; }
  .team-person-details h3 { font-size: 1.28rem; margin-bottom: .28rem; }
  .team-person-details .team-role { margin-bottom: .46rem; }
  .team-person-details .email { display: inline-block; margin-bottom: .58rem; }
  .team-person-details p { margin: 0; }
  .team-person--reserved .team-person-details { padding: 0; }
  .team-person--reserved .team-person-details h3 { font-size: 1.18rem; margin-bottom: .3rem; color: rgba(32,29,26,.72); }
  .team-person--reserved .team-person-details .team-role { margin-bottom: 0; font-size: .76rem; color: rgba(32,29,26,.58); }
  .team-person--center { order: 1; }
  .team-person--inner-left { order: 2; }
  .team-person--inner-right { order: 3; }
  .team-person--far-right { order: 4; }
  .team-person--reserved { display: block !important; order: 5; }
}

@media (max-width: 780px) {
  .team-showcase-grid { grid-template-columns: 1fr; }
  .team-person { padding: 1.15rem 1rem 1.1rem; }
  .team-person-portrait { width: clamp(118px, 42vw, 156px); }
}

@media (prefers-reduced-motion: reduce) and (min-width: 1201px) {
  html.team-scroll-active .team-person[data-team-side] {
    opacity: 1 !important;
    transform: none !important;
  }
}


/* Client-supplied Progetto Bilancio Digitale document layout */
.project-document {
  background: #fff;
  padding: clamp(4.6rem, 7vw, 7.2rem) 0 clamp(4.2rem, 7vw, 6.6rem);
  border-bottom: 1px solid rgba(32,29,26,.08);
}
.project-document-shell {
  width: min(1060px, calc(100% - 44px));
}
.project-doc-kicker {
  display: block;
  margin-bottom: .7rem;
  color: #2f332e;
  font-size: .73rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .26em;
  text-transform: uppercase;
}
.project-document h1 {
  margin: 0 0 .65rem;
  max-width: none;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(2.35rem, 5.2vw, 4.35rem);
  line-height: 1.03;
  letter-spacing: -.035em;
  font-weight: 800;
  color: #161616;
}
.project-doc-subtitle {
  margin: 0 0 1rem;
  color: #353535;
  font-size: .96rem;
  font-style: italic;
}
.project-doc-origin {
  margin: 0;
  color: #2f2f2f;
  font-size: .95rem;
  line-height: 1.65;
}
.project-doc-opening {
  margin: 1.05rem 0 0;
  max-width: 980px;
  color: #222;
  font-size: clamp(1.08rem, 1.7vw, 1.27rem);
  line-height: 1.52;
}
.project-doc-section {
  margin-top: clamp(2rem, 4vw, 3rem);
}
.project-doc-section h2 {
  margin: 0 0 .85rem;
  padding: 0 0 .55rem;
  border-bottom: 2px solid rgba(91,116,79,.78);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
  line-height: 1.2;
  letter-spacing: .025em;
  font-weight: 800;
  text-transform: uppercase;
  color: #171717;
}
.project-doc-section > p {
  margin: 0;
  color: #2d2d2d;
  font-size: 1rem;
  line-height: 1.68;
}
.project-doc-list {
  margin: 0 0 .85rem;
  padding-left: 1.35rem;
  display: grid;
  gap: .48rem;
  color: #202020;
  font-size: 1rem;
  line-height: 1.55;
}
.project-doc-profiles {
  margin-top: 1rem;
  display: grid;
  gap: 1rem;
}
.project-doc-profile {
  padding: 0;
}
.project-doc-profile h3 {
  margin: 0 0 .28rem;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 800;
  color: #161616;
}
.project-doc-profile p {
  margin: 0 0 .3rem;
  color: #2c2c2c;
  font-size: .98rem;
  line-height: 1.55;
}
.project-doc-profile .project-doc-role {
  color: #222;
}
.project-related-services {
  border-top: 0;
}
@media (max-width: 780px) {
  .project-document { padding: 3.2rem 0 3.6rem; }
  .project-document-shell { width: min(100% - 32px, 1060px); }
  .project-doc-kicker { letter-spacing: .18em; font-size: .67rem; }
  .project-document h1 { font-size: clamp(2.25rem, 11vw, 3.2rem); }
  .project-doc-section h2 { font-size: 1.15rem; }
  .project-doc-list { padding-left: 1.15rem; }
}

.project-doc-title-inline { font-style: italic; }

/* Fifth team member placeholder: name only until the updated profile/photo arrives. */
@media (min-width: 1201px) {
  .team-person-portrait--reserved {
    display: grid;
    place-items: center;
    padding: 1rem;
  }
  .team-reserved-name {
    max-width: 118px;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.92rem, 1vw, 1.08rem);
    line-height: 1.12;
    text-align: center;
  }
}

/* Keep the outer team members behind the inner pair while they travel outward. */
@media (min-width: 1201px) {
  .team-person--inner-left,
  .team-person--inner-right { position: relative; z-index: 3; }
  .team-person--far-left,
  .team-person--far-right { position: relative; z-index: 1; }
  .team-person--maria { position: relative; z-index: 5; }
}


/* === Homepage team: Maria centered with two colleagues on each side === */
.home-team-showcase {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
}
.home-team-person {
  min-width: 0;
  background: rgba(255,253,248,.92);
  border: 1px solid rgba(32,29,26,.10);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 14px 38px rgba(38,31,24,.05);
  text-align: center;
  padding: 1.2rem 1.05rem 1.15rem;
}
.home-team-portrait {
  width: clamp(120px, 34vw, 172px);
  aspect-ratio: 1 / 1;
  margin: 0 auto 1rem;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
  background: #fffdf8;
  border: 1px solid rgba(145,97,52,.24);
  box-shadow: 0 14px 34px rgba(38,31,24,.07), 0 0 0 7px rgba(255,253,248,.78), 0 0 0 8px rgba(145,97,52,.06);
}
.home-team-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
  filter: saturate(.93) contrast(1.02);
}
.home-team-details { padding: 0; }
.home-team-details h3 { font-size: 1.28rem; line-height: 1.12; margin-bottom: .45rem; }
.home-team-details .team-role { margin-bottom: .5rem; }
.home-team-details .email { display: inline-block; margin-bottom: .58rem; }
.home-team-person--reserved { display: block; order: 5; }
.home-team-person--maria { order: 1; }
.home-team-person--inner-left { order: 2; }
.home-team-person--inner-right { order: 3; }
.home-team-person--far-right { order: 4; }

@media (min-width: 1201px) {
  .home-team-showcase {
    grid-template-columns: .78fr 1.14fr 1.26fr .96fr .86fr;
    gap: clamp(.65rem, 1.25vw, 1.2rem);
    align-items: start;
    padding-top: .4rem;
  }
  .home-team-person {
    display: block;
    order: initial;
    text-align: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
    padding-top: 2.25rem;
  }
  .home-team-person--far-left,
  .home-team-person--far-right { padding-top: 3.7rem; }
  .home-team-person--maria { padding-top: 0; }
  .home-team-portrait {
    width: clamp(136px, 11.8vw, 164px);
    aspect-ratio: 1;
    margin: 0 auto 1.05rem;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    background: #fffdf8;
    border: 1px solid rgba(145,97,52,.28);
    box-shadow: 0 18px 46px rgba(38,31,24,.09), 0 0 0 8px rgba(255,253,248,.78), 0 0 0 9px rgba(145,97,52,.07);
  }
  .home-team-person--maria .home-team-portrait {
    width: clamp(218px, 18vw, 248px);
    border-color: rgba(145,97,52,.40);
    box-shadow: 0 28px 70px rgba(38,31,24,.13), 0 0 0 10px rgba(255,253,248,.86), 0 0 0 11px rgba(145,97,52,.13);
  }
  .home-team-portrait img {
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
  }
  .home-team-portrait--reserved {
    display: grid;
    place-items: center;
    color: rgba(32,29,26,.42);
    background: rgba(255,253,248,.48);
    border-color: rgba(145,97,52,.18);
    box-shadow: 0 12px 32px rgba(38,31,24,.035), 0 0 0 8px rgba(255,253,248,.48), 0 0 0 9px rgba(145,97,52,.045);
  }
  .home-team-portrait--reserved span {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1rem, 1.15vw, 1.25rem);
    line-height: 1.08;
    color: rgba(32,29,26,.55);
  }
  .home-team-details { max-width: 220px; margin: 0 auto; padding: 0; }
  .home-team-person--maria .home-team-details { max-width: 275px; }
  .home-team-details h3 { font-size: clamp(1.08rem, 1.28vw, 1.42rem); line-height: 1.08; margin-bottom: .42rem; }
  .home-team-person--maria .home-team-details h3 { font-size: clamp(1.42rem, 1.7vw, 1.82rem); }
  .home-team-details .team-role {
    min-height: 2.35em;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: .48rem;
    font-size: .65rem;
    line-height: 1.35;
  }
  .home-team-details .email {
    display: block;
    font-size: clamp(.66rem, .7vw, .78rem);
    line-height: 1.35;
  }
  /* Homepage desktop: Tommaso needs a physically wider text column for the long email. */
  .home-team-person--inner-left .home-team-details {
    width: min(270px, 100%);
    max-width: 270px;
  }
  .home-team-person--inner-left .home-team-details .email {
    display: block;
    width: max-content;
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size: clamp(.60rem, .64vw, .70rem);
    letter-spacing: -.015em;
  }
  .home-team-person--reserved .home-team-details h3 {
    color: rgba(32,29,26,.58);
    font-size: clamp(1.05rem, 1.22vw, 1.35rem);
  }
}

@media (max-width: 780px) {
  .home-team-showcase { grid-template-columns: 1fr; }
  .home-team-person { padding: 1.15rem 1rem 1.1rem; }
  .home-team-portrait { width: clamp(118px, 42vw, 156px); }
}

/* === Mobile portrait polish: keep all team faces safely framed in circles === */
@media (max-width: 1200px) {
  .team-person--maria .team-person-portrait,
  .home-team-person--maria .home-team-portrait {
    width: clamp(132px, 36vw, 184px);
    border-color: rgba(145,97,52,.34);
  }

  .team-person--maria .team-person-photo,
  .home-team-person--maria .home-team-portrait img { object-position: 50% 48%; }
  .team-person--inner-left .team-person-photo,
  .home-team-person--inner-left .home-team-portrait img { object-position: 50% 48%; }
  .team-person--inner-right .team-person-photo,
  .home-team-person--inner-right .home-team-portrait img { object-position: 50% 47%; }
  .team-person--far-right .team-person-photo,
  .home-team-person--far-right .home-team-portrait img { object-position: 50% 47%; }

  .team-person-details h3,
  .home-team-details h3 { margin-bottom: .38rem; }
  .team-person-details .team-role,
  .home-team-details .team-role { margin-bottom: .4rem; }
  .team-person-details .email,
  .home-team-details .email { margin-bottom: .5rem; }
}

@media (max-width: 780px) {
  .team-showcase-grid,
  .home-team-showcase { gap: .9rem; }
  .team-person,
  .home-team-person { padding: 1.05rem 1rem 1.05rem; }
  .team-person-portrait,
  .home-team-portrait { margin-bottom: .9rem; }
  .team-person--maria .team-person-portrait,
  .home-team-person--maria .home-team-portrait { width: clamp(142px, 44vw, 168px); }
}

/* Preserve single-line desktop navigation labels, including English "Meet the Founder". */
@media (min-width: 1081px) {
  .nav > a { white-space: nowrap; }
}

/* Static contact cards + reserved team placeholders */
.team-person-portrait--reserved,
.home-team-portrait--reserved {
  display: grid;
  place-items: center;
  text-align: center;
  padding: .85rem;
}
.team-person-portrait--reserved .team-reserved-name,
.home-team-portrait--reserved span {
  max-width: 120px;
  margin: 0 auto;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.12;
  text-align: center;
}

/* On small screens the floating quick-contact control is redundant while a full contact form is visible. */
@media (max-width: 780px) {
  .floating-contact.is-suppressed {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  }
  .floating-contact.is-suppressed > * { pointer-events: none; }
}

/* === Final brand color-system normalization ===
   One visual language across buttons, pills, strips and dark/light bars. */
:root {
  --brand-dark: #161411;
  --brand-dark-2: #2b241d;
  --brand-brown: #6e5437;
  --brand-bronze: #916134;
  --brand-bronze-light: #c7a16c;
  --brand-ivory: #fffdf8;
  --brand-paper: #fbf7f0;
  --brand-accent-soft: rgba(145,97,52,.09);
  --brand-accent-line: rgba(145,97,52,.22);
}

/* Light-surface controls */
.btn:not(.secondary):not(.text):not(.reviews-primary),
button.btn:not(.secondary):not(.text) {
  background: var(--brand-dark);
  color: #fff;
  border-color: rgba(22,20,17,.96);
}
.btn.secondary {
  background: rgba(255,253,248,.72);
  color: var(--ink);
  border-color: rgba(145,97,52,.28);
  box-shadow: none;
}
.btn.secondary:hover {
  background: #fffdf8;
  color: var(--ink);
  border-color: rgba(145,97,52,.52);
}

/* Dark-surface controls: strong ivory primary, quiet translucent secondary. */
.cta-panel .btn:not(.secondary),
.sidebar .card .btn:not(.secondary),
.founder-hero-actions .btn:not(.secondary),
.founder-closing .btn:not(.secondary),
.about-hero-actions .btn:not(.secondary),
.project-hero .btn:not(.secondary) {
  background: var(--brand-ivory);
  color: var(--brand-dark);
  border-color: rgba(255,255,255,.78);
  box-shadow: 0 14px 32px rgba(0,0,0,.14);
}
.cta-panel .btn:not(.secondary):hover,
.sidebar .card .btn:not(.secondary):hover,
.founder-hero-actions .btn:not(.secondary):hover,
.founder-closing .btn:not(.secondary):hover,
.about-hero-actions .btn:not(.secondary):hover,
.project-hero .btn:not(.secondary):hover {
  background: #f4ede3;
  color: var(--brand-dark);
  border-color: #f4ede3;
}
.cta-panel .btn.secondary,
.sidebar .card .btn.secondary,
.founder-hero-actions .btn.secondary,
.founder-closing .btn.secondary,
.about-hero-actions .btn.secondary,
.project-hero .btn.secondary {
  background: rgba(255,255,255,.07);
  color: #fff;
  border-color: rgba(255,255,255,.34);
  box-shadow: none;
}
.cta-panel .btn.secondary:hover,
.sidebar .card .btn.secondary:hover,
.founder-hero-actions .btn.secondary:hover,
.founder-closing .btn.secondary:hover,
.about-hero-actions .btn.secondary:hover,
.project-hero .btn.secondary:hover {
  background: rgba(255,255,255,.15);
  color: #fff;
  border-color: rgba(255,255,255,.58);
}

/* Service hero metadata belongs to the dark hero, not the light-page pill style. */
.page-hero-panel .pill,
.page-hero-panel .pill.address-link {
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.20);
}
.page-hero-panel .pill.address-link:hover {
  color: #fff;
  border-color: rgba(255,255,255,.48);
  background: rgba(255,255,255,.14);
}

/* Warm Studio Pegoli light-surface pills. */
.pill {
  background: rgba(145,97,52,.075);
  border-color: rgba(145,97,52,.18);
  color: var(--ink-soft);
}
.sidebar .pill {
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.14);
}

/* Bars / strips use bronze + ivory rather than unrelated sage/blue tones. */
.trust-strip {
  background: linear-gradient(135deg, rgba(255,253,248,.92), rgba(244,237,227,.82));
  border-color: rgba(145,97,52,.16);
}
.trust-item { border-right-color: rgba(145,97,52,.14); }
.section.alt {
  background:
    radial-gradient(circle at 8% 0%, rgba(199,161,108,.10), transparent 24rem),
    linear-gradient(180deg, rgba(244,237,227,.78), rgba(255,253,248,.90));
}
.about-hero-proof {
  background: rgba(28,23,19,.72);
  border-color: rgba(199,161,108,.26);
}
.about-hero-proof .trust-item { border-right-color: rgba(199,161,108,.20); }
.about-hero-proof .trust-item span { color: #e5c18e; }

/* Google section follows the brand instead of introducing wine/sage/red gradients. */
.reviews-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(199,161,108,.16), transparent 18rem),
    linear-gradient(135deg, rgba(255,253,248,.96), rgba(244,237,227,.84));
  border-color: rgba(145,97,52,.15);
}
.reviews-pill {
  color: var(--brand-bronze);
  border-color: rgba(145,97,52,.20);
  background: rgba(145,97,52,.075);
}
.reviews-pill-dot {
  background: linear-gradient(180deg, var(--brand-bronze-light), var(--brand-bronze));
  box-shadow: 0 0 0 5px rgba(145,97,52,.12);
}
.reviews-primary {
  background: var(--brand-dark);
  color: #fff;
  border-color: var(--brand-dark);
}
.reviews-primary:hover {
  background: #0f0d0b;
  color: #fff;
  border-color: #0f0d0b;
}
.reviews-stars { color: var(--brand-bronze-light); }

/* Link color stays inside the same warm palette. */
.email { color: #76502e; }

/* Remove unrelated cool tints from the global canvas. */
body {
  background:
    radial-gradient(circle at 12% 4%, rgba(199,161,108,.14), transparent 28rem),
    radial-gradient(circle at 90% 8%, rgba(145,97,52,.055), transparent 24rem),
    radial-gradient(circle at 20% 92%, rgba(199,161,108,.07), transparent 28rem),
    linear-gradient(180deg, #fffdf8 0%, var(--paper) 45%, #fffdf8 100%);
}

/* Dark-surface specificity guard: do not let the global light primary rule win. */
body .cta-panel .btn:not(.secondary):not(.text),
body .sidebar .card .btn:not(.secondary):not(.text),
body .founder-hero-actions .btn:not(.secondary):not(.text),
body .founder-closing .btn:not(.secondary):not(.text),
body .about-hero-actions .btn:not(.secondary):not(.text),
body .project-hero .btn:not(.secondary):not(.text) {
  background: var(--brand-ivory);
  color: var(--brand-dark);
  border-color: rgba(255,255,255,.78);
  box-shadow: 0 14px 32px rgba(0,0,0,.14);
}
body .cta-panel .btn:not(.secondary):not(.text):hover,
body .sidebar .card .btn:not(.secondary):not(.text):hover,
body .founder-hero-actions .btn:not(.secondary):not(.text):hover,
body .founder-closing .btn:not(.secondary):not(.text):hover,
body .about-hero-actions .btn:not(.secondary):not(.text):hover,
body .project-hero .btn:not(.secondary):not(.text):hover {
  background: #f4ede3;
  color: var(--brand-dark);
  border-color: #f4ede3;
}

/* Jobpoi project links */
.jobpoi-inline {
  color: var(--bronze);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: rgba(145,97,52,.34);
  text-underline-offset: .18em;
  text-decoration-thickness: 1px;
}
.jobpoi-inline:hover {
  color: var(--ink);
  text-decoration-color: currentColor;
}
.project-hero .jobpoi-inline {
  color: #e5c79d;
  text-decoration-color: rgba(229,199,157,.42);
}
.project-hero .jobpoi-inline:hover { color: #fff; }
.project-external-actions { margin-top: 1.35rem; }


/* === Homepage final micro-fixes === */
/* Tommaso: force the long desktop email to remain one atomic line. */
@media (min-width: 1201px) {
  .home-team-person--inner-left .home-team-details {
    width: 290px;
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .home-team-person--inner-left .home-team-details .email {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 auto .5rem !important;
    transform: none !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size: clamp(.57rem, .60vw, .66rem) !important;
    line-height: 1.2;
    letter-spacing: -.022em;
  }
}

/* Homepage preview: make the inline Jobpoi destination obviously clickable. */
.feature-panel .jobpoi-inline {
  color: #8b5427;
  font-weight: 900;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(139,84,39,.72);
  text-underline-offset: .18em;
  transition: color .18s ease, background-color .18s ease, text-decoration-color .18s ease;
}
.feature-panel .jobpoi-inline::after {
  content: " ↗";
  font-size: .72em;
  font-weight: 900;
  vertical-align: .08em;
}
.feature-panel .jobpoi-inline:hover,
.feature-panel .jobpoi-inline:focus-visible {
  color: #5f3517;
  background: rgba(139,84,39,.08);
  text-decoration-color: currentColor;
}