*{box-sizing:border-box} :root{--bg:#0b0c0b;--panel:#121312;--text:#f6f2ec;--muted:#b8b5b0;--cream:#dfcdbb;--line:#6f6a63;--max:1110px} html{scroll-behavior:smooth;scroll-padding-top:82px} body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:72px;background:linear-gradient(180deg,rgba(5,6,5,.78),transparent)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;flex-direction:column;align-items:center;line-height:1;flex-shrink:0}.brand-name{font-family:"Playfair Display",Georgia,serif;font-size:27px;letter-spacing:1.4px}.brand-sub{font-size:8px;letter-spacing:2.3px;margin-top:1px}.nav-links{display:flex;align-items:center;gap:25px;margin-left:auto}.nav-links a{font-size:10px;color:#ddd9d3;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:1px;background:var(--cream)}.header-actions{display:flex;align-items:center;gap:22px;margin-left:45px;white-space:nowrap}.phone{font-size:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--cream);color:#171512;border:1px solid var(--cream);border-radius:3px;padding:12px 20px;font-family:inherit;font-size:11px;font-weight:800;transition:background .2s,color .2s,transform .2s;cursor:pointer}.btn:hover{background:#f0e4d8;transform:translateY(-1px)}.btn-small{padding:8px 14px;font-size:9px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:23px;height:1px;background:#f6f2ec;margin:5px}.hero{position:relative;min-height:354px;height:35vw;max-height:510px;display:flex;align-items:center;overflow:hidden;background:#111}.hero-image{position:absolute;inset:0;background-image:url("assets/hero-barbershop.png");background-size:cover;background-position:center 42%;opacity:.9}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.94) 0%,rgba(5,6,5,.72) 30%,rgba(5,6,5,.12) 64%,rgba(5,6,5,.2) 100%),linear-gradient(0deg,rgba(5,6,5,.3),transparent 35%)}.hero-content{position:relative;z-index:1;padding-top:62px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--cream);margin:0 0 12px}.hero h1{font-size:clamp(32px,3.15vw,46px);line-height:.99;letter-spacing:.5px;margin:0 0 15px;font-weight:800}.hero-copy{font-size:11px;line-height:1.55;color:#e0ddd8;margin:0 0 17px}.hero-note{position:absolute;right:max(calc((100vw - var(--max))/2 + 8px),5%);top:26%;font-size:clamp(19px,2.1vw,29px);font-weight:800;line-height:1.15;color:#e1d3c1;text-shadow:0 2px 10px #000;letter-spacing:.5px}.note-line{display:block;width:60px;height:3px;background:var(--cream);margin:22px auto 0}.section{padding:22px 0}.section-heading{display:flex;align-items:center;gap:17px;margin-bottom:20px}.section-heading h2{font-size:13px;line-height:1.2;letter-spacing:.25px;font-weight:700;margin:0;white-space:nowrap}.heading-line{height:1px;background:#625d56;flex:1}.text-link{font-size:9px;color:#d7d1c8;white-space:nowrap}.text-link span{font-size:14px;margin-left:3px}.services-section{padding-top:18px;padding-bottom:27px}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.service{text-align:center;padding:0 4px}.service-icon{width:46px;height:46px;border:1px solid #a99a88;border-radius:50%;margin:0 auto 9px;display:grid;place-items:center;color:var(--cream)}.service-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service h3{font-size:11px;font-weight:700;margin:0 0 6px}.service p{font-size:9px;line-height:1.5;color:var(--muted);margin:0 0 8px;min-height:27px}.service strong{font-size:10px;font-weight:700}.about-section{padding-top:12px;padding-bottom:24px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.image-frame{height:235px;overflow:hidden;background:#171715}.image-frame img{width:100%;height:100%;object-fit:cover;filter:brightness(.76) saturate(.65)}.about-copy{padding:4px 0}.spaced{letter-spacing:5px;margin-bottom:7px}.about-copy h2{font-size:clamp(23px,2.4vw,31px);line-height:1.02;margin:0 0 12px;font-weight:700}.about-copy>p:not(.eyebrow){font-size:11px;line-height:1.55;color:var(--muted);max-width:470px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:19px;line-height:1.2}.stats strong i{font-size:15px;font-style:normal;color:var(--cream)}.stats span{font-size:9px;color:var(--muted);margin-top:2px}.gallery-section{padding-top:7px;padding-bottom:19px}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gallery-grid img{width:100%;height:120px;object-fit:cover;filter:brightness(.78) saturate(.65);transition:filter .25s,transform .25s}.gallery-grid img:hover{filter:brightness(1) saturate(.9);transform:translateY(-2px)}.prices-section{padding-top:5px;padding-bottom:28px}.prices-section .section-heading{margin-bottom:15px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.price-card{padding:12px 18px;background:linear-gradient(135deg,#151615,#101110);border:1px solid #252624;border-radius:4px}.price-card h3{font-size:11px;margin:0 0 6px}.price-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.btn-wide{width:100%;padding:9px 12px;font-size:9px}.booking-banner{position:relative;min-height:130px;margin:0 auto 22px;width:min(var(--max),calc(100% - 48px));display:flex;align-items:center;padding:20px;overflow:hidden;background:#101110}.banner-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#0a0b0a 0%,rgba(7,8,7,.93) 36%,rgba(7,8,7,.15) 100%),url("https://images.unsplash.com/photo-1621605815971-fbc98d665033?auto=format&fit=crop&w=1400&q=85");background-size:cover;background-position:center 45%;opacity:.9}.banner-content{position:relative;z-index:1}.banner-content .eyebrow{font-size:8px;margin-bottom:5px}.banner-content h2{font-size:17px;line-height:1.1;margin:0 0 7px}.banner-content>p:last-child{font-size:9px;line-height:1.5;margin:0;color:#d1ccc5}.banner-btn{position:relative;z-index:1;margin-left:auto;margin-right:15px;white-space:nowrap}.reviews-section{padding-top:0;padding-bottom:24px}.reviews-section .section-heading{margin-bottom:13px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-card{border:1px solid #252624;background:linear-gradient(135deg,#141514,#101110);padding:12px 14px;border-radius:4px}.review-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.review-head img{width:29px;height:29px;object-fit:cover;border-radius:50%;filter:saturate(.65)}.review-head h3{font-size:10px;margin:0 0 1px}.review-head time{font-size:8px;color:#96918a}.review-card>p{font-size:9px;line-height:1.5;color:#d1ccc5;margin:0 0 7px}.stars{font-size:12px;letter-spacing:1px;color:var(--cream)}.footer{padding:5px 0 25px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{align-items:flex-start}.footer-brand .brand-name{font-size:25px}.footer-brand .brand-sub{font-size:7px}.tagline{font-size:8px;color:#a7a29b;margin-top:8px}.socials{display:flex;align-items:center;gap:17px;color:#d9d5cf;font-size:15px}.socials a:hover{color:var(--cream)}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:9px;color:#bdb8b1}.footer-contact a{color:#d5d0c9}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}.modal-panel{position:relative;width:min(440px,100%);padding:28px;background:#131412;border:1px solid #39352f;box-shadow:0 20px 80px #000}.modal-close{position:absolute;right:13px;top:7px;background:none;border:0;color:#eee;font-size:27px;cursor:pointer}.modal-panel h2{font-size:22px;line-height:1.1;margin:0 0 18px}.modal-panel form{display:grid;gap:12px}.modal-panel label{font-size:10px;color:#d6d0c8;display:grid;gap:5px}.modal-panel input,.modal-panel select{width:100%;background:#0b0c0b;color:#f5f1eb;border:1px solid #393a36;border-radius:2px;padding:11px;font:inherit}.modal-panel input:focus,.modal-panel select:focus{outline:1px solid var(--cream)}.form-note{font-size:9px;color:#9e9992;margin:0}.success-message{padding:12px;background:#22251f;color:#e4dacd;font-size:12px;margin-top:12px}
@media(min-width:1400px){:root{--max:1110px}}@media(max-width:900px){.nav-wrap{gap:15px}.nav-links{gap:14px}.header-actions{margin-left:8px;gap:12px}.phone{font-size:9px}.hero-note{right:6%;top:27%}.about-grid{gap:24px}.image-frame{height:220px}.gallery-grid{gap:9px}.gallery-grid img{height:105px}.price-grid{gap:12px}.price-card{padding:12px}.service h3{font-size:10px}}@media(max-width:700px){body{font-size:13px}.container{width:calc(100% - 36px)}.site-header{height:66px;background:rgba(7,8,7,.86);backdrop-filter:blur(8px)}.nav-wrap{gap:12px}.brand-name{font-size:24px}.brand-sub{font-size:7px}.menu-toggle{display:block;order:3;margin-left:auto}.header-actions{margin-left:auto;gap:0}.header-actions .phone{display:none}.header-actions .btn{padding:9px 12px;font-size:9px}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;margin:0;padding:18px;background:#0d0e0d;border-top:1px solid #292824;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 4px;font-size:12px;border-bottom:1px solid #242522}.nav-links a.active:after{display:none}.hero{height:auto;min-height:580px;align-items:flex-end;padding-bottom:42px}.hero-image{background-position:61% center;opacity:.76}.hero-shade{background:linear-gradient(0deg,rgba(5,6,5,.96) 0%,rgba(5,6,5,.78) 39%,rgba(5,6,5,.1) 100%),linear-gradient(90deg,rgba(5,6,5,.4),transparent)}.hero-content{padding-top:100px}.hero h1{font-size:clamp(37px,10vw,52px);margin-bottom:15px}.hero-copy{font-size:12px;max-width:330px}.desktop-only{display:none}.hero-note{top:105px;right:20px;font-size:15px;opacity:.8}.note-line{width:35px;margin-top:10px}.section{padding:22px 0}.section-heading{gap:10px;margin-bottom:18px}.section-heading h2{font-size:12px}.text-link{font-size:9px}.services-section{padding-top:23px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 10px}.service:last-child{grid-column:1/-1}.service-icon{width:49px;height:49px;margin-bottom:9px}.service h3{font-size:12px}.service p{font-size:10px;min-height:auto}.service strong{font-size:11px}.about-grid{grid-template-columns:1fr;gap:18px}.image-frame{height:230px}.about-copy h2{font-size:30px}.about-copy>p:not(.eyebrow){font-size:12px}.stats{margin-top:18px}.stats strong{font-size:20px}.stats span{font-size:9px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-grid img{height:170px}.gallery-grid img:last-child{display:none}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.price-card{padding:13px}.price-card h3{font-size:12px}.price-card p{font-size:12px}.btn-wide{padding:11px 8px}.booking-banner{width:calc(100% - 36px);min-height:245px;margin-bottom:24px;padding:20px;align-items:flex-start;flex-direction:column;justify-content:flex-end;gap:18px}.banner-image{background-position:62% center;background-image:linear-gradient(0deg,#090a09 0%,rgba(7,8,7,.85) 45%,rgba(7,8,7,.08) 100%),url("https://images.unsplash.com/photo-1621605815971-fbc98d665033?auto=format&fit=crop&w=1000&q=85")}.banner-content h2{font-size:20px}.banner-content>p:last-child{font-size:10px}.banner-btn{margin:0;padding:12px 16px}.reviews-grid{grid-template-columns:1fr;gap:10px}.review-card{padding:14px}.review-card>p{font-size:10px}.footer{padding:6px 0 28px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:22px}.socials{grid-column:1;grid-row:2;justify-content:flex-start}.footer-contact{grid-column:2;grid-row:1/3;justify-content:center;font-size:9px;text-align:right}.footer-contact span{max-width:155px}.modal-panel{padding:24px 20px}.modal-panel h2{font-size:20px}}@media(max-width:380px){.container{width:calc(100% - 28px)}.hero{min-height:550px}.hero h1{font-size:36px}.hero-note{font-size:13px;right:14px}.gallery-grid img{height:140px}.stats{gap:6px}.stats strong{font-size:18px}.booking-banner{width:calc(100% - 28px)}.footer-contact{font-size:8px}}