/* Presentation tokens only. Booking and authority stay in the existing substrate. */
:root{--accent:#754c35;--surface:#f4efe7;--text:#28251f;--soft:#e6dbcb;--barber-red:var(--accent);--barber-blue:var(--accent);--barber-blue-dark:var(--text);--barber-red-dark:var(--text)}
[data-theme=nails]{--accent:#872e49;--surface:#fff5ef;--text:#332128;--soft:#f0d4ce}
[data-theme=lashes]{--accent:#62566e;--surface:#f5f2f0;--text:#302b34;--soft:#e2dae4}
[data-theme=ink]{--accent:#d7af79;--surface:#efede6;--text:#1c1d1b;--soft:#ded8ca}
body{background:var(--surface);color:var(--text)}
button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
[hidden]{display:none!important}.shell{width:min(1240px,90vw)}
.template-flag{border:0;box-shadow:none;background:var(--text);color:var(--surface);font-size:10px;font-weight:500;letter-spacing:.1em;padding:10px 5vw;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.template-flag a{text-decoration:underline;text-underline-offset:3px}.hero{min-height:auto;background:var(--surface);color:var(--text)}.hero:after{display:none}
.nav{height:100px;border-color:color-mix(in srgb,var(--text) 20%,transparent);gap:20px}.brand{min-width:0}.brand b{letter-spacing:.1em;font-size:13px}.brand small{color:var(--text);opacity:.75;font-size:8px;letter-spacing:.17em}.brand-mark{display:grid;place-items:center;border:0;background:none;width:40px;height:46px;color:var(--accent);font-size:48px;overflow:visible}.brand-mark img{width:44px;height:44px;object-fit:contain}.nav-links{color:var(--text);font-size:12px;gap:28px}.nav-links a{padding:12px 0}
.button{background:var(--text);color:var(--surface);border-color:var(--text);box-shadow:none;font-size:10px;letter-spacing:.08em;padding:18px 24px;min-height:48px;gap:12px}.button-ghost,.button-ghost-dark{background:transparent;color:var(--text);border-color:color-mix(in srgb,var(--text) 35%,transparent)}.button-light{background:var(--surface);color:var(--text);border-color:var(--surface)}.button:hover{background:var(--accent);color:var(--surface);filter:none}
.hero-grid{grid-template-columns:1.03fr 1fr;gap:64px;padding:56px 0 62px;align-items:center}.hero .eyebrow{color:var(--accent);font-size:10px;letter-spacing:.18em;margin-bottom:30px}.hero h1{font-weight:400;font-size:clamp(64px,7.2vw,104px);line-height:1;letter-spacing:-.065em;margin-bottom:30px}.hero h1 em{font-weight:400;color:var(--accent);text-shadow:none}.hero-lede{color:var(--text);font-size:17px;line-height:1.7;max-width:380px}.hero-actions{margin:32px 0 40px;gap:12px}.hero-footnote{display:flex;gap:24px;font-size:8px;letter-spacing:.08em;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--text) 20%,transparent)}.state-note{color:var(--text);opacity:.75;font-size:10px;line-height:1.6;margin-top:14px}.hero-art{min-height:570px}.photo-frame{inset:0 0 28px;border:0;background:var(--soft);border-radius:48% 48% 0 0}.photo-frame:before{background:radial-gradient(ellipse at 15% 10%,#fff9,transparent 50%);z-index:1}.photo-label{top:28px;left:0;width:100%;text-align:center;z-index:2;color:var(--text);font-size:8px;letter-spacing:.15em}.photo-copy{bottom:28px;left:32px;z-index:2;color:var(--text)}.photo-copy small{font-size:8px;letter-spacing:.1em;color:var(--text)}.photo-copy strong{font-size:30px;font-weight:400;line-height:1.1;white-space:pre-line}.art-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:.14em;color:var(--text);opacity:.7;width:100%;text-align:right}
.editorial-art{position:absolute;inset:0;overflow:hidden}.art-hair{background:radial-gradient(ellipse at 80% 40%,#b69678,transparent 58%),linear-gradient(125deg,#e7d9c5,#a87f58)}.art-hair i{position:absolute;width:80%;height:115%;border-radius:50%;border:24px solid #60402755;transform:rotate(-28deg);left:35%;top:-25%;box-shadow:inset 12px 0 20px #f5dfbf77,8px 0 18px #53392466}.art-hair i:nth-child(2){left:23%;border-width:9px}.art-hair i:nth-child(3){left:8%;border-width:14px}.art-hair i:nth-child(4){left:48%;border-width:5px}.art-hair i:nth-child(5){left:62%;border-width:18px}
[data-theme=nails] .photo-frame{border-radius:0}.art-nails{background:linear-gradient(135deg,#f0d3c5,#dca6a6)}.art-nails i{position:absolute;border-radius:100px 100px 70px 70px;width:19%;height:48%;left:7%;top:24%;background:linear-gradient(90deg,#992447,#d5728a 60%,#f8b2b9);transform:rotate(-22deg);box-shadow:14px 20px 24px #722b4930,inset -8px -2px 14px #691a3530}.art-nails i:nth-child(2){left:26%;top:17%;background:linear-gradient(90deg,#ac625c,#e9a598 60%,#f9c7b5)}.art-nails i:nth-child(3){left:45%;top:12%;background:linear-gradient(90deg,#713c46,#a96470 60%,#e3a8b4)}.art-nails i:nth-child(4){left:65%;top:15%;background:linear-gradient(90deg,#eee3d8,#fff9ed 60%,#cdbeb3)}.art-nails i:nth-child(5){display:none}
[data-theme=lashes] .photo-frame{border-radius:200px 200px 8px 8px}.art-lashes{background:radial-gradient(ellipse at 65% 25%,#f8f4f0,transparent 60%),linear-gradient(130deg,#c8bacf,#e8dce8)}.art-lashes i{position:absolute;left:15%;top:29%;width:72%;height:20%;border-radius:0 0 50% 50%;border-bottom:6px solid #544553;transform:rotate(-13deg)}.art-lashes i:before,.art-lashes i:after{content:'';position:absolute;width:2px;height:45px;background:#544553;bottom:-24px;left:25%;transform:rotate(22deg);transform-origin:top}.art-lashes i:after{left:70%;transform:rotate(-22deg);height:58px}.art-lashes i:nth-child(2){transform:translateY(3px) rotate(-13deg);border-width:2px}.art-lashes i:nth-child(3){transform:translateY(8px) rotate(-13deg);border-width:1px}.art-lashes i:nth-child(n+4){display:none}
[data-theme=ink] .hero{background:#20221f;color:#efede6}[data-theme=ink] .nav-links,[data-theme=ink] .brand small,[data-theme=ink] .hero-lede,[data-theme=ink] .hero .state-note{color:#efede6}[data-theme=ink] .hero .button{background:var(--accent);color:#1c1d1b;border-color:var(--accent)}[data-theme=ink] .hero .button-ghost{background:transparent;color:#efede6;border-color:#777}[data-theme=ink] .nav,[data-theme=ink] .hero-footnote{border-color:#ffffff30}[data-theme=ink] .photo-frame{border-radius:0;background:#393c34}[data-theme=ink] .photo-copy,[data-theme=ink] .photo-copy small,[data-theme=ink] .photo-label,[data-theme=ink] .art-caption{color:#efede6}.art-ink{background:radial-gradient(ellipse at 50% 45%,#5a5845,transparent 65%),#292d27}.art-ink i{position:absolute;left:26%;top:12%;width:50%;height:65%;border:1px solid #d7af79;transform:rotate(28deg);border-radius:50%}.art-ink i:nth-child(2){transform:rotate(-28deg)}.art-ink i:nth-child(3){transform:rotate(65deg)}.art-ink i:nth-child(4){transform:rotate(-65deg)}.art-ink i:nth-child(5){left:45%;top:36%;width:11%;height:19%;background:#d7af79;border-radius:0;transform:rotate(45deg)}
.ticker{border-block:1px solid color-mix(in srgb,var(--text) 18%,transparent);display:flex;justify-content:space-around;gap:24px;align-items:center;padding:22px 5vw;font-size:10px;letter-spacing:.14em;color:var(--text)}.ticker span{font-size:22px;color:var(--accent)}.section{padding:95px 0;border-color:color-mix(in srgb,var(--text) 15%,transparent)}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.14em}h2{font-size:clamp(40px,4.8vw,66px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.section-head{gap:100px;align-items:center}.section-head>p{font-size:15px;color:var(--text);line-height:1.8}.demo-note{display:block;font-size:10px;opacity:.75;margin-top:16px}.service-grid{gap:0;border-bottom:1px solid color-mix(in srgb,var(--text) 20%,transparent)}.service-card,.service-card:nth-child(even){background:transparent;border:0;border-top:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-right:1px solid color-mix(in srgb,var(--text) 20%,transparent);padding:25px 22px;min-height:330px}.service-card:last-child{border-right:0}.service-card h3{font-size:28px;font-weight:400;line-height:1.12;min-height:64px;margin:40px 0 18px}.service-card p{font-size:13px;color:var(--text);opacity:.8}.service-meta{display:grid;gap:4px;border:0;font-size:10px}.service-meta .unverified{color:var(--text);opacity:.7}.service-book{color:var(--text);border-color:color-mix(in srgb,var(--text) 20%,transparent);font-size:10px;min-height:48px}.service-index{color:var(--accent)}
.gallery-section{background:var(--soft);color:var(--text)}.gallery-section .eyebrow{color:var(--text)}.section-head.light>p{color:var(--text)}.gallery-grid{grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:230px 180px;gap:18px}.gallery-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 28%,var(--surface)),var(--surface));color:var(--text);border:0;padding:20px}.gallery-card:first-child{grid-row:span 2;border-radius:140px 140px 0 0}.gallery-card:last-child{grid-column:2/4}.gallery-card:before{border-color:color-mix(in srgb,var(--accent) 30%,transparent);border-width:35px;top:10%;right:5%;width:65%;height:70%;transform:rotate(-30deg)}.gallery-card:nth-child(even):after{display:none}.gallery-card span,.gallery-card b{color:var(--text);font-weight:400;font-size:8px;letter-spacing:.13em}.gallery-card:nth-child(2){background:var(--accent);color:var(--surface)}.gallery-card:nth-child(2) span,.gallery-card:nth-child(2) b{color:var(--surface)}.gallery-card:nth-child(2):before{border-color:#ffffff26}.barbers-section{background:var(--surface)}.barber-card{background:transparent;border:0;min-height:380px}.barber-visual{background:var(--soft);height:280px}.barber-visual:before{background:color-mix(in srgb,var(--accent) 38%,var(--soft));box-shadow:none;border-radius:90px 90px 0 0;width:160px;height:225px}.barber-visual span{font-size:8px}.barber-copy{padding:22px 0}.barber-copy h3{font-size:22px;font-weight:400}.barber-book{min-height:44px;font-size:9px;color:var(--text);border-color:var(--text)}.barber-copy p{font-size:12px;color:var(--text);opacity:.7}
.booking-section{background:var(--text);color:var(--surface)}.booking-section .eyebrow{color:var(--surface);opacity:.8}.booking-section p{color:var(--surface);opacity:.8;line-height:1.7}.booking-module{background:transparent;border-color:#ffffff44;box-shadow:none;padding:34px}.booking-module .button{background:var(--surface);color:var(--text)}.booking-module h3{font-size:30px;font-weight:400}.booking-module small{color:var(--surface);opacity:.75}.module-badge{border:0;letter-spacing:.12em}.visit-section,.faq-section{background:var(--surface)}.map-shell{border:0;min-height:420px;background:var(--soft)}.map-placeholder{border:0;background:linear-gradient(35deg,transparent 40%,#ffffff55 40% 42%,transparent 42% 65%,#ffffff55 65% 67%,transparent 67%),linear-gradient(120deg,transparent 40%,#ffffff55 40% 42%,transparent 42%),var(--soft)}.map-placeholder strong{font-weight:400;font-size:46px}.faq-grid{gap:0;grid-template-columns:1fr}.faq-grid details,.faq-grid details:nth-child(odd),.faq-grid details:nth-child(even){background:transparent;border:0;border-top:1px solid color-mix(in srgb,var(--text) 25%,transparent);padding:24px 0}.faq-grid summary{font-size:16px;font-weight:500}.faq-grid p{font-size:14px;max-width:760px;line-height:1.7;color:var(--text)}.brand-preview{background:var(--soft)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.brand-grid p{max-width:380px}.brand-controls{display:grid;gap:12px;align-content:start}.brand-controls label{font-size:11px;font-weight:700;letter-spacing:.08em}.brand-controls input{width:100%;font:inherit;padding:14px;border:1px solid color-mix(in srgb,var(--text) 30%,transparent);background:var(--surface);color:var(--text);border-radius:0}.brand-controls input[type=color]{height:54px;padding:5px}.brand-controls small{font-size:11px;line-height:1.6;color:var(--text)}.brand-controls .button{margin-top:10px}.final-cta{border:0;background:var(--text);color:var(--surface);padding:65px 0}.final-row h2{font-size:48px;max-width:650px}.footer{color:var(--text);padding:36px 0 50px}.footer a{text-decoration:underline;text-underline-offset:4px}.footer p{line-height:1.9}.photo-frame>img,.gallery-card>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.has-photo .editorial-art,.has-photo:before{display:none}.has-photo .photo-copy,.has-photo .photo-label,.gallery-card.has-photo span,.gallery-card.has-photo b{color:white;text-shadow:0 1px 8px #000;background:#0008;padding:6px}
.booking-dialog-frame{background:var(--surface);color:var(--text);border:0}.booking-pole{background:var(--accent);height:4px}.booking-dialog h2{font-size:44px;font-weight:400;max-width:90%;padding-right:24px}.preview-choice{color:var(--text);background:var(--surface);border-color:color-mix(in srgb,var(--text) 35%,transparent)}.preview-choice strong{font-weight:400}.preview-choice.is-selected{box-shadow:inset 4px 0 0 var(--accent);border-color:var(--accent)}.preview-close{background:var(--surface)}.preview-nav{background:var(--surface)}.preview-receipt{background:var(--text);border:0}.preview-receipt h3{font-size:30px;line-height:1.15}.toast{max-width:calc(100vw - 30px)}
@media(max-width:1000px){.hero-grid{gap:36px}.hero h1{font-size:76px}.hero-art{min-height:500px}.nav-links{display:none}.service-grid{grid-template-columns:1fr 1fr}.section-head,.brand-grid{gap:40px}.barber-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:40px;padding:40px 0}.hero h1{font-size:clamp(54px,13vw,78px)}.hero-art{min-height:470px;max-width:520px;width:100%;margin-inline:auto}.hero-actions{display:flex;flex-wrap:wrap;margin-bottom:26px}.hero-lede{max-width:100%}.hero-footnote{justify-content:space-between;gap:8px}.nav{height:80px}.nav>.button{display:none}.section{padding:60px 0}.section-head,.brand-grid,.visit-grid,.booking-grid{grid-template-columns:1fr;gap:24px}.section-head{margin-bottom:30px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 180px 180px}.gallery-card:first-child{grid-column:1/3;grid-row:auto}.gallery-card:last-child{grid-column:1/3}.barber-grid{grid-template-columns:1fr}.barber-card{min-height:0}.barber-visual{height:260px}.ticker{font-size:8px;gap:12px;flex-wrap:wrap;justify-content:center}.template-flag{font-size:8px}.final-row h2{font-size:40px}.final-row{display:grid}.booking-dialog h2{font-size:34px}.booking-dialog-frame{padding:28px 18px}.preview-stage h3{font-size:28px}.preview-choice-grid,.time-grid{grid-template-columns:1fr 1fr}.preview-choice{padding:14px}.preview-nav{padding-bottom:12px}.brand-preview h2{font-size:48px}}
@media(max-width:620px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(even){border-right:0;min-height:260px;padding:24px 0}.service-card h3{min-height:0;margin:22px 0 14px}.hero-actions{display:grid;grid-template-columns:1fr}.mobile-actions{padding-bottom:env(safe-area-inset-bottom);background:var(--text);box-shadow:0 -1px 0 #ffffff44}.mobile-actions a,.mobile-actions button{min-height:58px;padding:16px 6px;font-size:9px;letter-spacing:.05em}.mobile-actions>*:nth-child(1),.mobile-actions>*:nth-child(2){background:var(--surface);color:var(--text)}.mobile-actions>*:nth-child(3){background:var(--text);color:var(--surface)}.hero-art{min-height:420px}.photo-copy strong{font-size:26px}.footer{padding-bottom:28px}.preview-choice-grid,.time-grid{grid-template-columns:1fr}.preview-nav{bottom:-28px}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}