:root{
  --cream:#efe8dc; --cream-2:#e6ddce; --paper:#f6f1e8; --espresso:#241d17; --espresso-2:#33291f;
  --wine:#8f2a33; --wine-2:#a8434b; --wood:#b08a5e; --ink:#241d17; --muted:#6e6355; --faint:#98897a; --line:rgba(36,29,23,.14);
  --maxw:1280px; --r:20px; --disp:"Fraunces",Georgia,serif; --sans:"Satoshi",system-ui,sans-serif;
  --e-out:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
@media(hover:hover){body{cursor:none}}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
em{font-style:italic;font-weight:500}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 32px}
.section{padding:clamp(64px,9vw,130px) 0;position:relative}
.light{color:var(--paper)}
.display{font-family:var(--disp);font-weight:500;line-height:1.02;letter-spacing:-.02em;font-size:clamp(2.2rem,5vw,4rem)}
.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--wine);font-weight:600;margin-bottom:18px}
.lead{font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--muted);max-width:56ch;line-height:1.6}
.section__head{max-width:760px;margin:0 auto clamp(44px,6vw,68px);text-align:center}
.section__head .lead{margin:18px auto 0}

/* Cursor */
.cursor,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}
.cursor{width:7px;height:7px;background:var(--espresso)}
.cursor-ring{width:40px;height:40px;border:1px solid rgba(36,29,23,.4);display:grid;place-items:center;font-family:var(--disp);font-style:italic;font-size:.85rem;color:var(--paper);background:transparent;transition:width .35s var(--e-out),height .35s var(--e-out),background .35s}
.cursor-ring.hover{width:56px;height:56px;background:rgba(36,29,23,.12);border-color:transparent}
.cursor-ring.view{width:88px;height:88px;background:var(--wine);border-color:transparent}
.cursor-ring.view~.cursor,.cursor-ring.hover~.cursor{opacity:0}
@media(hover:none){.cursor,.cursor-ring{display:none}}

.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--wine);z-index:200}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.7em;background:var(--espresso);color:var(--paper);padding:.85em 1em .85em 1.5em;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .5s var(--e-out),background .4s;will-change:transform}
.btn__ic{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:rgba(255,255,255,.14);font-size:.85em;transition:transform .5s var(--e-out)}
.btn:hover .btn__ic{transform:translate(2px,-2px)}
.btn--dark:hover{background:var(--espresso-2)}
.btn--line{background:transparent;color:var(--ink);border:1.5px solid var(--line);padding:.85em 1.6em}
.btn--line:hover{background:rgba(36,29,23,.05);border-color:var(--espresso)}
.btn--cream{background:var(--paper);color:var(--espresso)}.btn--cream .btn__ic{background:rgba(36,29,23,.1)}
.btn--lg{padding:1em 1.1em 1em 1.8em;font-size:1.02rem}
.btn--lg.btn--line{padding:1em 1.8em}
.btn--sm{padding:.55em .6em .55em 1.1em;font-size:.85rem}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:22px 24px}
.nav__pill{display:flex;align-items:center;gap:26px;background:rgba(246,241,232,.7);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 22px;transition:.4s}
.nav.scrolled .nav__pill{background:rgba(246,241,232,.92);box-shadow:0 12px 40px -18px rgba(36,29,23,.3)}
.nav__logo img{height:30px;width:auto}
.nav__links{display:flex;gap:24px}
.nav__links a{font-size:.88rem;font-weight:500;color:var(--muted);transition:.25s}
.nav__links a:hover{color:var(--ink)}
.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px}
.nav__toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px}

/* reveal-img (clip mask) */
.reveal-img{overflow:hidden;border-radius:var(--r)}
.reveal-img img{width:100%;height:100%;object-fit:cover;display:block}

/* HERO */
.hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 60px}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center}
.hero__title{font-family:var(--disp);font-weight:500;font-size:clamp(2.6rem,6vw,5rem);line-height:1.0;letter-spacing:-.025em;margin-bottom:28px}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.05em}
.hero__title .line>span{display:block}
.hero__title em{color:var(--wine)}
.hero__lead{font-size:clamp(1.05rem,1.5vw,1.28rem);color:var(--muted);max-width:46ch;margin-bottom:36px}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.hero__media{position:relative}
.hero__media .reveal-img{aspect-ratio:4/5;box-shadow:0 50px 90px -50px rgba(36,29,23,.6)}
.hero__media img{height:112%}
.hero__badge{position:absolute;left:-22px;bottom:34px;background:var(--paper);border-radius:16px;padding:16px 22px;box-shadow:0 24px 50px -22px rgba(36,29,23,.4);text-align:center}
.hero__badge b{font-family:var(--disp);font-weight:500;font-size:2.2rem;color:var(--wine);line-height:1;display:block}
.hero__badge span{font-size:.78rem;color:var(--muted)}

/* SOBRE */
.sobre{background:var(--paper)}
.sobre__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,5vw,80px);align-items:center}
.sobre__media .reveal-img{aspect-ratio:4/5;box-shadow:0 44px 80px -46px rgba(36,29,23,.5)}
.sobre__media img{height:110%}
.sobre__text .display{margin:8px 0 22px}
.sobre__text>p{color:var(--muted);max-width:50ch;margin-bottom:34px}
.sobre__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sobre__nums b{font-family:var(--disp);font-weight:500;font-size:1.7rem;color:var(--wine);display:block}
.sobre__nums span{font-size:.82rem;color:var(--faint)}

