@font-face{font-family:Palmore;src:url("assets/fonts/palmore-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Palmore;src:url("assets/fonts/palmore-bold.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Trade;src:url("assets/fonts/tradegothic-extended.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Trade;src:url("assets/fonts/tradegothic-boldextended.woff2") format("woff2");font-weight:800;font-display:swap}
:root{--black:#000;--yellow:#ffde00;--white:#fff;--muted:#a0a0a0;--line:rgba(255,255,255,.16);--display:Palmore,Georgia,serif;--sans:Trade,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#000;color:#fff;font-family:var(--sans);overflow-x:hidden}button,a,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.site-header{height:78px;position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;padding:10px 4.5vw;background:rgba(0,0,0,.68);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09);transition:.25s}.site-header.scrolled{background:rgba(0,0,0,.9)}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,222,0,.55)}.brand span{font-weight:800;letter-spacing:.13em;font-size:12px;line-height:1}.brand small{display:block;color:var(--yellow);font-size:8px;letter-spacing:.32em;margin-top:5px}
nav{display:flex;gap:38px;margin-left:auto;margin-right:34px}nav a{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#ddd;position:relative;padding:7px 0}nav a:after{content:"";position:absolute;left:50%;bottom:0;width:100%;height:1px;background:#fff;transform:translateX(-50%) scaleX(0);transition:.25s}nav a:hover:after{transform:translateX(-50%) scaleX(1)}
.header-cta,.gold-btn{border:0;background:var(--yellow);color:#000;font-weight:800;letter-spacing:.08em;padding:14px 21px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s}.header-cta:hover,.gold-btn:hover{background:#fff;transform:translateY(-2px)}.menu-btn{display:none;background:transparent;border:1px solid #444;color:#fff;width:42px;height:42px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:120px 6vw 75px;background:#000}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(255,222,0,.10),transparent 28%),linear-gradient(120deg,#000,#050505 60%,#000)}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.06) 50%,transparent 50.2%);background-size:90px 90px;opacity:.18;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.hero-copy{position:relative;z-index:3;width:min(1200px,100%);margin:auto}.hero-copy:before{content:"";display:block;width:min(680px,70%);height:1px;background:var(--yellow);margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;margin:0 0 17px}.hero .eyebrow{color:var(--yellow)}.hero h1{font-family:var(--display);font-size:clamp(72px,9.5vw,154px);line-height:.78;letter-spacing:-.03em;text-transform:uppercase;margin:20px 0;max-width:1000px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-text{max-width:550px;color:#aaa;line-height:1.6;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.ghost-btn{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;letter-spacing:.06em;transition:.2s}.ghost-btn:hover{background:#fff;color:#000}.hero-note{margin-top:30px;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.hero-note span{color:#000;background:var(--yellow);padding:5px 7px;margin-right:8px}.hero-mark{position:absolute;right:5vw;bottom:8vh;z-index:2;opacity:.9}.mark-ring{width:270px;height:270px;border:1px solid rgba(255,222,0,.55);border-radius:50%;display:grid;place-items:center;position:relative}.mark-ring:before,.mark-ring:after{content:"";position:absolute;width:38px;height:1px;background:var(--yellow)}.mark-ring:before{top:35px;left:35px}.mark-ring:after{right:35px;bottom:35px}.mark-ring img{width:175px;height:110px;object-fit:cover;filter:saturate(.85)}.vertical-word{position:absolute;right:-50px;bottom:30px;writing-mode:vertical-rl;color:var(--yellow);font-size:9px;letter-spacing:.3em;text-transform:uppercase}
.marquee{height:54px;display:flex;align-items:center;overflow:hidden;background:var(--yellow);color:#000;border-block:1px solid #000}.marquee div{white-space:nowrap;font-family:var(--display);font-size:24px;letter-spacing:.07em;animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:105px 6vw}.services,.barbers{background:var(--yellow);color:#000}.section>*,.section .section-head,.section .service-grid,.section .barber-grid{max-width:1200px;margin-left:auto;margin-right:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:52px}.section-head>div{flex:1}.section-head>p{max-width:410px;margin:0 0 4px;line-height:1.55;font-size:13px}.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{font-family:var(--display);font-size:clamp(54px,6vw,94px);line-height:.8;text-transform:uppercase;letter-spacing:-.02em;margin:0}.section h2 em,.story-copy h2 em,.steps h2 em,.booking-intro h2 em,.location h2 em,.result-card h2 em{font-style:normal}.services h2 em,.barbers h2 em,.location h2 em{color:#fff;-webkit-text-stroke:1px #000}.section-head .eyebrow:before{content:"";display:inline-block;width:48px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
.service-grid,.barber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.service-card,.barber-card{background:#000;color:#fff;padding:28px;min-height:245px;position:relative;border:1px solid #000;transition:.25s}.service-card:hover,.barber-card:hover{transform:translateY(-5px)}.service-card:before,.barber-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--yellow);transition:.3s}.service-card:hover:before,.barber-card:hover:before{height:100%}.service-card h3,.barber-card h3{font-family:var(--display);font-size:34px;text-transform:uppercase;margin:30px 0 10px}.service-card p,.barber-card p{color:#999;line-height:1.5;font-size:12px}.service-card .price{color:var(--yellow);font-weight:800;font-size:18px;margin-top:20px}.service-card .duration{font-size:9px;letter-spacing:.14em;color:#666;text-transform:uppercase}.barber-card img{width:82px;height:82px;object-fit:cover;border-radius:50%;border:2px solid var(--yellow);filter:grayscale(1)}
.split-story{display:grid;grid-template-columns:1fr 1fr;min-height:680px;background:#000}.story-image{position:relative;min-height:560px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,222,0,.08),transparent 35%),#030303;border-right:1px solid var(--line)}.story-image:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,222,0,.28)}.story-logo{width:min(65%,420px);aspect-ratio:1.45;border:1px solid rgba(255,222,0,.5);overflow:hidden}.story-logo img{width:100%;height:100%;object-fit:cover}.story-copy{padding:95px 8vw;display:flex;flex-direction:column;justify-content:center}.story-copy .eyebrow{color:var(--yellow)}.story-copy p:not(.eyebrow){color:#aaa;max-width:520px;line-height:1.6}.story-points{margin-top:35px;border-top:1px solid var(--line)}.story-points>div{display:flex;align-items:center;gap:24px;padding:17px 0;border-bottom:1px solid var(--line)}.story-points strong{font-family:var(--display);font-size:30px;color:var(--yellow)}.story-points span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.steps{padding:105px 6vw;background:#000;border-top:1px solid var(--line)}.steps .section-head{max-width:1200px;margin-left:auto;margin-right:auto}.steps .eyebrow{color:var(--yellow)}.step-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.step-grid article{min-height:230px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.step-grid b{font-family:var(--display);font-size:44px;color:var(--yellow)}.step-grid h3{font-size:13px;letter-spacing:.08em;margin:40px 0 10px}.step-grid p{font-size:11px;color:#888;line-height:1.5}
.booking-wrap{padding:110px 6vw;background:#0a0a0a}.booking-card{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid var(--line)}.booking-intro{padding:60px;background:#000;border-right:1px solid var(--line)}.booking-intro .eyebrow,.form-kicker{color:var(--yellow)}.booking-intro>p:not(.eyebrow){color:#999;line-height:1.6}.booking-mini{display:flex;gap:13px;margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}.booking-mini>span{background:var(--yellow);color:#000;width:25px;height:25px;display:grid;place-items:center;font-weight:800}.booking-mini b{font-size:9px;letter-spacing:.08em}.booking-mini small{display:block;color:#777;margin-top:5px;font-size:9px}.booking-form{padding:48px;background:#090909}.progress{display:flex;align-items:center;margin-bottom:38px}.progress span{width:34px;height:34px;border:1px solid #555;display:grid;place-items:center;font-size:10px}.progress span.active{background:var(--yellow);border-color:var(--yellow);color:#000;font-weight:800}.progress i{height:1px;background:#444;flex:1}.step-panel{display:none}.step-panel.active{display:block}.step-panel h3{font-family:var(--display);font-size:34px;text-transform:uppercase;margin:0 0 25px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:22px}.choice{background:#111;border:1px solid #2d2d2d;padding:17px;text-align:left;color:#fff}.choice:hover,.choice.selected{border-color:var(--yellow);background:#171700}.choice b{display:block}.choice small{display:block;color:#777;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:grid;gap:7px;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:13px}input,textarea,select{width:100%;background:#111;color:#fff;border:1px solid #333;border-radius:0;padding:13px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--yellow)}textarea{min-height:90px;resize:vertical}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 24px}.slot{padding:12px;background:#111;color:#fff;border:1px solid #333}.slot:hover,.slot.selected{background:var(--yellow);color:#000;border-color:var(--yellow)}.step-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.summary-box{padding:16px;background:#111;border-left:3px solid var(--yellow);margin:17px 0;color:#aaa}
.location{padding:105px 6vw;background:var(--yellow);color:#000}.location>div{max-width:1200px;margin:auto}.location h2 em{color:#fff;-webkit-text-stroke:1px #000}.location p:not(.eyebrow){max-width:550px;line-height:1.55}.location-actions{display:flex;gap:10px;margin-top:25px}.dark-btn{background:#000;color:#fff}.dark-ghost{border-color:#000;color:#000}.dark-ghost:hover{background:#000;color:#fff}.location-card{margin-top:30px;border:1px solid rgba(0,0,0,.3);padding:28px;background:rgba(255,255,255,.16)}.location-card span{font-size:9px;letter-spacing:.18em}.location-card strong{display:block;font-family:var(--display);font-size:28px;margin-top:10px;text-transform:uppercase}
footer{background:#000;padding:45px 6vw;display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,222,0,.5)}.footer-brand b{display:block;font-size:11px;letter-spacing:.14em}.footer-brand span{display:block;color:#777;font-size:9px;margin-top:4px}.footer-links{display:flex;gap:24px}.footer-links a{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.footer-links a:hover{color:var(--yellow)}.footer-copy{font-size:9px;color:#666}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(10px)}.result-card{position:relative;z-index:2;width:min(620px,100%);padding:52px;background:#050505;border:1px solid var(--yellow);text-align:center}.result-card .eyebrow{color:var(--yellow)}.result-card h2{font-size:58px}.modal-close{position:absolute;right:17px;top:11px;border:0;background:none;color:#999;font-size:30px}.success-mark{width:60px;height:60px;border:1px solid var(--yellow);color:var(--yellow);display:grid;place-items:center;margin:0 auto 20px}.result-details{margin:24px 0;text-align:left;border:1px solid #292929;padding:17px;line-height:1.8;color:#aaa}.result-details b{color:#fff}.result-actions{display:flex;justify-content:center;gap:9px}.toast{position:fixed;right:25px;bottom:25px;background:var(--yellow);color:#000;padding:13px 18px;z-index:110;transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:900px){nav{display:none}.menu-btn{display:block;margin-left:10px}.header-cta{margin-left:auto}.hero{min-height:850px}.hero-mark{right:-50px;opacity:.5}.section-head{display:block}.section-head>p{margin-top:23px}.service-grid,.barber-grid{grid-template-columns:1fr 1fr}.split-story,.booking-card{grid-template-columns:1fr}.story-image{min-height:480px}.booking-intro{border-right:0;border-bottom:1px solid var(--line)}.step-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:620px){.site-header{height:68px;padding:8px 17px}.brand img{width:44px;height:44px}.brand span{display:none}.header-cta{font-size:9px;padding:11px 12px}.hero{padding:105px 20px 65px;min-height:800px}.hero h1{font-size:60px}.hero-mark{display:none}.hero-text{font-size:13px}.hero-actions,.location-actions,.result-actions{flex-direction:column;align-items:stretch}.section,.steps,.booking-wrap,.location{padding:75px 20px}.section h2,.location h2{font-size:51px}.service-grid,.barber-grid,.choice-grid,.form-grid,.step-grid{grid-template-columns:1fr}.story-copy{padding:70px 25px}.story-image{min-height:400px}.booking-intro,.booking-form{padding:34px 21px}.slots{grid-template-columns:repeat(3,1fr)}.result-card{padding:40px 20px}.result-card h2{font-size:44px}}

/* ===== DEJAVITTES VISUAL SYSTEM — PALETA OFICIAL ===== */
:root{
  --black:#0B0B0D;
  --surface:#1E1F22;
  --gold-deep:#CAA400;
  --yellow:#FFD34D;
  --gold:#FFD34D;
  --gold2:#CAA400;
  --white:#F2EFF8;
  --muted:#9D9AA4;
  --line:rgba(242,239,248,.16);
  --display:Palmore,Georgia,serif;
  --sans:Trade,Arial,sans-serif;
}
html,body{background:var(--black);color:var(--white)}
body{letter-spacing:.015em}
.site-header{background:rgba(11,11,13,.92);border-bottom:1px solid rgba(255,211,77,.18)}
.site-header.scrolled{background:rgba(11,11,13,.97)}
.brand{gap:12px}
.brand img{width:50px;height:50px;object-fit:contain;border-radius:0;border:1px solid var(--gold-deep);background:var(--black);padding:3px}
.brand span{letter-spacing:.10em;color:var(--white)}
.brand span small{color:var(--gold)}
nav a{letter-spacing:.09em;color:var(--white)}
.header-cta,.gold-btn{background:var(--yellow)!important;color:var(--black)!important}
.header-cta:hover,.gold-btn:hover{background:var(--gold-deep)!important;color:var(--white)!important}
.ghost-btn{border-color:rgba(242,239,248,.55);color:var(--white)}
.ghost-btn:hover{background:var(--white);color:var(--black)}

.hero{background:radial-gradient(circle at 78% 38%,rgba(202,164,0,.12),transparent 26%),var(--black);padding-top:130px}
.hero-copy{max-width:850px;margin:0 auto;text-align:center;display:flex;align-items:center;flex-direction:column}
.hero-copy:before{content:"";width:90px;height:1px;background:var(--gold-deep);margin-bottom:26px}
.hero-top-brand{display:flex;justify-content:center;align-items:center;gap:18px;margin:0 auto 30px;position:relative;z-index:2}
.hero-top-brand img{width:138px;height:138px;object-fit:contain;border:1px solid var(--gold-deep);border-radius:0;padding:8px;background:var(--black);box-shadow:0 0 0 1px rgba(255,211,77,.08)}
.hero-top-name{font-family:Trade,Arial,sans-serif;font-weight:800;font-size:clamp(24px,3vw,38px);letter-spacing:.10em;color:var(--white);text-align:left;line-height:1.05}
.hero-top-name span{display:block;color:var(--yellow);font-size:.38em;letter-spacing:.30em;margin-top:8px}
.eyebrow{letter-spacing:.17em;color:var(--yellow)}
.hero h1{letter-spacing:-.045em;line-height:.86;max-width:900px}
.hero h1 em{color:var(--yellow)}
.hero-text{letter-spacing:.01em;max-width:650px;text-align:center}
.hero-actions{justify-content:center}
.hero-note{letter-spacing:.12em}
.hero-note span{color:var(--yellow)}
.hero-mark{display:none!important}
.marquee{background:var(--gold-deep);color:var(--black);letter-spacing:.12em}
.section.services,.section.barbers{background:var(--yellow);color:var(--black)}
.section-head>p{letter-spacing:.02em}
.service-card,.barber-card{background:var(--black);border-color:var(--gold-deep)}
.service-card h3,.barber-card h3{letter-spacing:-.02em;line-height:.95}
.service-card .price{color:var(--yellow)}
.service-card .duration{color:#aaa7af}
.barber-card img{border-color:var(--gold-deep);border-radius:0}
.split-story{background:var(--black)}
.story-image{background:radial-gradient(circle,rgba(202,164,0,.10),transparent 35%),var(--black)}
.story-image:before{border-color:rgba(202,164,0,.35)}
.story-logo{border-color:var(--gold-deep);border-radius:0}
.steps{background:var(--black)}
.booking-wrap{background:var(--surface)}
.booking-card,.booking-form,.booking-intro{background:var(--black)}
.choice,.slot,input,textarea,select{background:var(--surface);border-color:rgba(242,239,248,.16);color:var(--white)}
.choice:hover,.choice.selected,.slot:hover,.slot.selected{background:var(--gold-deep);border-color:var(--gold-deep);color:var(--black)}
.location{background:var(--yellow);color:var(--black)}
.location-card{background:rgba(242,239,248,.20)}
footer{background:var(--black)}
.footer-brand img{border-radius:0;border-color:var(--gold-deep)}
.result-card{background:var(--black);border-color:var(--yellow)}

/* Correção de espaçamento e leitura tipográfica */
h1,h2,h3{word-spacing:-.035em}
.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{letter-spacing:-.045em;line-height:.86}
.section h2 em,.story-copy h2 em,.steps h2 em,.booking-intro h2 em,.location h2 em,.result-card h2 em{letter-spacing:-.045em}
.service-card p,.barber-card p,.hero-text,.section-head>p{line-height:1.65}

@media(max-width:620px){
  .hero{padding-top:100px}
  .hero-top-brand{flex-direction:column;gap:10px;margin-bottom:26px}
  .hero-top-brand img{width:120px;height:120px}
  .hero-top-name{text-align:center;font-size:24px}
  .hero h1{letter-spacing:-.055em}
}


/* ===== DEJAVITTES — AJUSTE FINAL DE LEITURA + SOCIAL ===== */
:root{
  --yellow:#F4C400;
  --gold:#F4C400;
  --gold-deep:#B89200;
  --surface:#1E1F22;
  --white:#F2EFF8;
}
body{letter-spacing:.02em}
.hero h1,.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{
  letter-spacing:.015em;
  word-spacing:.045em;
  line-height:.92;
}
.hero h1 em,.section h2 em,.story-copy h2 em,.steps h2 em,.booking-intro h2 em,.location h2 em,.result-card h2 em{
  letter-spacing:.015em;
}
.hero h1{font-size:clamp(68px,8.5vw,140px);}
.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{font-size:clamp(52px,5.6vw,88px)}
.service-card h3,.barber-card h3,.step-grid h3,.step-panel h3{
  letter-spacing:.025em;
  word-spacing:.035em;
}
.service-card p,.barber-card p,.hero-text,.section-head>p,.story-copy p,.step-grid p,.booking-intro>p:not(.eyebrow){
  letter-spacing:.025em;
  word-spacing:.02em;
}
.eyebrow,.hero-note,nav a,.header-cta,.gold-btn,.ghost-btn,.footer-links a{
  letter-spacing:.11em;
}
.services,.barbers,.location{background:var(--yellow)!important}
.marquee{background:var(--gold-deep)!important}
.header-cta,.gold-btn{background:var(--yellow)!important}
.header-cta:hover,.gold-btn:hover{background:#D7AD00!important}
.hero-top-brand img{border-color:var(--gold-deep);box-shadow:0 0 0 1px rgba(244,196,0,.12)}
.hero-copy:before{background:var(--gold-deep)}
.service-card,.barber-card{border-color:var(--gold-deep)}
.service-card .price{color:var(--yellow)}
.story-points strong,.step-grid b{color:var(--yellow)}
.choice:hover,.choice.selected,.slot:hover,.slot.selected{background:var(--gold-deep);border-color:var(--gold-deep)}
.location-card{background:rgba(255,255,255,.13)}

.social-float{position:fixed;right:22px;bottom:22px;z-index:95;display:flex;flex-direction:column;gap:10px}
.social-float a{width:52px;height:52px;display:grid;place-items:center;background:var(--yellow);color:var(--black);border:1px solid var(--gold-deep);box-shadow:0 8px 25px rgba(0,0,0,.28);transition:.2s}
.social-float a:hover{background:var(--gold-deep);color:var(--white);transform:translateY(-3px)}
.social-float svg{width:23px;height:23px;fill:currentColor}
.social-float .social-label{position:absolute;right:62px;white-space:nowrap;background:var(--black);color:var(--white);padding:8px 10px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateX(6px);transition:.2s}
.social-float a:hover .social-label{opacity:1;transform:none}
.footer-social{display:flex;gap:9px;margin-top:16px}
.footer-social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold-deep);background:var(--black);color:var(--yellow)}
.footer-social a:hover{background:var(--yellow);color:var(--black)}
.footer-social svg{width:17px;height:17px;fill:currentColor}
@media(max-width:620px){
  .hero h1{font-size:clamp(50px,14vw,70px);letter-spacing:.01em}
  .section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{font-size:clamp(43px,12vw,58px);letter-spacing:.01em}
  .social-float{right:14px;bottom:14px}
  .social-float a{width:46px;height:46px}
  .social-float .social-label{display:none}
}


/* ===== DEJAVITTES — LOGO OFICIAL EM DESTAQUE ===== */
.brand{display:flex;align-items:center;justify-content:center}
.brand img{width:58px;height:58px;object-fit:cover;display:block;padding:0;border:1px solid var(--gold-deep);border-radius:12px;background:var(--black)}
.brand span{display:none!important}
.hero-top-brand{display:flex;align-items:center;justify-content:flex-start;width:min(1120px,100%);margin:0 auto 34px;padding:0 24px;position:relative;z-index:2}
.hero-top-brand img{width:250px;height:250px;object-fit:cover;display:block;padding:0;border:1px solid var(--gold-deep);border-radius:18px;background:var(--black);box-shadow:0 20px 55px rgba(0,0,0,.38),0 0 0 1px rgba(255,211,77,.08)}
.hero-top-name{display:none!important}
.hero-copy{max-width:980px}
.hero-copy:before{margin-bottom:22px}
.footer-brand{display:flex;align-items:center;gap:24px}
.footer-brand>img{width:118px;height:118px;object-fit:cover;display:block;padding:0;border:1px solid var(--gold-deep);border-radius:16px;background:var(--black);flex:0 0 auto}
.footer-brand>div{display:flex;flex-direction:column;gap:8px}
.footer-brand>div>span{color:var(--muted);letter-spacing:.04em}
@media(min-width:901px){
  .hero{padding-top:112px}
  .hero-top-brand{margin-bottom:28px}
  .hero-copy{margin-left:auto;margin-right:auto}
}
@media(max-width:900px){
  .hero-top-brand{justify-content:center;padding:0;margin-bottom:28px}
  .hero-top-brand img{width:190px;height:190px}
}
@media(max-width:620px){
  .brand img{width:48px;height:48px;border-radius:10px}
  .hero-top-brand{justify-content:center;padding:0 20px;margin-bottom:24px}
  .hero-top-brand img{width:155px;height:155px;border-radius:14px}
  .footer-brand{align-items:flex-start}
  .footer-brand>img{width:92px;height:92px;border-radius:13px}
}


/* ===== DEJAVITTES — AJUSTE DE MARCA / LOGO / DOURADO / TIPOGRAFIA ===== */
:root{
  --black:#0B0B0D;
  --yellow:#CAA400;
  --gold-deep:#9D7F12;
  --gold-soft:#D4AF37;
  --white:#F2EFF8;
  --muted:#A6A2AA;
  --display:Palmore,Georgia,serif;
  --sans:Trade,Arial,sans-serif;
}
body{background:var(--black);color:var(--white);font-family:var(--sans);letter-spacing:.018em}
/* The reference image is a font specimen, not a font file. Use the existing Palmore display font as the closest bundled barber-shop display face. */
.hero h1,.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2,.service-card h3,.barber-card h3,.step-panel h3,.location-card strong,.marquee div,.story-points strong,.step-grid b{
  font-family:var(--display);
  letter-spacing:.018em;
  word-spacing:.045em;
  line-height:.92;
}
.hero h1,.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{letter-spacing:.018em}
.hero h1 em,.section h2 em,.story-copy h2 em,.steps h2 em,.booking-intro h2 em,.location h2 em,.result-card h2 em{letter-spacing:.018em}
.hero-text,.section-head>p,.story-copy p,.step-grid p,.booking-intro>p:not(.eyebrow),.service-card p,.barber-card p{letter-spacing:.03em;word-spacing:.025em}
.eyebrow,nav a,.header-cta,.gold-btn,.ghost-btn,.hero-note,.footer-links a{letter-spacing:.12em}

/* Gold areas now use a deeper, warmer gold instead of the pale yellow. */
.services,.barbers,.location,.marquee{background:var(--yellow)!important}
.header-cta,.gold-btn,.social-float a{background:var(--yellow)!important;color:var(--black)!important}
.header-cta:hover,.gold-btn:hover,.social-float a:hover{background:var(--gold-soft)!important}
.hero .eyebrow,.story-copy .eyebrow,.steps .eyebrow,.form-kicker,.hero-note{color:var(--yellow)}
.hero-copy:before{background:var(--yellow)}

/* Header: full square logo, no round crop and no duplicate text. */
.brand{display:flex;align-items:center;justify-content:center}
.brand img{width:58px;height:58px;object-fit:cover;display:block;padding:0;border:1px solid var(--gold-deep);border-radius:0;background:var(--black)}
.brand span{display:none!important}

/* Hero brand: show the complete square logo. */
.hero-top-brand{display:flex;align-items:center;justify-content:flex-start;width:min(1120px,100%);margin:0 auto 28px;padding:0 24px;position:relative;z-index:2}
.hero-top-brand img{width:250px;height:250px;object-fit:cover;display:block;padding:0;border:1px solid var(--gold-deep);border-radius:22px;background:var(--black);box-shadow:0 20px 55px rgba(0,0,0,.38),0 0 0 1px rgba(202,164,0,.14)}

/* About section: remove the decorative side lines and show the entire logo cleanly. */
.story-image{border-right:0!important;background:radial-gradient(circle,rgba(202,164,0,.08),transparent 36%),var(--black)}
.story-image:before{display:none!important}
.story-logo{width:min(78%,520px);aspect-ratio:1/1;border:0!important;overflow:hidden;background:var(--black);box-shadow:none}
.story-logo img{width:100%;height:100%;object-fit:cover;display:block;border:0}

/* Footer: same logo, rounded only here. */
.footer-brand>img{width:118px;height:118px;object-fit:cover;padding:0;border:1px solid var(--gold-deep);border-radius:18px;background:var(--black)}

/* Improve readability of all display headings without the cramped look. */
.service-card h3,.barber-card h3{letter-spacing:.02em;line-height:.98}
.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{line-height:.94}

@media(max-width:900px){
  .hero-top-brand{justify-content:center;padding:0;margin-bottom:26px}
  .hero-top-brand img{width:190px;height:190px}
  .story-logo{width:min(72vw,420px)}
}
@media(max-width:620px){
  .brand img{width:48px;height:48px}
  .hero-top-brand{padding:0 20px;margin-bottom:22px}
  .hero-top-brand img{width:155px;height:155px}
  .footer-brand>img{width:92px;height:92px;border-radius:14px}
  .hero h1,.section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{letter-spacing:.012em}
}

/* Ajuste final: logo principal do hero maior, mantendo a logo inteira. */
.hero-top-brand img{
  width:420px;
  height:420px;
  object-fit:cover;
}

@media (max-width: 900px){
  .hero-top-brand img{width:300px;height:300px}
}

@media (max-width: 620px){
  .hero-top-brand img{width:240px;height:240px}
}

/* ===== APRESENTAÇÃO / RESPONSIVO FINAL ===== */
html{scroll-padding-top:78px}
.header-cta,.gold-btn{border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.16)}
.ghost-btn{border-radius:10px}
.hero-top-brand img{object-fit:cover}

@media (max-width: 900px){
  .hero{flex-direction:column;justify-content:center;align-items:stretch;min-height:auto;padding:120px 28px 78px;gap:0}
  .hero-top-brand{width:100%;margin:0 auto 30px;padding:0;justify-content:center}
  .hero-top-brand img{width:min(300px,58vw);height:min(300px,58vw)}
  .hero-copy{width:100%;max-width:760px;text-align:center}
  .hero-copy:before{margin:0 auto 22px}
  .hero-text{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .hero-note{text-align:center}
  .service-grid,.barber-grid{gap:10px}
  .service-card,.barber-card{min-height:230px}
}

@media (max-width: 620px){
  .site-header{height:68px;padding:8px 14px;gap:8px}
  .brand img{width:46px;height:46px}
  .header-cta{font-size:8px;padding:11px 10px;letter-spacing:.08em;white-space:nowrap}
  .menu-btn{width:40px;height:40px;flex:0 0 40px}
  nav{top:68px!important;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 16px 30px rgba(0,0,0,.35)}
  nav a{padding:13px 4px}
  .hero{padding:100px 18px 62px;min-height:calc(100svh - 68px)}
  .hero-top-brand{margin-bottom:25px}
  .hero-top-brand img{width:210px;height:210px;border-radius:18px}
  .hero h1{font-size:clamp(48px,14vw,68px);line-height:.9;word-spacing:.01em}
  .hero-text{font-size:12px;line-height:1.6;max-width:420px}
  .hero-actions{width:100%;gap:9px}
  .hero-actions .gold-btn,.hero-actions .ghost-btn{width:100%;min-height:48px}
  .hero-note{font-size:8px;letter-spacing:.1em}
  .marquee{height:46px}
  .marquee div{font-size:18px}
  .section,.steps,.booking-wrap,.location{padding:72px 18px}
  .section-head{gap:20px;margin-bottom:34px}
  .section h2,.story-copy h2,.steps h2,.booking-intro h2,.location h2,.result-card h2{font-size:clamp(40px,12vw,56px);line-height:.94}
  .service-grid,.barber-grid,.choice-grid,.form-grid,.step-grid{grid-template-columns:1fr}
  .service-card,.barber-card{padding:23px;min-height:0}
  .service-card h3,.barber-card h3{font-size:30px}
  .split-story{grid-template-columns:1fr}
  .story-image{min-height:390px;padding:35px 0}
  .story-logo{width:min(78vw,360px)}
  .story-copy{padding:62px 24px}
  .story-points>div{gap:15px;padding:15px 0}
  .story-points span{font-size:9px;letter-spacing:.07em}
  .step-grid article{min-height:170px;padding:22px}
  .booking-card{grid-template-columns:1fr}
  .booking-intro{padding:40px 24px;border-right:0;border-bottom:1px solid var(--line)}
  .booking-form{padding:34px 20px}
  .slots{grid-template-columns:repeat(3,1fr)}
  .slot{min-height:44px}
  .location-actions{width:100%}
  .location-actions .gold-btn,.location-actions .ghost-btn{width:100%}
  .location-card{margin-top:28px}
  footer{padding:55px 20px 28px;gap:30px}
  .footer-brand{gap:16px}
  .footer-brand>img{width:84px;height:84px}
  .footer-brand>div>span{font-size:10px}
  .footer-links{gap:15px}
  .social-float{right:12px;bottom:12px;gap:8px}
  .social-float a{width:45px;height:45px}
}