/*
Theme Name: PRIME Barber Studio — Cinematic v0.2
Description: Design Studio visual simulation
Version: 0.2.0
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--dark:#171310;--light:#f4eee7;--gold:#d2aa6b;--white:#fcf7ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.02}h1{font-size:clamp(68px,8.4vw,143px);letter-spacing:-.035em}h2{font-size:clamp(45px,5vw,80px)}h3{font-size:36px}p{font-size:14px;line-height:1.85}.wrap{max-width:1440px;margin:auto;padding:0 6%}.kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:700}.button{display:inline-flex;align-items:center;gap:25px;background:var(--gold);color:#1d1711;padding:17px 26px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;transition:.2s}.button:hover{background:#efd0a0;transform:translateY(-2px)}.prime-header{height:85px;position:absolute;top:0;left:0;right:0;z-index:10;background:#130f0dd9;border-bottom:1px solid #ffffff20}.prime-header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Cormorant Garamond',serif;font-size:36px;letter-spacing:.24em;line-height:.8}.brand small{display:block;margin-top:12px;font:700 9px 'DM Sans',sans-serif;letter-spacing:.36em;color:var(--gold)}.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:12px}.nav a:hover{color:var(--gold)}.nav .button{color:#171310}.hamburger{display:none;background:transparent;border:1px solid #a99e92;color:white;padding:9px 13px}.mobile-links{display:none}.hero{height:95vh;min-height:740px;max-height:1040px;position:relative;isolation:isolate;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#100d0bfa 0%,#100d0bd0 35%,#100d0b29 75%),url('https://images.unsplash.com/photo-1585747860715-2ba37e788b70?w=1800&q=85') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#171310);z-index:-1}.hero h1{max-width:850px;margin:23px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero .intro{max-width:440px;color:#e0d7cf;font-size:17px;margin-bottom:35px}.hero .wrap{width:100%;padding-top:100px}.hero-foot{position:absolute;bottom:29px;left:6%;right:6%;border-top:1px solid #ffffff55;padding-top:20px;font-size:11px;letter-spacing:.15em;display:flex;justify-content:space-between}.hero-foot b{color:var(--gold)}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--light);color:#1e1a17}.about-photo{min-height:650px;background:url('https://images.unsplash.com/photo-1702865272115-5afdbae975af?w=1200&q=85') center/cover;filter:grayscale(.9)}.about-copy{padding:clamp(60px,8vw,135px) 10%;display:flex;flex-direction:column;justify-content:center}.about-copy h2{margin:25px 0}.about-copy p{color:#655d56}.facts{display:flex;gap:30px;margin:35px 0}.facts span{border-top:1px solid #c7b7a8;padding-top:14px;font-size:12px;flex:1}.facts strong{display:block;font-size:28px;color:#b38b58;font-family:Georgia,serif;font-weight:400}.services{padding:125px 0 140px}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading h2{margin-top:23px}.section-heading p{color:#afa69f;max-width:345px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{height:400px;position:relative;overflow:hidden;background:#352b25}.service img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.73);transition:transform .5s}.service:hover img{transform:scale(1.06)}.service:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#0b0808ef)}.service .copy{position:absolute;z-index:1;bottom:26px;left:22px;right:15px}.service .num{color:var(--gold);font-family:Georgia,serif;font-size:28px;margin-bottom:15px}.service h3{font-size:31px}.service p{color:#e2d5c8;font-size:12px;margin-top:8px}.gallery{background:var(--light);color:#1c1815;padding:125px 0}.gallery .section-heading p{color:#756d64}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:270px 230px;gap:14px}.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:#32271f}.gallery-grid figure:first-child{grid-row:span 2}.gallery-grid figure:nth-child(2){grid-column:span 2}.gallery-grid img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.gallery-grid figure:hover img{transform:scale(1.06)}.gallery-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 15px;background:linear-gradient(transparent,#080606c9);color:white;font-size:11px;letter-spacing:.2em}.gallery-note{font-size:11px;color:#7d7469;margin-top:18px}.booking{padding:130px 0;background:linear-gradient(90deg,#16100df4,#16100de5),url('https://images.unsplash.com/photo-1592647420148-bfcc177e2117?w=1600&q=85') center/cover}.booking .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.booking h2{margin:20px 0}.booking p{color:#d1c5b8;margin-bottom:30px}.details{border-left:1px solid #a6885a;padding-left:36px}.details div{margin:24px 0}.details b{font-size:10px;letter-spacing:.2em;color:var(--gold);display:block;text-transform:uppercase;margin-bottom:8px}.details span{font-size:14px}.prime-footer{background:#0c0a08;padding:48px 0}.prime-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.prime-footer p{font-size:11px;color:#baaea2}.wa-floating{position:fixed;right:24px;bottom:24px;z-index:100}.wa-trigger{display:flex;align-items:center;gap:11px;border:0;border-radius:35px;background:#25D366;color:#10341f;padding:15px 18px;font-size:13px;font-weight:700;box-shadow:0 12px 40px #0008}.wa-trigger svg{width:23px;height:23px}.wa-panel{display:none;position:absolute;bottom:70px;right:0;width:min(345px,calc(100vw - 36px));background:#fff;color:#1c201d;border-radius:15px;overflow:hidden;box-shadow:0 15px 50px #0008}.wa-panel.open{display:block}.wa-head{padding:22px;background:#125c3a;color:white}.wa-head strong{font-size:18px}.wa-head p{font-size:12px}.wa-content{padding:22px}.wa-content p{color:#425149;margin-bottom:20px}.wa-content a{display:block;background:#25D366;padding:13px;border-radius:8px;text-align:center;font-size:13px;font-weight:700}.demo-tag{position:fixed;left:14px;bottom:14px;z-index:40;background:#2f271f;color:#f1d4a7;padding:10px;font-size:10px;border:1px solid #8c7658}
@media(max-width:930px){.nav{display:none}.hamburger{display:block}.mobile-links.open{display:flex;position:absolute;top:85px;left:0;right:0;padding:25px 7%;background:#171310;flex-direction:column;gap:25px;border-bottom:1px solid var(--gold)}.mobile-links a{font-size:15px}.about{grid-template-columns:1fr}.about-photo{min-height:450px}.about-copy{padding:70px 7%}.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading p{margin-top:25px}.booking .wrap{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 200px 200px}.gallery-grid figure:nth-child(2){grid-column:span 1}}
@media(max-width:540px){h1{font-size:65px}h2{font-size:48px}.wrap{padding:0 6%}.hero{height:740px;min-height:0;align-items:end}.hero:before{background-image:linear-gradient(0deg,#100d0bf9 5%,#100d0b60 75%),url('https://images.unsplash.com/photo-1585747860715-2ba37e788b70?w=900&q=80')}.hero .wrap{padding:0 6% 130px}.hero .intro{font-size:14px}.hero-foot{font-size:9px}.hero-foot div:last-child{display:none}.about-photo{min-height:330px}.facts{gap:13px}.facts span{font-size:10px}.services,.gallery{padding:82px 0}.service-grid{gap:10px}.service{height:290px}.service .copy{left:12px;bottom:18px}.service h3{font-size:24px}.service .num{font-size:23px}.service p{font-size:10px}.gallery-grid{grid-template-rows:190px 160px 160px;gap:8px}.booking{padding:90px 0}.prime-footer .wrap{display:block}.prime-footer p{margin-top:25px}.wa-floating{right:13px;bottom:13px}.wa-trigger{padding:12px 14px}.demo-tag{bottom:74px}}