:root{--verde:#0f3329;--verde2:#16463a;--creme:#f4ecdc;--ouro:#d9b36c;--vinho:#7c1730;--tinta:#1c1a17;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Karla",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--creme);color:var(--tinta);font:400 18px/1.55 var(--sans);overflow-x:clip}
img{display:block;max-width:100%;height:auto}a{color:inherit}blockquote{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1;margin:0;text-wrap:balance}
cite{display:block;font:500 14px/1.3 var(--sans);font-style:normal;margin-top:8px;opacity:.75}
.demo{background:#000;color:#fff;font-size:13px;line-height:1.35;padding:8px 16px;text-align:center}
a:focus-visible,button:focus-visible{outline:3px solid var(--ouro);outline-offset:3px}
.btn{display:inline-block;background:var(--ouro);color:var(--verde);font-weight:700;text-decoration:none;padding:15px 24px;border-radius:2px}
.btn.alt{background:none;border:1.5px solid currentColor;color:inherit}.txt{margin-left:18px;text-underline-offset:5px}

.hero{position:relative;min-height:calc(100svh - 36px);display:flex;align-items:flex-end;color:#fff;background:#120c08;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 60%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,5,.1) 25%,rgba(10,8,5,.86))}
.hero-txt{position:relative;z-index:2;padding:0 clamp(16px,4vw,56px) clamp(32px,5vw,60px)}
.kick{margin:0 0 12px;font-weight:500}h1{font-size:clamp(66px,11vw,176px);font-weight:500;letter-spacing:-.015em;max-width:8.5em}
.sub{margin:16px 0 24px;font-size:clamp(18px,1.6vw,22px)}.sub b{color:var(--ouro)}

.aula{background:var(--verde);color:var(--creme);padding:clamp(64px,9vw,120px) clamp(16px,4vw,56px)}
.aula{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(20px,4vw,56px);align-items:center}.aula img{width:100%;aspect-ratio:4/5;object-fit:cover}
.q{font:italic 500 clamp(34px,4.6vw,74px)/1.05 var(--serif);margin:0}

.estacao{background:var(--verde2);color:var(--creme);padding:clamp(64px,8vw,110px) clamp(16px,4vw,56px);display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(28px,5vw,72px);align-items:center}
.estacao h2{font-size:clamp(44px,5.2vw,82px)}.est-txt blockquote{font:italic 500 24px/1.2 var(--serif);margin-top:24px}
.medidas{display:flex;gap:8px;margin-top:20px}
.medidas button{flex:1;font:700 17px var(--sans);min-height:48px;border:1.5px solid var(--creme);background:none;color:var(--creme);cursor:pointer}
.medidas [aria-checked=true]{background:var(--creme);color:var(--verde)}
.balcao{position:relative;text-align:center}.foto-st{width:100%;height:clamp(220px,24vw,340px);object-fit:cover;margin-bottom:14px}
.torneiras{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;padding-bottom:12px;border-bottom:6px solid var(--ouro)}
.torneiras button{height:clamp(84px,9vw,126px);background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:var(--creme);min-width:0}
.torneiras i{display:block;width:62%;height:70%;background:var(--ouro);border-radius:3px 3px 0 0;transition:transform .2s;transform-origin:top}
.torneiras b{font:500 12px var(--sans);margin-top:5px}
.torneiras button:hover i,.torneiras .on i{transform:scaleY(1.14);background:#f0d396}.torneiras .on b{color:var(--ouro)}
.taca{height:clamp(260px,30vw,380px);margin:18px auto 0;display:block}
#vinho{transition:y .7s cubic-bezier(.3,.7,.3,1),height .7s cubic-bezier(.3,.7,.3,1)}
.leitura{margin:8px 0 0;font:500 26px var(--serif)}
.aviso{grid-column:1/-1;margin:0;font-size:15px;opacity:.85}

.casas{padding:clamp(72px,9vw,120px) clamp(16px,4vw,56px)}
.casas h2{font-size:clamp(46px,6vw,92px)}
.tres{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}
.tres article{padding:0 clamp(16px,2.6vw,36px);border-left:1px solid rgba(28,26,23,.25)}.tres article:first-child{padding-left:0;border:0}
.tres img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:14px}.tres h3{font-size:40px;margin-bottom:12px;color:var(--vinho)}.tres blockquote{font:italic 500 23px/1.2 var(--serif);margin-top:16px}

.casou{display:grid;grid-template-columns:.8fr 1.2fr;background:#16100b;color:var(--creme);align-items:center}
.casou img{width:100%;height:100%;object-fit:cover;max-height:760px}.casou>div{padding:clamp(40px,6vw,88px) clamp(16px,4vw,56px)}
.casou h2{font-size:clamp(46px,5.6vw,88px);margin-bottom:24px}.casou blockquote{font:italic 500 clamp(24px,2.3vw,34px)/1.2 var(--serif)}.dono{margin:26px 0 0}

.fim{background:var(--vinho);color:var(--creme);padding:clamp(72px,9vw,120px) clamp(16px,4vw,56px)}
.fim h2{font-size:clamp(50px,7.6vw,120px);max-width:10em}.acoes{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}
.fim .btn{overflow-wrap:anywhere}address{font-style:normal;font-size:16px}
@media(max-width:860px){
 h1{font-size:clamp(62px,18vw,104px)}.aula,.estacao,.casou,.tres{grid-template-columns:1fr}
 .tres article,.tres article:first-child{padding:20px 0;border:0;border-top:1px solid rgba(28,26,23,.25)}
 .torneiras{grid-template-columns:repeat(6,1fr);row-gap:12px}.torneiras button{height:74px}.casou img{max-height:420px}.txt{display:block;margin:16px 0 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#vinho,.torneiras i{transition:none}}