/* FABRICAÇÃO */
.fabric{background:var(--cream)}
.fab-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.fab{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fab .reveal-img{border-radius:0;aspect-ratio:16/10}
.fab__b{padding:30px 34px 36px}
.fab__b h3{font-family:var(--disp);font-weight:500;font-size:1.8rem;margin-bottom:8px}
.fab__b p{color:var(--muted)}

/* GALLERY HORIZONTAL */
.gallery-h{background:var(--espresso);color:var(--paper);padding-top:clamp(64px,9vw,120px)}
.gh__head{text-align:center;margin-bottom:clamp(30px,4vw,50px)}
.gh__head .eyebrow{color:var(--wood)}
.gh__head em{color:var(--wood)}
.gh__pin{height:100vh;display:flex;align-items:center;overflow:hidden}
.gh__track{display:flex;gap:32px;align-items:center;padding:0 6vw;will-change:transform}
.gh__intro{flex:0 0 30vw;min-width:260px}
.gh__intro p{font-family:var(--disp);font-style:italic;font-size:1.6rem;color:var(--wood);max-width:14ch}
.gh__panel{flex:0 0 auto;width:min(62vh,520px);margin:0;position:relative;border-radius:var(--r);overflow:hidden}
.gh__panel img{width:100%;height:min(74vh,640px);object-fit:cover}
.gh__panel figcaption{position:absolute;left:20px;bottom:18px;font-family:var(--disp);font-style:italic;font-size:1.3rem;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.gh__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.5))}

/* FEATURES */
.feats{background:var(--cream)}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feat{border-top:1px solid var(--line);padding-top:24px}
.feat__n{font-family:var(--disp);font-style:italic;font-size:1.6rem;color:var(--wine);display:block;margin-bottom:14px}
.feat h3{font-family:var(--disp);font-weight:500;font-size:1.4rem;margin-bottom:8px;line-height:1.1}
.feat p{color:var(--muted);font-size:.94rem}

/* AVALIAÇÕES */
.aval{background:var(--paper)}
.aval-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.quote{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:34px 32px}
.quote .stars{color:var(--wood);letter-spacing:2px;margin-bottom:16px}
.quote p{font-family:var(--disp);font-size:1.2rem;line-height:1.4;color:var(--ink);margin-bottom:20px}
.quote cite{font-style:normal;font-weight:600;font-size:.9rem;color:var(--muted)}

/* CTA */
.cta{position:relative;color:var(--paper);text-align:center;overflow:hidden;padding:clamp(70px,10vw,130px) 0}
.cta__bg{position:absolute;inset:0;background:linear-gradient(rgba(36,29,23,.82),rgba(36,29,23,.9)),url("assets/room2.jpg") center/cover;opacity:1}
.cta__inner{position:relative;z-index:2;max-width:800px;margin:0 auto}
.cta .display{font-size:clamp(2rem,4.6vw,3.4rem)}
.cta .display em{color:var(--wood)}
.cta p{color:rgba(246,241,232,.82);margin:18px auto 30px;max-width:52ch}

/* ORÇAMENTO */
.orc{background:var(--cream)}
.orc__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,70px);align-items:center}
.orc__text .display{margin:8px 0 16px}
.orc__text>p{color:var(--muted);margin-bottom:26px;max-width:44ch}
.orc__info{list-style:none;display:grid;gap:14px}
.orc__info li{display:grid;gap:2px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.orc__info b{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.form{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:36px;display:grid;gap:16px}
.form label{display:grid;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted)}
.form input,.form textarea{padding:.85em 1em;border-radius:10px;border:1px solid var(--line);background:var(--cream);color:var(--ink);font-family:inherit;font-size:.95rem;resize:vertical}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--wine)}
.form .btn{justify-content:center;margin-top:6px}

/* FOOTER */
.footer{background:var(--espresso);color:rgba(246,241,232,.72);padding:60px 0 28px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer__brand img{height:36px;margin-bottom:16px;filter:brightness(0) invert(1)}
.footer__brand p{max-width:30ch}
.footer__col h4{font-family:var(--disp);font-weight:500;color:var(--paper);font-size:1.1rem;margin-bottom:14px}
.footer__col a{display:block;padding:5px 0;transition:.2s}
.footer__col a:hover{color:var(--wood)}
.footer__base{display:flex;justify-content:space-between;gap:14px;padding-top:22px;font-size:.8rem;color:rgba(246,241,232,.5);flex-wrap:wrap}
.footer__base a{color:var(--wood)}

.whats{position:fixed;right:22px;bottom:22px;z-index:120;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(37,211,102,.7);transition:transform .3s}
.whats:hover{transform:scale(1.08)}

html.js [data-reveal]{opacity:0}

@media(max-width:960px){
  .nav__links{display:none}.nav__toggle{display:flex}
  .hero__grid,.sobre__grid,.orc__grid{grid-template-columns:1fr}
  .hero__media,.sobre__media{max-width:480px;margin:0 auto}
  .fab-grid,.feat-grid,.aval-grid{grid-template-columns:1fr 1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .gh__panel{width:70vw}
}
@media(max-width:560px){ .fab-grid,.feat-grid,.aval-grid,.sobre__nums,.footer__grid{grid-template-columns:1fr} }
@media(prefers-reduced-motion:reduce){ html.js [data-reveal]{opacity:1} }