body.magio-salon-index{--magio-section-gap: 8rem;--magio-shell-max: 137.4rem;--magio-gutter: 3.3rem;--magio-salon-band-gap-sm: 4.4rem;--magio-salon-band-gap-md: 6.7rem;--magio-salon-band-gap-buzz: 4.2rem;--magio-font-display: Candara, "Segoe UI", sans-serif;--magio-font-ui: "DM Sans", sans-serif;--font-heading-family: Candara, "Segoe UI", sans-serif;--magio-salon-body-font: "Outfit", sans-serif;--magio-salon-body-size: 1.5rem;--magio-salon-body-lh: 1.5;--magio-salon-body-tracking: .1rem;--magio-type-body-lg-size: var(--magio-salon-body-size);--magio-type-body-lg-color: #676767;--magio-type-kicker-size: 1.6rem;--magio-type-kicker-lh: 1.125;--magio-type-kicker-tracking: .16rem;--magio-type-kicker-color: #676767;--magio-type-display-md-size: 6.4rem;--magio-type-display-md-lh: 1.09375;--magio-type-card-title-size: 4.8rem;--magio-type-card-title-lh: .655417;--magio-home-warm-bg: #f7f5f1;--magio-home-card-radius: 1.2rem;--magio-home-card-gap: 3rem;--magio-home-intro-gap: 3.2rem;--magio-salon-hero-h: 73.3rem;--magio-salon-hero-center-offset: 9.55rem}body.magio-salon-index #MainContent :is(h1,h2,h3,h4,h5,h6,.magio-hero-figma__title,.magio-salon-stats__value,.magio-salon-split-story__title,.magio-salon-services-bento__title,.magio-salon-services-bento__card-title,.magio-salon-visit-steps__title,.magio-salon-visit-steps__num,.magio-salon-visit-steps__step-title,.magio-our-story__kicker,.magio-salon-buzz__title,.magio-services-book-cta__title){font-family:var(--magio-font-display, Candara, "Segoe UI", sans-serif)!important}body.magio-salon-index #MainContent :is(h1,h2,h3,h4,h5,h6) em,body.magio-salon-index #MainContent .magio-salon-services-bento__title em{font-family:inherit!important;font-style:italic!important}body.magio-salon-index #MainContent blockquote.magio-home-testimonial__quote{font-family:Open Sans,sans-serif!important;font-size:3.6rem!important;font-weight:400!important;font-style:normal;line-height:1.3!important;letter-spacing:0!important}body.magio-salon-index #MainContent blockquote.magio-home-testimonial__quote em{font-family:Open Sans,Helvetica,Arial,sans-serif!important;font-style:oblique!important;font-weight:400!important;font-synthesis:style!important}body.magio-salon-index #MainContent :is(.magio-salon-split-story__body,.magio-salon-split-story__body p,.magio-salon-services-bento__desc){font-family:var(--magio-salon-body-font, "Outfit", sans-serif)!important;font-size:var(--magio-salon-body-size, 1.5rem)!important;font-weight:400!important;line-height:var(--magio-salon-body-lh, 1.5)!important;letter-spacing:var(--magio-salon-body-tracking, .1rem)!important;color:var(--magio-type-body-lg-color, #676767)}body.magio-salon-index #MainContent .magio-salon-visit-steps__kicker{font-family:var(--magio-salon-body-font, "Outfit", sans-serif)!important;font-size:var(--visit-steps-kicker-size, 1.6rem)!important;font-weight:400!important;line-height:1.125!important;letter-spacing:.16rem!important;text-transform:uppercase;color:#676767}body.magio-salon-index #MainContent .magio-salon-visit-steps__title{font-family:var(--magio-font-display, Candara, "Segoe UI", sans-serif)!important;font-weight:400!important;line-height:1.09375!important;color:#000}body.magio-salon-index #MainContent .magio-salon-visit-steps__num,body.magio-salon-index #MainContent .magio-salon-visit-steps__step-title{font-family:var(--magio-font-display, Candara, "Segoe UI", sans-serif)!important;font-weight:400!important;font-style:normal!important;color:#000}body.magio-salon-index #MainContent .magio-salon-visit-steps__num{font-size:var(--visit-steps-num-size, 8rem)!important;line-height:.729167!important}body.magio-salon-index #MainContent .magio-salon-visit-steps__step--last .magio-salon-visit-steps__step-title{line-height:1.25!important}body.magio-salon-index #MainContent .magio-salon-visit-steps__text{font-family:var(--magio-salon-body-font, "Outfit", sans-serif)!important;font-size:var(--visit-steps-text-size, 2rem)!important;font-weight:400!important;line-height:normal!important;letter-spacing:.1rem!important;color:#676767}body.magio-salon-index #MainContent .magio-our-story__body{font-family:var(--magio-salon-body-font, "Outfit", sans-serif)!important;font-size:var(--magio-salon-body-size, 1.5rem)!important;font-weight:400!important;line-height:var(--magio-salon-body-lh, 1.5)!important;letter-spacing:0!important;color:#000}body.magio-salon-index .magio-hero-figma__teasers,body.magio-salon-index .magio-hero-figma__floating{display:none!important}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__overlay{opacity:.3!important;background:#000!important}body.magio-salon-index .magio-hero-figma__center-kicker{font-family:DM Sans,sans-serif;text-transform:uppercase;color:#fff;margin:0}@media screen and (min-width:990px){body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only){min-height:72.5rem;height:72.5rem;max-height:72.5rem;position:relative;justify-content:flex-start}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;line-height:0}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__center{position:absolute;left:0;right:0;top:0;bottom:0;transform:none;min-height:0;padding:10.65rem var(--magio-gutter, 3.2rem) 6rem;margin:0 auto;justify-content:center;align-items:flex-start;text-align:left;width:100%;max-width:var(--magio-shell-max, 137.4rem);gap:3.2rem;box-sizing:border-box}body.magio-salon-index .magio-hero-figma__center-kicker{font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.285714;letter-spacing:.14rem;text-transform:uppercase;color:#fff;margin:0}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__title{font-family:var(--magio-font-display, Candara, "Segoe UI", sans-serif);font-size:8.8rem;font-weight:400;line-height:1;letter-spacing:0;max-width:93.9rem;margin:0}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__subtitle{font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.285714;letter-spacing:.14rem;max-width:50.6rem;margin:0}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__btn{width:26.4rem;max-width:100%;height:6.4rem;margin-top:0;padding:1.2rem 1.4rem;border:1px solid #ffffff;border-radius:.6rem;background:#fff;color:#000;font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:.964286;letter-spacing:.4rem;text-transform:uppercase}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__btn:hover{background:#ffffffe6;color:#000}}@media screen and (min-width:750px)and (max-width:989px){body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__center{padding-top:clamp(8rem,18vh,12rem);padding-bottom:clamp(5rem,12vh,9rem);justify-content:flex-end;align-items:center;text-align:center}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__title{font-size:clamp(3.6rem,10vw,6.4rem);line-height:1.05}}body.magio-salon-index #MainContent>.shopify-section:has(.magio-hero-figma)+.shopify-section.magio-salon-split-story-section,body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-services-bento)+.shopify-section:has(.magio-salon-split-story--title-md),body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-split-story--title-md)+.shopify-section:has(.magio-salon-visit-steps),body.magio-salon-index #MainContent>.shopify-section:has(.magio-our-story)+.shopify-section:has(.magio-salon-buzz),body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-buzz)+.shopify-section:has(.magio-services-book-cta){margin-top:0}body.magio-salon-index #MainContent>.shopify-section:has(.magio-hair-portfolio)+.shopify-section:has(.magio-home-testimonial){margin-top:calc(var(--magio-salon-band-gap-md) - 3.2rem)}body.magio-salon-index #MainContent>.shopify-section:has(.magio-hero-figma)+.shopify-section.magio-salon-split-story-section:not(:has(.magio-salon-split-story--title-md)) .magio-salon-split-story{padding-top:var(--magio-salon-band-gap-md);padding-bottom:var(--magio-salon-band-gap-sm)}body.magio-salon-index #MainContent>.shopify-section.magio-salon-split-story-section:not(:has(.magio-salon-split-story--title-md))+.shopify-section .magio-salon-services-bento,body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-services-bento) .magio-salon-services-bento{padding-top:0;padding-bottom:var(--magio-salon-band-gap-sm)}body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-services-bento):has(+.magio-salon-split-story-section:has(.magio-salon-split-story--title-md)) .magio-salon-services-bento{padding-bottom:var(--magio-salon-band-gap-sm)}body.magio-salon-index .magio-salon-split-story-section:has(.magio-salon-split-story--title-md) .magio-salon-split-story{padding-top:0;padding-bottom:0}body.magio-salon-index #MainContent>.shopify-section.magio-salon-split-story-section:has(.magio-salon-split-story--title-md)+.shopify-section .magio-salon-visit-steps{padding-top:var(--magio-salon-band-gap-md);padding-bottom:0}body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-visit-steps)+.shopify-section .magio-hair-portfolio{margin-top:var(--magio-salon-band-gap-md)}body.magio-salon-index #MainContent>.shopify-section:has(.magio-our-story) .magio-our-story{padding-top:var(--magio-salon-band-gap-md);padding-bottom:var(--magio-salon-band-gap-buzz);min-height:38rem;display:flex;align-items:center}body.magio-salon-index .magio-salon-buzz{padding-top:0;padding-bottom:var(--magio-salon-band-gap-md)}body.magio-salon-index .magio-services-book-cta{padding-top:var(--magio-salon-band-gap-md);padding-bottom:var(--magio-salon-band-gap-md);min-height:36.3rem;display:flex;align-items:center}body.magio-salon-index .magio-services-book-cta__inner{gap:2.6rem}@media screen and (min-width:990px){body.magio-salon-index .magio-salon-split-story:not(.magio-salon-split-story--title-md) .magio-salon-split-story__grid{justify-content:flex-start;gap:5.7rem}body.magio-salon-index .magio-salon-split-story--title-md .magio-salon-split-story__grid{justify-content:flex-start;gap:5.7rem;grid-template-columns:minmax(0,42.6rem) minmax(0,69.1rem)}body.magio-salon-index .magio-salon-split-story__copy{padding-top:4.4rem}body.magio-salon-index .magio-salon-services-bento__grid,body.magio-salon-index .magio-salon-services-bento__middle{gap:2.1rem}body.magio-salon-index .magio-salon-visit-steps__header{margin-bottom:var(--visit-steps-header-gap, 3.6rem)}}@media screen and (max-width:989px){body.magio-salon-index #MainContent>.shopify-section.magio-salon-split-story-section:not(:has(.magio-salon-split-story--title-md))+.shopify-section .magio-salon-services-bento,body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-services-bento) .magio-salon-services-bento{padding-top:0}body.magio-salon-index .magio-salon-split-story-section:not(:has(.magio-salon-split-story--title-md)) .magio-salon-split-story{padding-bottom:var(--magio-salon-band-gap-sm)}body.magio-salon-index #MainContent>.shopify-section:has(.magio-salon-services-bento):has(+.magio-salon-split-story-section:has(.magio-salon-split-story--title-md)) .magio-salon-services-bento{padding-bottom:var(--magio-salon-band-gap-sm)}body.magio-salon-index .magio-salon-split-story-section:has(.magio-salon-split-story--title-md) .magio-salon-split-story{padding-top:0;padding-bottom:0}body.magio-salon-index #MainContent>.shopify-section.magio-salon-split-story-section:has(.magio-salon-split-story--title-md)+.shopify-section .magio-salon-visit-steps{padding-top:var(--magio-salon-band-gap-md)}}@media screen and (max-width:749px){body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only){height:calc(100dvh - var(--magio-home-chrome-h, 9.6rem))!important;min-height:calc(100dvh - var(--magio-home-chrome-h, 9.6rem))!important;max-height:none!important}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%;height:100%!important;line-height:0}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__media img{display:block;width:100%;height:100%!important;object-fit:cover!important;object-position:center top!important;transform:none!important}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__center{min-height:0!important;justify-content:flex-end}}@media screen and (max-width:749px){body.magio-salon-index{--magio-section-gap: 4rem;--magio-gutter: 1.6rem;--magio-salon-band-gap-sm: 4rem;--magio-salon-band-gap-md: 4rem;--magio-salon-band-gap-buzz: 4rem;--magio-salon-body-size: 1.5rem}body.magio-salon-index .magio-services-book-cta{padding-top:var(--magio-salon-band-gap-md);padding-bottom:1.6rem}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__center{left:var(--magio-gutter, 1.6rem);right:var(--magio-gutter, 1.6rem);width:auto;max-width:none;gap:1rem;align-items:flex-start;text-align:left;transform:none}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__title{font-size:min(2.8rem,6vw);line-height:1.05;white-space:nowrap;max-width:none}body.magio-salon-index .magio-hero-figma__slider-dots{display:none!important}body.magio-salon-index .magio-our-story,body.magio-salon-index .magio-services-book-cta{min-height:0}}@media screen and (min-width:990px){body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only){height:72.5rem!important;min-height:72.5rem!important;max-height:72.5rem!important}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%;height:100%!important;line-height:0}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__media img{display:block;width:100%;height:100%!important;object-fit:cover!important;object-position:center top!important;transform:none!important}body.magio-salon-index .magio-hero-figma:not(.magio-hero-figma--nav-only) .magio-hero-figma__center{min-height:0!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/magio-salon-page-tokens.css.map */