:root{--core-bg:#17120e;--core-surface:#231b15;--core-ink:#ead6b3;--core-muted:#9b886d;--core-accent:#a53227;--core-accent-ink:#f2dfbd;--core-display:"Fraunces",Georgia,serif;--core-radius:0px}
body{font-family:"Barlow Condensed",Arial,sans-serif}
.barber-header{position:fixed;z-index:100;inset:0 0 auto;height:78px;display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:31px;padding:0 4vw;border-bottom:1px solid rgba(234,214,179,.16);background:rgba(23,18,14,.84);backdrop-filter:blur(18px)}
.barber-logo{width:max-content;display:flex;align-items:center;gap:10px}.barber-logo>span{width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--core-accent);border-radius:50%;color:var(--core-accent);font-family:var(--core-display);font-size:16px}.barber-logo strong{font-size:14px;letter-spacing:.04em}.barber-logo small{display:block;margin-top:2px;color:var(--core-muted);font-size:6px;letter-spacing:.14em}
.barber-nav{display:flex;gap:27px}.barber-nav a{font-size:9px;font-weight:700;letter-spacing:.08em}.barber-open{display:flex;align-items:center;gap:7px;color:var(--core-muted);font-size:7px;letter-spacing:.12em}.barber-open i{width:6px;height:6px;border-radius:50%;background:#70be7d;box-shadow:0 0 12px #70be7d}.barber-book{min-height:41px;padding:0 15px;border:1px solid var(--core-accent);background:var(--core-accent);color:var(--core-ink);font-size:8px;font-weight:700;letter-spacing:.08em;cursor:pointer}.barber-menu{display:none}
.barber-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);align-items:center;gap:5vw;padding:122px 6vw 65px;overflow:hidden}.barber-hero::before{content:"";position:absolute;width:700px;height:700px;left:-380px;top:-330px;border:1px solid rgba(165,50,39,.32);border-radius:50%}.barber-grain{position:absolute;inset:0;opacity:.1;background-image:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.25) 0 1px,transparent 1px 5px);mix-blend-mode:soft-light}
.barber-hero__copy{position:relative;z-index:2}.barber-hero__copy>span,.barber-services__head>span,.master-room__head>span,.barber-booking__copy>span,.barber-manifesto>span{color:var(--core-accent);font-size:8px;font-weight:700;letter-spacing:.19em}.barber-hero h1,.barber-services h2,.master-room h2,.barber-booking h2,.barber-manifesto h2{margin:27px 0 0;font-family:var(--core-display);font-size:clamp(78px,9vw,146px);font-weight:600;letter-spacing:-.075em;line-height:.69}.barber-hero h1 em,.barber-services h2 em,.master-room h2 em,.barber-booking h2 em,.barber-manifesto h2 em{color:var(--core-accent);font-weight:600}
.barber-hero__copy>p{max-width:530px;margin:37px 0 0;color:var(--core-muted);font-size:14px;line-height:1.7}.barber-hero__copy>div{display:flex;gap:11px;margin-top:32px}.barber-hero__copy button,.barber-hero__copy a,.master-info button,.barber-manifesto button{min-height:53px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid rgba(234,214,179,.35);background:transparent;color:var(--core-ink);font-size:9px;font-weight:700;letter-spacing:.07em;cursor:pointer}.barber-hero__copy button,.barber-manifesto button{border-color:var(--core-accent);background:var(--core-accent)}
.barber-poster{position:relative;z-index:2;min-height:660px;border:1px solid rgba(234,214,179,.18);background:linear-gradient(145deg,#2d2118,#17120e 62%);box-shadow:0 40px 110px rgba(0,0,0,.4);transform:perspective(1200px) rotateY(calc(var(--pnx,0)*-2deg));transition:transform .2s ease-out}
.barber-poster::before,.barber-poster::after{content:"";position:absolute;inset:16px;border:1px solid rgba(234,214,179,.09)}.barber-poster::after{inset:auto 0 32% 0;border:0;border-top:1px solid rgba(234,214,179,.1)}
.barber-portrait{position:absolute;width:300px;height:430px;right:10%;bottom:0;border-radius:46% 46% 0 0;background:linear-gradient(145deg,#c6956d,#6d4431 60%,#322319);box-shadow:inset -50px -35px 90px rgba(0,0,0,.4)}.barber-portrait>span{position:absolute;left:50%;top:43%;color:rgba(234,214,179,.22);font-family:var(--core-display);font-size:70px;transform:translate(-50%,-50%)}.barber-portrait .hair{position:absolute;inset:-10% -4% 58%;border-radius:50% 50% 30% 30%;background:#18110c}.barber-portrait .beard{position:absolute;width:58%;height:38%;left:22%;bottom:13%;border-radius:20% 20% 48% 48%;background:#1d140f}
.barber-poster__type{position:absolute;z-index:2;left:8%;top:12%}.barber-poster__type>span{color:var(--core-accent);font-size:7px;letter-spacing:.18em}.barber-poster__type>strong{display:block;margin-top:40px;font-family:var(--core-display);font-size:72px;line-height:.7}.barber-poster__type>small{display:block;margin-top:30px;color:var(--core-muted);font-size:8px}
.razor{position:absolute;z-index:4;width:235px;height:42px;left:8%;bottom:17%;transform:rotate(-12deg);animation:razorFloat 5s ease-in-out infinite}.razor i{position:absolute;width:160px;height:28px;left:0;top:7px;border-radius:2px 0 0 2px;background:linear-gradient(#e7d4b5,#8d7b64);clip-path:polygon(0 0,100% 0,83% 100%,0 100%)}.razor span{position:absolute;right:0;padding:8px 13px;border:1px solid var(--core-accent);background:#17120e;color:var(--core-accent);font-size:6px;letter-spacing:.12em}@keyframes razorFloat{50%{transform:rotate(-7deg) translateY(-10px)}}
.barber-ticket{position:absolute;z-index:5;right:-25px;bottom:10%;width:170px;padding:18px;border:1px dashed #17120e;background:#e5c99b;color:#17120e;transform:rotate(4deg)}.barber-ticket span,.barber-ticket small{display:block;font-size:6px;letter-spacing:.13em}.barber-ticket strong{display:block;margin:10px 0 8px;font-family:var(--core-display);font-size:38px}
.barber-hero__foot{position:absolute;z-index:3;right:6vw;bottom:23px;left:6vw;display:flex;justify-content:space-between;color:var(--core-muted);font-size:7px;letter-spacing:.14em}
.barber-strip{overflow:hidden;border-block:1px solid #17120e;background:#e5c99b;color:#17120e;transform:rotate(-1deg) scale(1.02)}.barber-strip>div{width:max-content;display:flex;gap:27px;padding:14px 0;animation:barberStrip 23s linear infinite}.barber-strip span{font-family:var(--core-display);font-size:13px}.barber-strip i{color:var(--core-accent)}@keyframes barberStrip{to{transform:translateX(-50%)}}

.barber-services,.master-room,.barber-booking{padding:140px 6vw}.barber-services__head,.master-room__head{display:grid;grid-template-columns:.32fr 1.18fr .5fr;gap:4vw;align-items:end;margin-bottom:70px}.barber-services h2,.master-room h2,.barber-booking h2{margin:0;font-size:clamp(64px,7vw,110px)}.barber-services__head>p{margin:0;color:var(--core-muted);font-size:12px;line-height:1.7}
.service-ledger{border-top:2px solid var(--core-ink)}.service-ledger article{display:grid;grid-template-columns:55px 1fr 100px 110px 43px;align-items:center;gap:20px;padding:29px 8px;border-bottom:1px solid rgba(234,214,179,.18);transition:padding .25s ease,background .25s ease}.service-ledger article:hover{padding-inline:18px;background:rgba(165,50,39,.12)}.service-ledger article>span{color:var(--core-accent);font-family:var(--core-display);font-size:19px}.service-ledger h3{margin:0 0 5px;font-family:var(--core-display);font-size:33px;letter-spacing:-.04em}.service-ledger p{margin:0;color:var(--core-muted);font-size:8px;letter-spacing:.05em}.service-ledger article>b{color:var(--core-muted);font-size:8px}.service-ledger article>strong{font-size:11px}.service-ledger button{width:41px;height:41px;border:1px solid rgba(234,214,179,.35);border-radius:50%;background:transparent;cursor:pointer}

.master-room{background:#e5c99b;color:#17120e}.master-room__head>span{color:#8f2c23}.master-room h2 em{color:#8f2c23}.master-selector{display:grid;grid-template-columns:220px 1fr;min-height:670px;border:1px solid rgba(23,18,14,.3)}.master-tabs{display:flex;flex-direction:column;border-right:1px solid rgba(23,18,14,.25)}.master-tabs button{flex:1;display:flex;align-items:center;gap:15px;padding:20px;border:0;border-bottom:1px solid rgba(23,18,14,.2);background:transparent;text-align:left;font-family:var(--core-display);font-size:20px;cursor:pointer}.master-tabs button:last-child{border-bottom:0}.master-tabs button span{font-family:"Barlow Condensed";font-size:8px}.master-tabs button.is-active{background:#17120e;color:#e5c99b}
.master-stage{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.master-portrait{position:relative;min-height:670px;background:linear-gradient(145deg,#9d6849,#36241a 68%)}.master-portrait>span{position:absolute;left:50%;top:48%;font-family:var(--core-display);font-size:120px;color:rgba(229,201,155,.38);transform:translate(-50%,-50%)}.master-portrait>i{position:absolute;width:70%;height:78%;left:15%;bottom:0;border-radius:45% 45% 0 0;background:linear-gradient(#c49470,#422a1d 65%);box-shadow:inset -45px -30px 80px rgba(0,0,0,.4)}.master-portrait>i::before{content:"";position:absolute;inset:-7% -2% 67%;border-radius:50% 50% 25% 25%;background:#1a120d}.master-portrait>b{position:absolute;right:20px;bottom:13px;color:rgba(229,201,155,.4);font-family:var(--core-display);font-size:90px}
.master-info{display:flex;flex-direction:column;justify-content:center;padding:55px}.master-info>small{color:#8f2c23;font-size:8px;font-weight:700;letter-spacing:.15em}.master-info h3{margin:22px 0;font-family:var(--core-display);font-size:clamp(48px,5vw,75px);line-height:.78}.master-info>p{max-width:420px;color:#6b543c;font-size:12px;line-height:1.7}.master-info>div{display:flex;gap:45px;margin:30px 0}.master-info span small,.master-info span b{display:block}.master-info span small{font-size:7px;color:#8f7152}.master-info span b{margin-top:5px;font-size:10px}.master-info button{width:max-content;border-color:#17120e;color:#17120e}

.barber-booking{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;background:#241a13}.barber-booking__copy{align-self:start;position:sticky;top:115px}.barber-booking__copy h2{margin-top:25px}.barber-booking__copy>p{max-width:430px;color:var(--core-muted);font-size:12px;line-height:1.7}.barber-date{display:flex;gap:7px;margin-top:30px}.barber-date button{width:66px;height:78px;border:1px solid rgba(234,214,179,.22);background:transparent;color:var(--core-muted);font-size:7px;cursor:pointer}.barber-date button b{display:block;margin-top:5px;color:var(--core-ink);font-family:var(--core-display);font-size:23px}.barber-date button.is-active{border-color:var(--core-accent);background:var(--core-accent)}
.slot-board{border:1px solid rgba(234,214,179,.2)}.slot-board>header{display:grid;grid-template-columns:.8fr 1.2fr;padding:16px 22px;border-bottom:1px solid rgba(234,214,179,.16);color:var(--core-muted);font-size:7px;letter-spacing:.14em}.slot-board article{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:25px 22px;border-bottom:1px solid rgba(234,214,179,.16)}.slot-board article>div:first-child{display:flex;align-items:center;gap:12px}.slot-board article i{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#a53227;font-style:normal;font-family:var(--core-display)}.slot-board article span{font-family:var(--core-display);font-size:18px}.slot-board article span small{display:block;margin-top:4px;color:var(--core-muted);font-family:"Barlow Condensed";font-size:7px;letter-spacing:.12em}.slot-board article>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.slot-board article button{min-height:45px;border:1px solid rgba(234,214,179,.25);background:transparent;font-size:9px;cursor:pointer}.slot-board article button:hover{border-color:var(--core-accent);background:var(--core-accent)}.slot-board article button.busy{opacity:.25;text-decoration:line-through}.slot-board footer{display:flex;align-items:center;gap:18px;padding:20px 22px;color:var(--core-muted);font-size:7px}.slot-board footer span:first-child{color:#70be7d}.slot-board footer button{margin-left:auto;padding:10px 13px;border:1px solid var(--core-accent);background:transparent;color:var(--core-accent);font-size:7px;cursor:pointer}

.barber-manifesto{position:relative;min-height:95svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 6vw;overflow:hidden;text-align:center;background:#e5c99b;color:#17120e}.barber-manifesto>span{position:relative;z-index:2}.barber-manifesto h2{position:relative;z-index:2;max-width:1200px;margin:30px 0 42px;font-size:clamp(65px,8vw,125px);line-height:.85}.barber-manifesto h2 em{color:#8f2c23}.barber-manifesto button{position:relative;z-index:2;color:#e5c99b}.manifesto-mark{position:absolute;color:rgba(23,18,14,.035);font-family:var(--core-display);font-size:48vw;line-height:.7}
.barber-footer{min-height:110px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:25px;padding:25px 4vw;border-top:1px solid rgba(234,214,179,.16);color:var(--core-muted);font-size:8px}.barber-footer p{margin:0}

@media(max-width:1000px){
 .barber-header{grid-template-columns:1fr auto}.barber-header .portal-back,.barber-open,.barber-book{display:none}.barber-menu{position:relative;z-index:2;display:block;padding:10px 13px;border:1px solid rgba(234,214,179,.3);background:transparent;color:var(--core-ink);font-size:8px}
 .barber-nav{position:fixed;inset:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:10vw;visibility:hidden;opacity:0;background:#17120e;transition:.3s}.menu-open .barber-nav{visibility:visible;opacity:1}.barber-nav a{font-family:var(--core-display);font-size:55px}
 .barber-hero{grid-template-columns:1fr;padding-top:140px}.barber-poster{min-height:620px}.barber-services__head,.master-room__head{grid-template-columns:1fr;gap:22px}.barber-services__head>p{max-width:520px}.master-selector{grid-template-columns:1fr}.master-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid rgba(23,18,14,.25)}.master-tabs button{justify-content:center}.barber-booking{grid-template-columns:1fr}.barber-booking__copy{position:static}.barber-footer{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .barber-header{height:70px;padding-inline:18px}.barber-hero{min-height:auto;padding:115px 20px 70px}.barber-hero h1{font-size:70px}.barber-hero__copy>div{flex-direction:column}.barber-hero__copy button,.barber-hero__copy a{width:100%;justify-content:center}.barber-poster{min-height:500px;margin-top:20px}.barber-portrait{width:220px;height:330px;right:3%}.barber-poster__type>strong{font-size:50px}.barber-ticket{right:-9px;width:145px}.razor{width:190px}.barber-hero__foot{display:none}
 .barber-services,.master-room,.barber-booking{padding:90px 20px}.barber-services h2,.master-room h2,.barber-booking h2{font-size:52px}.service-ledger article{grid-template-columns:34px 1fr 40px;gap:10px}.service-ledger article>b,.service-ledger article>strong{display:none}.service-ledger h3{font-size:25px}
 .master-tabs{grid-template-columns:repeat(2,1fr)}.master-stage{grid-template-columns:1fr}.master-portrait{min-height:470px;width:auto;height:auto;right:auto}.master-info{padding:42px 23px}.master-info h3{font-size:48px}.master-info>div{gap:25px}.master-info button{width:100%;justify-content:center}
 .slot-board>header{display:none}.slot-board article{grid-template-columns:1fr;gap:18px;padding:22px 15px}.slot-board footer{flex-wrap:wrap}.slot-board footer button{width:100%;margin-left:0}.barber-manifesto{min-height:78svh;padding-inline:20px}.barber-manifesto h2{font-size:51px}.barber-footer{grid-template-columns:1fr;padding:35px 20px}
}

/* V8 — cinematic craft photography */
.barber-poster { isolation:isolate; overflow:hidden; }
.barber-photo { position:absolute; z-index:0; inset:0; margin:0; background:#17120e; }
.barber-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(23,18,14,.9) 0,rgba(23,18,14,.38) 46%,rgba(23,18,14,.04) 78%),linear-gradient(0deg,rgba(23,18,14,.5),transparent 45%); pointer-events:none; }
.barber-photo img { width:100%; height:100%; object-fit:cover; object-position:66% center; filter:saturate(.82) contrast(1.08); transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .45s ease; }
.barber-poster:hover .barber-photo img { filter:saturate(.94) contrast(1.09); transform:scale(1.045); }
@media(max-width:650px){.barber-photo img{object-position:61% center}.barber-photo::after{background:linear-gradient(90deg,rgba(23,18,14,.88),rgba(23,18,14,.05))}}