:root{
  --ink:#0c0a08;--ink-2:#15110d;--ink-3:#221b15;
  --gold:#b87d3b;--gold-hi:#d6a35f;--rust:#8a5224;
  --paper:#f6f0e6;--paper-2:#ebe1d1;--white:#fff;
  --f-barber:"Pirata One","Old English Text MT",Georgia,serif;
  --f-salon:"Playfair Display",Didot,"Bodoni 72",Georgia,serif;
  --f-script:"Satisfy","Snell Roundhand",cursive;
  --f-cond:"Barlow Condensed","Arial Narrow",sans-serif;
  --f-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --pad:clamp(20px,5vw,80px);
}
.theme-barber,.site-footer,.is-dark{--bg:var(--ink);--fg:var(--paper);--accent:var(--gold-hi);--muted:#b5a898;--line:rgba(246,240,230,.14)}
.theme-salon{--bg:var(--paper);--fg:var(--ink);--accent:var(--rust);--muted:#5b5047;--line:rgba(12,10,8,.14)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
@keyframes page-in{from{opacity:0}}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;transition:color .3s var(--ease)}
a:hover{color:var(--accent)}
h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
h1,h2,h3,h4{font-weight:400;line-height:.95}
ul,ol{margin:0;padding:0;list-style:none}
address{font-style:normal}
button{font:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:var(--gold);color:var(--ink)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--gold);color:var(--ink);padding:10px 16px;font-weight:600;transition:top .3s}
.skip-link:focus{top:16px;color:var(--ink)}

.wrap{width:100%;max-width:1480px;margin-inline:auto;padding-inline:var(--pad)}
.f-b{font-family:var(--f-barber)}
.f-s{font-family:var(--f-salon);font-style:italic}
.script{font-family:var(--f-script);font-weight:400;line-height:1}
.eyebrow{font-family:var(--f-cond);font-weight:600;font-size:.9rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);line-height:1.3}
.theme-salon .eyebrow{font-family:var(--f-body);font-size:.76rem;letter-spacing:.22em}
.lede{font-size:clamp(1.05rem,1.25vw,1.22rem);color:var(--muted);max-width:38ch;text-wrap:pretty}

.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 40px;margin-top:36px}
.link-cta{position:relative;display:inline-flex;align-items:center;gap:.6em;padding-block:.35em;color:var(--fg);font-weight:600}
.link-cta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform-origin:left;transition:transform .6s var(--ease)}
.link-cta:hover{color:var(--accent)}
.link-cta:hover::after{transform:scaleX(.3)}
.theme-barber .link-cta{font-family:var(--f-cond);font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase}
.theme-salon .link-cta{font-family:var(--f-salon);font-style:italic;font-weight:400;font-size:1.45rem}
.link-quiet{display:inline-flex;align-items:center;gap:.5em;color:var(--muted);font-size:.95rem;letter-spacing:.04em}
.arw{display:inline-block;transition:transform .5s var(--ease)}
a:hover .arw{transform:translate(4px,-2px)}
a:hover .arw--down{transform:translateY(4px)}

