:root{--ink:#090907;--ink-2:#11100c;--ink-3:#19150d;--paper:#f6f0e4;--muted:#c3b9a6;--gold:#b78a35;--gold-light:#e8ca76;--gold-pale:#f6df9a;--gold-dark:#72501b;--line:rgba(232,202,118,.25);--soft-line:rgba(246,240,228,.12);--shell:1140px;--ease:cubic-bezier(.2,.72,.18,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;background:radial-gradient(800px 500px at 95% -10%,rgba(183,138,53,.12),transparent 64%),radial-gradient(620px 540px at -9% 65%,rgba(183,138,53,.055),transparent 65%),var(--ink);color:var(--paper);font:16px/1.55 Arial,Helvetica,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--gold-light);color:var(--ink)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-type{font-family:Georgia,"Times New Roman",serif}h2{font-size:clamp(42px,5.4vw,70px);line-height:.91;letter-spacing:-.07em}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:var(--gold-light);color:var(--ink);padding:10px 14px;font-weight:700;text-decoration:none}.skip-link:focus{top:16px}.eyebrow,.detail-label{display:flex;align-items:center;gap:9px;margin:0;color:var(--gold-light);font-size:10px;font-weight:700;letter-spacing:.22em;line-height:1.3;text-transform:uppercase}.eyebrow span{width:24px;height:1px;background:var(--gold);display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:13px 18px;border:1px solid var(--gold-light);font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s var(--ease),background .25s ease,color .25s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-gold{background:var(--gold-light);color:var(--ink)}.button-gold:hover,.button-gold:focus-visible{background:var(--gold-pale)}.button-dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}.button-dark:hover,.button-dark:focus-visible{background:#262014}.button-small{min-height:40px;padding:9px 13px;font-size:11px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(9,9,7,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.utility-bar{border-bottom:1px solid rgba(232,202,118,.14);color:var(--muted);font-size:11px}.utility-inner{display:flex;justify-content:space-between;gap:18px;padding:8px 0}.utility-inner span{display:flex;align-items:center;gap:7px}.utility-inner i{width:6px;height:6px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 0 3px rgba(232,202,118,.1)}.utility-inner a{color:var(--gold-light);text-decoration:none}.nav-row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold-light);font:700 13px/1 Georgia,serif;letter-spacing:-.05em;transform:rotate(-5deg)}.brand-type{display:grid;line-height:.92;text-transform:uppercase;letter-spacing:.07em}.brand-type strong{font-size:16px}.brand-type small{margin-top:4px;color:var(--gold-light);font-size:9px;font-weight:700;letter-spacing:.28em}.nav-actions{display:flex;align-items:center;gap:24px}.site-nav{display:flex;gap:21px}.site-nav a,.site-footer a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s ease}.site-nav a:hover,.site-nav a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:var(--gold-light)}.menu-toggle{display:none;width:44px;height:40px;border:1px solid var(--line);background:transparent;cursor:pointer}.menu-toggle span{display:block;width:18px;height:1px;margin:5px auto;background:var(--gold-light);transition:transform .2s var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.hero{position:relative;padding:94px 0 0;overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10vw;align-items:end}.hero-copy{padding:25px 0 74px}.hero h1{margin:23px 0;color:var(--paper);font-size:clamp(65px,9.3vw,134px);font-weight:400;line-height:.78;letter-spacing:-.095em}.hero h1 em{color:var(--gold-light);font-style:italic;font-weight:400}.hero-text{max-width:490px;margin-bottom:31px;color:var(--muted);font-size:18px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--paper);font-size:13px;font-weight:700;text-decoration:none}.text-link span{color:var(--gold-light);font-size:16px}.hero-note{position:relative;margin-bottom:74px;padding:26px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-note-number{position:absolute;right:0;bottom:9px;color:rgba(232,202,118,.12);font:100px/.7 Georgia,serif}.hero-note p{position:relative;z-index:1;margin:0 0 19px;font:31px/.98 Georgia,serif;letter-spacing:-.04em}.hero-note a{position:relative;z-index:1;color:var(--gold-light);font-size:12px;font-weight:700;text-decoration:none}.hero-rule{height:1px;background:linear-gradient(90deg,var(--line) 0 76%,transparent 76%)}.quick-strip{border-bottom:1px solid var(--line);background:var(--ink-2)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-grid>div{display:flex;gap:14px;padding:20px 24px;border-right:1px solid var(--line)}.quick-grid>div:first-child{padding-left:0}.quick-grid>div:last-child{border:0}.quick-grid b{color:var(--gold-light);font:27px/.9 Georgia,serif}.quick-grid p{margin:0}.quick-grid strong{display:block;margin-bottom:3px;font-size:12px}.quick-grid span{color:var(--muted);font-size:11px}
.section{padding:118px 0}.section-heading{margin-bottom:50px}.section-heading .eyebrow{margin-bottom:18px}.services-panel,.team-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:9vw;align-items:end}.team-heading>p{margin:0;color:var(--muted);font-size:15px}.services-section{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(25,21,13,.22),transparent)}.services-panel .eyebrow{margin-bottom:18px}.services-panel h2{margin-bottom:0}.services-copy{padding:26px 28px;border-left:2px solid var(--gold);background:var(--ink-2)}.services-copy p{margin:0 0 19px;color:var(--muted);font-size:15px}.services-copy a{color:var(--gold-light);font-size:12px;font-weight:700;text-decoration:none}.team-section{background:rgba(25,21,13,.24);border-block:1px solid var(--line)}.instagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.instagram-panel{overflow:hidden;border:1px solid var(--line);background:var(--ink-2)}.instagram-panel:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.instagram-panel-head{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:118px;padding:12px;border-bottom:1px solid var(--soft-line)}.barber-portrait{position:relative;align-self:stretch;overflow:hidden;border:1px solid rgba(232,202,118,.28);background:#16130d}.barber-portrait:after{content:"";position:absolute;inset:6px;border-top:1px solid rgba(232,202,118,.28);border-left:1px solid rgba(232,202,118,.28);pointer-events:none}.barber-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.91) contrast(1.05) saturate(.9)}.barber-profile h3{margin:4px 0 7px;font-size:30px;font-weight:400;letter-spacing:-.05em}.instagram-handle{display:block;margin-bottom:5px;color:var(--gold-light);font-size:11px;font-weight:700}.instagram-more{color:var(--paper);font-size:10px;font-weight:700;text-decoration:none}.instagram-more span{color:var(--gold-light)}.panel-book{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;background:var(--gold-light);color:var(--ink);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease),background .2s ease}.panel-book:hover,.panel-book:focus-visible{transform:translateY(-2px);background:var(--gold-pale)}.instagram-crop{position:relative;overflow:hidden;min-height:218px;border-top:1px solid var(--soft-line);background:radial-gradient(340px 220px at 50% 45%,rgba(183,138,53,.12),transparent 76%),linear-gradient(145deg,#15110b,#0d0c09)}.instagram-crop::after{content:"";position:absolute;inset:0;z-index:4;border:1px solid rgba(232,202,118,.12);box-shadow:inset 0 0 0 5px rgba(9,9,7,.13);pointer-events:none}.instagram-crop:not(.is-embedded) .instagram-embed,.instagram-crop:not(.is-embedded) .instagram-media,.instagram-crop:not(.is-embedded) .instagram-media>a{min-height:218px!important}.instagram-embed .instagram-media{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}.instagram-embed .instagram-media>a{padding:24px;color:var(--gold-light);font-size:13px;font-weight:700;text-align:center;text-decoration:none}.instagram-crop.is-embedded{--instagram-profile-offset:158px;--post-hit-size:34px;--post-hit-edge:8px;aspect-ratio:3/1;min-height:0;background:#fff}.instagram-crop.is-embedded .instagram-embed{position:absolute;inset:0;min-height:0!important;background:#fff}.instagram-crop.is-embedded .instagram-media{position:absolute!important;top:calc(-1 * var(--instagram-profile-offset))!important;left:0!important;display:block!important;width:100%!important;max-width:none!important;min-height:calc(100% + var(--instagram-profile-offset))!important;height:calc(100% + var(--instagram-profile-offset))!important;margin:0!important;overflow:hidden!important}.instagram-crop.is-embedded .instagram-media iframe{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important}.instagram-crop-shield{display:none}.instagram-crop.is-embedded .instagram-crop-shield{position:absolute;inset:0;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:none}.instagram-tile-gate{position:relative;min-width:0;height:100%;pointer-events:none}.instagram-tile-blocker{position:absolute;display:block;background:transparent;pointer-events:auto;touch-action:pan-y}.instagram-tile-blocker-top{top:0;right:0;left:0;height:calc(100% - var(--post-hit-edge) - var(--post-hit-size))}.instagram-tile-blocker-bottom{right:0;bottom:0;left:0;height:var(--post-hit-edge)}.instagram-tile-blocker-left{bottom:var(--post-hit-edge);left:0;right:calc(var(--post-hit-edge) + var(--post-hit-size));height:var(--post-hit-size)}.instagram-tile-blocker-right{right:0;bottom:var(--post-hit-edge);width:var(--post-hit-edge);height:var(--post-hit-size)}.instagram-post-icon,.instagram-caption-icon{display:grid;place-items:center;color:var(--gold-light)}.instagram-post-icon{position:absolute;right:var(--post-hit-edge);bottom:var(--post-hit-edge);width:var(--post-hit-size);height:var(--post-hit-size);pointer-events:none}.instagram-post-icon svg,.instagram-caption-icon svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.instagram-post-icon svg{width:22px;height:22px}.instagram-caption{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-top:1px solid var(--soft-line);color:var(--muted);font-size:10px}.instagram-caption-icon{width:18px;height:18px;flex:0 0 18px}.instagram-caption-icon svg{width:14px;height:14px}
.visit-section{border-top:1px solid var(--line)}.visit-grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:14px}.visit-card{padding:28px;border:1px solid var(--line);background:var(--ink-2)}.visit-card>div+div{margin-top:25px;padding-top:25px;border-top:1px solid var(--soft-line)}address{color:var(--muted);font-style:normal;font-size:14px}.detail-label{margin-bottom:9px}.hours{margin:0}.hours div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;color:var(--muted);font-size:12px}.hours div+div{border-top:1px solid rgba(246,240,228,.06)}.hours dt,.hours dd{margin:0}.hours dd{color:var(--paper)}.visit-actions{display:flex;flex-wrap:wrap;gap:16px}.visit-actions a{color:var(--paper);font-size:11px;font-weight:700;text-decoration:none}.visit-actions span{color:var(--gold-light)}.map-card{position:relative;min-height:385px;overflow:hidden;border:1px solid var(--gold-dark);background:var(--ink-2);text-decoration:none}.map-lines{position:absolute;inset:0;opacity:.7;background-image:linear-gradient(rgba(232,202,118,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(232,202,118,.1) 1px,transparent 1px);background-size:46px 46px;transform:rotate(-7deg) scale(1.2)}.map-lines:before,.map-lines:after{content:"";position:absolute;background:rgba(232,202,118,.16)}.map-lines:before{width:140%;height:1px;top:48%;left:-20%;transform:rotate(17deg)}.map-lines:after{width:1px;height:140%;top:-20%;left:59%;transform:rotate(12deg)}.map-pin{position:absolute;z-index:1;top:44%;left:61%;width:27px;height:27px;border:2px solid var(--gold-light);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.map-pin span{position:absolute;top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:var(--gold-light)}.map-label{position:absolute;z-index:1;left:28px;bottom:27px;max-width:250px;padding:16px 18px;border:1px solid var(--line);background:rgba(9,9,7,.91)}.map-label strong{display:block;margin-bottom:8px;font:22px/1 Georgia,serif}.map-label span{color:var(--gold-light);font-size:11px;font-weight:700}.faq-section{padding:94px 0;border-top:1px solid var(--line);background:rgba(25,21,13,.28)}.faq-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw}.faq-layout .eyebrow{margin-bottom:17px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;font:20px/1 Georgia,serif;letter-spacing:-.03em}summary::after{content:"+";color:var(--gold-light);font:22px/1 Arial,sans-serif}details[open] summary::after{content:"−"}details p{max-width:540px;margin:0 0 18px;color:var(--muted);font-size:14px}.booking-section{padding:74px 0;background:var(--gold-light);color:var(--ink)}.booking-section .eyebrow{color:var(--gold-dark)}.booking-section .eyebrow span{background:var(--gold-dark)}.booking-layout{display:flex;align-items:end;justify-content:space-between;gap:40px}.booking-layout h2{max-width:680px;margin:14px 0 13px}.booking-layout p:not(.eyebrow){max-width:550px;margin:0;color:#544020;font-size:15px}.booking-actions{display:grid;gap:15px;min-width:210px}.booking-actions>a:last-child{color:#3e301b;font-size:11px;font-weight:700;text-align:center;text-decoration:none}.site-footer{padding:28px 0;background:#060605}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-name,.site-footer p{color:var(--muted);font-size:12px}.site-footer p{margin:0}.mobile-book-bar{display:none}
@media(max-width:720px){body{padding-bottom:57px}.shell{width:min(100% - 32px,var(--shell))}.utility-inner{padding:7px 0;font-size:10px}.nav-row{min-height:64px}.brand-type strong{font-size:13px}.brand-type small{font-size:8px}.nav-actions{gap:9px}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;padding:8px 16px 16px;border-bottom:1px solid var(--line);background:rgba(9,9,7,.98)}.site-nav.is-open{display:flex}.site-nav a{padding:13px 0;border-bottom:1px solid var(--soft-line);font-size:15px}.site-nav a:last-child{border-bottom:0}.menu-toggle{display:block}.nav-actions .button-small{flex-shrink:0;padding-inline:10px;font-size:10px;white-space:nowrap}.hero{padding-top:55px}.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{padding:20px 0 57px}.hero h1{font-size:clamp(60px,18vw,92px)}.hero-text{font-size:16px}.hero-note{margin:0 0 42px;padding:20px 0}.hero-note-number{font-size:85px}.quick-grid{grid-template-columns:1fr}.quick-grid>div,.quick-grid>div:first-child{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.quick-grid>div:last-child{border-bottom:0}.section{padding:80px 0}.services-panel,.team-heading,.visit-grid,.faq-layout{grid-template-columns:1fr;gap:31px}.instagram-grid{grid-template-columns:1fr;gap:20px}.instagram-panel:last-child{grid-column:auto;width:auto;justify-self:stretch}.instagram-panel-head{grid-template-columns:78px minmax(0,1fr);gap:13px;min-height:108px}.panel-book{grid-column:1/-1;width:100%;min-height:45px}.instagram-crop:not(.is-embedded),.instagram-crop:not(.is-embedded) .instagram-embed,.instagram-crop:not(.is-embedded) .instagram-media,.instagram-crop:not(.is-embedded) .instagram-media>a{min-height:210px!important}.instagram-crop.is-embedded{--post-hit-size:30px;--post-hit-edge:6px}.instagram-post-icon svg{width:15px;height:15px}.map-card{min-height:350px}.faq-section{padding:74px 0}.booking-layout{align-items:flex-start;flex-direction:column;gap:28px}.booking-actions{width:100%}.booking-actions .button{width:100%}.footer-row{align-items:flex-start;flex-direction:column}.mobile-book-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1.35fr;border-top:1px solid var(--gold-dark);background:var(--ink)}.mobile-book-bar a{display:flex;align-items:center;justify-content:center;min-height:56px;color:var(--paper);font-size:12px;font-weight:700;text-decoration:none}.mobile-book-bar a:last-child{background:var(--gold-light);color:var(--ink)}}
@media(max-width:410px){.brand-mark{width:31px;height:31px;font-size:12px}.hero h1{font-size:59px}.barber-profile h3{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Social-led refresh: sharper, younger and built around the work. */
:root{--ink:#0a0a08;--ink-2:#11110e;--ink-3:#171711;--paper:#f7f4ea;--muted:#aaa89a;--gold:#d5b52b;--gold-light:#f0d247;--gold-pale:#fff071;--gold-dark:#766115;--line:rgba(240,210,71,.33);--soft-line:rgba(247,244,234,.13)}
body{background:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.012em}body:before{opacity:.025}h1,h2,h3,.brand-type{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:900}h2{font-size:clamp(48px,6vw,82px);line-height:.83;letter-spacing:-.095em;text-transform:uppercase}.eyebrow,.detail-label{font-size:10px;letter-spacing:.17em}.site-header{background:rgba(10,10,8,.97);backdrop-filter:none}.utility-bar{background:#11110e}.brand-mark{border-color:var(--gold-light);border-radius:0;transform:rotate(-8deg)}.brand-type strong{font-family:Arial Black,Arial,sans-serif;letter-spacing:-.04em}.site-nav a{font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.button,.panel-book{border-radius:0;text-transform:uppercase;letter-spacing:.035em;font-weight:900}.button-gold,.panel-book{box-shadow:4px 4px 0 #51440d}.button:hover,.button:focus-visible,.panel-book:hover,.panel-book:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #51440d}.hero{padding-top:68px;background:linear-gradient(90deg,rgba(10,10,8,.25) 0%,rgba(10,10,8,.08) 42%,rgba(10,10,8,0) 76%,rgba(10,10,8,.12) 100%),url('hero.jpg') center 42%/cover no-repeat;background-color:#0a0a08}.hero h1,.hero-text,.hero-copy .eyebrow,.hero-actions{filter:drop-shadow(0 3px 12px rgba(0,0,0,.82))}.hero-layout{grid-template-columns:minmax(0,1fr) 305px;gap:7vw}.hero-copy{padding-bottom:64px}.hero h1{font-size:clamp(72px,10vw,152px);line-height:.73;letter-spacing:-.11em;text-transform:uppercase}.hero h1 em{font-family:Arial Black,Arial,sans-serif;font-style:normal;color:var(--gold-light)}.hero-text{max-width:410px;font-size:17px;font-weight:700;line-height:1.35}.hero-note{margin-bottom:64px;border-color:var(--gold-dark);background:#12120e;padding:24px 20px 21px;box-shadow:8px 8px 0 rgba(240,210,71,.13)}.hero-note p{font-family:Arial Black,Arial,sans-serif;font-size:26px;line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.hero-note-number{font-family:Arial Black,Arial,sans-serif;color:rgba(240,210,71,.13)}.hero-rule{height:7px;background:linear-gradient(90deg,var(--gold-light) 0 18%,#252419 18% 100%)}.quick-strip{background:#10100d;border:0}.quick-grid>div{padding:22px 24px;border-color:#333222}.quick-grid b{font-family:Arial Black,Arial,sans-serif;color:var(--gold-light)}.quick-grid strong{text-transform:uppercase;font-size:11px;letter-spacing:.035em}.section{padding:100px 0}.services-section{background:#e9cd45;color:#0b0b08;border:0}.services-section .eyebrow,.services-copy a{color:#42370b}.services-section .eyebrow span{background:#42370b}.services-copy{background:transparent;border-color:#0b0b08;padding:22px 0 22px 24px}.services-copy p{color:#28240e;font-size:16px;font-weight:700;line-height:1.35}.team-section{background:#0a0a08;border:0}.team-heading{align-items:start}.team-heading>p{max-width:350px;border-left:3px solid var(--gold-light);padding-left:18px;font-weight:700;line-height:1.4}.instagram-grid{gap:16px}.instagram-panel{border-color:#3e3b25;background:#12120f}.instagram-panel:last-child{width:100%;justify-self:stretch}.instagram-panel-head{min-height:130px;padding:14px;grid-template-columns:104px minmax(0,1fr) auto;background:linear-gradient(90deg,#13130f,#0e0e0b)}.barber-portrait{border-color:var(--gold-dark)}.barber-profile h3{font-family:Arial Black,Arial,sans-serif;font-size:31px;line-height:.9;letter-spacing:-.075em;text-transform:uppercase}.instagram-handle{font-size:10px}.instagram-more{font-size:10px;text-transform:uppercase;letter-spacing:.035em}.instagram-crop{border-top-color:var(--gold-dark)}.instagram-crop::after{border-color:rgba(240,210,71,.22);box-shadow:none}.instagram-post-icon{color:var(--gold-pale)}.instagram-post-icon svg{width:24px;height:24px;stroke-width:2.1}.instagram-caption{min-height:35px;padding:8px 12px;background:#0f0f0c;border-top-color:#3e3b25;text-transform:uppercase;letter-spacing:.025em;font-size:9px}.instagram-caption-icon{color:var(--gold-light)}.visit-section{background:#10100d;border:0}.visit-card{background:#161611;border-color:#464226}.map-card{border-color:var(--gold-light);box-shadow:8px 8px 0 rgba(240,210,71,.13)}.faq-section{background:#161611;border:0}.booking-section{background:var(--gold-light)}.booking-layout h2{font-family:Arial Black,Arial,sans-serif;line-height:.78;text-transform:uppercase}.site-footer{background:#080807}.mobile-book-bar{box-shadow:0 -3px 0 var(--gold-light)}
@media(max-width:720px){.hero{padding-top:44px;background:linear-gradient(180deg,rgba(10,10,8,.36) 0%,rgba(10,10,8,.08) 55%,rgba(10,10,8,.58) 100%),url('hero.jpg') 58% center/cover no-repeat}.hero-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(64px,19vw,100px)}.hero-note{margin-bottom:42px;box-shadow:5px 5px 0 rgba(240,210,71,.13)}.section{padding:76px 0}.instagram-panel-head{grid-template-columns:84px minmax(0,1fr);min-height:116px}.barber-profile h3{font-size:28px}.panel-book{box-shadow:3px 3px 0 #51440d}.panel-book:hover,.panel-book:focus-visible{box-shadow:4px 4px 0 #51440d}.services-copy{padding-left:18px}.quick-grid>div{padding:17px 0}.team-heading>p{font-size:14px}.instagram-caption{font-size:8px}.instagram-post-icon svg{width:21px;height:21px}}

/* Detailed live map with a branded fallback and directions panel. */
.map-card{isolation:isolate;background:#15150f}.location-map{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.32) sepia(.45) brightness(.74);opacity:.94}.map-fallback{position:absolute;z-index:0;inset:0;background:#15150f}.map-fallback .map-lines{position:absolute;inset:0}.map-fallback .map-pin{position:absolute;z-index:1;top:44%;left:61%}.map-card:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(8,8,6,.72),transparent 58%),linear-gradient(0deg,rgba(8,8,6,.48),transparent 46%);pointer-events:none}.map-label{z-index:3;display:grid;gap:7px;max-width:270px;padding:18px 19px;border-color:rgba(240,210,71,.55);box-shadow:5px 5px 0 rgba(8,8,6,.52)}.map-label strong{font-family:Arial Black,Arial,sans-serif;font-size:19px;line-height:.94;letter-spacing:-.06em}.map-label span{font-size:10px;color:var(--muted)}.map-label a{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:max-content;max-width:100%;margin-top:6px;padding:9px 11px;background:var(--gold-light);color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;box-shadow:3px 3px 0 #51440d}.map-label a:hover,.map-label a:focus-visible{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #51440d}.map-label b{font-size:14px}@media(max-width:720px){.location-map{filter:grayscale(1) contrast(1.25) sepia(.42) brightness(.7)}.map-label{left:18px;bottom:18px;max-width:240px;padding:15px}.map-label strong{font-size:17px}.map-label a{padding:8px 10px}}


/* Custom location card: branded map controls over the live map. */
.map-card-custom{min-height:430px;background:#0d0d0a;box-shadow:10px 10px 0 rgba(240,210,71,.18)}.map-card-custom .location-map{filter:grayscale(1) contrast(1.16) sepia(.28) brightness(.92);opacity:1}.map-card-custom:after{background:linear-gradient(135deg,rgba(8,8,6,.16),transparent 48%),linear-gradient(0deg,rgba(8,8,6,.66),transparent 43%)}.map-chrome{position:absolute;z-index:4;top:16px;right:16px;left:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f7f4ea;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.map-chrome>span:last-child{padding:8px 10px;border:1px solid rgba(240,210,71,.48);background:rgba(10,10,8,.76);backdrop-filter:blur(7px)}.map-live{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;background:var(--gold-light);color:var(--ink)}.map-live i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(10,10,8,.16)}.map-card-custom .map-label{left:20px;bottom:20px;min-width:285px;max-width:310px;padding:20px;border:1px solid var(--gold-light);background:rgba(10,10,8,.88);backdrop-filter:blur(9px);box-shadow:7px 7px 0 rgba(240,210,71,.22)}.map-card-custom .map-label:before{content:"Location";display:block;margin-bottom:12px;color:var(--gold-light);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.map-card-custom .map-label .detail-label{display:none}.map-card-custom .map-label strong{font-size:24px}.map-card-custom .map-label span{display:block;margin-top:3px;color:var(--gold-pale);font-size:9px;font-weight:900;letter-spacing:.08em}.map-card-custom .map-label a{margin-top:13px}.map-crosshair{position:absolute;z-index:3;top:50%;left:64%;width:52px;height:52px;transform:translate(-50%,-50%);border:1px solid rgba(240,210,71,.8);border-radius:50%;pointer-events:none}.map-crosshair:before,.map-crosshair:after{content:"";position:absolute;background:var(--gold-light)}.map-crosshair:before{top:50%;left:-10px;width:70px;height:1px}.map-crosshair:after{top:-10px;left:50%;width:1px;height:70px}.map-crosshair span{position:absolute;inset:16px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 0 6px rgba(240,210,71,.18),0 0 28px rgba(240,210,71,.6)}.map-card-custom .map-fallback .map-pin{display:none}@media(max-width:720px){.map-card-custom{min-height:390px}.map-chrome{top:12px;right:12px;left:12px;font-size:8px}.map-chrome>span:last-child{padding:7px 8px}.map-live{padding:7px 8px}.map-card-custom .map-label{left:14px;bottom:14px;min-width:0;max-width:250px;padding:16px}.map-card-custom .map-label strong{font-size:20px}.map-crosshair{left:68%;top:48%;transform:translate(-50%,-50%) scale(.8)}}

/* Keep the headline clear of the centre barber's face on wide screens. */
@media(min-width:721px){.hero-copy{padding:86px 0 27px}}


/* Gold utility icons for shop and Instagram actions. */
.action-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;fill:none;stroke:var(--gold-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;vertical-align:-3px}.visit-actions a,.instagram-more,.text-link,.booking-actions>a:last-child,.mobile-book-bar a:first-child,.site-footer a[data-shop-instagram]{display:inline-flex;align-items:center;gap:7px}.visit-actions .action-icon{width:15px;height:15px;flex-basis:15px}.instagram-more .action-icon{width:14px;height:14px;flex-basis:14px}.site-footer .action-icon{width:14px;height:14px;flex-basis:14px}.map-chrome{display:none}


/* Barber Instagram links are now icon-only profile links. */
.instagram-more{display:inline-grid!important;place-items:center;width:31px;height:31px;border:1px solid rgba(240,210,71,.55);color:var(--gold-light);transition:background .2s ease,transform .2s ease,border-color .2s ease}.instagram-more .action-icon{width:17px;height:17px;flex-basis:17px;vertical-align:0}.instagram-more:hover,.instagram-more:focus-visible{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px)}.instagram-more:hover .action-icon,.instagram-more:focus-visible .action-icon{stroke:var(--ink)}


/* Supplied brand artwork. */
.brand-navbar,.brand-footer{display:inline-flex;align-items:center;line-height:0}.nav-logo{display:block;width:auto;height:42px;max-width:220px;object-fit:contain;object-position:left center}.footer-logo{display:block;width:auto;height:34px;max-width:220px;object-fit:contain;object-position:left center}@media(max-width:720px){.nav-logo{height:34px;max-width:178px}.footer-logo{height:31px;max-width:180px}}


/* Bigger footer lock-up and labelled shop Instagram link. */
.footer-logo{height:70px;max-width:340px}.footer-instagram{display:inline-flex!important;align-items:center;gap:8px;color:var(--gold-light)!important;font-size:11px!important;font-weight:800;letter-spacing:.015em}.footer-instagram .action-icon{width:17px;height:17px;flex-basis:17px}@media(max-width:720px){.footer-logo{height:56px;max-width:290px}.footer-instagram{font-size:10px!important}}


/* Production credit. */
.cicada-credit{display:inline-flex!important;align-items:center;line-height:0;opacity:.88;transition:opacity .2s ease,transform .2s ease}.cicada-credit img{display:block;width:auto;height:22px;max-width:185px;object-fit:contain}.cicada-credit:hover,.cicada-credit:focus-visible{opacity:1;transform:translateY(-2px)}@media(max-width:720px){.cicada-credit img{height:20px;max-width:175px}}

/* Clear Cicada production-credit label. */
.cicada-credit{display:inline-flex!important;flex-direction:column;align-items:center;gap:4px;line-height:1;text-align:right;opacity:.9;transition:opacity .2s ease,transform .2s ease}
.cicada-credit span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.11em;line-height:1;text-transform:uppercase}
.cicada-credit img{display:block;width:auto;height:20px;max-width:170px;object-fit:contain}
.cicada-credit:hover,.cicada-credit:focus-visible{opacity:1;transform:translateY(-2px)}
@media(max-width:720px){.cicada-credit{align-items:flex-start;text-align:left}.cicada-credit img{height:19px;max-width:165px}}
/* Larger Gentlemen's Barbers footer logo. */
.footer-logo{height:82px;max-width:390px}
@media(max-width:720px){.footer-logo{height:64px;max-width:320px}}
/* Hero logo watermark. */
.hero-note-watermark{position:absolute;right:-8px;bottom:14px;z-index:0;display:block;width:auto;height:76px;max-width:220px;object-fit:contain;object-position:right center;opacity:.18;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(3deg) brightness(1.35)}
.hero-note p,.hero-note a{position:relative;z-index:1}
@media(max-width:720px){.hero-note-watermark{right:-4px;bottom:12px;height:64px;max-width:190px}}
/* Centred hero logo watermark and booking phone button. */
.hero-note-watermark{top:50%;right:auto;bottom:auto;left:50%;height:88px;max-width:245px;transform:translate(-50%,-50%);object-position:center;opacity:.19}
.booking-actions .button-phone{min-height:50px;border-color:var(--ink);background:transparent;color:var(--ink);box-shadow:none}
.booking-actions .button-phone .action-icon{stroke:var(--ink)}
.booking-actions .button-phone:hover,.booking-actions .button-phone:focus-visible{background:var(--ink);color:var(--gold-light);box-shadow:4px 4px 0 rgba(81,68,13,.45)}
.booking-actions .button-phone:hover .action-icon,.booking-actions .button-phone:focus-visible .action-icon{stroke:var(--gold-light)}
@media(max-width:720px){.hero-note-watermark{height:72px;max-width:210px}.booking-actions .button-phone{width:100%}}
/* Bottom-right hero badge watermark, fully contained. */
.hero-note-watermark{top:auto;right:16px;bottom:14px;left:auto;width:auto;height:64px;max-width:180px;transform:none;object-position:right bottom;opacity:.17}
@media(max-width:720px){.hero-note-watermark{right:13px;bottom:12px;height:54px;max-width:150px}}
/* Walk-in clarification and Google rating. */
.hours-note{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.google-rating{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:17px;border-top:1px solid var(--soft-line)}
.google-rating>span{color:var(--paper);font-size:13px;font-weight:800}
.google-rating b{color:var(--gold-light);font-size:16px;vertical-align:-1px}
.google-rating a{display:inline-flex;align-items:center;gap:6px;color:var(--gold-light);font-size:10px;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.google-rating a:hover,.google-rating a:focus-visible{color:var(--gold-pale)}
@media(max-width:420px){.google-rating{align-items:flex-start;flex-direction:column;gap:7px}}
/* Tighter Instagram crop on narrow phones: keep the next grid row hidden. */
@media(max-width:420px){.instagram-crop.is-embedded{aspect-ratio:3/.88}}
/* Softer narrow-phone Instagram crop: hide the next row without cutting too much. */
@media(max-width:420px){.instagram-crop.is-embedded{aspect-ratio:3/.95}}
/* Narrow-phone Instagram framing: shift the embedded grid down to reveal more at the top. */
@media(max-width:420px){.instagram-crop.is-embedded .instagram-media{top:calc(-1 * var(--instagram-profile-offset) + 8px)!important}}
/* Booking calendar-check icon and a slightly larger navigation logo. */
.panel-book .booking-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.nav-logo{height:46px;max-width:242px}
@media(max-width:720px){.nav-logo{height:37px;max-width:194px}}
/* Set the hero badge further inside the note card for better balance. */
.hero-note-watermark{right:38px}
@media(max-width:720px){.hero-note-watermark{right:29px}}
/* Give the hero badge its own mobile balance within the narrower card. */
@media(max-width:720px){.hero-note-watermark{right:46px;bottom:15px;height:50px;max-width:140px}}
/* Branded hero location pill. */
.hero-note .hero-location{display:inline-flex;align-items:center;gap:8px;padding:6px 9px 6px 6px;border:1px solid rgba(240,210,71,.38);background:rgba(240,210,71,.06);color:var(--gold-pale);font-size:10px;font-weight:900;letter-spacing:.055em;line-height:1;text-transform:uppercase;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s var(--ease)}
.hero-note .hero-location:hover,.hero-note .hero-location:focus-visible{border-color:var(--gold-light);background:rgba(240,210,71,.16);transform:translateY(-1px)}
.hero-location-pin{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border:1px solid var(--gold-light);border-radius:50%;color:var(--gold-light)}
.hero-location-pin svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
@media(max-width:720px){.hero-note .hero-location{gap:7px;padding:6px 8px 6px 6px;font-size:9px}.hero-location-pin{width:18px;height:18px;flex-basis:18px}.hero-location-pin svg{width:10px;height:10px}}
/* Keep the hero location marker clean and icon-only. */
.hero-location-pin{display:block;width:14px;height:14px;flex:0 0 14px;border:0;border-radius:0}
.hero-location-pin svg{display:block;width:14px;height:14px}
@media(max-width:720px){.hero-location-pin{width:13px;height:13px;flex-basis:13px}.hero-location-pin svg{width:13px;height:13px}}
/* Place the hero brand watermark outside the shop-details card. */
.hero-watermark{position:absolute;right:clamp(24px,5vw,78px);bottom:22px;z-index:0;display:block;width:auto;height:92px;max-width:min(260px,24vw);object-fit:contain;object-position:right bottom;opacity:.18;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(3deg) brightness(1.35);pointer-events:none}
.hero-layout,.hero-rule{position:relative;z-index:1}
@media(max-width:720px){.hero-watermark{top:16px;right:16px;bottom:auto;height:46px;max-width:145px;opacity:.19}}
/* Keep the mobile booking CTA calendar icon compact and inline. */
.mobile-book-bar a:last-child{gap:7px;white-space:nowrap}
.mobile-book-bar .booking-icon{display:block;width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
/* Match the navbar barber CTA to the booking icon system. */
.nav-actions .button-small .booking-icon{display:block;width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}

/* Mobile-only hero wallpaper. */
@media(max-width:720px){.hero{background-image:linear-gradient(180deg,rgba(10,10,8,.36) 0%,rgba(10,10,8,.08) 55%,rgba(10,10,8,.58) 100%),url("mobile.webp")!important;background-position:58% center!important;background-size:cover!important;background-repeat:no-repeat!important}}
/* Increase the standalone hero brand mark on desktop and mobile. */
.hero-watermark{height:122px;max-width:min(340px,30vw)}
@media(max-width:720px){.hero-watermark{height:62px;max-width:190px}}
/* Let the faces cut through the hero headline for a brief beat. */
.hero h1{animation:hero-face-reveal 8s ease-in-out 1.2s infinite}
@keyframes hero-face-reveal{0%,72%,100%{opacity:1}78%,87%{opacity:.06}93%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero h1{animation:none}}
/* Quiet motion system: staggered section reveals and gentle brand movement. */
.motion-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.motion-reveal.is-visible{opacity:1;transform:none}
.hero-watermark{animation:hero-brand-drift 7s ease-in-out infinite}
.instagram-panel{transition:transform .28s var(--ease),border-color .28s ease,box-shadow .28s ease}
.instagram-panel:hover{transform:translateY(-3px);border-color:rgba(240,210,71,.72);box-shadow:5px 5px 0 rgba(240,210,71,.12)}
.map-crosshair{animation:map-pulse 3.6s ease-in-out infinite}
@keyframes hero-brand-drift{50%{transform:translateY(-5px);opacity:.25}}
@keyframes map-pulse{50%{opacity:.65;transform:translate(-50%,-50%) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;transform:none;transition:none}.hero-watermark,.map-crosshair{animation:none}.instagram-panel{transition:none}.instagram-panel:hover{transform:none}}
/* Full motion refinement: distinct, restrained movement for every section. */
:root{--page-progress:0}
.site-header{transition:box-shadow .35s ease,background .35s ease}
.site-header:has(+ main){box-shadow:0 7px 24px rgba(0,0,0,calc(.04 + var(--page-progress) * .16))}
.hero-copy .eyebrow,.hero h1,.hero-text,.hero-actions,.hero-note{animation:hero-arrive .82s var(--ease) both}
.hero h1{animation-delay:.08s}.hero-text{animation-delay:.18s}.hero-actions{animation-delay:.28s}.hero-note{animation-delay:.2s}
@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.quick-grid>div{position:relative;overflow:hidden;transition:background .32s ease,transform .32s var(--ease)}
.quick-grid>div:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(240,210,71,.11) 50%,transparent 70%);transform:translateX(-115%);transition:transform .72s var(--ease);pointer-events:none}
.quick-grid>div:hover{background:rgba(240,210,71,.045);transform:translateY(-2px)}.quick-grid>div:hover:before{transform:translateX(115%)}
.services-copy{transition:transform .45s var(--ease),box-shadow .45s ease}.services-copy:hover{transform:translateX(5px);box-shadow:-5px 0 0 var(--gold-light)}
.instagram-panel .barber-portrait img{transition:transform .65s var(--ease),filter .65s ease}.instagram-panel:hover .barber-portrait img{transform:scale(1.055);filter:brightness(1) contrast(1.08) saturate(1)}
.instagram-panel:hover .panel-book{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #51440d}
.visit-card{transition:transform .45s var(--ease),border-color .45s ease}.visit-card:hover{transform:translateY(-3px);border-color:rgba(240,210,71,.7)}
.map-card .location-map{transition:transform 1s var(--ease),filter .7s ease}.map-card:hover .location-map{transform:scale(1.025);filter:grayscale(.78) contrast(1.18) sepia(.3) brightness(.96)}
details summary{transition:color .25s ease,padding-left .25s var(--ease)}details summary:hover{color:var(--gold-light);padding-left:6px}details p{animation:faq-answer-in .32s var(--ease) both}@keyframes faq-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.booking-section{position:relative;overflow:hidden}.booking-section:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 36%);transform:translate(calc(-20% + var(--page-progress) * 40%),0);pointer-events:none}.booking-layout{position:relative;z-index:1}
.site-footer{transition:background .45s ease}.site-footer:hover{background:#0b0b08}
@media(hover:none){.quick-grid>div:hover,.services-copy:hover,.visit-card:hover{transform:none}.instagram-panel:hover .barber-portrait img{transform:none}.map-card:hover .location-map{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-copy .eyebrow,.hero h1,.hero-text,.hero-actions,.hero-note,details p{animation:none}.quick-grid>div,.quick-grid>div:before,.services-copy,.instagram-panel .barber-portrait img,.visit-card,.map-card .location-map,details summary,.site-footer{transition:none}.quick-grid>div:hover,.services-copy:hover,.visit-card:hover{transform:none}.booking-section:after{display:none}}
/* Larger standalone hero mark and a clean one-time headline typewriter. */
.hero-watermark{height:160px;max-width:min(420px,34vw)}
.hero h1{animation:none!important}
.hero-type-line{display:block;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap}
.hero-type-line-one{animation:hero-type-line 1.05s steps(12,end) .18s both}
.hero-type-line-two{animation:hero-type-line 1s steps(12,end) 1.16s both}
@keyframes hero-type-line{from{max-width:0}to{max-width:100%}}
@media(max-width:720px){.hero-watermark{height:84px;max-width:245px}.hero-type-line-one{animation-duration:.9s}.hero-type-line-two{animation-duration:.88s;animation-delay:1s}}
@media(prefers-reduced-motion:reduce){.hero-type-line-one,.hero-type-line-two{animation:none;max-width:100%}}
/* Hero typewriter repair: preserve the original two-line composition exactly. */
.hero h1{display:block;width:auto;max-width:none;overflow:visible;white-space:normal;clip-path:inset(0 100% 0 0);animation:hero-headline-type 1.55s steps(20,end) .14s both!important}
.hero-type-line,.hero-type-line-one,.hero-type-line-two{display:contents;animation:none!important}
@keyframes hero-headline-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.hero h1{clip-path:none;animation:none!important}}
/* Character-by-character hero typewriter while preserving the original layout. */
.hero h1{clip-path:none;animation:none!important}
.hero h1.hero-character-typing:after{content:"|";display:inline-block;margin-left:.06em;color:var(--gold-light);animation:hero-caret-blink .72s steps(1,end) infinite}
@keyframes hero-caret-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero h1.hero-character-typing:after{animation:none}}
/* Reliable hero typewriter: fixed two-line composition, revealed in character-like steps. */
.hero h1{animation:none!important;overflow:visible}
.hero h1 .hero-type-line{display:block;width:max-content;max-width:none;white-space:nowrap;clip-path:inset(0 100% 0 0);will-change:clip-path}
.hero h1 .hero-type-line-one{animation:hero-line-type 1.05s steps(11,end) .2s both}
.hero h1 .hero-type-line-two{animation:hero-line-type 1.02s steps(11,end) 1.34s both}
.hero h1 .hero-type-line-two:after{content:"|";display:inline-block;margin-left:.08em;color:var(--gold-light);animation:hero-caret 1.15s steps(1,end) 1.34s 2}
@keyframes hero-line-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes hero-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero h1 .hero-type-line{clip-path:none;animation:none}.hero h1 .hero-type-line-two:after{display:none}}
/* Original hero headline restored. */
.hero h1{clip-path:none!important;visibility:visible!important;overflow:visible!important;white-space:normal!important;animation:none!important}
/* Keep the display font while giving the headline period clean breathing room. */
.hero h1 .hero-period{display:inline-block;margin-left:.06em;letter-spacing:0}
/* Put Ameen first in the mobile barber list without changing desktop order. */
@media(max-width:720px){.instagram-grid .instagram-panel:last-child{order:-1}}
/* Hide the unwanted lettering baked into the lower-left edge of the hero image. */
.hero:after{content:"";position:absolute;z-index:0;left:0;bottom:0;width:82px;height:48px;background:radial-gradient(ellipse 96px 60px at 0 100%,rgba(10,10,8,.97) 0 47%,rgba(10,10,8,.7) 65%,transparent 100%);pointer-events:none}
/* Desktop hero watermark: top-right placement. */
@media(min-width:721px){
  .hero-watermark{
    top:24px!important;
    right:clamp(24px,5vw,78px)!important;
    bottom:auto!important;
    object-position:right top!important;
  }
}
/* Final cleanup: fully conceal the stray glyph at the lower-left hero edge. */
.hero:after{
  z-index:3;
  bottom:7px;
  width:46px;
  height:28px;
  background:linear-gradient(90deg,#0a0a08 0%,rgba(10,10,8,.98) 63%,rgba(10,10,8,0) 100%);
}
/* Mobile barber order: Ameen, OD, Mark, Filip, Kevin. */
@media(max-width:720px){
  .instagram-grid .instagram-panel:nth-child(1){order:5}
  .instagram-grid .instagram-panel:nth-child(2){order:2}
  .instagram-grid .instagram-panel:nth-child(3){order:3}
  .instagram-grid .instagram-panel:nth-child(4){order:4}
  .instagram-grid .instagram-panel:nth-child(5){order:1}
}
/* Hero location panel: address and directions only. */
.hero-note .hero-address{margin:0 0 18px;font-size:28px;line-height:.92;letter-spacing:-.065em}.hero-note .hero-directions{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:var(--gold-light);color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;box-shadow:3px 3px 0 #51440d}.hero-note .hero-directions:hover,.hero-note .hero-directions:focus-visible{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #51440d}.hero-note .hero-directions .action-icon{width:15px;height:15px;stroke:currentColor}
/* Hero location eircode. */
.hero-note .hero-eircode{display:inline-block;margin-top:8px;color:var(--gold-light);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase}
/* Cicada footer link indicator. */
.cicada-link-icon{width:13px;height:13px;flex:0 0 13px;stroke:var(--gold-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .2s var(--ease)}.cicada-credit:hover .cicada-link-icon,.cicada-credit:focus-visible .cicada-link-icon{transform:translate(2px,-2px)}
/* Keep Cicada link icon right of logo. */
.cicada-credit{display:inline-flex;align-items:center;gap:7px}.cicada-credit>span{order:1}.cicada-credit>img{order:2;flex:0 0 auto}.cicada-credit .cicada-link-icon{order:3;flex:0 0 13px;margin-left:1px}
/* Force Cicada external icon inline with logo. */
.cicada-credit{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important}.cicada-credit>span,.cicada-credit>img,.cicada-credit>.cicada-link-icon{align-self:center!important}.cicada-credit>img{display:block!important;margin:0!important}.cicada-credit>.cicada-link-icon{display:block!important;position:static!important;width:13px!important;height:13px!important;margin:0 0 0 7px!important}
/* Restore Cicada credit label above logo. */
.cicada-credit{display:grid!important;grid-template-columns:auto auto!important;grid-template-areas:"label label" "logo icon"!important;align-items:center!important;justify-content:start!important;column-gap:7px!important;row-gap:5px!important}.cicada-credit>span{grid-area:label!important;align-self:end!important}.cicada-credit>img{grid-area:logo!important;display:block!important;align-self:center!important;margin:0!important}.cicada-credit>.cicada-link-icon{grid-area:icon!important;display:block!important;position:static!important;align-self:center!important;width:13px!important;height:13px!important;margin:0!important}
/* Centre credit only over Cicada logo. */
.cicada-credit{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important}.cicada-brand-stack{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important}.cicada-brand-stack>span{display:block!important;text-align:center!important}.cicada-brand-stack>img{display:block!important;margin:0!important}.cicada-credit>.cicada-link-icon{display:block!important;position:static!important;flex:0 0 13px!important;width:13px!important;height:13px!important;margin:0!important}
/* Lower Cicada arrow to wordmark baseline. */
.cicada-credit>.cicada-link-icon{transform:translateY(8px)!important}
/* Tighten Cicada arrow spacing. */
.cicada-credit{gap:3px!important}