@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/optimized/font-1.215a93c696f4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/optimized/font-2.3787a5a41917.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/optimized/font-3.2515494e8cc2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/optimized/font-4.aa01966de3f6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/optimized/font-5.9fea608a947e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/optimized/font-5.9fea608a947e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/optimized/font-5.9fea608a947e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/optimized/font-5.9fea608a947e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{color-scheme:dark;--ink:#11181e;--panel:#1b252d;--paper:#f5efdf;--accent:#efca62;--muted:#b1bac1;--line:#aab4bc33;font-family:'DM Sans',Arial,sans-serif;color:var(--paper);background:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}body.has-cart{padding-bottom:104px}body.modal-open{overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif}h2{font-size:38px;line-height:1.05}button{color:inherit} .skip-link{position:fixed;left:16px;top:-60px;z-index:20;padding:12px;background:var(--accent);color:var(--ink)}.skip-link:focus{top:16px}
.header{height:82px;max-width:1240px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.wordmark{width:160px;height:74px;overflow:hidden;display:flex;align-items:center}.wordmark img{width:160px;filter:invert(1);mix-blend-mode:screen}.header-actions{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.change-salon span{margin-left:7px}.login{border:1px solid var(--line);padding:10px 15px;border-radius:8px;display:flex;gap:10px;align-items:center}.login:hover{border-color:var(--accent)}main{max-width:1240px;padding:24px 36px 64px;margin:auto}.loading{padding:100px 24px;text-align:center;color:var(--muted)}
.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:9px}h1{font-size:clamp(44px,6vw,72px);line-height:.95;letter-spacing:-.015em}.intro-meta{display:flex;flex-direction:column;align-items:end;gap:10px;font-size:13px;color:var(--muted)}.rating-link{color:var(--paper);display:flex;align-items:center;gap:7px}.rating-link strong{font-size:18px}.star{color:var(--accent)}.rating-link small{font-size:12px}.address-link{display:flex;gap:7px;align-items:center}.address-link:hover{text-decoration:underline}.address-link svg{width:16px;height:16px}
.gallery{height:346px;display:grid;grid-template-columns:1.55fr 1fr;gap:8px;position:relative;border-radius:12px;overflow:hidden}.gallery button{padding:0;background:var(--panel);border:0;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.gallery button:hover img{transform:scale(1.03)}.gallery-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery-side button{height:346px}.gallery .all-photos{position:absolute;right:16px;bottom:16px;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:7px;font-size:12px;font-weight:700;box-shadow:0 4px 20px #0004;display:flex;align-items:center;gap:8px}
.section-nav{display:flex;gap:30px;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:40px;font-size:13px;font-weight:600}.section-nav a{position:relative}.section-nav a:hover{color:var(--accent)}.section-nav a:first-child{color:var(--accent)}.section-nav a:first-child:after{content:'';position:absolute;left:0;right:0;bottom:-23px;height:2px;background:var(--accent)}
.salon-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:52px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.section-heading p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:9px}.service-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px;margin-bottom:10px}.service-tabs button{border:0;background:transparent;padding:13px 0;color:var(--muted);font-size:13px;position:relative;font-weight:600}.service-tabs button[aria-selected=true]{color:var(--paper)}.service-tabs button[aria-selected=true]:after{content:'';background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.category-filter{margin:15px 0 5px;display:flex;flex-wrap:wrap;gap:7px}.category-filter button{background:transparent;border:1px solid var(--line);font-size:11px;border-radius:20px;padding:8px 12px}.category-filter button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.service-name{font-family:'DM Sans',Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.service-row.selected .service-name{color:var(--accent)}.service-meta{font-size:12px;color:var(--muted);margin-top:6px}.service-price{font-size:17px;white-space:nowrap;font-weight:600}.select-service{border:1px solid var(--line);background:transparent;width:40px;height:40px;border-radius:50%;font-size:23px;display:grid;place-items:center;flex-shrink:0}.select-service:hover{border-color:var(--accent)}.selected .select-service{background:var(--accent);color:var(--ink);border-color:var(--accent);font-size:19px}.service-options{grid-column:1/-1;padding:0 0 5px;display:grid;gap:9px}.option-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:12px;border:1px solid var(--line);border-radius:7px;font-size:13px}.option-row.selected{border-color:var(--accent)}.option-info small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.option-row .select-service{width:32px;height:32px;font-size:19px}.option-controls{display:flex;align-items:center;gap:18px}.service-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:9px;max-width:450px}.browse-more{margin-top:20px;border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:600;padding:5px 0}.service-count{font-size:11px;color:var(--muted)}
.salon-aside{position:sticky;top:24px}.barber-card{position:relative;min-height:245px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:radial-gradient(ellipse at 95% 60%,#354550,var(--panel) 70%);padding:24px}.barber-card .eyebrow{font-size:10px}.barber-card h3{font-size:42px;position:relative;z-index:1;margin-top:65px;max-width:120px}.barber-card p{font-size:12px;color:var(--muted);position:relative;z-index:1;margin-top:7px}.barber-card img{position:absolute;height:220px;max-width:190px;object-fit:contain;right:-7px;bottom:-5px}.hours-card{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.hours-card h3{font-size:27px;margin-bottom:16px}.hours-card dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;margin:0}.hours-card dt,.hours-card dd{margin:0}.hours-card dd{color:var(--muted)}.hours-card .today{color:var(--accent);font-weight:700}.location-card{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;font-size:13px;line-height:1.7}.location-card a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);margin-top:12px}.location-card h3{font-size:27px;margin-bottom:11px}
.reviews-section,.team-section,.about-section{border-top:1px solid var(--line);padding-top:38px;margin-top:48px}.rating-summary{display:flex;gap:24px;align-items:center;margin:24px 0}.rating-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:70px;line-height:1}.rating-summary .stars{font-size:16px;letter-spacing:3px;color:var(--accent);margin-bottom:6px}.rating-summary p{font-size:12px;color:var(--muted)}.rating-dimensions{display:flex;gap:24px;font-size:11px;flex-wrap:wrap;margin-bottom:25px}.rating-dimensions span{color:var(--muted)}.rating-dimensions strong{color:var(--paper);margin-left:5px}.review-filter{display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:16px;color:var(--muted)}.review-filter select{color:var(--paper);border:1px solid var(--line);background:var(--ink);border-radius:6px;padding:9px 12px;max-width:100%}.review-card{padding:22px 0;border-bottom:1px solid var(--line)}.review-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:12px}.review-top .stars{color:var(--accent);letter-spacing:2px}.review-card blockquote{margin:0;font-size:15px;line-height:1.7}.review-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-top:13px}.verified{font-size:10px;color:var(--muted)}.source-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:20px}.source-note a{text-decoration:underline;text-underline-offset:3px}.empty-reviews{padding:25px 0;color:var(--muted);font-size:13px;line-height:1.6}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.team-grid.single{grid-template-columns:minmax(0,280px)}.team-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:9px;text-align:left}.team-portrait{width:100%;height:145px;object-fit:contain;object-position:center top;margin-bottom:10px}.team-card h3{font-size:29px}.team-card .team-rating{font-size:11px;margin-top:5px;color:var(--muted);line-height:1.5}.team-card .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:11px}.tags span{font-size:9px;border:1px solid var(--line);padding:4px 6px;border-radius:3px}.team-reviews{border:0;background:none;padding:12px 0 0;color:var(--accent);font-size:11px}.about-section>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:570px}.amenities{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;font-size:12px;line-height:1.8;color:var(--muted)}.amenities strong{color:var(--paper);display:block;margin-bottom:5px}.site-footer{border-top:1px solid var(--line);padding:28px 36px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:30px;font-size:12px}.site-footer p{font-size:10px;color:var(--muted);line-height:1.7;text-align:right}
.primary{background:var(--accent);color:var(--ink);border:0;border-radius:7px;padding:15px 21px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:22px}.booking-bar{position:fixed;bottom:0;left:0;right:0;z-index:8;background:var(--paper);color:var(--ink);padding:16px max(24px,calc((100vw - 1168px)/2));padding-bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;box-shadow:0 -6px 35px #0003}.cart-summary{background:none;border:0;text-align:left;padding:0;color:var(--ink)}.cart-label{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#555f65;margin-bottom:5px}.cart-count{font-size:13px;font-weight:600}.cart-count:after{content:' ⌃';margin-left:8px}.cart-total strong{font-size:20px;display:block}.cart-total span{font-size:10px;color:#555f65;display:block;margin-top:3px}.booking-bar .primary{background:var(--ink);color:var(--paper);min-width:200px}.cart-items{position:absolute;bottom:100%;left:0;right:0;max-height:45vh;overflow:auto;background:var(--paper);border-bottom:1px solid #ddd2b9;padding:14px max(24px,calc((100vw - 1168px)/2));box-shadow:0 -8px 25px #0002}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:10px 0}.cart-item button{color:var(--ink);background:transparent;border:0;text-decoration:underline;font-size:11px}
dialog{color:var(--paper);border:1px solid var(--line);background:var(--ink);padding:0;border-radius:12px}dialog::backdrop{background:#070d12dc;backdrop-filter:blur(5px)}.booking-dialog{width:min(1020px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-height:none;max-width:none;overflow:hidden}.booking-dialog[open]{display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;gap:20px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-header h2{font-size:28px}.dialog-header .eyebrow{font-size:9px;margin-bottom:4px}.icon-button{border:1px solid var(--line);background:transparent;width:36px;height:36px;border-radius:50%;font-size:25px;display:grid;place-items:center;flex-shrink:0}.booking-help{font-size:11px;color:var(--muted);padding:12px 24px;line-height:1.5;flex-shrink:0}.frame-wrap{position:relative;flex:1;min-height:0;background:#fff;color:#111;overflow:hidden}.frame-wrap iframe{width:100%;height:100%;border:0;display:block;background:white}.frame-wrap>p{position:absolute;left:0;right:0;top:20px;text-align:center;font-size:12px;pointer-events:none;z-index:1;background:white;padding:12px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 24px;font-size:10px;color:var(--muted);flex-shrink:0}.text-button{font-size:11px;color:var(--paper);background:none;border:0;padding:5px 0}.dialog-footer a{text-decoration:underline;text-underline-offset:3px}.photo-dialog{width:min(1050px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.photo-dialog>img{max-height:calc(100dvh - 180px);width:100%;object-fit:contain;display:block;background:#090f14}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:30px;padding:14px;font-size:12px}
@media(max-width:900px){.salon-grid{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.gallery{height:300px}.gallery-side button{height:300px}.gallery-side{grid-template-columns:1fr}.gallery-side button:nth-child(2){display:none}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barber-card{padding:18px}.barber-card img{max-width:160px}.service-row{gap:14px}}
@media(max-width:680px){html{scroll-padding-top:24px}.header{height:70px;padding:0 18px}.wordmark,.wordmark img{width:120px}.header-actions{gap:16px;font-size:11px}.change-salon span{display:none}.login{padding:8px 10px;gap:6px}.login svg{width:15px;height:15px}main{padding:17px 18px 40px}.intro{display:block;margin-bottom:19px}.eyebrow{font-size:10px;margin-bottom:10px}h1{font-size:52px}.intro-meta{align-items:start;margin-top:15px;gap:9px}.rating-link{gap:5px;font-size:12px}.rating-link strong{font-size:15px}.rating-link small{font-size:11px}.address-link{font-size:12px}.gallery{height:230px;grid-template-columns:1fr}.gallery-side{display:none}.gallery .all-photos{padding:8px 11px;right:12px;bottom:12px;font-size:11px}.section-nav{gap:27px;padding:20px 0;margin-bottom:29px;font-size:12px}.section-nav a:first-child:after{bottom:-21px}.salon-grid{display:flex;flex-direction:column;gap:30px}.salon-main{width:100%;min-width:0}.salon-aside{position:static;width:100%;display:grid;grid-template-columns:1fr;gap:22px}.barber-card{display:none}.hours-card,.location-card{margin:0;padding:24px 0 0}.hours-card dl{gap:12px;font-size:13px}.location-card h3,.hours-card h3{font-size:30px}h2{font-size:34px}.section-heading{margin-bottom:18px}.section-heading p{font-size:12px}.service-tabs{gap:25px}.service-tabs button{font-size:12px}.service-row{padding:20px 0;gap:13px}.service-name{font-size:14px}.service-meta{font-size:11px}.service-price{font-size:15px}.select-service{width:36px;height:36px}.category-filter{gap:6px}.category-filter button{font-size:10px;padding:7px 10px}.option-row{padding:10px;font-size:12px}.service-note{font-size:10px}.reviews-section,.team-section,.about-section{padding-top:29px;margin-top:35px}.rating-summary{margin:20px 0;gap:18px}.rating-number{font-size:60px}.rating-dimensions{gap:20px}.review-card blockquote{font-size:14px}.review-bottom{font-size:10px}.review-filter select{max-width:70%}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.team-grid.single{grid-template-columns:1fr}.team-grid.single .team-card{display:grid;grid-template-columns:95px 1fr;column-gap:18px}.team-grid.single .team-portrait{height:130px;grid-row:1/6;margin:0}.team-grid.single .team-card h3{align-self:end}.team-card{padding:12px;min-width:0}.team-portrait{height:105px}.team-card h3{font-size:24px}.team-card .team-rating{font-size:9px}.team-card .tags{gap:3px}.tags span{font-size:8px}.amenities{gap:18px}.site-footer{padding:25px 18px;display:block}.site-footer p{text-align:left;margin-top:14px;font-size:9px}.booking-bar{padding:13px 18px max(13px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:10px 15px}.booking-bar .cart-summary{grid-column:1}.cart-total{grid-column:2;grid-row:1;text-align:right}.booking-bar .continue{grid-column:1/-1;width:100%;padding:14px 18px}.cart-label{font-size:9px;margin-bottom:4px}.cart-count{font-size:11px}.cart-total strong{font-size:18px}.cart-items{padding:10px 18px}.cart-item{font-size:11px}.cart-item button{font-size:10px}body.has-cart{padding-bottom:139px}.booking-dialog{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.dialog-header{padding:15px 18px;padding-top:max(15px,env(safe-area-inset-top))}.dialog-header h2{font-size:25px}.booking-help{padding:10px 18px;font-size:10px}.dialog-footer{padding:10px 18px max(10px,env(safe-area-inset-bottom));gap:12px;flex-wrap:wrap}.photo-dialog .dialog-header{padding:15px}.photo-dialog>img{max-height:calc(100dvh - 160px)}}
.wordmark img{height:auto}
.dialog-header h2{line-height:30px}.dialog-header .eyebrow{line-height:12px}.booking-help{line-height:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}}

/* Calendar state belongs to Loris; Treatwell supplies slots and checkout. */
.booking-flow{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px}.booking-service-summary{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:20px}
.booking-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.booking-controls label{display:block;font-size:10px;font-weight:600;color:var(--muted);min-width:0}.booking-controls input,.booking-controls select{font:inherit;font-size:12px;color:var(--paper);background:var(--panel);border:1px solid var(--line);border-radius:7px;width:100%;min-width:0;min-height:44px;margin-top:7px;padding:10px}.booking-controls input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.availability-status{font-size:12px;line-height:1.6;margin:22px 0 12px;color:var(--muted)}
.booking-times,.other-salon-times{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.booking-time{padding:10px 6px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:14px;font-weight:600}.booking-time:hover{border-color:var(--accent)}.booking-time[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.booking-alternatives{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.booking-alternatives h2{font-size:32px;line-height:1.1}.booking-alternatives .eyebrow{font-size:9px}.alternatives-context{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 20px;text-transform:capitalize}
#other-salon-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.other-salon-card{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:20px;min-width:0}.other-salon-info h3{font-size:30px;line-height:1.1;margin:6px 0}.other-salon-info p{font-size:11px;color:var(--muted);line-height:1.6}.other-salon-info .other-salon-detail{color:var(--paper);margin-top:10px;font-size:12px}.other-salon-info .other-staff{font-size:10px;margin:9px 0}.salon-mode{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.walk-in-card{display:grid;grid-template-columns:68px 1fr;gap:14px;border-color:#efca6266;align-items:center}.walk-in-card .salon-mode{color:var(--accent)}.walk-in-portrait{height:100px;width:68px;overflow:hidden}.walk-in-portrait img{width:68px;height:100px;object-fit:contain;object-position:bottom}
.other-salon-times{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.other-salon-times .booking-time{font-size:12px}.other-salon-action{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:44px;font-size:11px;font-weight:600;color:var(--accent);padding:12px 0 0}.other-salon-action:hover{text-decoration:underline}.show-other-times{background:transparent;border:0;font-size:10px;color:var(--accent);min-height:44px;padding:12px 0 0;text-align:left}.other-salons-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:18px;max-width:630px}
.slot-selection{flex-shrink:0;border-top:1px solid #efca6266;background:#efca620c;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.slot-selection strong{font-size:12px;line-height:1.6;display:block}.slot-selection p{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.slot-selection .primary{flex-shrink:0;font-size:12px;padding:13px 16px;min-height:44px}.slot-notice{flex-shrink:0;padding:10px 24px;font-size:11px;line-height:1.6;color:var(--accent)}.slot-notice:empty{display:none}
@media(max-width:680px){.booking-flow{padding:20px 18px}.booking-service-summary{font-size:11px;margin-bottom:18px}.booking-controls{grid-template-columns:1fr 1fr;gap:12px}.employee-control{grid-column:1/-1}.booking-controls input,.booking-controls select{font-size:12px}.booking-times{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.availability-status{font-size:11px;margin-top:20px}.booking-alternatives{margin-top:24px;padding-top:23px}.booking-alternatives h2{font-size:29px}.alternatives-context{font-size:10px;margin-bottom:17px}#other-salon-list{grid-template-columns:1fr;gap:12px}.other-salon-card{padding:16px}.other-salon-info h3{font-size:27px}.other-salon-info .other-salon-detail{font-size:11px}.slot-selection{padding:12px 18px;display:block}.slot-selection strong{font-size:11px}.slot-selection .primary{margin-top:10px;width:100%;font-size:12px;padding:12px}.slot-notice{padding:8px 18px;font-size:10px}}
/* The three locations and the appointment belong to one continuous flow. */
.appointment-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.appointment-heading h1{font-size:clamp(44px,5.5vw,68px);line-height:1}
.appointment-heading p{color:var(--muted);font-size:14px;margin-top:12px}
.salon-info-shortcut{font-size:12px;color:var(--muted);white-space:nowrap;padding:10px 0}
.salon-info-shortcut:hover{color:var(--accent)}
.location-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.location-choice{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:130px auto;align-items:center;text-align:left;padding:0 18px 14px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;transition:border-color .15s,background .15s}
.location-choice:hover{border-color:#efca6280}
.location-choice[aria-pressed=true]{border-color:var(--accent);background:#252c2e;box-shadow:inset 0 -3px var(--accent)}
.location-visual{position:relative;align-self:stretch;min-width:0;overflow:hidden}
.location-visual img{display:block;width:110px;height:140px;object-fit:contain;object-position:center top;pointer-events:none}
.location-check{position:absolute;top:12px;left:0;width:21px;height:21px;display:grid;place-items:center;font-size:12px;color:var(--ink);border-radius:50%}
.location-choice[aria-pressed=true] .location-check{background:var(--accent)}
.location-copy{display:grid;gap:5px;min-width:0;z-index:1}
.location-copy strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;line-height:1.05;text-wrap:balance}
.location-copy>span{font-size:13px;color:var(--muted)}
.location-copy small{font-size:10px;color:var(--muted);line-height:1.5}
.location-choice[aria-pressed=true] .location-copy strong{color:var(--accent)}
.location-quote{grid-column:1/-1;align-self:start;border-top:1px solid var(--line);padding-top:10px;font-size:10px;line-height:1.5;color:var(--muted);height:41px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.selected-location{display:grid;gap:6px;margin-top:16px;padding:15px 18px;border-left:3px solid var(--accent);background:#efca620b;border-radius:0 7px 7px 0}
.selected-location strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;line-height:1.05;color:var(--accent)}
.selected-location>span{font-size:12px;line-height:1.6;color:var(--paper)}
.selected-location>p{font-size:12px;line-height:1.6;color:var(--muted)}
.selection-notice{font-size:11px;line-height:1.6;color:var(--accent);min-height:30px;padding:8px 0 6px}
.location-change{padding:17px 20px;margin-top:12px;border-left:3px solid var(--accent);background:var(--panel);border-radius:0 7px 7px 0;font-size:12px;line-height:1.7}
.location-change>div{display:flex;align-items:center;gap:22px;margin-top:14px;flex-wrap:wrap}
.location-change .primary{min-height:44px;padding:12px 16px;font-size:12px}
.location-change .text-button{min-height:44px}
.appointment-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:45px;align-items:start}
.appointment-grid .section-heading{margin-bottom:10px;min-height:70px}
.appointment-grid .section-heading .eyebrow{font-size:10px;margin-bottom:7px}
.appointment-grid .section-heading h2{font-size:36px}
.appointment-grid .section-heading p{font-size:11px;margin-top:7px}
.appointment-grid #services{min-width:0}
.appointment-grid .service-row{padding:17px 0;gap:17px}
.appointment-grid .service-row[data-service],.appointment-grid .option-row{cursor:pointer}
.appointment-grid .service-row[data-service]:hover .service-name{color:var(--accent)}
.appointment-grid .service-name{font-size:14px}
.appointment-grid .service-price{font-size:15px}
.appointment-grid .select-service{width:44px;height:44px}
.appointment-grid .service-meta{margin-top:4px;font-variant-numeric:tabular-nums}
.extra-services>summary{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;padding:20px 0;min-height:44px;list-style:none;color:var(--muted)}
.extra-services>summary::-webkit-details-marker,.salon-details>summary::-webkit-details-marker{display:none}
.extra-services>summary>span:last-child{margin-left:auto;font-size:21px}
.extra-services[open]>summary>span:last-child{transform:rotate(45deg)}
.extra-services>summary:hover{color:var(--accent)}
.inline-booking{min-width:0;border-left:1px solid var(--line);padding-left:32px}
.inline-booking .booking-flow{padding:0;overflow:visible;overscroll-behavior:auto}
.inline-booking .booking-controls{grid-template-columns:1fr 1fr;gap:12px}
.inline-booking .employee-control{grid-column:1/-1}
.inline-booking .availability-status{min-height:39px;margin:18px 0 12px}
.inline-booking .booking-times{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.booking-time{font-variant-numeric:tabular-nums;transition:background .12s,border-color .12s}
.inline-booking .booking-alternatives{margin-top:24px;padding-top:20px}
.inline-booking .booking-alternatives h2{font-size:26px}
.inline-booking .alternatives-context{margin:8px 0 14px}
.inline-booking #other-salon-list{grid-template-columns:1fr}
.inline-booking .other-salon-card{padding:16px}
.inline-booking .other-salon-info h3{font-size:25px}
.inline-booking .other-salons-note{margin-top:12px}
.inline-booking .slot-selection{margin-top:18px;padding:14px 16px;border-radius:7px;display:block}
.inline-booking .slot-notice{padding:10px 0}
.availability-fallback{display:inline-flex;font-size:12px;color:var(--accent);text-decoration:underline;margin-top:14px;min-height:44px;align-items:center}
.salon-information{margin-top:40px;border-top:1px solid var(--line)}
.salon-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}
.salon-details>summary strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;line-height:1.1;display:block}
.salon-details>summary small{font-size:11px;color:var(--muted);display:block;margin-top:7px}
.salon-details-rating{display:flex;align-items:center;gap:9px;font-size:13px;flex-shrink:0}
.salon-details-rating>span:last-child{font-size:25px;margin-left:10px}
.salon-details[open] .salon-details-rating>span:last-child{transform:rotate(45deg)}
.salon-details-content{padding-top:15px}
.salon-details-content .intro h2{font-size:42px}
.salon-details-content .reviews-section{margin-top:0;border-top:0;padding-top:0}
.salon-details-content .hours-card{margin-top:0;padding-top:0;border-top:0}
.salon-information>h2{margin-top:24px;font-size:30px}
.salon-information>p{font-size:13px;color:var(--muted);line-height:1.7;margin:13px 0}
.salon-information>a{font-size:12px;color:var(--accent)}
.walk-in-plan{position:relative;display:grid;grid-template-columns:1fr 220px;gap:25px;align-items:center;min-height:285px;padding:30px 34px;background:var(--panel);border-radius:10px;overflow:hidden}
.walk-in-plan h2{font-size:44px;max-width:450px}
.walk-in-plan p{font-size:14px;line-height:1.7;max-width:430px;margin-top:15px;color:var(--muted)}
.walk-in-plan .walk-in-address{font-size:12px}
.walk-in-plan .walk-in-directions{display:inline-flex;min-height:44px;margin-top:20px}
.walk-in-plan small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:15px;max-width:350px}
.walk-in-plan>img{width:220px;height:300px;object-fit:contain;object-position:center top;align-self:end;margin-bottom:-70px}
body[data-salon=campi] .salon-information,body[data-salon=campi] .salon-info-shortcut{display:none}
.booking-bar .cart-label{text-transform:none;letter-spacing:0;line-height:1.4}
.cart-venue{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;line-height:1.05;color:var(--ink);margin-bottom:4px}
.cart-label>span{display:block;font-size:11px;color:#555f65}
.booking-bar .continue:disabled{opacity:1;background:#dcd8cc;color:#626767}
.booking-bar .continue:disabled:hover{background:#dcd8cc}
.cart-total{font-variant-numeric:tabular-nums}
summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1050px){.location-choice{grid-template-columns:90px minmax(0,1fr);padding-right:14px}.location-visual img{width:90px}.location-copy strong{font-size:28px}.appointment-grid{gap:26px}.inline-booking{padding-left:26px}}
@media(max-width:760px){
  main{padding:15px 18px 38px}.appointment-heading{margin-bottom:20px;display:block}.appointment-heading h1{font-size:46px}.appointment-heading p{font-size:12px;margin-top:9px}.appointment-heading .eyebrow{display:none}.salon-info-shortcut{display:inline-flex;gap:10px;margin-top:8px;font-size:11px}
  .location-choices{gap:8px}.location-choice{grid-template-columns:minmax(0,1fr);grid-template-rows:76px 82px 36px;padding:0 8px 9px;text-align:center}.location-visual{width:100%;height:76px}.location-visual img{width:100%;height:100px;object-position:center 0}.location-check{width:18px;height:18px;font-size:11px;top:10px;left:0}.location-copy{gap:3px;align-self:start;padding-top:4px}.location-copy strong{font-size:23px;min-height:48px;display:flex;align-items:center;justify-content:center}.location-copy>span{font-size:11px}.location-copy small{font-size:9px;line-height:1.4;min-height:25px}.location-quote{font-size:9px;text-align:center;padding-top:8px;height:36px}
  .selected-location{padding:13px 15px;margin-top:13px}.selected-location strong{font-size:28px}.selected-location>span{font-size:11px}.selection-notice{min-height:30px;font-size:10px}.location-change{padding:15px;font-size:11px}.location-change>div{gap:14px}
  .appointment-grid{grid-template-columns:1fr;gap:27px}.appointment-grid .section-heading{min-height:0;margin-bottom:7px}.appointment-grid .section-heading h2{font-size:32px}.appointment-grid .section-heading .eyebrow{font-size:9px}.appointment-grid .service-row{padding:14px 0;gap:12px}.appointment-grid .service-name{font-size:13px}.appointment-grid .service-price{font-size:14px}.extra-services>summary{padding:15px 0}
  .inline-booking{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.inline-booking .section-heading{margin-bottom:18px}.inline-booking .booking-times{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-booking .availability-status{margin-top:16px;font-size:11px}.inline-booking .booking-alternatives h2{font-size:25px}
  .salon-information{margin-top:29px}.salon-details>summary{padding:20px 0;gap:12px}.salon-details>summary strong{font-size:26px}.salon-details>summary small{font-size:10px;line-height:1.5}.salon-details-rating{gap:6px;font-size:12px}.salon-details-rating>span:last-child{margin-left:4px}
  .walk-in-plan{padding:24px 20px;grid-template-columns:minmax(0,1fr) 100px;gap:10px;min-height:305px}.walk-in-plan h2{font-size:35px}.walk-in-plan p{font-size:12px}.walk-in-plan .walk-in-address{font-size:10px}.walk-in-plan>img{width:135px;height:220px;margin:0 -25px -45px}.walk-in-plan .walk-in-directions{padding:13px;font-size:12px;gap:14px}
  .booking-bar{padding:11px 18px max(11px,env(safe-area-inset-bottom));gap:9px 14px}.booking-bar .cart-label{font-size:10px;max-width:260px}.booking-bar .continue{min-height:44px;padding:12px 15px}.cart-total strong{font-size:18px}.cart-count{font-size:11px}body.has-cart{padding-bottom:132px}
}
@media(max-width:360px){.location-choice{padding:0 6px 9px}.location-copy strong{font-size:22px}.location-copy small{font-size:8px}.location-choices{gap:6px}.appointment-heading h1{font-size:42px}.walk-in-plan{grid-template-columns:1fr 76px}.walk-in-plan>img{width:110px}}
@media(prefers-reduced-motion:reduce){.location-choice,.booking-time{transition:none}}

:root{color-scheme:dark;--ink:#11181e;--panel:#1b252d;--paper:#f5efdf;--accent:#efca62;--muted:#b1bac1;--line:#aab4bc33;font-family:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--paper);outline-offset:5px}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:30;left:16px;top:-100px;padding:12px;background:var(--accent);color:var(--ink)}.skip-link:focus{top:12px}
.select-screen{--character-accent:#efca62;max-width:1800px;margin:auto}.select-screen[data-character=campi]{--character-accent:#ebb381}.select-screen[data-character=scandicci]{--character-accent:#9bceda}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line)}.brand img{display:block;width:112px;height:auto;filter:invert(1)}.site-header h1{font-size:14px;font-weight:600;letter-spacing:.05em}
.selection-arena{min-height:calc(100svh - 76px);display:flex;flex-direction:column}.stage{position:relative;isolation:isolate;flex:1;min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 53% 50%,#34424b 0,#1b2730 48%,#11181e 82%);touch-action:pan-y}.stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background:linear-gradient(115deg,transparent 0 30%,#bcc5c80c 30% 30.2%,transparent 30.2% 68%,#bcc5c80c 68% 68.2%,transparent 68.2%),repeating-linear-gradient(0deg,transparent 0 70px,#aab4bc16 71px)}.stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(transparent,#11181e);pointer-events:none;z-index:1}
.stage-heading{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,4vw,64px)}.stage-heading h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(26px,2.7vw,38px);font-weight:700;text-transform:uppercase;letter-spacing:.015em}.selection-status{font-size:12px;letter-spacing:.13em;color:var(--muted);border:1px solid var(--line);padding:8px 12px}
.character-name{position:absolute;left:4%;top:22%;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(100px,20vw,300px);font-weight:900;line-height:.82;letter-spacing:-.025em;color:var(--character-accent);opacity:.14;transform:skew(-7deg);pointer-events:none;transition:color .18s}.portrait-window{position:absolute;inset:58px 26% 0 24%;overflow:hidden;z-index:1;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.hero-portrait{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;transform:translateX(20px) scale(.98);transition:opacity .2s,transform .24s cubic-bezier(.2,.7,.2,1);mask-image:linear-gradient(#000 0 77%,transparent 100%)}.hero-portrait.is-visible{opacity:1;transform:translateX(0) scale(1)}
.direction{position:absolute;z-index:5;top:50%;width:48px;height:54px;display:grid;place-items:center;background:#11181e88;border:1px solid var(--line);transition:background .15s,border-color .15s}.direction:hover{background:#34424b;border-color:var(--character-accent)}.direction svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.direction-prev{left:clamp(20px,4vw,64px)}.direction-next{right:clamp(20px,4vw,64px)}
.location-panel{position:absolute;z-index:3;left:clamp(20px,4vw,64px);bottom:72px;max-width:31%}.location-label{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--character-accent)}.location-panel h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(42px,5vw,76px);line-height:1;font-weight:800;margin:8px 0 10px}.location-address{font-size:16px;color:var(--muted);line-height:1.4}.booking-mode{display:inline-block;margin-top:18px;font-size:14px;font-weight:600;border-bottom:2px solid var(--character-accent);padding-bottom:6px}.stage-footnote{position:absolute;z-index:3;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);bottom:18px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.14em;color:var(--muted)}
.control-deck{position:relative;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:44px;align-items:center;padding:18px clamp(20px,4vw,64px) 25px;border-top:1px solid var(--line);background:linear-gradient(180deg,#23313b,#11181e)}.roster-block{min-width:0}.input-hint{font-size:12px;color:var(--muted);margin:0 0 12px}.roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-card{position:relative;display:flex;align-items:center;min-width:0;height:112px;border:1px solid #6a7780;padding:0;background:#26313a;overflow:visible;text-align:left;transition:transform .16s,border-color .16s,background .16s}.character-card:hover{border-color:var(--paper);background:#34424b}.character-card.is-selected{z-index:2;border:2px solid var(--character-accent);background:#36414a;transform:translateY(-4px);box-shadow:0 5px 0 -2px var(--character-accent)}.card-portrait{position:relative;align-self:stretch;width:42%;overflow:hidden;mask-image:linear-gradient(90deg,#000 70%,transparent)}.card-portrait img{width:150%;max-width:none;position:absolute;top:-3px;left:-22%;height:auto}.card-info{position:relative;min-width:0;padding:16px 5px 8px 0;display:flex;flex-direction:column;gap:5px;flex:1}.card-info strong{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;font-size:clamp(22px,2.2vw,32px);line-height:1}.card-info>span{font-size:12px;line-height:1.25;color:var(--muted)}.selected-tag{display:none;position:absolute;top:-10px;right:9px;font-size:10px;font-weight:700;letter-spacing:.1em;background:var(--character-accent);color:var(--ink);padding:3px 7px}.is-selected .selected-tag{display:block}.confirm-block{padding-top:24px}.confirm-button{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 23px;border:0;background:var(--character-accent);color:var(--ink);box-shadow:0 4px 0 #080d12;font-size:18px;font-weight:700;transition:background .15s,transform .15s}.confirm-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.confirm-button:active{transform:translateY(2px)}.confirm-symbol{font-size:26px;font-weight:400}.confirm-hint{font-size:12px;line-height:1.4;color:var(--muted);margin-top:10px}
.confirmation{position:fixed;width:min(720px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid #72828c;background:var(--ink);color:var(--paper);overflow:auto;box-shadow:0 24px 100px #000a}.confirmation[open]{display:grid;grid-template-columns:.85fr 1.15fr;animation:ready-in .2s ease-out}.confirmation::backdrop{background:#080d12c9;backdrop-filter:blur(8px)}.close-confirmation{position:absolute;z-index:2;right:12px;top:10px;min-width:44px;min-height:44px;background:var(--ink);border:1px solid var(--line);font-size:28px}.confirmation-portrait{overflow:hidden;background:#26313a}.confirmation-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}.confirmation-content{padding:64px 32px 28px}.ready-label{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent)}.ready-label span{margin-right:6px}.confirmation h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:44px;line-height:1;margin:16px 0}.confirmation-content>p:not(.external-hint){font-size:16px;line-height:1.6;color:var(--muted)}.booking-link{display:block;margin-top:28px;padding:16px;background:var(--accent);color:var(--ink);font-size:16px;text-align:center;text-decoration:none;font-weight:700}.external-hint{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 20px;text-align:center}.change-selection{border:0;border-bottom:1px solid var(--muted);padding:4px 0;background:none;font-size:14px}.no-script{padding:20px;display:grid;gap:16px}.selection-arena.is-changing .character-name{animation:name-in .2s ease-out}@keyframes name-in{from{opacity:.04;transform:skew(-7deg) translateX(-12px)}to{opacity:.14;transform:skew(-7deg) translateX(0)}}@keyframes ready-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.selection-arena{height:calc(100svh - 76px);min-height:660px}.stage{min-height:400px}.control-deck{min-height:206px}}
@media(max-width:899px){.site-header{height:60px;padding:0 20px}.brand img{width:94px}.site-header h1{font-size:12px}.selection-arena{min-height:calc(100svh - 60px)}.stage{min-height:360px}.stage-heading{padding:18px 20px}.stage-heading h2{font-size:28px}.selection-status{font-size:10px;padding:6px 8px}.character-name{left:4%;top:20%;font-size:25vw}.portrait-window{inset:45px 3% 0 10%}.direction{width:42px;height:46px;top:44%}.direction-prev{left:14px}.direction-next{right:14px}.location-panel{left:20px;right:20px;bottom:18px;max-width:none}.location-label,.stage-footnote{display:none}.location-panel h3{font-size:44px;margin:0 0 4px}.location-address{font-size:14px}.booking-mode{position:absolute;right:0;bottom:3px;margin:0;font-size:12px;padding-bottom:4px}.stage:after{height:43%;background:linear-gradient(transparent 0,#11181e 84%)}.control-deck{display:block;padding:12px 16px max(14px,env(safe-area-inset-bottom));background:var(--ink)}.input-hint{text-align:center;font-size:12px;margin-bottom:13px}.roster{gap:8px}.character-card{height:130px;flex-direction:column}.card-portrait{width:100%;flex:1;min-height:0;mask-image:linear-gradient(#000 70%,transparent)}.card-portrait img{width:100%;left:0;top:-7%}.card-info{flex:0 0 48px;width:100%;padding:0 4px 6px;align-items:center;gap:3px;text-align:center}.card-info strong{font-size:23px}.card-info>span{font-size:12px}.selected-tag{top:-9px;left:50%;right:auto;transform:translateX(-50%)}.confirm-block{padding-top:16px}.confirm-button{min-height:52px;font-size:16px;padding:12px 18px}.confirm-hint{text-align:center;margin-top:8px}.confirmation[open]{grid-template-columns:1fr}.confirmation-portrait{height:150px}.confirmation-portrait img{object-position:50% 19%}.confirmation-content{padding:24px}.confirmation h2{font-size:36px}.confirmation h2 br{display:none}.booking-link{margin-top:20px}}
@media(max-width:899px) and (min-height:640px){.selection-arena{height:calc(100svh - 60px)}.stage{min-height:0}.control-deck{flex:0 0 auto}}
@media(max-width:480px){.stage-heading h2{font-size:24px}.selection-status{font-size:9px;letter-spacing:.05em}.character-name{top:22%;font-size:28vw}.portrait-window{left:4%;right:4%}.location-panel h3{font-size:38px}.booking-mode{position:static;display:block;border:0;padding:0;margin-top:5px;font-size:12px}.location-panel{bottom:14px}.location-address{font-size:13px}.character-card{height:120px}.card-info strong{font-size:22px}.card-info>span{font-size:12px;letter-spacing:-.02em}.confirm-block{padding-top:14px}.confirmation-portrait{height:140px}}
@media(max-height:680px) and (max-width:899px){.site-header{height:52px}.selection-arena{min-height:calc(100svh - 52px)}.stage{min-height:290px}.stage-heading{padding-top:12px;padding-bottom:12px}.stage-heading h2{font-size:22px}.location-panel h3{font-size:34px}.character-card{height:104px}.input-hint{margin-bottom:11px}.control-deck{padding-top:10px;padding-bottom:10px}.confirm-block{padding-top:12px}.confirm-button{min-height:48px}.confirm-hint{margin-top:6px}.confirmation-portrait{height:110px}.confirmation-content{padding-top:20px}}
@media(max-height:540px) and (min-width:700px){.selection-arena{height:auto;min-height:680px}.stage{min-height:400px}.control-deck{display:grid;grid-template-columns:1fr .6fr}.character-card{flex-direction:row;height:96px}.card-portrait{width:42%}.card-info{align-items:flex-start;text-align:left;flex:1}.confirm-block{padding-top:24px}}
body.is-confirming{overflow:hidden}
@media(max-width:480px){.selection-status{display:none}.selected-tag{font-size:12px;letter-spacing:.03em}}
@media(max-height:680px) and (max-width:899px){.stage{min-height:270px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-portrait,.hero-portrait.is-visible{transform:none}.character-card.is-selected{transform:none}}

/* V7: expressive portrait acting with full-detail, temporally stable alpha. */
.stage { --pointer-x: 0px; --pointer-y: 0px; }
.stage-aura, .stage-streak { position: absolute; pointer-events: none; }
.stage-aura {
  inset: 7% 8% -15%; z-index: 0; opacity: .17;
  background: radial-gradient(ellipse at 54% 64%, var(--character-accent), transparent 63%);
  transform-origin: 54% 70%;
}
.stage-streak {
  inset: -30% -20%; z-index: 0; opacity: 0;
  background: linear-gradient(112deg, transparent 42%, var(--character-accent) 49%, transparent 56%);
}
.portrait-window {
  translate: var(--pointer-x) var(--pointer-y);
  transition: translate .24s ease-out;
}
.portrait-layer { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.portrait-layer.is-visible { opacity: 1; }
.hero-portrait { opacity: 1; transform: none; transition: none; transform-origin: 50% 78%; }
.portrait-layer.is-visible .hero-portrait {
  animation: none;
}
.portrait-video {
  position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none;
}
.portrait-canvas { opacity: 0; }
.portrait-layer.has-motion-frame .portrait-canvas { opacity: 1; }
.portrait-layer.has-motion-frame > img { visibility: hidden; }
.character-name {
  translate: calc(var(--pointer-x) * -.6) calc(var(--pointer-y) * -.4);
  transition: color .28s ease, translate .32s ease-out;
}
.selection-arena.is-changing .character-name { animation: none; }
.character-card {
  transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .2s, background .2s, box-shadow .25s;
}
.card-portrait img { transition: transform .4s cubic-bezier(.2,.8,.2,1); transform-origin: 50% 25%; }
.character-card.is-selected .card-portrait img { transform: scale(1.045); }
.selected-tag { font-size: 12px; }
.confirm-button { position: relative; isolation: isolate; overflow: hidden; }
.confirm-button::after {
  content: ""; position: absolute; inset: -80% -20%; z-index: -1; opacity: 0;
  background: linear-gradient(110deg, transparent 35%, #ffffff77 50%, transparent 65%);
  pointer-events: none;
}
.selection-arena.is-changing .confirm-button::after { animation: confirm-sheen .65s ease-out; }
.confirm-symbol { display: inline-block; }
.selection-arena.is-changing .confirm-symbol { animation: confirm-tick .38s cubic-bezier(.16,1,.3,1); }
.confirmation[open] { animation: none; border-color: var(--accent); }
.confirmation .ready-label > span { display: inline-block; }
.confirmation-portrait { overflow: hidden; }
.confirmation-portrait img { transform-origin: 50% 25%; }
.is-confirming .hero-portrait, .motion-suspended .hero-portrait { animation-play-state: paused; }
@media (hover: hover) and (pointer: fine) {
  .character-card:hover .card-portrait img { transform: scale(1.075); }
  .direction:hover svg { transform: scale(1.15); }
  .direction svg { transition: transform .2s ease; }
}
@keyframes confirm-sheen {
  0% { opacity: 0; transform: translateX(-65%); }
  22% { opacity: .6; }
  100% { opacity: 0; transform: translateX(65%); }
}
@keyframes confirm-tick {
  0% { transform: scale(.65) rotate(-16deg); }
  60% { transform: scale(1.18) rotate(5deg); }
  100% { transform: scale(1) rotate(0); }
}
@media (prefers-reduced-motion: reduce) {
  .portrait-layer.has-motion-frame > img { visibility: visible; }
  .portrait-layer .portrait-canvas, .portrait-layer .portrait-video { display: none; }
  .portrait-window, .character-name { translate: none; }
  .hero-portrait, .card-portrait img, .direction svg { transform: none !important; }
  .stage-streak { display: none; }
}

/* V8: place first, then barber and directions, with a stable selection deck. */
.site-header { height: 64px; }
.selection-arena { height: calc(100svh - 64px); min-height: 0; }
.stage {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  padding: 0 clamp(20px, 4vw, 64px);
  background: radial-gradient(ellipse at 75% 58%, #34424b 0, #1b2730 43%, #11181e 80%);
}
.stage:after {
  height: 32%;
  background: linear-gradient(transparent, #11181e 96%);
}
.stage-heading { grid-column: 1 / -1; padding: 20px 0; }
.stage-heading h2 { font-size: clamp(24px, 2.5vw, 34px); }
.selection-status, .character-name, .stage-footnote { display: none; }
.portrait-window {
  position: relative;
  grid-column: 2;
  grid-row: 2;
  inset: auto;
  width: 100%;
  max-width: 440px;
  height: 100%;
  max-height: 460px;
  align-self: center;
  justify-self: center;
  min-height: 0;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 95%, transparent);
}
.hero-portrait { object-position: center center; }
.location-panel {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  inset: auto;
  max-width: none;
  align-self: center;
  padding: 0 0 24px;
}
.location-label { display: block; font-size: 12px; }
.location-panel h3 {
  font-size: clamp(100px, min(13.5vw, 26svh), 192px);
  line-height: .86;
  letter-spacing: -.02em;
  margin: 8px 0 24px;
  overflow-wrap: normal;
}
.select-screen[data-character="campi"] .location-panel h3 {
  font-size: clamp(88px, min(11vw, 22svh), 164px);
}
.location-person {
  font: 700 24px/1 "Barlow Condensed", Impact, sans-serif;
  letter-spacing: .03em;
  margin-bottom: 8px;
  color: var(--character-accent);
}
.location-address { font-size: 17px; color: var(--paper); }
.booking-mode { position: static; margin-top: 10px; font-size: 14px; }
.direction { top: 14px; }
.direction-prev { left: auto; right: calc(clamp(20px, 4vw, 64px) + 60px); }
.direction-next { right: clamp(20px, 4vw, 64px); }
.control-deck { min-height: 0; padding-top: 16px; padding-bottom: 20px; gap: 32px; }
.confirm-block { padding-top: 20px; }
.confirm-button { min-height: 56px; line-height: 1.2; }
.confirm-symbol { line-height: 1; }
.card-portrait {
  flex: 0 0 84px;
  width: 84px;
  min-height: 0;
  overflow: hidden;
  mask-image: none;
}
.card-portrait img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
}
.character-card[data-id="campi"] .card-portrait img { object-position: 55% 0; }
.card-info { gap: 6px; }
.card-info strong { font-size: clamp(18px, 1.6vw, 24px); }
.card-info > span { color: var(--paper); font-size: clamp(15px, 1.35vw, 20px); font-weight: 700; }
.selected-tag {
  top: 5px;
  right: 5px;
  left: auto;
  transform: none;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 50%;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0;
}
.character-card.is-selected { transform: none; box-shadow: inset 0 -3px var(--character-accent); }

@media (max-width: 899px) {
  .site-header { height: 56px; }
  .selection-arena { height: calc(100svh - 56px); min-height: 0; }
  .stage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto minmax(0, 1fr);
    min-height: 0;
    padding: 0 20px;
    background: radial-gradient(ellipse at 76% 73%, #34424b 0, #1b2730 43%, #11181e 86%);
  }
  .stage-heading { grid-row: 1; padding: 16px 100px 12px 0; }
  .stage-heading h2 { font-size: 22px; line-height: 1.1; }
  .direction { top: 10px; width: 40px; height: 40px; }
  .direction-prev { right: 66px; left: auto; }
  .direction-next { right: 20px; }
  .location-panel { display: contents; }
  .location-title { grid-row: 2; z-index: 3; padding: 10px 0 12px; }
  .location-label { font-size: 11px; }
  .location-panel h3,
  .select-screen[data-character="campi"] .location-panel h3 {
    font-size: clamp(86px, 20vw, 136px);
    margin: 6px 0 0;
  }
  .location-details {
    grid-row: 3;
    grid-column: 1;
    align-self: center;
    width: 42%;
    z-index: 3;
    padding: 0 0 12px;
  }
  .location-person { font-size: 27px; margin-bottom: 9px; }
  .location-address { font-size: 14px; line-height: 1.45; }
  .booking-mode { display: inline-block; margin-top: 12px; padding-bottom: 5px; font-size: 12px; }
  .portrait-window {
    grid-column: 1;
    grid-row: 3;
    inset: auto;
    width: 60%;
    max-width: 340px;
    height: 100%;
    max-height: 380px;
    justify-self: end;
    align-self: center;
    margin-right: -8px;
  }
  .stage:after { height: 18%; background: linear-gradient(transparent, #11181e 98%); }
  .control-deck { min-height: 0; padding: 10px 16px max(10px, env(safe-area-inset-bottom)); }
  .input-hint { margin-bottom: 10px; }
  .character-card { height: 126px; }
  .card-portrait { width: 100%; max-width: 140px; flex: 0 0 64px; max-height: none; align-self: center; }
  .card-info { flex: 1; gap: 3px; padding: 5px 4px 6px; justify-content: center; }
  .card-info strong { font-size: 17px; }
  .card-info > span { font-size: clamp(13px, 3.4vw, 16px); line-height: 1.1; }
  .confirm-block { padding-top: 10px; }
  .confirm-button { min-height: 52px; padding: 10px 18px; }
  .confirm-hint { margin-top: 6px; }
  .selected-tag { top: 5px; right: 5px; left: auto; transform: none; font-size: 14px; letter-spacing: 0; }
}

@media (max-width: 480px) {
  .location-panel h3,
  .select-screen[data-character="campi"] .location-panel h3 { font-size: clamp(84px, 25vw, 116px); }
}

@media (max-height: 700px) and (max-width: 899px) {
  .site-header { height: 52px; }
  .selection-arena { height: calc(100svh - 52px); }
  .stage-heading { padding-top: 14px; padding-bottom: 10px; }
  .location-title { padding-top: 6px; padding-bottom: 8px; }
  .location-panel h3,
  .select-screen[data-character="campi"] .location-panel h3 { font-size: clamp(68px, 19vw, 88px); }
  .location-person { font-size: 23px; margin-bottom: 6px; }
  .location-address { font-size: 12px; }
  .booking-mode { margin-top: 8px; font-size: 11px; }
  .location-details { padding-bottom: 4px; }
  .character-card { height: 110px; }
  .card-portrait { flex-basis: 50px; }
  .input-hint { font-size: 11px; margin-bottom: 8px; }
  .confirm-button { min-height: 48px; }
  .confirm-hint { font-size: 11px; }
}

@media (max-height: 540px) {
  .selection-arena { height: auto; min-height: 0; }
  .stage { min-height: 430px; }
}

/* A permanent Loris masthead, separate from the selected barber. */
.select-screen { --masthead-height: 132px; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  height: var(--masthead-height);
  overflow: hidden;
  background: radial-gradient(ellipse at 94% 80%, #485052 0, #253039 25%, #11181e 62%);
}
.selection-arena { height: calc(100svh - var(--masthead-height)); min-height: 0; }
.brand-copy { position: relative; z-index: 2; display: flex; align-items: center; gap: 32px; }
.brand { display: block; text-decoration: none; }
.brand .brand-wordmark { width: 150px; }
.site-header h1 {
  font: 700 34px/1.05 "Barlow Condensed", Impact, sans-serif;
  letter-spacing: 0;
}
.loris-signature {
  position: absolute;
  right: clamp(20px, 4vw, 64px);
  top: 0;
  width: 206px;
  height: 100%;
  pointer-events: none;
  mask-image: linear-gradient(#000 0 86%, transparent 100%);
}
.loris-signature img { display: block; width: 206px; height: auto; max-width: none; }
.character-card[data-id="campi"] .card-portrait img { object-position: 50% 0; }
.confirmation-portrait img { object-position: 50% 0; }
/* Keep the original single-line composition; fit Campi to it, not the other way round. */
.select-screen {
  --location-type-size: clamp(88px, min(13.5vw, 26svh), 192px);
  --person-slot: 24px;
  --address-line: 24px;
  --mode-slot: 34px;
}
.location-panel {
  display: grid;
  grid-template-rows: auto auto;
  gap: 24px;
  align-self: center;
  padding: 0;
}
.location-title { min-height: 0; }
.location-panel h3,
.select-screen[data-character="campi"] .location-panel h3 {
  font-size: var(--location-type-size);
  line-height: .86;
  block-size: calc(var(--location-type-size) * .86);
  white-space: nowrap;
  margin: 8px 0 0;
}
.select-screen[data-character="campi"] .location-panel h3 {
  font-size: clamp(76px, min(9vw, 20svh), 164px);
}
.location-details {
  display: grid;
  grid-template-rows: var(--person-slot) calc(var(--address-line) * 2) var(--mode-slot);
  gap: 8px;
  block-size: calc(var(--person-slot) + var(--address-line) * 2 + var(--mode-slot) + 16px);
  padding: 0;
}
.location-person { margin: 0; line-height: 1; }
.location-address { line-height: var(--address-line); }
.booking-mode {
  align-self: start;
  justify-self: start;
  margin: 0;
  line-height: 1.4;
  block-size: var(--mode-slot);
}
.portrait-window { translate: none; transition: none; }
.character-card { border-width: 2px; transition: border-color .16s, background .16s; }
.character-card.is-selected { transform: none; }
.character-card .card-portrait img,
.character-card.is-selected .card-portrait img,
.character-card:hover .card-portrait img { transform: none; transition: none; }
.confirm-hint { line-height: 1.4; block-size: 2.8em; }
@media (max-width: 899px) {
  .select-screen {
    --masthead-height: 132px;
    --location-type-size: clamp(70px, 24vw, 136px);
    --person-slot: 27px;
    --address-line: 20.3px;
    --mode-slot: 42px;
  }
  .site-header { padding: 0 20px; }
  .brand-copy { display: block; width: 58%; }
  .brand .brand-wordmark { width: 122px; margin: -3px 0 2px; }
  .site-header h1 { max-width: 200px; font-size: 28px; }
  .loris-signature { right: 0; width: 180px; }
  .loris-signature img { width: 188px; margin-left: -4px; }
  .stage-heading { padding-top: 12px; padding-bottom: 8px; }
  .direction { top: 6px; }
  .confirmation-portrait { height: 180px; }
  .location-panel { display: contents; }
  .location-title { block-size: calc(var(--location-type-size) * .86 + 41px); }
  .location-panel h3,
  .select-screen[data-character="campi"] .location-panel h3 {
    font-size: var(--location-type-size);
    block-size: calc(var(--location-type-size) * .86);
    white-space: nowrap;
    margin: 6px 0 0;
  }
  .select-screen[data-character="campi"] .location-panel h3 {
    font-size: clamp(42px, 15.8vw, 90px);
  }
  .portrait-window {
    width: 66%;
    max-height: 400px;
    margin-right: -12px;
  }
  .hero-portrait { object-position: center bottom; }
}
@media (max-height: 700px) and (max-width: 899px) {
  .select-screen {
    --masthead-height: 112px;
    --location-type-size: clamp(58px, 19vw, 88px);
    --person-slot: 23px;
    --address-line: 17.4px;
    --mode-slot: 38px;
  }
  .brand .brand-wordmark { width: 108px; margin-top: -2px; }
  .site-header h1 { font-size: 25px; }
  .loris-signature { width: 166px; }
  .loris-signature img { width: 174px; }
  .location-title { block-size: calc(var(--location-type-size) * .86 + 33px); }
}
@media (max-width: 359px) {
  .site-header { padding-left: 16px; }
  .site-header h1 { max-width: 160px; font-size: 24px; }
  .loris-signature { right: -12px; }
}
@media (max-height: 540px) {
  .selection-arena { height: auto; min-height: 0; }
}
@media (min-height: 541px) and (max-height: 620px) and (max-width: 899px) {
  .select-screen {
    --masthead-height: 90px;
    --location-type-size: clamp(46px, 16vw, 68px);
    --person-slot: 20px;
    --address-line: 16px;
    --mode-slot: 36px;
  }
  .brand .brand-wordmark { width: 92px; }
  .site-header h1 { font-size: 21px; }
  .loris-signature { width: 146px; }
  .loris-signature img { width: 154px; }
  .stage-heading { padding-top: 8px; padding-bottom: 8px; }
  .stage-heading h2 { font-size: 18px; }
  .location-title {
    padding-top: 4px;
    padding-bottom: 6px;
    block-size: calc(var(--location-type-size) * .86 + 29px);
  }
  .location-person { font-size: 20px; }
  .location-address { font-size: 11px; }
  .booking-mode { font-size: 10px; }
  .character-card { height: 98px; }
  .card-portrait { flex-basis: 40px; }
  .card-info strong { font-size: 15px; }
  .card-info > span { font-size: 12px; }
  .input-hint { font-size: 10px; margin-bottom: 8px; }
  .confirm-block { padding-top: 8px; }
  .confirm-button { min-height: 44px; padding-top: 8px; padding-bottom: 8px; font-size: 15px; }
  .confirm-hint { font-size: 10px; }
}

/* The approved v9 showcase stays intact; booking is its next surface. */
.selection-arena{max-width:none;padding:0;margin:0}
.loris-experience{max-width:none;padding:0;margin:0}
/* A salon's direct link starts at booking; Change location restores the showcase. */
body[data-direct-booking] .selection-arena{display:none}
.booking-surface,.booking-bar{--accent:var(--character-accent)}
.site-header .login{position:absolute;right:calc(clamp(20px,4vw,64px) + 215px);top:48px;z-index:3;background:#11181ecc;font-family:'DM Sans',Arial,sans-serif;font-size:11px;min-height:36px;padding:8px 11px}
.booking-surface{max-width:1240px;min-height:calc(100svh - var(--masthead-height));margin:0 auto;padding:26px 36px 64px;scroll-margin-top:var(--masthead-height)}
.booking-surface[hidden],.site-footer[hidden],.booking-bar[hidden]{display:none!important}
.booking-surface .appointment-heading{align-items:end;margin-bottom:22px;padding:20px 0 24px;border-bottom:1px solid var(--line)}
.appointment-heading h2{font-size:clamp(76px,9vw,128px);line-height:.95;color:var(--accent);letter-spacing:-.025em}
.booking-surface .appointment-heading p{font-size:12px;margin-top:8px;line-height:1.6}
.booking-location-copy{min-width:0}
.change-location{flex-shrink:0;display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px;border:1px solid var(--line);background:var(--panel);padding:12px 16px}
.change-location:hover{border-color:var(--accent)}
.booking-surface .selection-notice:empty{display:none}
.booking-surface .salon-info-shortcut{display:inline-flex;gap:8px;margin:0 0 20px}
.booking-surface .walk-in-plan{grid-template-columns:1fr;min-height:0;background:transparent;padding:0 0 24px;border-radius:0}
.booking-surface .walk-in-plan h2{max-width:none}
.booking-surface .walk-in-plan p{max-width:580px}
.booking-surface .walk-in-plan .walk-in-directions{margin-top:24px}
.select-screen .confirm-button:disabled{opacity:.7;cursor:wait}
.select-screen .confirm-button:disabled:hover{transform:none;filter:none}
.booking-surface .section-heading .eyebrow{color:var(--accent)}
.booking-surface .inline-booking{scroll-margin-top:calc(var(--masthead-height) + 15px)}
.booking-surface .location-change{margin:0 0 22px}
.booking-surface .salon-details-content{scroll-margin-top:var(--masthead-height)}
.booking-surface #reviews,.booking-surface #team,.booking-surface #about{scroll-margin-top:calc(var(--masthead-height) + 20px)}
body:not(.booking-active).has-cart{padding-bottom:0}
@media(max-width:760px){
  .booking-surface{padding:0 18px 40px}
  .booking-surface .appointment-heading{gap:16px;display:grid;grid-template-columns:minmax(0,1fr);padding:24px 0 20px;margin-bottom:19px}
  .appointment-heading h2{font-size:clamp(58px,19vw,96px);white-space:nowrap}
  body[data-salon="campi"] .appointment-heading h2{font-size:clamp(43px,13.5vw,68px)}
  .booking-surface .appointment-heading .eyebrow{display:block;margin-bottom:6px;font-size:9px}
  .booking-surface .appointment-heading p{font-size:12px;margin-top:10px}
  .change-location{justify-self:start;font-size:11px;padding:10px 13px;gap:8px}
  .site-header .login{right:auto;left:156px;top:16px;padding:7px 9px;font-size:10px;min-height:32px}
  .site-header .login svg{display:none}
  .booking-surface .salon-info-shortcut{font-size:11px;margin-bottom:18px}
  .booking-surface .inline-booking .booking-controls input,.booking-surface .inline-booking .booking-controls select{font-size:16px}
}