/*
 * Modelo 04 — Aurora
 * Dramático e tropical: sombra, luz de fim de tarde, bronze e champagne.
 * Assinatura: capa de foto inteira com o texto na base e uma barra de destaques que avança
 * sobre a seção seguinte; cantos "em folha" (duas pontas arredondadas, duas retas) em fotos,
 * cartões e botões; grade de serviços assimétrica sobre faixa clara; galeria em mosaico no escuro.
 * Não é o Noir com plantas: aqui nada é reto nem numerado.
 */
:root {
  --weight-display: 300;
  --leading-tight: 1.02;
  --text-hero: clamp(2.6rem, 1.4rem + 4.6vw, 5.4rem);
  --text-title: clamp(1.9rem, 1.3rem + 2.2vw, 3.2rem);
  --radius: 18px 3px 18px 3px;
  --radius-card: 30px 4px 30px 4px;
  --radius-media: 64px 6px 64px 6px;
  --shape-about: 0;
  --shape-service: 96px 8px 96px 8px;
  --card-border: 0;
  --shadow-card: 0 26px 48px -34px rgba(20, 10, 4, 0.7);
}

.section-title,
.hero__title {
  letter-spacing: -0.015em;
}

.eyebrow {
  letter-spacing: 0.3em;
}

/* ---------- Capa ---------- */
/* Vinheta quente nas bordas: a luz cai sobre o centro da foto, como no fim da tarde. */
.hero:not(.hero--no-media)::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(120% 90% at 70% 30%, transparent 46%, color-mix(in srgb, var(--color-background) 62%, transparent) 100%);
  pointer-events: none;
}

.hero[data-variant='fullbleed'] .hero__copy {
  max-width: 760px;
}

.hero__title em {
  font-weight: 300;
}

[data-highlights='bar'] .hero__highlights {
  border: 0;
  box-shadow: var(--shadow-card);
}

/* ---------- Serviços ---------- */
.services[data-variant='asymmetric'] .service__link,
.services[data-variant='covers'] .service__link {
  letter-spacing: 0.18em;
}

.services[data-variant='covers'] .service:not(.service--no-media) {
  border-radius: var(--shape-service);
}

/* ---------- Resultados: mosaico no escuro, com cantos em folha alternados ---------- */
.results[data-variant='masonry'] .shot:nth-child(even) {
  border-radius: 6px 64px 6px 64px;
}

/* ---------- Sobre: imagem ampla com legenda de marca ---------- */
.about[data-variant='wide'] .about__media {
  border-radius: 0 0 0 120px;
}

.about[data-variant='asymmetric'] .about__media {
  border-radius: var(--shape-service);
}

/* ---------- Depoimentos ---------- */
.testimonials[data-variant='cards'] .quote blockquote p {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5;
}

/* ---------- Chamada final ---------- */
.cta[data-variant='fullbleed'] .section-title {
  font-weight: 300;
}