.barber{--black:#0d0d0d;--panel:#171717;--panel-2:#222;--gold:#f2b632;--text:#f4f1ea;--muted:#a3a09a;--line:#2e2e2e;--bk-text:var(--text);--bk-muted:var(--muted);--bk-border:var(--line);--bk-surface:var(--panel-2);--bk-soft:#2a2a2a;--bk-accent:var(--gold);--bk-on-accent:#111;--bk-radius:4px;--bk-heading:var(--barber-display), Impact, sans-serif;background:var(--black);color:var(--text);font-family:var(--barber-body), system-ui, sans-serif}.barber h1,.barber h2,.barber-logo{font-family:var(--barber-display), Impact, sans-serif;letter-spacing:.02em;text-transform:uppercase;font-weight:400}.barber h1 span,.barber h2 span,.barber-logo span{color:var(--gold)}.barber .bk-title{letter-spacing:.03em;text-transform:uppercase;font-size:1.8rem}.barber-btn{border:2px solid var(--gold);background:var(--gold);color:#111;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;min-height:52px;padding:0 1.8rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.barber-btn:hover{color:var(--gold);background:0 0}.barber-btn--ghost{color:var(--text);background:0 0;border-color:#fff6}.barber-btn--ghost:hover{border-color:var(--gold)}.barber-btn--small{min-height:40px;padding:0 1.2rem;font-size:.8rem}.barber-header{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.barber-logo{font-size:2rem;line-height:1;text-decoration:none}.barber-header nav{gap:2rem;display:none}.barber-header nav a{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;font-weight:600;text-decoration:none}.barber-header nav a:hover{color:var(--gold)}.barber-hero{align-items:flex-end;min-height:78vh;display:flex;position:relative;overflow:hidden}.barber-hero-bg{object-fit:cover;filter:grayscale(.4)brightness(.45);width:100%;height:100%;position:absolute;inset:0}.barber-hero:after{content:"";background:linear-gradient(to top, var(--black) 5%, transparent 60%);position:absolute;inset:0}.barber-hero-inner{z-index:1;padding-top:4rem;padding-bottom:3rem;position:relative}.barber-kicker{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.8rem;font-size:.8rem;font-weight:700}.barber-hero h1{font-size:clamp(4rem,18vw,9rem);line-height:.88}.barber-hero-text{color:#d6d3cc;max-width:460px;margin-top:1.2rem;font-size:1.1rem;line-height:1.6}.barber-hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.barber-hero-actions .barber-btn{flex:160px}.barber-section{padding-top:3.5rem;padding-bottom:3.5rem}.barber-section h2{margin-bottom:1.5rem;font-size:clamp(2.8rem,11vw,4.5rem);line-height:.95}.barber-lead{max-width:460px;color:var(--muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.barber-queue-section{gap:1rem;display:grid}.queue{border:1px solid var(--line);border-left:4px solid var(--gold);background:var(--panel);border-radius:4px;padding:1.6rem}.queue-live{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.75rem;font-weight:700;display:inline-flex}.queue-live span{background:#3ddc84;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite queue-pulse;box-shadow:0 0 0 4px #3ddc8433}@keyframes queue-pulse{50%{box-shadow:0 0 0 8px #3ddc8400}}.queue-big{font-family:var(--barber-display), Impact, sans-serif;text-transform:uppercase;font-size:2.6rem;line-height:1}.queue-wait{color:var(--muted);margin:.4rem 0 1.4rem;font-size:1.05rem}.queue-dots{flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem;display:flex}.queue-dots li{background:var(--panel-2);border:1px solid var(--line);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.7rem;font-weight:700;display:flex}.queue-dots li.is-you{background:var(--gold);color:#111}.queue .barber-btn{width:100%}.queue-note{color:var(--muted);margin-top:.8rem;font-size:.85rem}.barber-prices{border-top:1px solid var(--line)}.barber-prices li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-size:1.1rem;font-weight:600;display:flex}.barber-prices li span{flex-direction:column;display:flex}.barber-prices small{color:var(--muted);font-size:.8rem;font-weight:500}.barber-prices strong{color:var(--gold);font-family:var(--barber-display), Impact, sans-serif;font-size:1.8rem;font-weight:400}.barber-team{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.barber-team img{aspect-ratio:3/4;object-fit:cover;filter:grayscale()contrast(1.1);border-radius:4px;width:100%;transition:filter .4s}.barber-team li:hover img{filter:none}.barber-team-name{font-family:var(--barber-display), Impact, sans-serif;margin-top:.6rem;font-size:1.6rem;line-height:1}.barber-team-role{color:var(--muted);font-size:.85rem}.barber-book-section{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.barber-book{gap:2rem;display:grid}.barber-book-image{aspect-ratio:4/3;object-fit:cover;filter:grayscale(.5)brightness(.8);border-radius:4px;width:100%;display:none}.barber-book-card{border:1px solid var(--line);background:var(--black);border-radius:4px;padding:1.4rem}.barber-hours dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:.9rem 0;font-weight:600;display:flex}.barber-hours dt{color:var(--muted)}.barber-footer{border-top:1px solid var(--line);color:var(--muted);gap:.5rem;padding-top:2.5rem;padding-bottom:2.5rem;font-size:.85rem;display:grid}@media (min-width:768px){.barber-header nav{display:flex}.barber-hero-inner{padding-bottom:5rem}.barber-hero-actions .barber-btn{flex:none}.barber-section{padding-top:5rem;padding-bottom:5rem}.barber-queue-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.barber-prices{grid-template-columns:1fr 1fr;column-gap:4rem;display:grid}.barber-team{gap:1.5rem}.barber-book{grid-template-columns:.8fr 1.2fr;align-items:start;gap:4rem}.barber-book-image{display:block}.barber-book-card{padding:2rem}.barber-hours{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}}@media (prefers-reduced-motion:reduce){.queue-live span{animation:none}}@media (max-width:380px){.barber-hero h1{font-size:3.5rem}.barber-hero-actions .barber-btn{flex-basis:100%}.barber-section h2{font-size:2.4rem}.barber-logo{font-size:1.7rem}.queue{padding:1.25rem}.queue-big{font-size:2.1rem}.barber-team-name{font-size:1.35rem}.barber-book-card{padding:1rem}}