:root{--ink:#0b0a09;--ink2:#141210;--bone:#efe6d6;--mute:rgba(239,230,214,.62);--gold:#c9a35c;--gold2:#e6c88a;--gold3:#8f6d33;--red:#c3261f;--blue:#1f4fb0;
  --serif:"Playfair Display",Georgia,serif;--cond:"Oswald","Arial Narrow",sans-serif;--sans:"DM Sans",system-ui,sans-serif;--pl:clamp(88px,9vw,150px);--gl:clamp(22px,5vw,80px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink);overflow-x:clip}
body{background:var(--ink);color:var(--bone);font:400 17px/1.65 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
svg{width:1em;height:1em;flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ===== intro ===== */
.intro{position:fixed;inset:0;z-index:100;background:var(--ink);display:grid;place-content:center;justify-items:center;gap:12px;transition:clip-path 1s cubic-bezier(.7,0,.2,1)}
.intro .mus{width:150px;height:52px;fill:var(--bone);animation:mus 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes mus{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}
.intro b{font:700 clamp(40px,8vw,78px)/1 var(--serif);letter-spacing:.06em;background:linear-gradient(100deg,var(--gold3),var(--gold2) 45%,#fff8e7 50%,var(--gold2) 55%,var(--gold3));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 1.8s .2s ease-out both}
@keyframes shine{from{background-position:100% 0;opacity:0}20%{opacity:1}to{background-position:0 0}}
.ibar{display:block;width:160px;height:2px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
.ibar i{display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,var(--red),#fff,var(--blue));transition:width .3s}
.intro.gone{clip-path:inset(0 0 100% 0);pointer-events:none}

/* ===== barber pole ===== */
.pole{position:fixed;z-index:40;left:clamp(18px,2.6vw,42px);top:50%;transform:translateY(-50%);height:min(64vh,560px);width:clamp(34px,3vw,46px);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.pole::before{content:"";position:absolute;inset:-10% -120%;background:radial-gradient(closest-side,rgba(195,38,31,.18),rgba(31,79,176,.12) 55%,transparent);opacity:calc(.4 + var(--v,0));pointer-events:none;transition:opacity .4s}
.pole-ball{width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 6%,#d9d9d9 18%,#8a8a8a 45%,#2c2c2c 70%,#9a9a9a 92%);box-shadow:inset 0 -3px 6px rgba(0,0,0,.4)}
.pole-cap{width:100%;height:18px;margin-top:-2px;border-radius:6px 6px 3px 3px;background:linear-gradient(90deg,#3b3b3b,#f4f4f4 30%,#9d9d9d 55%,#fefefe 70%,#454545);box-shadow:0 2px 0 #111}
.pole-cap.b{border-radius:3px 3px 6px 6px;box-shadow:0 -2px 0 #111}
.pole-glass{position:relative;flex:1;width:84%;overflow:hidden;border-radius:2px;background:#fff}
.pole-stripes{position:absolute;inset:-60px 0;background:repeating-linear-gradient(-58deg,var(--red) 0 13px,#fbf8f2 13px 22px,var(--blue) 22px 35px,#fbf8f2 35px 44px);background-size:100% 102.6px;background-position:0 var(--y,0px)}
.pole-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 28%,rgba(255,255,255,.55) 40%,rgba(255,255,255,0) 52%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.6))}
.pole-mark{position:absolute;left:-2px;right:-2px;height:3px;top:var(--m,0%);background:var(--gold2);box-shadow:0 0 10px var(--gold2),0 0 2px #fff;transition:top .15s linear}
.pole-knob{width:22%;aspect-ratio:1;border-radius:50%;margin-top:-1px;background:radial-gradient(circle at 35% 30%,#fff,#7c7c7c 50%,#222)}

/* ===== header ===== */
.hd{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:calc(16px + env(safe-area-inset-top,0px)) var(--gl) 16px calc(var(--pl) + 4px);transition:background .4s,padding .4s}
.hd.solid{background:linear-gradient(rgba(11,10,9,.92),rgba(11,10,9,.72));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px;box-shadow:0 1px 0 rgba(201,163,92,.18)}
.brand{display:flex;align-items:center;gap:10px}
.brand .mus{width:40px;height:14px;fill:var(--bone)}
.brand b{font:700 22px/1 var(--serif);letter-spacing:.08em}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{font:500 13px/1 var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);position:relative;padding:6px 0;transition:color .25s}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1.5px;background:linear-gradient(90deg,var(--red),var(--gold2),var(--blue));transition:right .35s}
.nav a:hover,.nav a.on{color:var(--bone)}.nav a:hover::after,.nav a.on::after{right:0}
.hcall{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:40px;border:1px solid rgba(201,163,92,.55);font:500 14px/1 var(--cond);letter-spacing:.14em;color:var(--gold2);transition:background .3s,color .3s}
.hcall:hover{background:var(--gold2);color:var(--ink)}

/* ===== film stage ===== */
.stage{position:fixed;top:0;right:0;width:46vw;height:100vh;height:100lvh;z-index:1;overflow:hidden}
.stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--ink) 0,rgba(11,10,9,0) 22%),linear-gradient(0deg,rgba(11,10,9,.65),transparent 25%)}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
.stage-ui{position:absolute;z-index:2;left:22%;right:var(--gl);bottom:34px}
.chaps{position:relative;height:22px;font:500 12px/22px var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.chaps span{position:absolute;inset:0;opacity:0;transform:translateY(-12px);transition:opacity .5s,transform .5s}
.chaps span.on{opacity:1;transform:none}
.sbar{margin-top:10px;height:2px;background:rgba(255,255,255,.12);overflow:hidden}
.sbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),#fff 50%,var(--blue))}

/* ===== sections ===== */
main{position:relative;z-index:2}
.sec{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px var(--gl) 100px var(--pl);width:54vw}
.sec .in{width:100%;max-width:640px}
.kick{font:500 12px/1 var(--cond);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px}
.kick::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--red),var(--blue))}
h2{font:500 clamp(42px,5.2vw,82px)/1.0 var(--serif);letter-spacing:-.01em;margin:22px 0 24px}
h2 em,.tag em{font-style:italic;background:linear-gradient(100deg,var(--gold3),var(--gold2) 50%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.lead{color:var(--mute);font-size:clamp(16px,1.25vw,19px);max-width:52ch}
.btn{display:inline-flex;align-items:center;gap:12px;padding:17px 28px;border-radius:2px;font:500 14px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,color .3s,background .3s,border-color .3s}
.btn svg{width:17px;height:17px}
.btn.gold{background:linear-gradient(120deg,#8f6d33,#e6c88a 45%,#c9a35c 60%,#8f6d33);background-size:200% 100%;color:#120e08;box-shadow:0 14px 40px -14px rgba(201,163,92,.8)}
.btn.gold:hover{background-position:100% 0;transform:translateY(-2px)}
.btn.gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);animation:sweep 3.6s 2s infinite}
@keyframes sweep{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.btn.line{border:1px solid rgba(239,230,214,.35);color:var(--bone)}
.btn.line:hover{border-color:var(--gold2);color:var(--gold2)}
.ctas,.cbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

/* hero */
.hero .eyebrow{display:flex;gap:18px;font:500 13px/1 var(--cond);letter-spacing:.34em;text-transform:uppercase;color:var(--mute)}
.hero .eyebrow span+span::before{content:"✦";color:var(--gold);margin-right:18px}
.hero h1{margin:26px 0 8px;display:flex;flex-direction:column;align-items:flex-start}
.h-mus{display:block;width:clamp(120px,13vw,200px);margin:0 0 -6px 4px}
.h-mus svg{width:100%;height:auto;fill:var(--bone);filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}
.h-word{font:700 clamp(64px,10.5vw,176px)/.9 var(--serif);letter-spacing:.02em;background:linear-gradient(100deg,#fff8e7 0,var(--bone) 30%,var(--gold2) 48%,#fff 50%,var(--gold2) 52%,var(--bone) 70%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wshine 7s ease-in-out infinite}
@keyframes wshine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.tag{font:500 italic clamp(26px,2.8vw,42px)/1.1 var(--serif);margin-bottom:22px}
.tag em{font-style:italic}
.scrollhint{margin-top:60px;display:flex;align-items:center;gap:14px;font:500 11px/1 var(--cond);letter-spacing:.4em;text-transform:uppercase;color:var(--mute)}
.scrollhint i{width:1px;height:46px;background:linear-gradient(var(--gold2),transparent);position:relative;overflow:hidden}
.scrollhint i::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:#fff;animation:drip 1.8s infinite}
@keyframes drip{to{top:100%}}

/* story */
.feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:40px;background:rgba(201,163,92,.2);border:1px solid rgba(201,163,92,.2)}
.feats li{background:var(--ink);padding:22px 22px 24px;transition:background .3s}
.feats li:hover{background:#17130d}
.feats b{display:block;font:500 17px/1.2 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}
.feats span{display:block;color:var(--mute);font-size:15px;margin-top:6px}

/* prices */
.menu{display:grid;gap:22px;margin-top:10px}
.mcard{position:relative;padding:30px clamp(18px,2.4vw,32px) 22px;border:1px solid rgba(201,163,92,.45);border-radius:10px;background:linear-gradient(180deg,rgba(22,18,13,.92),rgba(11,10,9,.92));box-shadow:inset 0 0 0 4px rgba(11,10,9,.9),inset 0 0 0 5px rgba(201,163,92,.25)}
.mcard header{display:flex;flex-direction:column;align-items:center;gap:6px;margin:-50px 0 18px}
.rib{display:inline-block;padding:9px 26px;font:600 clamp(18px,1.6vw,22px)/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);background:var(--ink);border:1px solid var(--gold);border-radius:6px;box-shadow:0 0 0 4px var(--ink),0 0 0 5px rgba(201,163,92,.35)}
.mcard.vip .rib{background:linear-gradient(120deg,#8f6d33,#e6c88a 50%,#8f6d33);color:#120e08}
.mcard header small{font:500 11px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.mcard ul{list-style:none}
.mcard li{display:flex;align-items:center;gap:14px;padding:12px 4px;border-radius:6px;transition:background .3s}
.mcard li:hover{background:rgba(201,163,92,.07)}
.mcard li svg{width:30px;height:30px;color:var(--gold2)}
.mcard li span{font:500 clamp(16px,1.35vw,19px)/1.15 var(--cond);letter-spacing:.1em;text-transform:uppercase}
.mcard li span small{display:block;font-size:10.5px;letter-spacing:.14em;color:var(--mute);margin-top:3px}
.mcard li i{flex:1;min-width:16px;height:1px;align-self:flex-end;margin-bottom:8px;background:repeating-linear-gradient(90deg,rgba(201,163,92,.6) 0 2px,transparent 2px 6px)}
.mcard li b{font:600 clamp(20px,1.7vw,25px)/1 var(--cond);letter-spacing:.06em;color:var(--gold2);white-space:nowrap}
.note{margin-top:20px;color:var(--mute);font-size:14px}

/* ritual */
.steps{list-style:none;counter-reset:s;margin-top:34px;border-left:1px solid rgba(201,163,92,.3)}
.steps li{counter-increment:s;position:relative;padding:0 0 30px 34px}
.steps li::before{content:"0" counter(s);position:absolute;left:-17px;top:-2px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);border:1px solid var(--gold);font:500 12px/1 var(--cond);color:var(--gold2);letter-spacing:.06em}
.steps b{display:block;font:500 22px/1.2 var(--serif);color:var(--bone)}
.steps span{color:var(--mute);font-size:15.5px}

/* contact */
.bigtel{display:inline-flex;align-items:center;gap:18px;font:500 clamp(40px,5.4vw,84px)/1 var(--cond);letter-spacing:.04em;color:var(--gold2);margin:4px 0 6px;transition:color .3s}
.bigtel svg{width:.62em;height:.62em}
.bigtel:hover{color:#fff}
.addr{display:flex;align-items:center;gap:16px;margin-top:34px;padding:18px 20px;border:1px solid rgba(201,163,92,.3);border-radius:8px;background:rgba(11,10,9,.8)}
.addr>svg{width:28px;height:28px;color:var(--gold2)}
.addr b{display:block;font:500 18px/1.2 var(--cond);letter-spacing:.08em;text-transform:uppercase}
.addr span{color:var(--mute);font-size:14.5px}
.addr a{margin-left:auto;display:inline-flex;gap:8px;align-items:center;font:500 13px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--gold2)}
.map{margin-top:14px;border-radius:8px;overflow:hidden;border:1px solid rgba(201,163,92,.25);aspect-ratio:16/8;background:#15120e}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9) sepia(.25)}
.faq{margin-top:22px;border-top:1px solid rgba(201,163,92,.25);padding-top:16px}
.faq summary{cursor:pointer;font:500 13px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.faq dl{margin-top:14px}.faq dt{font-weight:700;margin-top:10px}.faq dd{color:var(--mute);font-size:15px}

/* footer */
.ft{position:relative;z-index:2;background:var(--ink);padding:40px var(--gl) 30px var(--pl);border-top:1px solid rgba(201,163,92,.2)}
.ft-big{font:700 clamp(70px,17vw,300px)/.85 var(--serif);letter-spacing:.02em;background:linear-gradient(180deg,rgba(239,230,214,.14),rgba(239,230,214,0));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.ft-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;color:var(--mute);font-size:13.5px}
.credit a{color:var(--gold2);font-weight:700}
.fab{display:none}

/* reveals – always from above */
.rv{opacity:0;transform:translateY(-28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.vis{opacity:1;transform:none}

/* ===== mobile ===== */
@media (max-width:900px){
  :root{--pl:56px;--gl:20px}
  .nav{display:none}
  .hd{padding-left:var(--gl);gap:12px}
  .hcall span{display:none}.hcall{padding:11px;margin-left:auto}
  .stage{width:100%;height:100lvh}
  .stage::before{background:linear-gradient(180deg,rgba(11,10,9,.55),rgba(11,10,9,0) 16%,rgba(11,10,9,0) 52%,var(--ink) 80%)}
  .stage-ui{left:var(--pl);right:var(--gl);bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .sec{width:100%;min-height:0;display:block;padding:72svh var(--gl) 0 var(--pl)}
  .sec .in{position:relative;padding:30px 20px 26px;border-radius:14px;background:rgba(11,10,9,.84);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(201,163,92,.28);box-shadow:0 30px 60px rgba(0,0,0,.5)}
  .sec .in::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--red),#fff,var(--blue),transparent);opacity:.8}
  .hero{min-height:100svh;display:flex;align-items:flex-end;padding:0 var(--gl) 92px var(--pl)}
  .hero .h-mus{width:96px}.hero h1{margin-top:14px}
  .hero .in{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
  .hero .in::before{display:none}
  .hero .lead{display:none}
  .hero .eyebrow{flex-direction:column;gap:8px;font-size:11px}.hero .eyebrow span+span::before{display:none}
  .scrollhint{display:none}
  .contact{padding-bottom:60px}
  .feats li{background:rgba(11,10,9,.6)}
  .h-word{font-size:clamp(54px,17vw,92px)}
  h2{font-size:clamp(38px,11vw,56px)}
  .feats{grid-template-columns:1fr}
  .pole{left:12px;height:min(46vh,380px);width:26px;top:54%}
  .pole-cap{height:12px}
  .stage canvas{opacity:.92}
  .map{aspect-ratio:4/3}
  .addr{flex-wrap:wrap}.addr a{margin-left:44px}
  .fab{display:grid;place-items:center;position:fixed;z-index:45;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#e6c88a,#8f6d33);color:#120e08;box-shadow:0 10px 30px rgba(0,0,0,.5)}
  .fab svg{width:24px;height:24px}
  .ft-row{flex-direction:column}
  .ft-big{font-size:16.5vw}
}
@media (max-width:380px){.btn{padding:15px 20px;font-size:13px}.mcard li span{font-size:15px}.mcard li{gap:10px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.intro{display:none}}


/* ===== typography matched to the BARBERO logo & poster: Playfair Display + Oswald ===== */
.brand b,.intro b,.h-word,.ft-big{font-family:var(--serif);font-weight:600}
.brand b{font-size:23px;letter-spacing:.05em}
/* logo lockup: mustache centred over the name, warm white like the sign */
.hero h1{align-items:center;width:max-content;max-width:none}
.h-mus{margin:0 auto -.02em;width:clamp(120px,12vw,190px)}
.h-word{font-size:clamp(64px,8.6vw,150px);line-height:.95;letter-spacing:.015em;background:linear-gradient(180deg,#fffdf8 0%,#f3ead9 55%,#d9c9a8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:none;filter:drop-shadow(0 6px 24px rgba(0,0,0,.55))}
.intro b{background:linear-gradient(180deg,#fffdf8,#d9c9a8);-webkit-background-clip:text;background-clip:text;animation:none;font-size:clamp(44px,8vw,80px)}
h2{font:600 clamp(42px,5vw,80px)/1.02 var(--serif);letter-spacing:-.005em}
h2 em{font-style:italic;font-weight:500}
.tag{font:500 italic clamp(26px,2.8vw,42px)/1.15 var(--serif)}
.rib{font:600 clamp(18px,1.6vw,22px)/1 var(--cond);letter-spacing:.12em}
.mcard li span{font-weight:500}
.mcard li b{font-weight:600}
.feats b{font-weight:500}
.steps b{font:600 23px/1.2 var(--serif)}
.bigtel{font-weight:500}
@media (max-width:900px){.h-word{font-size:clamp(52px,15.5vw,84px)}.h-mus{width:96px}h2{font-size:clamp(36px,10.5vw,52px)}.ft-big{font-size:15vw}}
/* google rating */
.rating{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:12px 18px;border:1px solid rgba(201,163,92,.35);border-radius:40px;background:rgba(11,10,9,.6);transition:border-color .3s,background .3s}
.rating:hover{border-color:var(--gold2);background:rgba(201,163,92,.08)}
.rating b{font:600 26px/1 var(--serif);color:var(--bone)}
.rating .stars{color:var(--gold2);letter-spacing:2px;font-size:15px;background:linear-gradient(90deg,var(--gold2) 94%,rgba(230,200,138,.3) 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rating small{font:400 12px/1 var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
/* opening hours */
.hours{margin-top:30px;padding:20px 22px;border:1px solid rgba(201,163,92,.3);border-radius:8px;background:rgba(11,10,9,.8)}
.hours h3{font:500 13px/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.hours dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(201,163,92,.2)}
.hours dl>div:last-child{border-bottom:0}
.hours dt{color:var(--mute)}.hours dd{font:500 18px/1.2 var(--cond);letter-spacing:.06em;color:var(--bone)}
.hours dl>div.today dt{color:var(--bone)}.hours dl>div.today dd{color:var(--gold2)}
.hours dl>div.today dt::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold2);margin-right:8px;vertical-align:middle;box-shadow:0 0 8px var(--gold2)}
.open-now{margin-top:10px;font:500 13px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase}
.open-now.yes{color:#7fd18b}.open-now.no{color:#e58b84}
.bigtel{white-space:nowrap}.hours dd{white-space:nowrap}
@media (max-width:900px){.bigtel{font-size:clamp(34px,10.5vw,52px);gap:12px}}

.lead+.lead{margin-top:14px}