:root{--black:#0a0908;--panel:#14110f;--panel2:#1c1814;--text:#f6efe6;--faint:#c6bcb0;--warm:#e5b65e;--copper:#cc762e;--orange:#e9a44b;--line:rgba(240,206,163,.22);--serif:Georgia,'Times New Roman',serif;--sans:'Arial',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font:15px/1.65 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit;cursor:pointer}.wrap{width:min(1280px,calc(100% - 88px));margin:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--orange)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.03em;line-height:1.04}h1 em,h2 em{font-style:normal;color:var(--warm)}p{color:var(--faint)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:12px;font-weight:800;letter-spacing:.02em;padding:15px 21px;white-space:nowrap;min-height:48px;transition:.25s ease;border:1px solid rgba(255,255,255,.35)}.btn:hover{transform:translateY(-2px)}.btn.orange,.btn.fixed-book{background:var(--warm);border-color:var(--warm);color:#22170b}.btn.orange:hover{background:#f3c779}.btn.ghost{background:#191613b3;color:#fff;border:1px solid #c2a77e88}.booking-icon{font-size:17px;line-height:1}
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;background:linear-gradient(#090807ed,#090807b8);border-bottom:1px solid #ffffff24;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.topbar{height:95px;display:flex;align-items:center;justify-content:space-between;gap:22px}.identity{display:flex;align-items:center;gap:12px;min-width:246px}.identity img{width:69px;height:73px;object-fit:contain}.identity strong{display:block;font:600 19px/1.1 var(--serif);letter-spacing:.025em}.identity small{font-size:9px;letter-spacing:.16em;color:#d3b894}.identity small i{font-style:normal;color:var(--warm)}.desktop-nav{display:flex;align-items:center;gap:27px}.desktop-nav a{font-size:12px;color:#d7cebf;position:relative}.desktop-nav a:hover,.desktop-nav .active{color:#e9b969}.desktop-nav a.active:after{content:'';position:absolute;left:0;bottom:-14px;width:100%;height:2px;background:var(--warm)}.nav-book .btn{padding:11px 16px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--warm);border-radius:6px;padding:8px 12px}.mobile-nav{display:none;flex-direction:column;background:#100d0b;padding:14px 30px;border-top:1px solid var(--line)}.mobile-nav.show{display:flex}.mobile-nav a{padding:12px 0;border-bottom:1px solid #ffffff12}.mobile-nav .active{color:var(--warm)}
.home-hero{position:relative;min-height:780px;padding-top:95px;isolation:isolate;overflow:hidden}.hero-backdrop,.hero-shadow{position:absolute;inset:0;z-index:-2}.hero-backdrop img{width:100%;height:100%;object-fit:cover;filter:brightness(.51) saturate(.85);object-position:center 47%}.hero-shadow{z-index:-1;background:linear-gradient(90deg,#060504ee 0%,#080604c9 43%,#0806045b 73%,#050403d9 100%),linear-gradient(0deg,#0a0908b5,transparent 25%)}.home-hero-grid{min-height:670px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:75px;padding-bottom:55px}.home-intro{max-width:730px;padding-top:14px}.original-mark img{width:136px;height:136px;object-fit:contain;margin-bottom:8px}.signature-line{color:#ecc082;letter-spacing:.20em;font-size:11px;font-weight:800;display:flex;align-items:center;gap:11px}.signature-line .rule{height:1px;background:var(--warm);width:38px}.home-intro h1{font-size:clamp(72px,6.3vw,105px);margin:15px 0 18px;line-height:.98;letter-spacing:-.065em;text-shadow:0 12px 45px #000a}.home-intro>p{max-width:545px;font-size:17px;line-height:1.77;color:#e5d9cb}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.identity-meta{display:flex;gap:38px;margin-top:64px;border-top:1px solid #ffffff63;padding-top:18px}.identity-meta span{font-size:10px;letter-spacing:.07em;color:#ddcebd}.identity-meta strong{display:block;font-size:11px;letter-spacing:.16em;color:var(--warm)}.hero-spotlight{justify-self:end;position:relative;margin-top:75px;max-width:350px;width:100%}.spotlight-frame{border:6px solid #ece4d4;box-shadow:0 35px 85px #0008;position:relative;transform:rotate(1.5deg);overflow:hidden;height:430px;background:#493526}.spotlight-frame img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.nameplate{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#100b08f2);padding:55px 22px 20px}.nameplate b{display:block;font:700 42px/.98 var(--serif);letter-spacing:-.04em}.nameplate span{font-size:10px;color:var(--warm);font-weight:800;letter-spacing:.2em}.spotlight-note{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.15;position:absolute;bottom:-24px;left:-45px;color:#1d130c;background:#e5b65e;padding:18px 24px;transform:rotate(-5deg);box-shadow:0 9px 25px #0005}.spotlight-note span{font-size:20px}.hero-bottomline{border-top:1px solid #ffffff38;background:#0807068c}.hero-bottomline .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 0;font-size:10px;letter-spacing:.16em;color:#c6aa86}.brand-ribbon{background:#d49a41;color:#1f140c;padding:16px 0;border-block:2px solid #f6c269}.brand-ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.09em}.brand-ribbon b{font-size:18px}
.section{padding:110px 0}.brand-first{background:#16120f}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.intro-img{position:relative}.intro-img>img{width:100%;height:480px;object-fit:cover;border:1px solid #b998693b}.corner-brand{position:absolute;bottom:-34px;right:-31px;background:#090807;border:1px solid #dc9c4c;padding:8px}.corner-brand img{width:120px;height:120px;object-fit:contain}.intro-copy h2,.section-head h2,.statement-grid h2,.end-section h2,.contact-grid h2{font-size:clamp(42px,4.9vw,70px);margin:16px 0 24px}.intro-copy p,.statement-grid p{font-size:16px;line-height:1.95}.brand-details{margin:28px 0;max-width:450px}.brand-details div{display:flex;gap:25px;padding:15px 0;border-top:1px solid var(--line);align-items:center}.brand-details b{font:600 24px var(--serif);color:var(--warm)}.brand-details span{font-size:11px;letter-spacing:.16em;font-weight:800}.text-link{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--warm);border-bottom:1px solid var(--warm);padding-bottom:8px;display:inline-flex;gap:15px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}.section-head h2{margin:10px 0 0}.section-head p{max-width:390px;margin:0 0 8px;line-height:1.85;font-size:14px}.disciplines{background:#090807}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.world{height:480px;position:relative;overflow:hidden;border:1px solid #8b694664}.world-img,.world-fade{position:absolute;inset:0}.world-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.world:hover .world-img img{transform:scale(1.045)}.world-fade{background:linear-gradient(0deg,#050403f9,#100c0955 65%,#0003)}.world-copy{position:absolute;inset:auto 36px 29px}.world-copy>span{font-size:10px;letter-spacing:.15em;color:var(--warm);font-weight:900}.world-copy h3{font-size:58px;margin:14px 0 4px}.world-copy p{font:italic 25px var(--serif);color:#e9c28e}.world-arrow{display:flex;justify-content:space-between;border-top:1px solid #ffffff72;padding-top:16px;font-size:12px;font-weight:800}.world-arrow b{font-size:22px}.real-team{background:#17120f}.three-people{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.person{background:#0e0c0a;border:1px solid var(--line);overflow:hidden}.person-img{height:405px;overflow:hidden}.person-img img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .5s}.person:hover img{transform:scale(1.045)}.person>div:last-child{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;gap:9px}.person strong{font:600 30px var(--serif)}.person span{font-size:10px;font-weight:900;color:var(--warm);letter-spacing:.12em}.atmosphere{background:#0d0b09}.atmos-grid{display:grid;grid-template-columns:1.25fr .9fr 1fr;gap:15px}.atmos-grid>div{height:340px;position:relative;overflow:hidden}.atmos-grid img{width:100%;height:100%;object-fit:cover}.atmos-grid>div span{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(transparent,#080604ef);font-size:11px;font-weight:900;letter-spacing:.2em;padding:35px 18px 15px}.end-section{padding:82px 0;background:linear-gradient(90deg,#251911,#0d0b09);border-top:1px solid var(--line)}.end-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}.end-section h2{margin:14px 0}.end-section p{margin-bottom:0}.end-section .btn{padding:18px 28px}
.inner-hero{min-height:640px;position:relative;padding-top:95px;isolation:isolate;display:flex;align-items:center}.inner-photo,.inner-gradient{position:absolute;inset:0;z-index:-2}.inner-photo img{width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:saturate(.78) brightness(.64)}.inner-gradient{z-index:-1;background:linear-gradient(90deg,#080604f7 0%,#070504c7 43%,#07050426 85%),linear-gradient(0deg,#0a0908ba,transparent 28%)}.inner-content{padding:65px 0;position:relative}.inner-crumb{font-size:10px;color:#d6b47d;letter-spacing:.22em;font-weight:800}.inner-crumb span{color:#fff;margin:0 12px}.inner-seal{position:absolute;right:0;top:80px;background:#070604cb;border:1px solid #7b582c6b;padding:16px}.inner-seal img{width:135px;height:135px;object-fit:contain}.inner-content>.eyebrow{display:block;margin:25px 0}.inner-content h1{font-size:clamp(58px,6.5vw,99px);margin:0 0 20px;max-width:850px}.inner-content p{max-width:575px;font-size:17px;line-height:1.85;color:#e0d5c7}.barber-hero .inner-photo img{object-position:center 44%}.team-hero .inner-photo img{object-position:right 37%}.contact-hero .inner-photo img{object-position:center}.tattoo-hero .inner-photo img{object-position:right center}.services{background:#15110e}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-tile{border:1px solid #7c593a55;background:#0d0b09}.service-tile>div{height:305px;overflow:hidden}.service-tile img{height:100%;width:100%;object-fit:cover;transition:.5s}.service-tile:hover img{transform:scale(1.05)}.service-tile>span{padding:19px 15px;display:grid;grid-template-columns:1fr auto;gap:5px}.service-tile strong{font:600 20px var(--serif)}.service-tile small{grid-column:1;color:#aca297;font-size:11px}.service-tile b{font-size:22px;color:var(--warm);grid-row:1/3;grid-column:2;align-self:center}.price-note{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #91714e55;padding-top:25px;margin-top:32px;font-size:11px;font-weight:800;letter-spacing:.05em}.price-note span{color:var(--warm)}.price-note a{color:#e3d4be}.barbers-at-work{background:#0b0908}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.work-pair>div{height:430px;position:relative;overflow:hidden}.work-pair img{height:100%;width:100%;object-fit:cover}.work-pair span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:45px 20px 18px;letter-spacing:.18em;font-size:10px;font-weight:900}.barber-banner{position:relative;isolation:isolate;margin-top:24px;min-height:450px;display:flex;align-items:center;overflow:hidden}.barber-banner>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(.43)}.barber-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090604e8,transparent)}.barber-banner>div{padding:55px;max-width:550px}.barber-banner h2{font-size:60px;margin:15px 0}.barber-banner p{color:#e5dace}
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.statement-grid img{height:440px;width:100%;object-fit:cover}.statement-grid small{display:block;color:var(--warm);font-size:10px;letter-spacing:.18em;margin-top:12px}.tattoo-statement,.story-section{background:#17120e}.tattoo-gallery-section{background:#0d0b09}.tattoo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tattoo-gallery figure{margin:0;overflow:hidden}.tattoo-gallery img{height:360px;width:100%;object-fit:cover}.tattoo-gallery figcaption{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--warm);margin-top:15px}.concept-note{padding:20px 24px;border-left:3px solid var(--warm);background:#211912;font-size:12px;line-height:1.7;margin:32px 0 0}.concept-note b{color:var(--warm)}.team-section{background:#0c0a09}.team-bios{display:grid;gap:28px}.team-bio{display:grid;grid-template-columns:.85fr 1.15fr;min-height:460px;background:#19140f;border:1px solid var(--line)}.team-bio>div:first-child{height:460px}.team-bio img{width:100%;height:100%;object-fit:cover;object-position:center 17%}.team-bio>div:last-child{padding:65px 70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.team-bio h3{font-size:80px;margin:12px 0 22px}.team-bio p{font-size:15px;line-height:1.9;max-width:550px}.team-bio.reverse>div:first-child{order:2}.team-bio.reverse>div:last-child{order:1}.team-bio .btn{margin-top:15px}.contact-section{background:#15110f}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.contact-facts{margin:25px 0 35px}.contact-facts>div{border-top:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:90px 1fr;gap:20px}.contact-facts b{font-size:10px;color:var(--warm);letter-spacing:.12em}.contact-facts p{color:#e4d9c9;margin:0;font-size:14px}.contact-facts a{color:#e4d9c9}.contact-visual{position:relative}.contact-visual>img{width:100%;height:490px;object-fit:cover}.logo-stamp{position:absolute;right:-24px;bottom:-20px;background:#0b0908;border:1px solid var(--warm);padding:12px}.logo-stamp img{height:125px;width:125px;object-fit:contain}.contact-options{background:#0b0908}.contact-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-choices article{border:1px solid var(--line);background:#17130f;padding:36px}.contact-choices h3{font-size:40px;margin:17px 0}.contact-choices p{font-size:14px;line-height:1.85;min-height:85px}.contact-choices .btn{white-space:normal;text-align:center}.location-block{background:#15110f}.location-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.location-title h2{font-size:60px;margin:10px 0 0}.location-block iframe{display:block;width:100%;height:450px;border:1px solid var(--line);filter:grayscale(.7)}
.footer{background:#070605;padding:65px 0 0;border-top:1px solid var(--line)}.footer-body{display:grid;grid-template-columns:1.25fr .75fr 1fr 1.1fr;gap:45px}.footer-brand img{width:125px;height:125px;object-fit:contain}.footer-body small{display:block;font-size:10px;color:var(--warm);letter-spacing:.18em;font-weight:800;margin-bottom:22px}.footer-body p{font-size:13px;line-height:1.85}.footer-body a:not(.btn){display:block;font-size:13px;color:#d4c6b9;margin-bottom:10px}.footer-body .btn{font-size:11px;padding:12px}.footer-end{display:flex;justify-content:space-between;gap:15px;margin-top:48px;padding:24px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em;color:#998779}.fixed-actions{position:fixed;right:24px;bottom:24px;z-index:99;display:flex;align-items:center;gap:7px}.fixed-book{border-radius:100px;box-shadow:0 10px 34px #000b;padding:15px 20px}.fixed-menu{width:49px;height:49px;border-radius:50%;background:#140f0a;border:1px solid var(--warm);color:var(--warm);font-size:21px;box-shadow:0 10px 30px #0009}.quick-links{position:absolute;bottom:64px;right:0;display:none;flex-direction:column;gap:0;background:#17120d;border:1px solid #d39b51;padding:11px 17px;min-width:195px;box-shadow:0 20px 70px #000b}.quick-links.open{display:flex}.quick-links a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.quick-links a:last-child{border:0}
@media(max-width:1250px){.topbar{gap:15px}.desktop-nav{gap:18px}.identity{min-width:205px}.identity strong{font-size:17px}.nav-book .btn{font-size:10px}.home-hero-grid{gap:35px}.home-intro h1{font-size:80px}}
@media(max-width:1020px){.wrap{width:calc(100% - 58px)}.desktop-nav,.nav-book{display:none}.menu-toggle{display:block}.home-hero-grid{grid-template-columns:1fr 300px;gap:25px}.spotlight-frame{height:390px}.home-intro h1{font-size:72px}.intro-grid,.statement-grid,.contact-grid{gap:45px}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-body{grid-template-columns:repeat(2,1fr)}.team-bio>div:last-child{padding:35px}.team-bio h3{font-size:65px}.hero-spotlight{margin-right:6px}}
@media(max-width:730px){.wrap{width:calc(100% - 36px)}.topbar{height:76px}.identity img{width:53px;height:56px}.identity strong{font-size:16px}.identity{min-width:0}.home-hero,.inner-hero{padding-top:76px}.home-hero-grid{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:38px 0 55px}.home-intro{padding:0}.original-mark img{width:92px;height:92px}.home-intro h1{font-size:clamp(60px,11.5vw,85px);line-height:1}.home-intro>p{font-size:15px;max-width:600px}.hero-spotlight{margin:0 auto 0 25px;width:min(100% - 70px,350px);align-self:center}.spotlight-frame{height:350px}.spotlight-note{font-size:13px;left:-34px;padding:10px 15px}.identity-meta{margin-top:31px}.hero-bottomline .wrap{gap:8px;display:block;font-size:9px}.hero-bottomline span{display:block;margin:2px 0}.brand-ribbon .wrap{overflow:hidden}.brand-ribbon .wrap span:nth-of-type(n+3),.brand-ribbon .wrap b:nth-of-type(n+3){display:none}.section{padding:72px 0}.intro-grid,.statement-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.intro-img>img{height:335px}.corner-brand{right:5px;bottom:-35px}.corner-brand img{width:85px;height:85px}.intro-copy{padding-top:25px}.section-head{display:block}.section-head p{margin:15px 0 0;max-width:100%}.section-head h2,.intro-copy h2,.statement-grid h2,.contact-grid h2{font-size:45px}.world-grid{grid-template-columns:1fr;gap:14px}.world{height:350px}.world-copy h3{font-size:45px}.three-people{grid-template-columns:1fr 1fr;gap:11px}.person-img{height:270px}.person strong{font-size:24px}.person>div:last-child{display:block;padding:12px}.person span{display:block;margin-top:3px;font-size:9px}.person:last-child{grid-column:span 2}.person:last-child .person-img{height:280px}.atmos-grid{grid-template-columns:1fr 1fr}.atmos-grid>div{height:250px}.atmos-grid>div:last-child{grid-column:span 2}.end-grid{display:block}.end-section .btn{margin-top:24px}.inner-hero{min-height:650px}.inner-content{padding:80px 0}.inner-content h1{font-size:clamp(55px,10vw,84px)}.inner-content p{font-size:15px}.inner-seal{right:0;top:38px;padding:6px}.inner-seal img{width:78px;height:78px}.service-grid{gap:10px}.service-tile>div{height:235px}.service-tile strong{font-size:17px}.work-pair{grid-template-columns:1fr;gap:13px}.work-pair>div{height:280px}.barber-banner{min-height:380px}.barber-banner>div{padding:28px}.barber-banner h2{font-size:44px}.tattoo-gallery{grid-template-columns:1fr 1fr}.tattoo-gallery figure:first-child{grid-column:span 2}.tattoo-gallery img{height:230px}.statement-grid img{height:300px}.team-bio,.team-bio.reverse{display:flex;flex-direction:column}.team-bio.reverse>div:first-child{order:0}.team-bio.reverse>div:last-child{order:1}.team-bio>div:first-child{height:365px}.team-bio>div:last-child{padding:30px}.team-bio h3{font-size:62px}.contact-visual>img{height:320px}.logo-stamp{right:5px}.logo-stamp img{height:85px;width:85px}.contact-choices{grid-template-columns:1fr;gap:13px}.contact-choices article{padding:26px}.contact-choices p{min-height:0}.location-title{display:block}.location-title h2{font-size:43px}.location-title .text-link{margin-top:19px}.location-block iframe{height:320px}.fixed-actions{bottom:12px;right:12px;left:12px;justify-content:flex-end}.fixed-book{flex:1;max-width:410px}.fixed-menu{flex:0 0 49px}.footer{padding-bottom:95px}.footer-end{display:block}.footer-end span{display:block;margin-bottom:5px}}
@media(max-width:420px){.identity strong{font-size:14px}.identity small{font-size:8px}.home-intro h1{font-size:57px}.identity-meta{gap:17px}.identity-meta span{font-size:9px}.hero-buttons{gap:8px}.hero-buttons .btn{font-size:11px;padding:12px}.original-mark img{width:85px;height:85px}.section-head h2,.intro-copy h2,.statement-grid h2{font-size:39px}.service-tile>div{height:185px}.service-tile>span{padding:12px 9px}.service-tile strong{font-size:15px}.service-tile small{font-size:10px}.inner-content h1{font-size:54px}.person-img{height:215px}.person:last-child .person-img{height:230px}}

.video-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;background:#1a140f;margin:30px 0;border:1px solid var(--line);padding:25px}.video-feature>div{padding:18px}.video-feature h2{font-size:clamp(36px,4vw,57px);margin:14px 0}.video-feature video{width:100%;height:330px;background:black;object-fit:cover}@media(max-width:730px){.video-feature{grid-template-columns:1fr;padding:13px}.video-feature>div{padding:12px}.video-feature video{height:250px}}


/* The Dandy Fox V19 — menu handover: never two navigation systems at once */
.site-header{transition:transform .23s ease, opacity .13s ease, visibility 0s ease;will-change:transform}
body.nav-scrolled .site-header{transform:translateY(-112%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .23s ease, opacity .13s ease, visibility 0s .13s}
.fixed-actions{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .08s ease,visibility 0s}
body.nav-scrolled .fixed-actions{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease .26s,visibility 0s .26s}
.top-mobile-book{display:none;align-items:center;justify-content:center;background:var(--warm);color:#211408;min-height:39px;padding:0 13px;font-weight:800;font-size:11px;white-space:nowrap;margin-left:auto}
@media(max-width:1020px){.top-mobile-book{display:inline-flex}.menu-toggle{min-height:39px;min-width:40px}.topbar{justify-content:flex-start}}
@media(max-width:430px){.topbar{gap:7px}.identity{gap:5px}.identity img{width:44px;height:48px}.identity strong{font-size:12px;letter-spacing:0}.identity small{font-size:7px;letter-spacing:.07em}.top-mobile-book{font-size:10px;padding:0 8px;min-height:36px}.menu-toggle{padding:7px 9px;min-height:36px;min-width:36px}}

/* Original filmed barbershop promo as the hero background, all device sizes */
.barber-hero{min-height:720px;background:#0a0908;overflow:hidden}
.barber-hero .inner-photo{overflow:hidden}
.barber-hero .hero-promo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.78) saturate(1.03);background:#0a0908}
.barber-hero .inner-gradient{background:linear-gradient(90deg,#080605e8 0%,#070504b0 47%,#07050426 88%),linear-gradient(0deg,#080605bd,transparent 35%)}
.barber-hero .inner-content{padding-top:120px;padding-bottom:100px}
.barber-hero .inner-content p{color:#f0e8de}
@media(max-width:1100px) and (orientation:portrait){.barber-hero .hero-promo{object-position:center center}}
@media(max-width:730px){.barber-hero{min-height:700px}.barber-hero .inner-content{padding:80px 0 80px}.barber-hero .inner-gradient{background:linear-gradient(90deg,#080605d8,#08060575 75%),linear-gradient(0deg,#080605d9,transparent 60%)}.barber-hero .hero-promo{object-position:center 45%;filter:brightness(.83) saturate(1.05)}}

/* Tattoo: photographic first, real The Dandy Fox shop preserved */
.tattoo-hero-v19{min-height:735px;background:#0d0908}
.tattoo-hero-v19 .inner-photo{left:43%;width:57%;right:0;overflow:hidden}
.tattoo-hero-v19 .inner-photo img{height:100%;width:100%;object-fit:cover;object-position:center 58%;filter:brightness(.88) saturate(1.04)}
.tattoo-hero-v19 .inner-gradient{background:linear-gradient(90deg,#0b0908 0%,#0b0908 30%,#0b0908e8 46%,#0b090876 73%,#0b09082e 100%)}
.tattoo-hero-v19 .inner-content{padding:135px 0 100px}
.tattoo-hero-v19 h1{font-size:clamp(59px,6.2vw,100px);max-width:760px;text-shadow:0 5px 28px #000b}
.tattoo-hero-v19 .inner-content p{max-width:530px;color:#f0e7df}
.tattoo-hero-strap{display:flex;align-items:center;gap:18px;margin-top:42px;border-top:1px solid #c8a16a80;padding-top:18px;width:max-content;max-width:100%}
.tattoo-hero-strap img{width:66px;height:66px;object-fit:contain}.tattoo-hero-strap span{font-size:11px;letter-spacing:.18em;font-weight:800}.tattoo-hero-strap b{color:var(--warm)}.tattoo-hero-strap small{color:var(--warm);font-size:9px;letter-spacing:.09em}
.tattoo-photo-section{background:#0c0a08}.tattoo-head{margin-bottom:38px}.tattoo-photo-section .section-head p{max-width:420px}
.tattoo-feature-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;grid-template-rows:350px 260px;gap:14px}
.tattoo-shot{position:relative;overflow:hidden;margin:0;background:#241b16;border:1px solid #a57a4d55}
.tattoo-shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;filter:saturate(.88) contrast(1.06)}
.tattoo-shot:hover img{transform:scale(1.04)}
.tattoo-shot:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#090705ea)}
.tattoo-shot figcaption{position:absolute;z-index:2;bottom:19px;left:22px;right:15px;display:flex;flex-direction:column;gap:4px}
.tattoo-shot figcaption span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#e5b65e}
.tattoo-shot figcaption strong{color:#fff;font:600 clamp(20px,2vw,31px)/1.12 var(--serif)}
.tattoo-shot-main{grid-row:span 2}.tattoo-shot-main img{object-position:44% center}
.tattoo-shot-tools img{object-position:center center}.tattoo-shot-art img{object-position:center center}
.tattoo-shot-close{grid-column:2/span 2}.tattoo-shot-close img{object-position:center 56%}
.tattoo-photo-section .concept-note{margin-top:22px;color:#d3c2ac;background:#1b150e;border-left:2px solid var(--warm)}
.tattoo-identity-section{background:#19130f}.tattoo-identity-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}
.tattoo-identity-images{position:relative}.tattoo-identity-shop{display:block;width:100%;height:510px;object-fit:cover}.tattoo-identity-stamp{position:absolute;right:-17px;bottom:24px;background:#0b0908;padding:14px;border:1px solid var(--warm)}.tattoo-identity-stamp img{width:100px;height:100px;object-fit:contain}
.tattoo-identity-images small{display:block;margin-top:12px;color:var(--warm);font-size:10px;font-weight:800;letter-spacing:.12em}
.tattoo-identity-grid h2{font-size:clamp(43px,4.8vw,69px);margin:15px 0 23px}.tattoo-identity-grid p{font-size:16px;line-height:1.85}
.tattoo-points{margin:28px 0 34px}.tattoo-points div{display:flex;align-items:center;gap:20px;padding:13px 0;border-top:1px solid var(--line)}.tattoo-points b{font:600 24px var(--serif);color:var(--warm)}.tattoo-points span{font-size:13px}
.tattoo-process-section{background:#0a0908}.tattoo-story-strip{display:grid;grid-template-columns:1fr 1fr;min-height:400px;background:#1a140e}.tattoo-story-visual img{width:100%;height:100%;object-fit:cover}.tattoo-story-copy{position:relative;padding:55px 65px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.tattoo-story-copy>img{position:absolute;top:22px;right:24px;width:86px;height:86px;object-fit:contain}.tattoo-story-copy h3{font-size:clamp(45px,4.5vw,72px);margin:10px 0 20px}.tattoo-story-copy p{max-width:425px}.tattoo-story-copy .btn{margin-top:14px}
@media(max-width:980px){.tattoo-feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 280px 260px}.tattoo-shot-main{grid-row:span 2}.tattoo-shot-art{grid-column:2}.tattoo-shot-close{grid-column:1/3}.tattoo-identity-grid{gap:45px}.tattoo-identity-shop{height:400px}}
@media(max-width:730px){.tattoo-hero-v19{min-height:690px}.tattoo-hero-v19 .inner-photo{left:0;width:100%}.tattoo-hero-v19 .inner-photo img{object-position:52% center;filter:brightness(.55)}.tattoo-hero-v19 .inner-gradient{background:linear-gradient(0deg,#080605f0,#08060575 65%),linear-gradient(90deg,#080605bf,#08060532)}.tattoo-hero-v19 .inner-content{padding:77px 0 65px}.tattoo-hero-v19 h1{font-size:clamp(51px,10vw,70px)}.tattoo-hero-strap{margin-top:30px}.tattoo-feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:325px 210px 230px;gap:9px}.tattoo-shot-main{grid-column:1/3;grid-row:auto}.tattoo-shot-tools{grid-column:1}.tattoo-shot-art{grid-column:2}.tattoo-shot-close{grid-column:1/3}.tattoo-shot figcaption{left:12px;bottom:12px}.tattoo-shot figcaption strong{font-size:20px}.tattoo-shot figcaption span{font-size:8px}.tattoo-identity-grid{grid-template-columns:1fr;gap:34px}.tattoo-identity-shop{height:300px}.tattoo-identity-stamp{right:4px;bottom:25px;padding:5px}.tattoo-identity-stamp img{height:70px;width:70px}.tattoo-story-strip{grid-template-columns:1fr}.tattoo-story-visual img{height:270px}.tattoo-story-copy{padding:40px 27px}.tattoo-story-copy>img{width:65px;height:65px}.tattoo-story-copy h3{font-size:48px}}

/* V19 mobile tattoo hero: photography must be unmistakably visible immediately. */
@media(max-width:730px){
 .tattoo-hero-v19{display:block;min-height:0;padding-top:76px}
 .tattoo-hero-v19 .inner-photo{position:relative;inset:auto;left:auto;right:auto;width:100%;height:270px;z-index:0;background:#1b100d}
 .tattoo-hero-v19 .inner-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:brightness(.9) saturate(1.08)}
 .tattoo-hero-v19 .inner-gradient{display:none}
 .tattoo-hero-v19 .inner-content{padding:36px 0 55px}
 .tattoo-hero-v19 .inner-content h1{font-size:clamp(47px,9vw,68px)}
}


/* V20: The Dandy Fox original barbershop hero composition restored from original demo. */
.barber-original-hero{position:relative;min-height:850px;overflow:hidden;background:#080706;isolation:isolate}
.barber-original-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;z-index:-2;background:#080706}
.barber-original-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,6,5,.96) 0%,rgba(7,6,5,.80) 42%,rgba(7,6,5,.32) 76%,rgba(7,6,5,.16) 100%)}
.barber-original-hero:after{content:'';position:absolute;z-index:-1;inset:auto 0 0;height:140px;background:linear-gradient(transparent,#0a0908)}
.barber-original-inner{position:relative;min-height:850px;display:grid;grid-template-columns:minmax(0,560px) 1fr;align-items:end;padding-top:152px;padding-bottom:118px}
.barber-original-copy{max-width:520px}
.barber-original-label{margin:0 0 16px!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.19em;font-weight:800;color:#e5b65e!important}
.barber-original-copy h1{font-family:'DM Sans',Arial,system-ui,sans-serif;font-weight:800;font-size:clamp(64px,7.1vw,116px);letter-spacing:-.06em;line-height:.88;text-transform:uppercase;margin:0 0 22px;color:#fff}
.barber-original-copy h1 span{color:#e5b65e}
.barber-original-desc{font-size:18px!important;line-height:1.55!important;color:#e9e0d4!important;max-width:470px;margin:0 0 26px}
.barber-original-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.barber-original-rating{display:flex;align-items:center;gap:14px}
.barber-original-google{font:800 44px/1 Arial,sans-serif;background:linear-gradient(45deg,#4285f4 0 25%,#db4437 25% 50%,#f4b400 50% 75%,#0f9d58 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.barber-original-rating strong{display:block;font-size:19px;color:#fff;line-height:1.4}
.barber-original-rating strong em{color:#e5b65e;white-space:nowrap;font-style:normal;letter-spacing:.11em}
.barber-original-rating small{display:block;color:#e7dfd3;font-size:13px}
@media(max-width:1100px) and (orientation:portrait){
 .barber-original-hero{min-height:980px}
 .barber-original-video{object-position:center 44%}
 .barber-original-overlay{background:linear-gradient(180deg,rgba(7,6,5,.06) 0%,rgba(7,6,5,.11) 46%,rgba(7,6,5,.53) 60%,rgba(7,6,5,.91) 73%,rgba(7,6,5,.99) 100%)}
 .barber-original-inner{min-height:980px;display:block;padding-top:610px;padding-bottom:64px}
 .barber-original-copy{max-width:620px}
 .barber-original-copy h1{font-size:clamp(65px,9vw,83px)}
}
@media(max-width:700px){
 .barber-original-hero{min-height:920px}
 .barber-original-video{object-position:center 44%}
 .barber-original-inner{min-height:920px;padding-top:560px;padding-bottom:56px}
 .barber-original-copy{max-width:100%}
 .barber-original-copy h1{font-size:clamp(60px,13vw,74px);line-height:.9;margin-bottom:16px}
 .barber-original-desc{font-size:15px!important;line-height:1.55!important;margin-bottom:18px}
 .barber-original-label{font-size:10px!important;margin-bottom:14px!important}
 .barber-original-rating strong{font-size:14px}
 .barber-original-rating small{font-size:11px}
 .barber-original-google{font-size:35px}
}
@media(max-width:420px){.barber-original-copy h1{font-size:clamp(56px,13vw,65px)}.barber-original-inner{padding-top:545px}.barber-original-hero,.barber-original-inner{min-height:920px}}

/* V20: tattoo photos at natural, human-readable scale rather than stretched backgrounds. */
.tattoo-natural-hero{background:#100d0b;position:relative;overflow:hidden;border-bottom:1px solid rgba(240,206,163,.2)}
.tattoo-natural-layout{display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(30px,5vw,80px);min-height:685px;align-items:center;padding-top:135px;padding-bottom:72px}
.tattoo-natural-copy{min-width:0}
.tattoo-natural-copy .eyebrow{display:block;margin:22px 0}
.tattoo-natural-copy h1{font-size:clamp(54px,5vw,80px);margin:0 0 22px;line-height:1.02;overflow-wrap:normal}
.tattoo-natural-copy p{font-size:16px;max-width:490px;line-height:1.8;color:#e1d4c5}
.tattoo-natural-copy .hero-buttons{margin-top:25px}
.tattoo-natural-identity{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:38px;padding-top:15px}
.tattoo-natural-identity img{width:62px;height:62px;object-fit:contain}
.tattoo-natural-identity span{font-size:10px;letter-spacing:.17em;font-weight:900;color:#e7bd7c;line-height:1.8}
.tattoo-natural-mosaic{height:535px;min-width:0;display:grid;grid-template-columns:1.22fr .85fr;grid-template-rows:1fr 1fr;gap:11px}
.tattoo-natural-mosaic figure{margin:0;overflow:hidden;background:#221a14;position:relative;border:1px solid rgba(239,185,117,.25)}
.tattoo-natural-mosaic figure img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.tattoo-mosaic-main{grid-row:span 2}
.tattoo-mosaic-main figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#080705ed);padding:42px 15px 13px;color:#e5b65e;font-size:10px;font-weight:900;letter-spacing:.14em}
.tattoo-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:13px;align-items:stretch}
.tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{grid-row:auto;grid-column:auto;min-height:0;height:365px}
.tattoo-feature-grid .tattoo-shot img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.tattoo-feature-grid .tattoo-shot figcaption{left:14px;right:10px;bottom:12px}
.tattoo-feature-grid .tattoo-shot figcaption strong{font-size:20px}
.tattoo-feature-grid .tattoo-shot figcaption span{font-size:9px}
.tattoo-photo-section .section-head h2{font-size:clamp(40px,4.2vw,65px)}
@media(max-width:1020px){
 .tattoo-natural-layout{grid-template-columns:1fr 1.02fr;gap:25px;min-height:600px;padding-top:122px;padding-bottom:55px}
 .tattoo-natural-mosaic{height:430px;gap:8px}
 .tattoo-natural-copy h1{font-size:clamp(46px,5.5vw,65px)}
 .tattoo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{height:320px}
}
@media(max-width:730px){
 .tattoo-natural-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:114px;padding-bottom:50px;gap:27px}
 .tattoo-natural-copy h1{font-size:clamp(45px,11vw,61px)}
 .tattoo-natural-copy .eyebrow{margin:13px 0}
 .tattoo-natural-copy p{font-size:15px;line-height:1.67}
 .tattoo-natural-identity{margin-top:25px}
 .tattoo-natural-mosaic{height:335px;grid-template-columns:1.13fr .87fr;grid-template-rows:1fr 1fr;gap:8px}
 .tattoo-feature-grid{gap:9px}
 .tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{height:245px}
 .tattoo-feature-grid .tattoo-shot figcaption strong{font-size:17px}
 .tattoo-feature-grid .tattoo-shot figcaption span{font-size:8px}
}
@media(max-width:380px){.tattoo-natural-mosaic{height:290px}.tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{height:210px}}
/* V20 final mobile tattoo polish: photographic work visible immediately, not below large headline. */
@media(max-width:730px){
 .tattoo-natural-mosaic{order:-1;margin-bottom:0}
 .tattoo-natural-layout{gap:25px;padding-top:100px}
 .tattoo-natural-copy h1{font-size:clamp(43px,10.3vw,56px)}
 .tattoo-natural-copy p{font-size:14px}
}



/* V21 · editorial polish. The source imagery, original logo and V20 barbershop film are preserved. */
:root{
 --black:#0c0b0a;--panel:#15120f;--panel2:#1c1815;
 --text:#f5f0e9;--faint:#c8bdb1;
 --warm:#e3b66e;--orange:#e5b770;
 --line:rgba(232,208,174,.18);
 --serif:Georgia,'Times New Roman',serif;
 --sans:Inter,'Segoe UI',Arial,sans-serif;
}
html{scroll-padding-top:86px}
body{font:15px/1.72 var(--sans);background:var(--black);color:var(--text);-webkit-font-smoothing:antialiased}
p{line-height:1.78;color:#c9beb1}
.wrap{width:min(1220px,calc(100% - 88px))}
.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:#dcb479}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.07}
h1 em,h2 em{color:var(--warm)}
.section{padding:clamp(90px,8.4vw,138px) 0}
.section-head{align-items:end;margin-bottom:46px;gap:56px}
.section-head h2,.intro-copy h2,.statement-grid h2,.end-section h2,.contact-grid h2{font-size:clamp(43px,4.3vw,63px);line-height:1.1;letter-spacing:-.037em;margin:15px 0 0}
.section-head p{font-size:15px;max-width:365px;line-height:1.9;margin-bottom:5px}
.btn{border-radius:3px;min-height:50px;padding:15px 23px;font-size:12px;font-weight:700;gap:15px;letter-spacing:.025em;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.btn.orange,.btn.fixed-book{color:#24180e;background:#e1b36c;border-color:#e1b36c}
.btn.orange:hover,.btn.fixed-book:hover{background:#edc687;border-color:#edc687}
.btn.ghost{background:rgba(16,13,11,.5);border-color:rgba(229,207,175,.47)}
a:focus-visible,button:focus-visible{outline:2px solid #f0c782;outline-offset:3px}
/* One deliberate navigation bar, original fox emblem remains unchanged */
.site-header{background:rgba(11,10,9,.92);border-bottom:1px solid rgba(238,218,187,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar{height:84px;gap:20px}
.identity{gap:13px;min-width:235px}
.identity img{width:61px;height:64px;object-fit:contain}
.identity strong{font:500 18px/1.12 var(--serif);letter-spacing:.04em}
.identity small{letter-spacing:.15em;font-size:9px;color:#c5b09a}
.desktop-nav{gap:29px}
.desktop-nav a{font-size:12px;color:#ded5ca;font-weight:500}
.desktop-nav a.active:after{bottom:-30px;height:2px;background:var(--warm)}
.nav-book .btn{min-height:46px;padding:12px 17px}
/* Front page: less repeated logo and decor, better photo composition */
.home-hero{padding-top:84px;min-height:780px}
.home-hero-grid{min-height:675px;grid-template-columns:minmax(0,1.12fr) minmax(310px,.77fr);gap:85px;padding-bottom:50px}
.hero-backdrop img{filter:brightness(.66) saturate(.88);object-position:center 46%}
.hero-shadow{background:linear-gradient(90deg,rgba(8,7,6,.96) 0%,rgba(8,7,6,.82) 39%,rgba(8,7,6,.53) 72%,rgba(8,7,6,.47) 100%),linear-gradient(0deg,#0b0908c4,transparent 34%)}
.original-mark img{width:107px;height:107px;margin-bottom:17px}
.signature-line{font-size:10px;letter-spacing:.16em;font-weight:700}
.home-intro h1{font-size:clamp(65px,6.0vw,91px);font-weight:500;letter-spacing:-.06em;line-height:.99;margin:20px 0 22px}
.home-intro>p{max-width:530px;font-size:16px;line-height:1.9;color:#e2d7ca}
.hero-buttons{margin-top:30px;gap:13px}
.identity-meta{margin-top:61px;padding-top:18px;border-color:rgba(240,222,196,.38)}
.identity-meta strong{font-size:10px;letter-spacing:.13em}
.hero-spotlight{margin-top:62px;max-width:345px}
.spotlight-frame{height:440px;border:1px solid rgba(243,224,195,.55);transform:none;box-shadow:0 34px 85px #0009}
.spotlight-frame img{object-position:center 20%}
.nameplate{padding:60px 24px 22px}
.nameplate b{font-size:35px;font-weight:500}
.spotlight-note{display:none}
.hero-bottomline .wrap{padding:14px 0}
.brand-ribbon{background:#19140f;color:#dcb784;border-block:1px solid rgba(226,188,134,.36);padding:13px 0}
.brand-ribbon b{font-size:13px;color:#886c48}
.brand-ribbon .wrap{font-size:10px;letter-spacing:.10em}
/* Actual shop atmosphere gets space, without heavy poster-style labels */
.brand-first{background:#15110f}
.intro-grid{grid-template-columns:1.1fr .9fr;gap:clamp(50px,7vw,102px)}
.intro-img>img{height:475px;object-position:50% 48%;border:1px solid rgba(235,210,171,.22)}
.corner-brand{right:20px;bottom:-25px;padding:6px;background:#14100dbb;border-color:#e0ad6655}
.corner-brand img{width:90px;height:90px}
.intro-copy p{font-size:16px;line-height:1.95}
.brand-details{margin:34px 0}
.brand-details div{padding:17px 0}
.brand-details span{letter-spacing:.105em;font-size:11px}
.world-grid{gap:20px}
.world{height:455px;border:1px solid rgba(225,191,146,.25)}
.world-fade{background:linear-gradient(0deg,#080705f2,rgba(8,6,5,.08) 72%,#0b090836)}
.world-copy{inset:auto 30px 29px}
.world-copy h3{font-size:clamp(42px,4vw,56px);letter-spacing:-.05em;margin:10px 0 5px}
.world-copy p{font-size:22px}
.world-copy>span{font-size:10px;letter-spacing:.13em}
.world-arrow{font-weight:600;padding-top:18px;border-color:rgba(255,255,255,.44)}
.real-team{background:#15110f}
.three-people{gap:20px}
.person{border-color:rgba(237,208,165,.2);background:#11100e}
.person-img{height:390px}
.person>div:last-child{padding:23px 23px;align-items:baseline}
.person strong{font-size:28px;font-weight:500}
.person span{font-weight:700}
.atmosphere{background:#0b0a09}
.atmos-grid{gap:16px}
.atmos-grid>div{height:365px}
.atmos-grid>div span{font-weight:700}
.end-section{padding:95px 0;background:linear-gradient(90deg,#221810,#0d0b09)}
/* Barbershop: original film, copy and composition kept; only the chrome is refined */
.barber-original-hero,.barber-original-inner{min-height:850px}
.barber-original-inner{padding-top:140px}
.barber-original-copy h1{font-weight:800;letter-spacing:-.063em}
.barber-original-desc{font-size:17px!important;line-height:1.72!important}
.barber-original-label{letter-spacing:.17em;font-weight:700}
.barber-original-rating{margin-top:4px}
.barber-original-rating strong{font-size:17px}
/* Consistent service/image frames with deliberate spacing */
.services{background:#17120f}
.service-grid{gap:18px}
.service-tile{border:1px solid rgba(226,197,155,.21);background:#15120f;transition:transform .22s ease,border-color .22s ease}
.service-tile:hover{border-color:rgba(227,179,107,.8);transform:translateY(-3px)}
.service-tile>div{height:280px}
.service-tile>span{padding:20px 20px}
.service-tile strong{font:500 23px/1.2 var(--serif)}
.service-tile small{font-size:12px}
.price-note{margin-top:39px}
.barbers-at-work{background:#0b0a09}
.work-pair{gap:20px}
.work-pair>div{height:435px}
/* Tattoo: editorial gallery; original proportions rather than giant background zoom */
.tattoo-natural-hero{background:#12100e;border-bottom-color:var(--line)}
.tattoo-natural-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:68px;min-height:710px;padding-top:133px;padding-bottom:85px}
.tattoo-natural-copy h1{font-size:clamp(55px,5.0vw,74px);letter-spacing:-.05em;line-height:1.06;margin-bottom:24px}
.tattoo-natural-copy p{max-width:470px;line-height:1.9;font-size:16px}
.tattoo-natural-copy .eyebrow{font-size:10px;margin:18px 0}
.tattoo-natural-identity{border-top-color:rgba(234,206,164,.23);margin-top:41px;padding-top:17px}
.tattoo-natural-identity img{width:52px;height:52px}
.tattoo-natural-mosaic{height:505px;gap:12px;grid-template-columns:1.17fr .90fr}
.tattoo-natural-mosaic figure{border-color:rgba(231,191,137,.24);background:#191411;position:relative}
.tattoo-natural-mosaic figure img{position:relative;z-index:1;object-fit:contain}
.tattoo-natural-mosaic figure::before{content:'';position:absolute;inset:-14px;background-image:var(--preview-image);background-size:cover;background-position:center;filter:blur(19px) brightness(.4) saturate(.65);opacity:.70}
.tattoo-mosaic-main figcaption{z-index:2;font-weight:700}
.tattoo-photo-section{background:#0a0908}
.tattoo-feature-grid{gap:18px}
.tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{height:375px;background:#1b1613;border-color:rgba(233,202,156,.25)}
.tattoo-feature-grid .tattoo-shot img{position:relative;z-index:1;object-fit:contain}
.tattoo-feature-grid .tattoo-shot::before{content:'';position:absolute;inset:-18px;background-image:var(--preview-image);background-size:cover;background-position:center;filter:blur(22px) brightness(.39);opacity:.9}
.tattoo-shot:after{z-index:1}
.tattoo-shot figcaption{z-index:2}
.tattoo-photo-section .concept-note{margin-top:29px;line-height:1.7;max-width:100%;font-size:12px}
.tattoo-identity-section{background:#15110f}
.tattoo-identity-grid{gap:74px}
.tattoo-identity-stamp{opacity:.85}
/* More considered lower-page architecture and fewer competing motifs */
.footer{background:#080807;border-top:1px solid rgba(219,184,136,.23)}
.footer-body{padding-top:83px;padding-bottom:67px}
.footer-brand img{max-width:112px}
.footer-body>div small{letter-spacing:.13em;font-size:10px}
.footer-body a,.footer-body p{line-height:1.8}
.footer-end{border-top-color:rgba(236,207,165,.18)}
.fixed-book{border-radius:3px;min-height:50px;box-shadow:0 18px 45px #000a}
.fixed-menu{border-radius:3px;background:#15110f;min-height:50px;height:50px;width:50px;border-color:rgba(226,178,102,.75)}
.quick-links{background:#15120f;border-color:rgba(225,174,101,.58)}
@media(max-width:1250px){.desktop-nav{gap:19px}.nav-book .btn{font-size:11px}.home-hero-grid{gap:45px}.home-intro h1{font-size:clamp(59px,6.2vw,85px)}}
@media(max-width:1020px){
 .wrap{width:calc(100% - 58px)}.topbar{height:82px}.identity{min-width:0}
 .section{padding:95px 0}.section-head h2,.intro-copy h2{font-size:clamp(39px,5vw,60px)}
 .home-hero{padding-top:82px}.home-hero-grid{grid-template-columns:1fr 290px;gap:28px}
 .tattoo-natural-layout{gap:30px;padding-top:115px;padding-bottom:55px;min-height:600px}
 .tattoo-natural-mosaic{height:435px;gap:10px}
 .tattoo-natural-copy h1{font-size:clamp(45px,5.4vw,63px)}
 .tattoo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{height:330px}
}
@media(max-width:730px){
 .wrap{width:calc(100% - 38px)}
 .topbar{height:76px;gap:8px}
 .identity{gap:7px}.identity img{width:48px;height:51px}.identity strong{font-size:13px}.identity small{font-size:7px}
 .section{padding:75px 0}.section-head{gap:19px;margin-bottom:29px}.section-head h2,.intro-copy h2,.statement-grid h2{font-size:clamp(38px,9.6vw,54px);line-height:1.13}
 .section-head p{font-size:14px;line-height:1.75}
 .home-hero{padding-top:76px}.home-hero-grid{gap:28px}
 .home-intro h1{font-size:clamp(55px,12vw,75px)}.home-intro>p{font-size:15px}
 .original-mark img{width:92px;height:92px}
 .hero-spotlight{max-width:320px;margin-top:0}
 .spotlight-frame{height:385px;transform:none}
 .spotlight-note{display:none}
 .brand-ribbon{padding:10px 0}.brand-ribbon .wrap{font-size:9px}
 .intro-grid{gap:40px}.intro-img>img{height:300px}.corner-brand{right:6px;bottom:-15px}.corner-brand img{width:60px;height:60px}
 .world-grid{gap:14px}.world{height:365px}.world-copy{inset:auto 18px 17px}.world-copy h3{font-size:40px}
 .three-people{gap:12px}.person-img{height:320px}
 .atmos-grid{gap:10px}.atmos-grid>div{height:260px}
 .barber-original-copy h1{font-size:clamp(56px,13vw,74px)}
 .barber-original-desc{font-size:15px!important}
 .tattoo-natural-layout{padding-top:105px;gap:30px;padding-bottom:60px}
 .tattoo-natural-mosaic{order:-1;height:310px;gap:8px}
 .tattoo-natural-copy h1{font-size:clamp(46px,10vw,56px)}
 .tattoo-natural-copy p{font-size:15px}
 .tattoo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{height:245px}
 .tattoo-identity-grid{gap:38px}
 .footer-body{padding-top:56px;padding-bottom:38px}
 .fixed-actions{right:13px;bottom:15px}
 .fixed-book{min-height:48px;padding:12px 15px}
 .fixed-menu{min-height:48px;height:48px;width:48px}
}
@media(max-width:430px){
 .identity img{width:40px;height:45px}.identity strong{font-size:12px}.identity small{font-size:6.5px}
 .top-mobile-book{min-height:35px}.menu-toggle{min-height:35px;min-width:35px}
 .barber-original-copy h1{font-size:clamp(55px,12.5vw,65px)}
 .tattoo-natural-mosaic{height:290px}
 .tattoo-feature-grid .tattoo-shot,.tattoo-feature-grid .tattoo-shot-main,.tattoo-feature-grid .tattoo-shot-close,.tattoo-feature-grid .tattoo-shot-art{height:220px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* V21 final responsive safeguard: service labels can never widen the viewport. */
@media(max-width:730px){
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .service-tile{min-width:0;max-width:100%}
 .service-tile>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 5px;padding:17px 12px}
 .service-tile strong{font-size:clamp(15px,4vw,17px);overflow-wrap:anywhere}
 .service-tile small{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
 .service-tile>div{height:210px}
}