/* Uzzi Moda Feminina — só o que é deste site (designer-1374, 15/11/2026).
   Tese: vitrine em papel de seda. Didone preta do logo, listras nude do vestido da coleção Renovare,
   arco do espelho do provador na foto do hero e a borboleta do "i" como grafismo. */
@font-face { font-family: "Playfair Display"; src: url("../fonts/playfair-var.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../fonts/playfair-var-italic.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }

:root {
  --listras: repeating-linear-gradient(90deg, var(--bg-alt) 0 14px, var(--surface) 14px 28px);
  --borboleta: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23A82A5A' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M32 33C25 16 9 13 10 25c1 7 12 9 22 8zM32 33c-9 1-17 6-14 13 3 6 11-1 14-13zM32 33c7-17 23-20 22-8-1 7-12 9-22 8zM32 33c9 1 17 6 14 13-3 6-11-1-14-13z'/%3E%3Cpath d='M32 24v24M28 17l4 7 4-7'/%3E%3C/g%3E%3C/svg%3E");
  --borboleta-clara: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23F0A9C0' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M32 33C25 16 9 13 10 25c1 7 12 9 22 8zM32 33c-9 1-17 6-14 13 3 6 11-1 14-13zM32 33c7-17 23-20 22-8-1 7-12 9-22 8zM32 33c9 1 17 6 14 13-3 6-11-1-14-13z'/%3E%3Cpath d='M32 24v24M28 17l4 7 4-7'/%3E%3C/g%3E%3C/svg%3E");
}

/* Tipo: didone leve, com a palavra de destaque em itálico rosa (o manuscrito "gm" do logo). */
h1, h2, h3, .topo__marca { font-weight: 500; }
h1 em, h2 em, .sobre-2__frase em { font-style: italic; font-weight: 400; color: var(--accent); }
.secao--escura em, .sobre-2__frase em { color: var(--rosa-claro); }
.topo__marca { letter-spacing: .01em; }

/* Hero: painel de listras sangrando à direita, foto em arco por cima, borboleta junto ao título. */
.hero-1 { overflow: hidden; padding-block: clamp(2rem, 1.5rem + 2vw, 3.5rem) clamp(3rem, 2rem + 4vw, 5.5rem); }
.hero-1::before { content: ""; position: absolute; inset: 0 0 0 auto; width: 30vw; background: var(--listras); }
.hero-1 .grade { position: relative; align-items: center; }
.hero-1__texto { padding-bottom: 0; }
.hero-1__texto::before { content: ""; display: block; width: 3rem; height: 3rem; margin-bottom: var(--e-1); background: var(--borboleta) center / contain no-repeat; }
.hero-1 h1 { font-size: clamp(3rem, 1.4rem + 5.95vw, 7rem); }
.hero-1__foto { margin-right: 0; border-radius: 999px 999px var(--raio) var(--raio); box-shadow: var(--sombra); }
@media (max-width: 767px) {
  .hero-1::before { inset: auto 0 0 0; width: auto; height: 46%; }
  .hero-1__texto { padding-bottom: var(--e-4); }
  .hero-1__foto { width: 86%; margin-inline: auto; }
}

/* Coleção: numeração na didone itálica. */
.servicos-1__n, .passos-1__n { font-family: var(--font-display); font-style: italic; font-weight: 400; }
.servicos-1__n { font-size: var(--t-md); line-height: 1.2; }

/* Galeria: fundo nude, e as duas fotos pequenas (detalhes) mais estreitas para não ampliar além do natural. */
.galeria-1 { background: var(--bg-alt); }
.galeria-1__trilho { align-items: flex-end; scroll-padding-inline: var(--margem); }
.galeria-1__trilho > :nth-child(n+4) { flex-basis: min(64vw, 22rem); }
.galeria-1__trilho > :nth-child(even) { margin-bottom: var(--e-5); }

/* Lema: preto do logo, frase centrada com a borboleta e listras finas no topo. */
.sobre-2 { text-align: center; }
.sobre-2::before { content: ""; position: absolute; inset: 0 0 auto; height: 14px; background: var(--listras); }
.sobre-2__grade { justify-items: center; }
.sobre-2__frase { font-size: clamp(3.25rem, 1.2rem + 9vw, 10rem); max-width: none; }
.sobre-2__frase::before { content: ""; display: block; width: 4.5rem; height: 4.5rem; margin: 0 auto var(--e-3); background: var(--borboleta-clara) center / contain no-repeat; }
.sobre-2__assinatura { text-align: left; }
.secao--escura :focus-visible { outline-color: var(--rosa-claro); }
.secao--escura .contato-1__link:hover { color: var(--rosa-claro); }

/* Como comprar: número grande em rosa e o dado da live em destaque. */
.passos-1__lista li { padding-top: var(--e-4); border-top: 1px solid var(--cor-linha); }
.passos-1__lista p { max-width: 60ch; }
.passos-1__lista strong { font: italic 500 1.5em/1 var(--font-display); color: var(--accent); }

/* Fechamento: faixa nas listras da coleção, foto em pé com a borda kraft da sacola. */
.chamada-2__faixa { background: var(--listras); font-style: italic; }
.chamada-2__faixa li[aria-hidden="true"] { color: var(--accent); font-style: normal; }
/* Foto do conjunto verde em pé, no tamanho natural do recorte (475 px), sem ampliar. */
.chamada-2__foto { aspect-ratio: 4 / 5; width: 100%; max-width: 475px; justify-self: center; box-shadow: var(--e-2) var(--e-2) 0 var(--kraft); }