body.barber{--acid:#dfff33;--cream:#ece7da;background:#151515;color:var(--cream)}.barber .site-nav{border-bottom:1px solid rgba(255,255,255,.16);background:#151515}
.barber-hero{min-height:78vh;display:grid;grid-template-columns:1.15fr .85fr;border-bottom:1px solid rgba(255,255,255,.18)}.barber-copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}.barber-copy h1{font-family:Impact,Arial Black,sans-serif;font-size:clamp(72px,10vw,158px);line-height:.78;letter-spacing:-.055em;text-transform:uppercase;margin:20px 0 28px}.barber-copy h1 i{color:var(--acid);font-style:normal;-webkit-text-stroke:1px var(--acid)}.barber-copy>p:not(.eyebrow){max-width:550px;font-size:18px;line-height:1.6;color:#c7c3ba}.barber-actions{display:flex;align-items:center;gap:22px;margin-top:26px}.barber-actions a:first-child{background:var(--acid);color:#111;padding:16px 22px;text-decoration:none;font-weight:900;text-transform:uppercase}.barber-actions a:last-child{font-size:13px;font-weight:800}
.barber-poster{margin:36px 5vw 36px 0;background:var(--cream);color:#111;position:relative;display:grid;place-items:center;overflow:hidden;transform:rotate(1.2deg)}.barber-poster:before,.barber-poster:after{content:'';position:absolute;border:2px solid #111;border-radius:50%;width:68%;aspect-ratio:1}.barber-poster:after{width:48%;border-style:dashed;animation:spin 22s linear infinite}.barber-poster strong{font-family:Georgia,serif;font-size:clamp(90px,12vw,170px);font-style:italic;z-index:1}.barber-poster small{position:absolute;bottom:25px;text-transform:uppercase;letter-spacing:.2em;font-weight:900}@keyframes spin{to{transform:rotate(360deg)}}
.barber-ticker{overflow:hidden;background:var(--acid);color:#111;padding:14px 0;white-space:nowrap;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.barber-ticker span{display:inline-block;animation:ticker 17s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.barber-services{padding:100px 6vw;background:var(--cream);color:#111}.barber-services header{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.barber-services h2{font:400 clamp(44px,7vw,100px)/.9 Impact,Arial Black,sans-serif;text-transform:uppercase;margin:0}.barber-services header p{max-width:380px;line-height:1.55;color:#56534e}.price-list{border-top:2px solid #111}.price-row{display:grid;grid-template-columns:80px 1fr 180px 120px;align-items:center;padding:24px 0;border-bottom:1px solid #aaa49a;transition:.2s}.price-row:hover{padding-left:14px;background:#e2ddcf}.price-row span:first-child{font-size:12px}.price-row strong{font-size:clamp(22px,3vw,38px);text-transform:uppercase}.price-row em{font-style:normal;color:#716c63}.price-row b{text-align:right}
.barber-crew{padding:90px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.barber-crew h2{font-size:clamp(44px,6vw,86px);line-height:.9;margin:15px 0;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif}.barbers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.barber-card{min-height:390px;padding:24px;background:#232323;display:flex;flex-direction:column;justify-content:space-between}.barber-card .avatar{height:230px;display:grid;place-items:center;background:var(--acid);color:#111;font:italic 90px Georgia,serif}.barber-card:nth-child(2) .avatar{background:#b7a9ff}.barber-card h3{margin:20px 0 4px;font-size:25px}.barber-card p{margin:0;color:#aaa}
.barber-book{background:var(--acid);color:#111;padding:90px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.barber-book h2{font-size:clamp(52px,7vw,95px);line-height:.87;text-transform:uppercase;margin:16px 0;font-family:Impact,Arial Black,sans-serif}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.slot{border:1px solid #111;background:transparent;padding:13px;cursor:pointer;font-weight:800}.slot:hover,.slot.active{background:#111;color:var(--acid)}.barber-form{display:grid;gap:11px}.barber-form input,.barber-form select{background:transparent;border:1px solid #111;padding:15px}.barber-form button{padding:16px;border:0;background:#111;color:#fff;font-weight:900;text-transform:uppercase;cursor:pointer}
@media(max-width:800px){.barber-hero,.barber-crew,.barber-book{grid-template-columns:1fr}.barber-poster{min-height:430px;margin:0 20px 35px}.barber-services header{display:block}.price-row{grid-template-columns:45px 1fr auto}.price-row em{display:none}.barbers{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(2,1fr)}}