/* ==========================================================================
   09 · Quem está por trás
   Duas colunas assimétricas (foto 5 · texto 7), alinhadas pela base.
   Foto real da Daniele em 4:5 com placa de vidro (nome e cargo) no pé, na
   mesma linguagem dos cartões da seção "Não foi falta de esforço".
   Texto: rótulo, título em dois versos (segundo em Sky), bio, faixa de três
   fatos com régua e o CTA.

   Seção CLARA desde 30/09/2026: texto em NightSkye sobre Vanilla, destaque e
   fatos em Garimpo profundo (--v2-destaque). A placa de vidro sobre a foto segue escura
   (data-tema="escuro"), com nome Mint e cargo Sky.

   Contraste:
     NightSkye 72% sobre Vanilla (bio) ............................ 8,2:1
     Garimpo profundo sobre Vanilla (destaque, fatos) ............. 6,5:1
     Mint sobre a placa (NightSkye 55% + desfoque sobre a foto) .. > 7:1
     Mint 72% sobre NightSkye (bio, legendas) ..................... ~11:1
     Sky sobre NightSkye (destaque, dados) ........................ 14,6:1
   ========================================================================== */

.v2-daniele__grade {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: end;
  gap: var(--s-7) clamp(2rem, 1rem + 4vw, 6rem);
}

/* --- Foto ---------------------------------------------------------------- */

.v2-daniele__foto {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border: var(--linha) solid var(--v2-borda-sutil);
  border-radius: var(--r-2);
  background: var(--v2-cartao);
}
.v2-daniele__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  transition: transform var(--d-4) var(--ease-out-expo);
}
.v2-daniele__foto:hover img { transform: scale(1.025); }

/* placa de vidro de borda a borda no pé da foto */
.v2-daniele__placa {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-4);
  padding: 18px 22px 20px;
  border-top: var(--linha) solid color-mix(in srgb, var(--gp-mint) 14%, transparent);
  background: color-mix(in srgb, var(--gp-nightskye) 55%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
  backdrop-filter: blur(14px) saturate(1.3);
}
.v2-daniele__nome {
  font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: var(--w-semibold);
  letter-spacing: -0.015em;
  color: var(--ink);
}
.v2-daniele__cargo {
  font-size: var(--fs-label);
  font-weight: var(--w-semibold);
  letter-spacing: var(--tr-label);
  text-transform: uppercase;
  color: var(--gp-sky);
  text-align: right;
}

/* --- Texto --------------------------------------------------------------- */

.v2-daniele__texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s-6);
  min-width: 0;
}
.v2-daniele__texto header { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-4); }

.v2-daniele__titulo {
  font-size: clamp(2.25rem, 1.2rem + 3vw, 3.75rem);
  font-weight: var(--w-regular);
  letter-spacing: -0.03em;
}
.v2-daniele__destaque { display: block; color: var(--v2-destaque); }

.v2-daniele__bio {
  margin: 0;
  max-width: 54ch;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  line-height: 1.6;
  color: var(--ink-2);
  text-wrap: pretty;
}

/* faixa de fatos: dado em destaque, legenda curta, régua entre eles */
.v2-daniele__fatos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin: 0;
  border-top: var(--linha) solid var(--regua);
  border-bottom: var(--linha) solid var(--regua);
}
.v2-daniele__fato {
  padding: var(--s-5) var(--s-5) var(--s-5) 0;
}
.v2-daniele__fato + .v2-daniele__fato {
  padding-left: var(--s-5);
  border-left: var(--linha) solid var(--regua);
}
.v2-daniele__fato dt {
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  font-weight: var(--w-semibold);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--v2-destaque);
}
.v2-daniele__fato dd {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--ink-2);
}

/* --- Responsivo ----------------------------------------------------------- */

@media (max-width: 60rem) {
  .v2-daniele__grade { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .v2-daniele__foto { width: min(100%, 26rem); }
}

@media (max-width: 36rem) {
  .v2-daniele__foto { width: 100%; aspect-ratio: 1 / 1; }
  .v2-daniele__fatos { grid-template-columns: minmax(0, 1fr); }
  .v2-daniele__fato { padding: var(--s-4) 0; }
  .v2-daniele__fato + .v2-daniele__fato { padding-left: 0; border-left: 0; border-top: var(--linha) solid var(--regua); }
  .v2-daniele__cta { align-self: stretch; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .v2-daniele__foto:hover img { transform: none; }
}