.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:clamp(16px,3vw,48px);padding:20px var(--pad);color:var(--fg);transition:background-color .4s var(--ease),padding .4s var(--ease),box-shadow .4s}
.site-header.is-scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-block:12px;box-shadow:0 1px 0 var(--line)}
.brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-right:auto}
.brand:hover{color:inherit}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--fg);color:var(--bg);font-family:var(--f-barber);font-size:1.1rem;box-shadow:0 0 0 1.5px var(--gold);transition:background-color .4s,color .4s}
.brand-text{display:flex;flex-direction:column;font-family:var(--f-barber);font-size:1.45rem;line-height:1}
.brand-text small{margin-top:4px;font-family:var(--f-cond);font-weight:600;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.site-nav ul{display:flex;gap:clamp(18px,2.4vw,38px)}
.site-nav a{position:relative;display:inline-block;padding-block:6px;font-family:var(--f-cond);font-weight:600;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.site-nav a[aria-current="page"]{color:var(--accent)}
.nav-foot{display:none}
.header-cta{display:inline-flex;align-items:center;gap:.45em;font-family:var(--f-cond);font-weight:600;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.header-cta:hover{color:var(--fg)}
.menu-toggle{display:none;position:relative;z-index:2;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.menu-toggle i{position:absolute;left:10px;right:10px;height:2px;background:currentColor;transition:transform .5s var(--ease)}
.menu-toggle i:first-of-type{top:17px}
.menu-toggle i:last-of-type{top:25px;left:18px}
.menu-open .menu-toggle i:first-of-type{transform:translateY(4px) rotate(45deg)}
.menu-open .menu-toggle i:last-of-type{left:10px;transform:translateY(-4px) rotate(-45deg)}

@media (max-width:1100px){
  .menu-toggle{display:block}
  .header-cta{display:none}
  .site-nav{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:48px;padding:110px var(--pad) 48px;background:var(--ink);color:var(--paper);visibility:hidden;clip-path:polygon(115% 0,115% 0,100% 100%,100% 100%);transition:clip-path .8s var(--ease),visibility 0s}
  .menu-open .site-nav{visibility:visible;clip-path:polygon(0 0,115% 0,100% 100%,-15% 100%);transition:clip-path .8s var(--ease)}
  .site-nav ul{flex-direction:column;gap:2px}
  .site-nav li{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
  .menu-open .site-nav li{opacity:1;transform:none}
  .menu-open .site-nav li:nth-child(2){transition-delay:.06s}
  .menu-open .site-nav li:nth-child(3){transition-delay:.12s}
  .menu-open .site-nav li:nth-child(4){transition-delay:.18s}
  .menu-open .site-nav li:nth-child(5){transition-delay:.24s}
  .site-nav a{font-size:clamp(2.8rem,12vw,4.6rem);letter-spacing:0;text-transform:none;line-height:1.08}
  .site-nav a::after{display:none}
  .site-nav a[aria-current="page"]{color:var(--gold-hi)}
  .site-nav .nav-b{font-family:var(--f-barber)}
  .site-nav .nav-s{font-family:var(--f-salon);font-style:italic;font-weight:400}
  .nav-foot{display:grid;gap:12px;font-family:var(--f-cond);font-weight:600;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi)}
  .menu-open .site-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--paper)}
  .menu-open .brand-mark{background:var(--paper);color:var(--ink)}
  .menu-open .brand-text small{color:#b5a898}
  .menu-open body{overflow:hidden}
}
@media (max-width:420px){.brand-text small{display:none}}

.pole{height:10px;background:repeating-linear-gradient(-45deg,var(--gold) 0 12px,var(--ink) 12px 18px,var(--paper) 18px 30px,var(--ink) 30px 36px);animation:pole 2.6s linear infinite}
@keyframes pole{to{background-position:50.91px 0}}

.marquee{overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;animation:marquee 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none}
.ln{display:block;overflow:hidden;padding:.1em .1em .12em .08em;margin:-.1em -.1em -.12em -.08em}
[data-split] .wd{display:inline-block;white-space:nowrap}
.js [data-split] .ch{display:inline-block;transform:translateY(115%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 45ms + .1s)}
.js [data-split].is-in .ch{transform:none}

.hover-preview{position:fixed;left:0;top:0;z-index:40;pointer-events:none;will-change:transform}
.hp-inner{width:clamp(200px,18vw,280px);aspect-ratio:4/5;overflow:hidden;background:var(--ink-3);opacity:0;transform:translate(32px,-60%) rotate(-5deg) scale(.85);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);transition:opacity .35s var(--ease),transform .6s var(--ease)}
.hover-preview.is-on .hp-inner{opacity:1;transform:translate(32px,-60%) rotate(-3deg) scale(1)}
.hp-inner img{width:100%;height:100%;object-fit:cover}

.img-missing{background:var(--ink-3) repeating-linear-gradient(135deg,transparent 0 14px,rgba(214,163,95,.12) 14px 15px)!important}
.img-missing img{visibility:hidden}

.curtain{position:fixed;top:0;bottom:0;left:-25%;width:150%;z-index:300;pointer-events:none;background:var(--ink);border-left:3px solid var(--gold);transform:translateX(105%) skewX(-10deg);transition:transform .55s var(--ease-io)}
.is-leaving .curtain{transform:translateX(0) skewX(-10deg)}

.site-footer{position:relative;background:var(--bg);color:var(--fg)}
.ft-sign{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 36px;padding-block:clamp(72px,10vw,140px) clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.ft-name{font-family:var(--f-barber);font-size:clamp(4rem,12vw,11rem);line-height:.85}
.ft-tag{font-size:clamp(1.9rem,3.4vw,3.1rem);color:var(--gold-hi)}
.ft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px var(--pad);padding-block:56px}
.ft-h{margin-bottom:16px;font-family:var(--f-cond);font-weight:600;font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;line-height:1.2;color:var(--gold-hi)}
.ft-list{display:grid;gap:8px}
.ft-grid a{border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.ft-grid a:hover{border-color:var(--accent)}
.ft-grid address{margin-bottom:10px}
.hours{display:grid;grid-template-columns:auto 1fr;gap:6px 20px}
.hours dt{color:var(--muted)}
.ft-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:24px 32px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
@media (max-width:900px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ft-grid{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .curtain{display:none}
}

.u-1{--d:.25s}
.u-2{--d:.35s}
.u-3{--d:.45s}
.u-4{--d:.15s}
.u-5{--d:.1s}
.u-6{--d:.2s}
.u-7{margin-top:0}
.u-8{--d:.3s}
.u-9{--c:var(--ink);--i:0}
.u-10{--c:var(--rust);--i:1}
.u-11{--c:var(--gold);--i:2}
.u-12{--c:var(--gold-hi);--i:3}
.u-13{display:contents}
.u-14{justify-self:center;width:100%;margin-left:var(--pad)}
.u-15{--d:.15s;padding-right:var(--pad)}
.u-16{--c:var(--white);--i:4}
.u-17{--d:0s}
.u-18{--c:var(--rust);--i:0}
.u-19{--c:var(--gold);--i:1}
.u-20{--c:var(--ink);--i:2}
.u-21{--d:0.1s}
.u-22{--c:var(--gold-hi);--i:0}
.u-23{--c:var(--white);--i:2}
.u-24{--c:var(--white);--i:1}
.u-25{--c:var(--gold);--i:0}
.u-26{--c:var(--ink);--i:1}
.u-27{--c:var(--gold-hi);--i:2}
.u-28{--c:var(--rust)}
.u-29{--c:var(--gold)}
.u-30{--c:var(--ink)}
.u-31{--c:var(--gold-hi)}

.brand-mark{object-fit:cover}
@media(max-width:1100px){
  .site-nav{overflow-y:auto}
  .site-nav .nav-foot a{font:600 .95rem/1.5 var(--f-cond);letter-spacing:.08em;text-transform:uppercase}
  html:not(.js) .site-header{position:relative;flex-wrap:wrap;background:var(--bg)}
  html:not(.js) .site-nav{position:static;visibility:visible;clip-path:none;width:100%;padding:12px 0;background:var(--bg);color:var(--fg)}
  html:not(.js) .site-nav ul{flex-direction:row;flex-wrap:wrap;gap:12px 24px}
  html:not(.js) .site-nav li{opacity:1;transform:none}
  html:not(.js) .site-nav a{font:600 1.1rem/1.5 var(--f-cond)}
  html:not(.js) .menu-toggle,html:not(.js) .nav-foot{display:none}
}
@media(prefers-reduced-motion:reduce){.js [data-reveal],.js [data-split] .ch{opacity:1;transform:none}}

.error-page{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding-block:80px}.error-page h1{font:400 clamp(3rem,8vw,7rem)/1 var(--f-barber)}

main{overflow-x:clip}
.photo-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.7fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(64px,9vw,130px)}
.photo-story figure img{width:100%;aspect-ratio:3/4;object-fit:cover}
.photo-story figure:last-child{margin-top:80px}
.photo-story p:not(.eyebrow){margin-block:24px;max-width:40ch;color:var(--muted)}
.photo-story--pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:900px){.photo-story,.photo-story--pair{grid-template-columns:minmax(0,1fr)}.photo-story figure img{max-height:480px}.photo-story figure:last-child{margin-top:0}}
.contact-choice{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.call-option{display:inline-block;font-family:var(--f-body);font-size:.9rem;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--fg);text-decoration:underline;text-underline-offset:4px;padding:4px 0}
.header-choice{gap:2px}
.header-choice .call-option{font-size:.72rem}
.site-nav .contact-choice{gap:4px}
.site-nav .call-option{font:500 .9rem/1.5 var(--f-body);letter-spacing:0;text-transform:none}
.wa-cta>.contact-choice{align-items:center}
.review-link{display:block;color:inherit}
.review-link:hover{color:var(--accent)}
.visit-map{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:64px;border-bottom:1px solid var(--line)}
.visit-map iframe{display:block;width:100%;height:400px;border:0;border-radius:3px;background:var(--ink-3)}
.map-contact{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.map-contact h2{font-family:var(--f-salon);font-size:clamp(2.4rem,4vw,4rem);font-weight:400;line-height:1.1}
.map-contact address{color:var(--muted)}
.map-contact .call-option{color:var(--fg)}
@media(max-width:900px){.header-choice{display:none}.visit-map{grid-template-columns:minmax(0,1fr)}.visit-map iframe{height:320px}}
.language-toggle{position:relative;z-index:52;flex:0 0 auto;display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--accent);border-radius:50%;background:var(--bg);color:var(--fg);font:600 .85rem/1 var(--f-body);letter-spacing:.04em;cursor:pointer}
.language-toggle[hidden]{display:none}
.language-toggle:hover{border-color:var(--fg)}
.language-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.language-bar{display:flex;justify-content:flex-end;padding-top:20px}
@media(max-width:1100px){.header-choice{display:none}.site-header{gap:16px}}
@media(max-width:420px){.site-header{gap:10px}.brand{gap:8px}.brand-text{font-size:1.25rem}.brand-text small{font-size:.55rem;letter-spacing:.1em}}
html[lang="es"] .b-title{font-size:clamp(4.2rem,12vw,12rem)}
html[lang="es"] .b-title .ln:nth-child(2){font-size:.7em;margin-left:.3em}
html[lang="es"] .s-title{font-size:clamp(4.8rem,15vw,15rem)}
@media(max-width:1100px){.site-nav[inert]{display:none}}
.directions-dialog{width:min(440px,calc(100% - 40px));max-height:calc(100svh - 40px);margin:auto;padding:32px;border:1px solid var(--gold);border-radius:16px;background:var(--bg);color:var(--fg);overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.directions-dialog::backdrop{background:rgba(12,10,8,.65);backdrop-filter:blur(5px)}
.directions-dialog h2{font-family:var(--f-salon);font-weight:400;font-size:2.2rem;line-height:1.1}
.directions-dialog p{margin-top:16px;color:var(--muted)}
.directions-options{display:grid;gap:12px;margin-block:24px}
.directions-options a{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:14px 18px;border:1px solid var(--line);border-radius:8px}
.directions-options a:hover{border-color:var(--accent);color:var(--accent)}
.directions-close{min-height:44px;padding:8px 0;border:0;background:none;color:var(--fg);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.language-bar{align-items:center;gap:24px}

.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:24px var(--pad);border-top:1px solid var(--line);font-size:.9rem}
.legal-links a{text-decoration:underline;text-underline-offset:4px}

.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;padding:24px var(--pad);border-top:1px solid var(--line);font-size:.9rem}
.footer-bottom .legal-links{padding:0;border:0;justify-content:flex-start}
.site-credit{margin-left:auto;text-align:right;text-decoration:underline;text-underline-offset:4px}

@keyframes ring-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
:root{--flow:linear-gradient(90deg,#a86f33 0%,#c8904f 36%,#f6dca8 46%,#fff6e0 50%,#f6dca8 54%,#c8904f 64%,#a86f33 100%);--fade:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
@keyframes flow{from{background-position:0 0}to{background-position:-200% 0}}
.gold-pill{--pill-bg:#1c1610;display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:12px 26px;border-radius:999px;color:var(--gold-hi);font:600 .95rem/1.2 var(--f-cond);letter-spacing:.16em;text-transform:uppercase;transition:color .4s var(--ease)}
.gold-pill:hover{--pill-bg:#2a2016;color:var(--paper)}
.header-cta{--pill-bg:var(--bg);padding:8px 18px;border-radius:999px}
.language-toggle{--pill-bg:var(--bg);border:0}
.language-toggle:hover{border:0;color:var(--accent)}
.gold-pill,.half-go,.home-directions,.home-team,.language-toggle,.header-cta,.wa-num{position:relative;isolation:isolate;overflow:hidden;background:transparent;box-shadow:0 0 16px rgba(214,163,95,.2)}
.gold-pill::before,.half-go::before,.home-directions::before,.home-team::before,.language-toggle::before,.header-cta::before,.wa-num::before{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:max(220%,120px);aspect-ratio:1;background:conic-gradient(from 0deg,#9a6630 0deg,#c8904f 30deg,#f6dca8 52deg,#ffffff 66deg,#ffffff 74deg,#f6dca8 88deg,#c8904f 112deg,#9a6630 150deg,#c8904f 210deg,#f6dca8 232deg,#ffffff 246deg,#ffffff 254deg,#f6dca8 268deg,#c8904f 292deg,#9a6630 330deg,#9a6630 360deg);transform:translate(-50%,-50%);animation:ring-spin 3.6s linear infinite;pointer-events:none}
.gold-pill::after,.half-go::after,.home-directions::after,.home-team::after,.language-toggle::after,.header-cta::after,.wa-num::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:inherit;background:var(--pill-bg);transition:background-color .4s var(--ease);pointer-events:none}
.home-team::before{animation-delay:-.9s}
.language-toggle::before{animation-delay:-1.8s}
.header-cta::before{animation-delay:-2.4s}
.half--salon .half-go::before{animation-delay:-1.4s}
.link-cta::after,.site-nav a::after{background:var(--flow);background-size:200% 100%;animation:flow 4s linear infinite}
.site-nav a::after{height:2px}
.site-header.is-scrolled{box-shadow:none}
.site-header::after,.visit-map::after,.ft-sign::after,.ft-base::before,.footer-bottom::before,.photo-hero::after,.t-hero::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--flow);background-size:200% 100%;-webkit-mask:var(--fade);mask:var(--fade);pointer-events:none;animation:flow 9s linear infinite}
.site-header::after,.visit-map::after,.ft-sign::after,.photo-hero::after,.t-hero::after{bottom:0}
.ft-base::before,.footer-bottom::before{top:0}
.photo-hero::after{z-index:2}
.site-header::after{opacity:.85}
.visit-map,.ft-sign{position:relative;border-bottom:0}
.ft-base,.footer-bottom,.t-hero{position:relative;border-top:0}
.ft-sign::after,.footer-bottom::before{animation-delay:-4s}
.photo-story figure{position:relative}
.photo-story figure::after{content:"";position:absolute;inset:12px;border:1.5px solid rgba(243,217,168,.7);pointer-events:none}
.photo-story figure img.is-collage{aspect-ratio:1152/1456}
.directions-dialog{border:2px solid var(--gold-hi);box-shadow:0 0 0 1px rgba(214,163,95,.25),0 0 40px rgba(214,163,95,.16),0 24px 80px rgba(0,0,0,.35)}
@media(max-width:900px){.photo-story figure img.is-collage{max-height:none}}
@media(prefers-reduced-motion:reduce){.wa-num::before,.theme-salon .s-head::after,.theme-salon .menu-head::after,.theme-salon .wa-cta::before,.theme-salon .link-ask::after{animation:none}.gold-pill::before,.half-go::before,.home-directions::before,.home-team::before,.language-toggle::before,.header-cta::before{animation:none;background:#c8904f}.link-cta::after,.site-nav a::after,.site-header::after,.visit-map::after,.ft-sign::after,.ft-base::before,.footer-bottom::before,.photo-hero::after,.t-hero::after{animation:none}}

.theme-salon .wa-num{--pill-bg:var(--bg);padding:13px 28px;border-radius:999px}
.theme-salon .wa-num::after,.theme-salon .wa-link:hover .wa-num::after{left:2px;right:2px;bottom:2px;top:2px;height:auto;transform:none;background:var(--pill-bg)}
.theme-salon .wa-link:hover .wa-num{--pill-bg:#1c1610}
.theme-salon .s-head::after,.theme-salon .menu-head::after{content:"";display:block;width:96px;height:2px;margin-top:6px;background:var(--flow);background-size:200% 100%;animation:flow 6s linear infinite}
.theme-salon .wa-cta{position:relative}
.theme-salon .wa-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--flow);background-size:200% 100%;-webkit-mask:var(--fade);mask:var(--fade);animation:flow 9s linear infinite}
.theme-salon .link-ask::after{height:2px;background:var(--flow);background-size:200% 100%;animation:flow 5s linear infinite}
.theme-salon .service-photo,.theme-salon .door-photo,.theme-salon .space-photos img{outline:1.5px solid rgba(233,197,138,.85);outline-offset:-10px;box-shadow:0 18px 40px -24px rgba(138,82,36,.45)}
.theme-salon .four-photo{box-shadow:0 0 0 3px var(--paper),0 0 0 4.5px #c8904f}
.theme-salon .space-photos figcaption{display:flex;align-items:center;gap:14px}
.theme-salon .space-photos figcaption::before{content:"";width:36px;height:1.5px;background:linear-gradient(90deg,#c8904f,#f3d9a8)}
@media(max-width:900px){.theme-salon .service-actions a:not(.service-whatsapp){border-color:rgba(200,144,79,.7)}}
.connect{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,112px);align-items:start;padding-block:clamp(64px,9vw,128px)}
.page-home .connect{--muted:#b5a898;--line:rgba(246,240,230,.14)}
.connect-title{font-family:var(--f-salon);font-style:italic;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1;letter-spacing:-.02em}
.theme-barber .connect-title,.page-home .connect-title{font-family:var(--f-barber);font-style:normal;letter-spacing:0}
.connect-head p{max-width:34ch;margin-top:18px;color:var(--muted)}
.connect-head::after{content:"";display:block;width:96px;height:2px;margin-top:26px;background:var(--flow);background-size:200% 100%;animation:flow 6s linear infinite}
.connect-list{border-top:1px solid var(--line)}
.connect-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:76px;padding-block:14px;border-bottom:1px solid var(--line)}
.connect-row:hover{color:inherit}
.connect-row:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.connect-icon{width:48px;height:48px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:50%;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:background .35s var(--ease),color .35s var(--ease)}
.connect-row:hover .connect-icon{background:var(--accent);color:var(--bg)}
.connect-kind{display:block;font-family:var(--f-cond);font-weight:600;font-size:.78rem;line-height:1.3;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.connect-value{display:block;margin-top:2px;font-size:1.12rem;line-height:1.35;overflow-wrap:anywhere}
.connect-go{color:var(--accent);transition:transform .4s var(--ease)}
.connect-row:hover .connect-go{transform:translate(3px,-3px)}
@media(max-width:900px){.connect{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:56px}.connect-row{gap:14px;min-height:68px;padding-block:10px}.connect-value{font-size:1.04rem}}
@media(prefers-reduced-motion:reduce){.connect-head::after{animation:none}.connect-icon,.connect-go{transition:none}}