:root{--bg:#111211;--panel:#191a19;--panel2:#20211f;--ink:#f0eee8;--muted:#aaa9a3;--line:#343532;--accent:#d7d1c4;--light:#e9e5dc;--dark:#151615}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;display:flex;align-items:center;gap:32px;padding:0 max(5vw,24px);border-bottom:1px solid #292a28;position:sticky;top:0;background:rgba(17,18,17,.94);backdrop-filter:blur(14px);z-index:20}.brand{display:grid;grid-template-columns:40px auto;grid-template-rows:20px 14px;align-items:center;column-gap:10px;min-width:190px}.brand span{grid-row:1/3;border:1px solid #77756f;width:38px;height:38px;display:grid;place-items:center;font-family:Georgia;font-size:17px}.brand b{font-family:Georgia;letter-spacing:2px;font-size:14px}.brand small{font-size:8px;letter-spacing:3px;color:var(--muted)}nav{display:flex;gap:28px;margin:auto;font-size:13px;color:#c2c0ba}nav a:hover{color:white}.pill,.primary,.pay{background:var(--light);color:#181918;padding:13px 20px;border:0;cursor:pointer;font-weight:700}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:70px max(7vw,28px)}.eyebrow{font-size:10px;letter-spacing:4px;color:#9d9b95;font-weight:700}.hero h1{font:normal clamp(55px,7vw,105px)/.87 Georgia,serif;letter-spacing:-5px;margin:22px 0}.hero h1 em{font-weight:normal;color:#bdb8ae}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7;max-width:540px}.actions{display:flex;gap:12px;margin:34px 0}.secondary{border:1px solid #444541;padding:13px 20px}.mini{display:flex;gap:22px;color:#777872;font-size:11px}.hero-card{max-width:520px}.photo{height:470px;background:#252623;position:relative;overflow:hidden}.barber-photo:before{content:'';position:absolute;width:280px;height:380px;border-radius:48% 48% 10% 10%;background:linear-gradient(145deg,#555651,#20211f);left:50%;bottom:-50px;transform:translateX(-50%) rotate(-3deg);filter:grayscale(1)}.barber-photo:after{content:'✂';position:absolute;font-size:130px;color:#a9a69d20;right:25px;top:40px;transform:rotate(-25deg)}.photo-label{position:absolute;left:25px;bottom:25px;z-index:2}.photo-label small{display:block;letter-spacing:4px;color:#bbb8b0}.photo-label strong{font:34px Georgia}.availability{background:var(--light);color:#1c1d1b;padding:18px 20px;display:flex;align-items:center;gap:12px}.availability i{width:8px;height:8px;border-radius:50%;background:#687467}.availability div{display:flex;flex-direction:column}.availability small{font-size:8px;letter-spacing:2px}.availability b{font-size:13px}.availability a{margin-left:auto;font-size:12px}.section{padding:90px max(7vw,28px);border-top:1px solid #292a28}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2{font:normal clamp(38px,4vw,62px) Georgia;margin:8px 0}.section-head>p{color:var(--muted);max-width:390px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{background:var(--panel);border:1px solid #292a28;padding:28px;min-height:210px;display:flex;flex-direction:column}.service-card .num{color:#666761;font:30px Georgia}.service-card h3{font:25px Georgia;margin:25px 0 8px}.service-card p{color:var(--muted);font-size:13px}.service-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:end}.service-card footer b{font:22px Georgia}.service-card footer small{color:#85867f}.gallery-section{background:#151614}.gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:230px 230px;gap:10px}.g{position:relative;background:linear-gradient(145deg,#41423e,#1d1e1c);overflow:hidden;filter:grayscale(1)}.g:before{content:'';position:absolute;width:170px;height:260px;border-radius:50% 50% 20% 20%;background:linear-gradient(#70716b,#292a27);left:50%;bottom:-70px;transform:translateX(-50%)}.g span{position:absolute;bottom:16px;left:18px;font-size:10px;letter-spacing:3px;z-index:2}.g1{grid-row:1/3}.g4{grid-column:2/4}.g2:before{transform:translateX(-50%) rotate(8deg)}.g3:before{background:linear-gradient(#5b5c57,#181917)}.booking{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#e5e1d8;color:#1b1c1a}.booking .eyebrow{color:#6d6c66}.booking-copy>p{color:#64645f;line-height:1.7}.policy{border-left:2px solid #77766f;padding:8px 18px;margin-top:35px}.policy p{font-size:13px;color:#666761}.booking-box{background:#f1eee7;border:1px solid #ccc8be;padding:30px}.steps{display:flex;gap:14px;border-bottom:1px solid #d1cec5;padding-bottom:16px;margin-bottom:25px;color:#929087;font-size:10px}.steps .active{color:#222;font-weight:bold}label{display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:1.5px;font-weight:bold;margin-bottom:18px}select,input{border:1px solid #c7c4bb;background:#e7e3da;padding:14px;font:14px Arial;color:#222;outline:none}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:8px 0 22px}.slot{border:1px solid #bbb8af;background:transparent;padding:11px 5px;cursor:pointer}.slot:hover,.slot.selected{background:#222;color:white}.slot.busy{opacity:.28;text-decoration:line-through;pointer-events:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary{border-top:1px solid #cfcbc2;border-bottom:1px solid #cfcbc2;padding:15px 0;margin:8px 0 18px;font-size:13px;display:flex;justify-content:space-between}.pay{width:100%;background:#20211f;color:white;padding:16px}.fine{text-align:center;font-size:10px;color:#89877f}.contact{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.contact p{color:#777872;font-size:11px;margin:22px 0 5px}.contact b{font-size:13px}body>footer{padding:35px max(7vw,28px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #292a28;color:#777872;font-size:11px}body>footer .brand{color:#ddd}.modal{position:fixed;inset:0;background:#0a0b0ae8;z-index:50;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{background:#e8e4db;color:#1b1c1a;width:min(520px,100%);padding:40px;position:relative;text-align:center}.modal-card>button:first-child{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;cursor:pointer}.check{margin:auto;width:50px;height:50px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font-size:22px}.ticket{text-align:left;background:#d9d5cc;padding:18px;margin:20px 0;line-height:1.8}.modal-card .primary{display:block;width:100%}@media(max-width:850px){header nav{display:none}header{justify-content:space-between}.pill{font-size:11px}.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{letter-spacing:-3px}.hero-card{max-width:none}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:300px 200px}.g1{grid-row:auto;grid-column:1/3}.g4{grid-column:auto}.booking{grid-template-columns:1fr}.contact{grid-template-columns:1fr 1fr}.contact>div:first-child{grid-column:1/3}.section-head{display:block}.section-head>p{max-width:none}.mini{flex-wrap:wrap}.slots{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){header{height:70px;padding:0 15px}.brand{min-width:150px}.pill{padding:11px}.hero,.section{padding-left:20px;padding-right:20px}.hero{min-height:auto}.hero h1{font-size:55px}.photo{height:340px}.cards{grid-template-columns:1fr}.gallery{display:grid;grid-template-columns:1fr 1fr}.booking-box{padding:18px}.steps{overflow:auto;white-space:nowrap}.slots{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.contact>div:first-child{grid-column:auto}body>footer{gap:25px;flex-direction:column;align-items:flex-start}}