/*
Theme Name: The Gentry Luxury Barber
Description: Luxury responsive barbershop theme with GSAP, ScrollTrigger and 3D-style interactions.
Version: 1.0.0
Author: OpenAI
Text Domain: the-gentry
*/
:root{--bg:#080808;--panel:#11100e;--gold:#c9a15a;--gold2:#e4c887;--cream:#f5efe4;--muted:#a49d91;--line:rgba(228,200,135,.22);--serif:Georgia,'Times New Roman',serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;transition:.35s;background:linear-gradient(#000c,transparent)}.site-header.scrolled{padding:14px 5vw;background:#080808ee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{font:26px var(--serif);letter-spacing:.16em}.logo span,.gold{color:var(--gold2)}.nav{display:flex;gap:26px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.nav a:hover{color:var(--gold2)}.btn{display:inline-flex;padding:15px 23px;border:1px solid var(--gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:.3s}.btn:hover,.btn.gold{background:var(--gold);color:#080808}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:-4%;background:linear-gradient(90deg,#000e 0%,#0008 45%,#0002),url('https://royalcleancuts.com/gallery/WhatsApp%20Image%202026-03-08%20at%2022.21.21.jpeg') center/cover;transform:scale(1.05)}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,#c9a15a2b,transparent 30%)}.hero-content{position:relative;z-index:2;width:min(1200px,90%);margin:auto;padding-top:70px}.eyebrow{font-size:10px;letter-spacing:.3em;color:var(--gold2);text-transform:uppercase;margin-bottom:18px}.hero h1{font:400 clamp(70px,11vw,145px)/.78 var(--serif);text-transform:uppercase;margin:0 0 30px;letter-spacing:-.04em}.hero h1 em,.section-title em{color:var(--gold2);font-style:italic}.hero p{max-width:500px;color:#d2ccc0;line-height:1.8}.hero-meta,.scroll{position:absolute;z-index:3;bottom:28px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#aaa}.hero-meta{left:5vw}.scroll{right:5vw;writing-mode:vertical-rl}.section{padding:120px 5vw}.inner{width:min(1200px,100%);margin:auto}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-title{font:400 clamp(48px,7vw,88px)/.86 var(--serif);text-transform:uppercase;margin:0}.copy{max-width:400px;color:var(--muted);line-height:1.8;font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about-photo{height:650px;background:url('https://cutitsalonandspa.com/images/about.png') center/cover;position:relative}.about-photo:after{content:'';position:absolute;inset:18px;border:1px solid #e4c88788}.about h3{font:400 44px var(--serif);margin:0 0 20px}.about p{color:var(--muted);line-height:1.9}.signature{font:italic 28px var(--serif);color:var(--gold2);margin-top:30px}.dark{background:#0e0d0b}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service{min-height:250px;padding:34px;border:1px solid var(--line);background:#0e0d0b;position:relative;transition:.35s}.service:hover{background:#18140f}.service .num{font-size:10px;color:var(--gold);letter-spacing:.2em}.service h3{font:400 35px var(--serif);margin:50px 0 10px}.service p{color:var(--muted);font-size:13px;line-height:1.7}.price{position:absolute;right:25px;bottom:24px;color:var(--gold2);font:24px var(--serif)}.rail{display:flex;gap:22px;width:max-content}.experience-card{width:410px;height:550px;position:relative;overflow:hidden}.experience-card img{width:100%;height:100%;object-fit:cover;transition:.8s}.experience-card:hover img{transform:scale(1.06)}.experience-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000d)}.caption{position:absolute;z-index:2;bottom:28px;left:28px}.caption span{font-size:9px;letter-spacing:.2em;color:var(--gold2);text-transform:uppercase}.caption h3{font:400 34px var(--serif);margin:7px 0}.barber-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.barber-photo{aspect-ratio:3/4;overflow:hidden}.barber-photo img{width:100%;height:100%;object-fit:cover;transition:.7s}.barber:hover img{transform:scale(1.05)}.barber-info{padding:17px 0;border-bottom:1px solid var(--line)}.barber-info h3{font:400 28px var(--serif);margin:0 0 5px}.barber-info span{font-size:9px;letter-spacing:.18em;color:var(--gold2);text-transform:uppercase}.price-card{border:1px solid var(--line);padding:38px 32px;background:linear-gradient(145deg,#15120f,#0b0b0b);position:relative}.price-card.featured{border-color:var(--gold)}.badge{position:absolute;top:0;right:0;background:var(--gold);color:#000;padding:8px;font-size:8px;letter-spacing:.15em}.price-card h3{font:400 34px var(--serif);margin:0}.price-big{font:52px var(--serif);color:var(--gold2);margin:18px 0}.price-card ul{padding:0;margin:0 0 30px;list-style:none;color:var(--muted);line-height:2.4;font-size:13px}.price-card li:before{content:'✦';color:var(--gold);margin-right:10px}.gallery{background:#0d0c0b}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:260px;gap:12px}.gallery-grid div{overflow:hidden}.gallery-grid div:first-child{grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.8s}.gallery-grid div:hover img{transform:scale(1.06)}.quote-section{text-align:center;background:radial-gradient(circle,#c9a15a20,transparent 45%)}.quote{max-width:1000px;margin:auto;font:italic 400 clamp(35px,5vw,65px)/1.1 var(--serif)}.author{margin-top:25px;color:var(--gold2);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.booking{background:linear-gradient(90deg,#000e,#0007),url('https://www.evolutionvasso.com/cdn/shop/files/luxury-barbershop-barber-doing-haircuts_943281-45859.jpg?v=1729097679&width=1500') center/cover fixed}.booking-box{border:1px solid var(--line);padding:70px;text-align:center;background:#08080888;backdrop-filter:blur(5px)}.booking-box h2{font:400 clamp(52px,7vw,95px)/.9 var(--serif);margin:0 0 25px}.booking-box p{max-width:600px;margin:0 auto 30px;color:#ccc;line-height:1.8}.footer{padding:60px 5vw 25px;border-top:1px solid var(--line)}.footer-grid{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{font:27px var(--serif);margin:0 0 12px}.footer p,.footer a{font-size:13px;line-height:1.9;color:#938d82}.copyline{width:min(1200px,100%);margin:40px auto 0;padding-top:18px;border-top:1px solid #ffffff12;color:#666;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(35px)}@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.about{grid-template-columns:1fr}.service-grid,.barber-grid,.pricing-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid div:first-child{grid-row:auto}}@media(max-width:600px){.section{padding:85px 6vw}.section-head{display:block}.copy{margin-top:20px}.service-grid,.barber-grid,.pricing-grid,.footer-grid,.gallery-grid{grid-template-columns:1fr}.about-photo{height:430px}.experience-card{width:78vw;height:460px}.booking-box{padding:50px 24px}.hero-meta,.scroll{display:none}.site-header{padding:18px 6vw}.header-book{display:none}.logo{font-size:22px}}
.nav.mobile-open{display:flex;position:absolute;top:68px;right:5vw;flex-direction:column;align-items:stretch;gap:0;min-width:210px;padding:12px;background:rgba(9,9,9,.97);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.nav.mobile-open a{padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.header-book{white-space:nowrap}.hero .hero-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.2) 100%),url('https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=2200&q=88');background-position:center;background-size:cover}
@media(max-width:600px){.header-book{display:none}.nav.mobile-open{right:6vw}.hero .hero-bg{background-position:58% center}.experience-card{width:82vw}.btn{min-height:48px}}

.floating-book{display:none;position:fixed;z-index:999;left:50%;bottom:14px;transform:translateX(-50%);background:var(--gold);color:#090909;padding:14px 24px;border-radius:999px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600;box-shadow:0 10px 35px rgba(0,0,0,.45)}@media(max-width:600px){.floating-book{display:block}}