:root{--ink:#0a0e0d;--ink2:#101513;--card:#141a17;--cream:#fff;--muted:#bdc3bf;--gold:#d6bd80;--line:#303934;--green:#00b956}
body{color:var(--cream)}
.brand{font-family:"Arial Black","DM Sans",sans-serif;font-weight:900;font-size:2.45rem;letter-spacing:-.065em;color:white;white-space:nowrap}
.header{background:rgba(6,12,10,.87)}
.button{background:var(--green);color:#031a0c;border-radius:28px;min-height:50px}
.button:hover{background:#24d779}
.button-outline{background:transparent;color:white;border:1px solid #89958e;border-radius:7px}
.button-outline:hover{background:#1b2820;border-color:var(--gold)}
.button-dark{background:#101713;color:white;border-radius:7px}
.button-dark:hover{background:#293a2f}
.hero{min-height:680px}
.hero-photo{background:#050807 url("assets/salao.jpg") center/cover no-repeat}
.hero-video{left:0;right:auto;width:100%;object-fit:cover;object-position:center center;background:#050807}
.hero-photo:after{background:linear-gradient(90deg,rgba(3,9,7,.94),rgba(3,9,7,.7) 42%,rgba(3,9,7,.12) 78%),linear-gradient(0deg,#0a0e0d,transparent 25%)}
.hero-content{padding-top:100px;padding-bottom:95px;max-width:690px;margin-left:0}
.hero h1{font-family:"DM Sans",sans-serif;font-weight:700;text-transform:none;font-size:clamp(2.7rem,4.3vw,4.5rem);line-height:1.06;letter-spacing:-.055em;max-width:720px}
.hero p{color:#eef2ef;max-width:570px}
.eyebrow{font-size:.875rem;letter-spacing:.16em}
.section{padding:80px 0}
.heading h2,.experience-copy h2,.location h2,.final h2,.quote{font-family:Georgia,serif;text-transform:none;letter-spacing:-.035em;line-height:1.12}
.heading h2{font-size:clamp(2rem,3.4vw,3.2rem)}
.service{min-height:340px;border-radius:9px;background:linear-gradient(150deg,#1d2a22,#0a0e0d);padding:26px}
.service h3{font-family:Georgia,serif;text-transform:none;font-size:1.5rem;z-index:2}
.service p{z-index:2;font-size:1rem}
.service:before{font-family:Georgia,serif;color:#344b3d}
.service-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080d0b 4%,rgba(8,13,11,.9) 23%,transparent 75%)}
.service-icon{z-index:2;color:var(--gold);background:rgba(5,12,8,.7);border-radius:50%;border-color:#829589}
.experience{grid-template-columns:1fr 1fr;min-height:620px;border-block:1px solid var(--line)}
.experience-photos{position:relative;min-height:620px;overflow:hidden}
.barba-detail{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;object-position:center 62%}
.coffee-detail{position:absolute;bottom:24px;right:24px;width:28%;height:40%;object-fit:cover;object-position:center 72%;border:5px solid var(--ink);border-radius:5px}
.experience-copy{background:var(--ink2);color:white;padding:65px clamp(28px,5vw,85px)}
.experience-copy h2{font-size:clamp(2rem,3.1vw,3rem)}
.experience-copy>p,.benefit p{color:var(--muted)}
.benefits,.benefit{border-color:var(--line)}
.quote{font-size:clamp(2rem,3vw,3rem)}
.quote small{font-size:.875rem}
.rating-card{border-radius:9px}
.location{background:#f5f6f5;color:#0a0e0d}
.location h2{font-size:clamp(2.2rem,3.5vw,3.5rem)}
.facade{width:100%;height:430px;object-fit:cover;object-position:center 43%;border-radius:5px}
.location-media{position:relative;min-width:0;height:430px;overflow:hidden;border-radius:5px;background:#07100c}
.location-corner-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%;background:#07100c}
.final{background:linear-gradient(rgba(5,11,8,.84),rgba(5,11,8,.93)),url('assets/navalha.jpg') center 52%/cover;padding:80px 0}
.final h2{font-size:clamp(2.2rem,3.8vw,3.8rem)}
.whatsapp{background:var(--green)}
section[id]{scroll-margin-top:85px}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
@media(max-width:900px){.experience{grid-template-columns:1fr}.experience-photos{min-height:480px}.hero-content{margin-left:0}.hero-video{left:0;width:100%;opacity:1;object-fit:cover;object-position:center center}.hero-photo:after{background:linear-gradient(90deg,rgba(3,9,7,.91),rgba(3,9,7,.55)),linear-gradient(0deg,#0a0e0d,transparent 40%)}.facade{height:420px}.location-media{height:420px}}
@media(max-width:560px){.hero{min-height:740px}.hero-content{padding-top:120px}.hero-video{left:0;width:100%;opacity:1;object-fit:cover;object-position:center center}.hero h1{font-size:2.8rem}.trust-row{font-size:.875rem}.section{padding:60px 0}.service{min-height:300px}.experience-photos{min-height:430px}.facade{height:360px}.location-media{height:360px}.location-corner-video{object-position:center 28%}.brand{font-size:2.1rem}.nav.open{top:70px}.heading{gap:22px}}

/* Center only the hero copy; the navigation keeps its existing alignment. */
.hero-content{margin-left:auto!important;margin-right:auto;text-align:center}
.hero-actions{justify-content:center}