:root{
    --dark:#0D0D0D; --cream:#E7DFCF; --paper:#DACFB8;
    --ink-on-dark:#F5F1EA; --ink-on-light:#1A1A1A;
    --muted-on-dark:#9C978C; --muted-on-light:#726C60;
    --gold:#C79A5B;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  html{scroll-behavior:smooth; scroll-padding-top:env(safe-area-inset-top,0px);}
  *{box-sizing:inherit;}
  body{ margin:0; background:var(--cream); font-family:"Inter",ui-sans-serif,system-ui,sans-serif; color:var(--ink-on-light); }
  h1,.serif{ font-family:"Fraunces", Georgia, serif; font-weight:400; }
  em{ font-style:italic; color:var(--gold); font-weight:500; }

  .flow{ max-width:520px; margin:0 auto; padding:0 1.4rem 6rem; text-align:center; }

  /* ---------- HERO ---------- */
  .hero{
    min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:var(--dark); color:var(--ink-on-dark); padding:3rem 1.6rem; text-align:center;
  }
  .hero .eyebrow{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin:0 0 1.2rem; }
  .hero h1{ font-size:clamp(2.4rem,10vw,3.6rem); line-height:1.15; margin:0; font-weight:300; }

  /* ---------- SETAS ---------- */
  .arrow{ color:var(--gold); font-size:1.4rem; margin:1.8rem 0; opacity:.75; }

  /* ---------- TEXTO INTRO / FRASES ---------- */
  .intro{ font-family:"Fraunces",serif; font-style:italic; font-size:1.4rem; line-height:1.6; margin:3.5rem 0 0; color:var(--ink-on-light); }
  .frase{ font-family:"Fraunces",serif; font-style:italic; font-size:1.25rem; line-height:1.55; margin:0; color:var(--ink-on-light); }

  /* ---------- FOTOS ---------- */
  .foto{
    width:100%; max-width:300px; aspect-ratio:4/5; margin:0 auto; border-radius:2px;
    box-shadow:0 14px 28px rgba(26,26,26,.16);
  }
  .foto{ object-fit:cover; }
  .foto-final{ max-width:320px; aspect-ratio:4/5; object-fit:cover; }

  /* ---------- VIDEO ---------- */
  .video-wrap{ width:100%; max-width:300px; margin:0 auto; border-radius:2px; overflow:hidden; box-shadow:0 14px 28px rgba(26,26,26,.16); }
  .video-wrap video{ width:100%; display:block; background:#0D0D0D; }

  /* ---------- FECHO ---------- */
  .closing{ background:var(--dark); color:var(--ink-on-dark); padding:5rem 1.6rem 6rem; text-align:center; }
  .closing .eyebrow{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin:0 0 1.2rem; }
  .closing p.body{ font-size:1.05rem; line-height:1.75; color:var(--muted-on-dark); max-width:40ch; margin:2.2rem auto 0; }