/* DS4 — Serif luxo
   Cormorant Garamond em alto contraste, palavras gigantes em itálico minúsculo,
   texto em Alegreya Sans (humanista). Bege dominante, rosa só em filetes e numerais. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Alegreya+Sans:wght@400;500;700&display=swap");

:root {
  --dur-reveal: 950ms; --reveal-y: 12px; --stagger: 90ms;
  --f-display: "Cormorant Garamond", "Didot", Georgia, serif;
  --f-accent: "Cormorant Garamond", Georgia, serif;
  --f-body: "Alegreya Sans", "Gill Sans", system-ui, sans-serif;

  --d-weight: 400;
  --d-style: italic;
  --d-transform: lowercase;
  --d-tracking: -.02em;
  --d-lh: .9;

  --title-font: var(--f-display);
  --title-size: clamp(2.5rem, 1.3rem + 3.4vw, 4.4rem);
  --title-weight: 500;
  --title-lh: 1;
  --title-tracking: -.015em;
  --title-align: right;

  --hs-font: var(--f-display);
  --hs-weight: 500;
  --hs-transform: none;
  --hs-tracking: -.01em;
  --hs-size: clamp(2.25rem, 1.4rem + 2.8vw, 4rem);
  --hs-lh: 1.02;

  --impact-size: clamp(4.5rem, 2rem + 10vw, 11rem);
  --body-size: 1.125rem;
  --body-lh: 1.6;

  --btn-font: var(--f-accent);
  --btn-size: 1.1875rem;
  --btn-weight: 500;
  --btn-transform: none;
  --btn-tracking: .01em;

  --quote-font: var(--f-accent);
  --quote-style: italic;
  --quote-size: 1.375rem;

  --num-font: var(--f-display);
  --num-style: italic;
  --num-size: 3.25rem;
  --num-color: var(--rosa);

  --svc-font: var(--f-display);
  --svc-weight: 600;
  --svc-size: 1.6rem;

  --nav-transform: none;
  --nav-tracking: .02em;
  --nav-size: 1rem;
  --nav-weight: 500;
  --fhead-transform: none;

  --scribble-w: 1.25px;
  --r-img: 0px;
  --name-bottom: -.12em;
}

.site-nav, .hero, .manifesto, .method, .services, .faq, .contact {
  --bg: var(--bege); --fg: var(--bordo); --ghost: var(--bege-light);
  --line: color-mix(in srgb, var(--rosa) 85%, var(--bordo));
  --btn-bg: transparent; --btn-fg: var(--bordo);
  --input-bg: transparent; --input-line: var(--bordo);
}
.manifesto, .contact { --bg: var(--bege-light); --ghost: var(--bege-pale); }
.impact, .site-footer {
  --bg: var(--bordo); --fg: var(--bege);
  --muted: color-mix(in srgb, var(--bege) 82%, var(--bordo));
  --line: color-mix(in srgb, var(--rosa) 55%, transparent);
  --accent-ink: var(--rosa);
  --btn-bg: transparent; --btn-fg: var(--bege);
  --card-bg: transparent; --card-line: color-mix(in srgb, var(--rosa) 45%, transparent);
  --avatar-bg: transparent; --avatar-fg: var(--rosa);
}

.btn { border-color: currentColor; color: var(--btn-fg); }
.hero-name { --name-color: var(--bordo); }
.mark { font-style: italic; font-weight: 400; }
.scribble-circle { display: none; }
.scribble-line { display: block; }
.impact-title { color: var(--bege); }
.impact-sub { font-style: italic; font-weight: 400; }
.t-avatar { border: 1px solid var(--rosa); }
.t-name { font-weight: 500; letter-spacing: .08em; }
.f-head { font-family: var(--f-accent); font-style: italic; font-size: 1.25rem; letter-spacing: 0; font-weight: 500; }
.rule { border-top-color: var(--rosa); }
.dimensions { border-color: var(--line); }
.dimensions h3 { font-family: var(--f-display); font-size: 1.5rem; font-weight: 600; }
.manifesto-photo img, .method-photo img { outline: 1px solid var(--rosa); outline-offset: 12px; }
.contact-form input { border-width: 0 0 1px; padding-inline: 0; }
.legal { border-top-color: var(--line); }
.faq { --faq-font: var(--f-display); --faq-weight: 600; --faq-size: clamp(1.45rem, 1.2rem + .8vw, 1.9rem); --faq-icon: var(--rosa); }
.faq-answer p { font-size: 1.125rem; }
.service { border-top-color: var(--rosa); }
.service-meta dt, .formacao-title { font-family: var(--f-accent); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1.15rem; font-weight: 500; color: var(--bordo); }
.service-meta li::before { background: var(--rosa); }
.service-index { border-left-width: 1px; }
.service-cta { font-family: var(--f-accent); font-style: italic; font-size: 1.25rem; font-weight: 500; }

/* Artigos: bege pálido, cards com filete rosa e título em Cormorant */
.articles {
  --bg: var(--bege-pale); --fg: var(--bordo);
  --line: color-mix(in srgb, var(--rosa) 85%, var(--bordo));
  --btn-bg: transparent; --btn-fg: var(--bordo);
  --card-bg: transparent; --card-line: color-mix(in srgb, var(--rosa) 70%, var(--bege-pale));
  --a-font: var(--f-display); --a-weight: 600; --a-size: clamp(1.5rem, 1.3rem + .5vw, 1.75rem);
}
.eyebrow { font-family: var(--f-accent); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1.25rem; font-weight: 500; }
.a-desc { font-size: 1.0625rem; }