@font-face{font-family:'Garet';src:url('/api/font?family=medium') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Garet';src:url('/api/font?family=medium') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Garet';src:url('/api/font?family=bold') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Garet';src:url('/api/font?family=bold') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Garet';src:url('/api/font?family=bold') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Garet';src:url('/api/font?family=bold') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#111;--muted:#686868;--line:#e8e8e8;--paper:#fff;--max:1200px;--site-content-inset:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:'Garet',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.bsu-test-banner{display:none!important}
.bsu-site-header{position:relative;z-index:900;height:54px;min-height:54px;background:#fff;border:0}.bsu-nav{height:54px;max-width:1200px;width:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:0}.bsu-brand{display:block;width:66px;height:25px;flex:0 0 66px;background-image:url('https://res.cloudinary.com/dqfgyorp9/image/upload/v1787734794/ndwe03rpbgir8zhivxoj.webp');background-repeat:no-repeat;background-position:left center;background-size:contain;font-size:0!important;line-height:0;text-decoration:none}.bsu-links{display:flex;align-items:center;justify-content:flex-end;gap:36px;font-family:'Garet',Arial,sans-serif!important;font-size:10px!important;font-weight:500!important;line-height:1!important;color:#464646!important;white-space:nowrap;font-synthesis:none}.bsu-links a{font:inherit!important;color:inherit!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap}.bsu-links a:hover{color:#111!important}.bsu-book{display:none!important}.bsu-menu{display:none;width:38px;height:38px;border:0;background:transparent;font-size:0;line-height:1;padding:8px;cursor:pointer;position:relative}.bsu-menu:before,.bsu-menu:after{content:'';position:absolute;left:8px;right:8px;height:2px;background:#111}.bsu-menu:before{top:10px;box-shadow:0 7px 0 #111}.bsu-menu:after{top:24px}.bsu-mobile-menu{display:none;position:absolute;z-index:899;top:68px;left:0;right:0;padding:10px 18px 18px;border-top:1px solid #eee;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06);font-family:'Garet',Arial,sans-serif!important;color:#464646}.bsu-mobile-menu.open{display:grid;gap:0}.bsu-mobile-menu a{font-family:'Garet',Arial,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;padding:12px 0;border-bottom:1px solid #eee}.bsu-mobile-menu a:last-child{border-bottom:0}.bsu-page-shell{max-width:var(--max);margin:0 auto;padding:24px 20px 60px;min-height:70vh}.bsu-site-footer{display:none!important}
.page-title{font-size:40px;line-height:1.02;letter-spacing:-1.2px;margin:0 0 12px}.page-intro{max-width:760px;color:#666;line-height:1.65;margin:0 0 28px}.location-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.location-basic{border:1px solid var(--line);padding:24px}.location-basic h2{font-size:24px;margin:0 0 8px}.location-basic p{font-size:14px;line-height:1.6;margin:5px 0}.location-basic .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.location-basic .actions a{border:1px solid #111;padding:10px 13px;text-decoration:none;font-size:12px;font-weight:800}.location-basic .actions a.primary{background:#111;color:#fff}
@media(min-width:1400px){.bsu-nav{max-width:1200px;width:100%}.bsu-brand{width:96px;height:36px;flex-basis:96px}.bsu-links{font-size:13px!important;gap:48px}}
@media(max-width:820px){.bsu-page-shell{padding:18px 14px 44px}.location-basic-grid{grid-template-columns:1fr}}
@media(max-width:760px){.bsu-site-header{height:68px;min-height:68px}.bsu-nav{height:68px;padding:0 16px}.bsu-brand{width:98px;height:37px;flex-basis:98px}.bsu-links{display:none}.bsu-menu{display:block}.bsu-mobile-menu{top:68px}.bsu-mobile-menu a{font-size:13px!important}}

/* B SIDE U custom typeface — global */
body,body *{font-family:'Garet','Helvetica Neue',Arial,sans-serif!important;font-synthesis:none}

/* Global navigation hover underline */
@media(min-width:761px){
  .bsu-links a{position:relative}
  .bsu-links a::after{content:'';position:absolute;z-index:1;left:0;right:auto;bottom:-5px;width:0;height:2px;background:#111;transition:width .22s cubic-bezier(.2,.65,.25,1)}
  .bsu-links a:hover::after,.bsu-links a:focus-visible::after{width:100%}
}

/* Inner pages only: exact 1200px desktop shell, with an 8px visual inset to align to the visible logo edge. */
@media(min-width:761px){
  body:has(.bsu-page-shell) .bsu-nav{
    width:min(1200px,calc(100% - 80px))!important;
    max-width:1200px!important;
    margin:0 auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body:has(.bsu-page-shell) .bsu-page-shell{
    width:min(1200px,calc(100% - 80px))!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:var(--site-content-inset)!important;
    padding-right:var(--site-content-inset)!important;
    box-sizing:border-box!important;
  }
  body:has(.bsu-page-shell) .store-finder{
    width:100%!important;
    max-width:100%!important;
  }
}

/* Shared editorial title system for inner pages. Photo gallery controls/filter logic remain untouched. */
@media(min-width:761px){
  body:has(.bsu-team-wall) .bsu-portfolio-copy::before,
  body:has(.store-finder) .store-finder::before,
  body:has(.services-wrap) .sv-head::before{
    display:block;
    margin:0 0 12px;
    color:#8a8a8a;
    font-size:10px;
    font-weight:700;
    line-height:1;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  body:has(.bsu-team-wall) .bsu-portfolio-copy::before{content:'THE B SIDE U PORTFOLIO'}
  body:has(.store-finder) .store-finder::before{content:'B SIDE U LOCATIONS'}
  body:has(.services-wrap) .sv-head::before{content:'B SIDE U SERVICES'}

  body:has(.bsu-team-wall) .bsu-team-title,
  body:has(#stylists) .page-title,
  body:has(.store-finder) .finder-title,
  body:has(.services-wrap) .sv-title,
  body:has(.shop-page-shell) .shop-hero h1{
    margin:0 0 12px!important;
    padding:0!important;
    color:#111!important;
    font-size:44px!important;
    font-weight:700!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }

  body:has(#stylists) .stylists-kicker,
  body:has(.shop-page-shell) .shop-hero>p{
    margin:0 0 12px!important;
    color:#8a8a8a!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }

  body:has(.bsu-team-wall) .bsu-team-subtitle,
  body:has(#stylists) .page-subtitle,
  body:has(.services-wrap) .sv-sub,
  body:has(.shop-page-shell) .shop-hero .intro{
    max-width:650px!important;
    margin:0!important;
    color:#696969!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.55!important;
    letter-spacing:normal!important;
  }
}

/* Canonical inner-page rhythm: same start, same title stack, same 28px handoff to content. */
@media(min-width:761px){
  body:has(.bsu-team-wall) .bsu-page-shell,
  body:has(#stylists) .bsu-page-shell,
  body:has(.store-finder) .bsu-page-shell,
  body:has(.services-wrap) .bsu-page-shell,
  body:has(.shop-page-shell) .bsu-page-shell{
    padding-top:32px!important;
  }

  body:has(.bsu-team-wall) .bsu-team-wall,
  body:has(#stylists) #stylists,
  body:has(.store-finder) .store-finder,
  body:has(.services-wrap) .services-wrap{
    margin-top:0!important;
    padding-top:0!important;
  }

  body:has(.bsu-team-wall) .bsu-portfolio-head{
    margin:0 0 28px!important;
    padding:0!important;
  }
  body:has(.bsu-team-wall) .bsu-portfolio-copy{
    margin:0!important;
    padding:0!important;
  }

  body:has(#stylists) .stylists-head{
    margin:0 0 28px!important;
    padding:0!important;
  }
  body:has(#stylists) .stylists-head + .location-head{
    margin-top:0!important;
  }

  body:has(.store-finder) .finder-title{
    margin:0 0 28px!important;
  }
  body:has(.store-finder) .finder-title::after{
    content:'Find the B SIDE U location that works best for you.';
    display:block!important;
    max-width:650px;
    margin:12px 0 0;
    color:#696969;
    font-size:14px;
    font-weight:400;
    line-height:1.55;
    letter-spacing:normal;
  }

  body:has(.services-wrap) .sv-head{
    margin:0 0 28px!important;
    padding:0!important;
  }

  body:has(.shop-page-shell) .shop-page-shell{
    padding-top:32px!important;
  }
  body:has(.shop-page-shell) .shop-hero{
    margin:0!important;
    padding:0 0 28px!important;
  }
}


/* Authoritative site-wide typography: use the provided Garet font on every page. */
html,
body,
body *,
body *::before,
body *::after,
button,
input,
textarea,
select,
option{
  font-family:'Garet',Arial,sans-serif !important;
  font-synthesis:none;
}


/* Booking footer color sync */
.bsu-unified-footer{background:#eeeeee!important}