/* Modelo 1 · Aquarela: creme, rosé e verde-sálvia. Delicado e editorial. */
:root{
  --bg:#fbf7f1;--bg2:#f1e8df;--ink:#3b302a;--muted:#7a6c62;--line:#e6d9cc;
  --accent:#7a8a70;--accent-ink:#fffdf9;--radius:18px;
  --font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Jost',system-ui,sans-serif;--display-weight:500
}
.alt{background:var(--bg2)}
.hero{position:relative;overflow:hidden;background:
  radial-gradient(60% 70% at 85% 20%,#efdcd6 0,transparent 70%),
  radial-gradient(50% 60% at 10% 90%,#dfe6d9 0,transparent 70%),var(--bg)}
.hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;min-height:min(86dvh,760px);padding:50px 0 70px}
.hero h1{font-size:clamp(2.6rem,6.4vw,5rem);margin-bottom:22px}
.hero h1 em{color:#8a5f3c}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.fan{position:relative;height:min(520px,78vw)}
.fan img{position:absolute;width:40%;aspect-ratio:3/5;object-fit:cover;border-radius:18px;box-shadow:0 30px 50px -28px rgba(70,50,40,.6);border:6px solid #fffaf3;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.fan img:nth-child(1){left:2%;top:10%;transform:rotate(-14deg)}
.fan img:nth-child(2){left:19%;top:3%;transform:rotate(-5deg)}
.fan img:nth-child(3){left:35%;top:3%;transform:rotate(5deg)}
.fan img:nth-child(4){left:50%;top:10%;transform:rotate(14deg)}
.fan:hover img:nth-child(1){transform:rotate(-20deg) translateX(-12px)}
.fan:hover img:nth-child(4){transform:rotate(20deg) translateX(12px)}
.swatch{border-radius:var(--radius);box-shadow:0 30px 60px -36px rgba(70,50,40,.5);max-height:640px;margin-inline:auto;object-fit:cover}
.contact{background:linear-gradient(135deg,#7a8a70,#93a187)}
@media(max-width:820px){.hero-in{grid-template-columns:1fr;padding-top:30px}.fan{order:-1;height:62vw;max-height:360px}.hero-tx{text-align:center}.hero-cta{justify-content:center}.hero .lead{margin-inline:auto}}

/* abertura: o papel de parede se enrola e sobe */
.intro{--intro-bg:#f7efe6;background:
  radial-gradient(circle at 20% 30%,rgba(122,138,112,.22) 0 6px,transparent 7px) 0 0/90px 90px,
  radial-gradient(circle at 70% 70%,rgba(214,170,160,.3) 0 9px,transparent 10px) 0 0/110px 110px,
  repeating-linear-gradient(90deg,#f7efe6 0 60px,#f1e5da 60px 120px)}
.intro .mark{color:#4a3a30;background:rgba(251,247,241,.9);padding:34px 54px;border-radius:200px 200px 24px 24px}
.intro::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(#e6d6c6,#cdb9a4);box-shadow:0 -10px 24px rgba(0,0,0,.12)}
.intro.out{transform:translateY(-100%);transition:transform 1.2s cubic-bezier(.77,0,.18,1)}