@charset "UTF-8";.contact-body,.haircare-header,.haircare-body,.services-header,.hero-body,header,.mobile-nav{grid-column:content-left/content-right}.theShop-left{grid-column:bleed-left/content-left}.contact-image,.haircare-products,.theShop-right,.services-body{grid-column:bleed-left/bleed-right}.contact-info a:not(.button),.nav a:not(.button){background-image:linear-gradient(to right,transparent 50%,50%,var(--color-blue));background-position-x:left;background-position-y:bottom;background-repeat:no-repeat;background-size:200% 1px;padding:.2rem 0;text-decoration:none;transition:background-position-x var(--transition-duration-fast) linear}.contact-info a:hover:not(.button),.nav a:hover:not(.button){background-position-x:right}.contact-info strong,.nav>span,a,.button{letter-spacing:.08rem;text-decoration:none;text-transform:uppercase}.haircare-product p,.service-description{font-size:1.1rem}@media (min-width: 520px) and (max-width: 1099px){.haircare-product p,.service-description{font-size:1.2rem}}@media (min-width: 1100px){.haircare-product p,.service-description{font-size:1.2rem}}.contact-info p,.haircare-body,.theShop-body p{font-size:1.25rem}@media (min-width: 520px) and (max-width: 1099px){.contact-info p,.haircare-body,.theShop-body p{font-size:1.35rem}}@media (min-width: 1100px){.contact-info p,.haircare-body,.theShop-body p{font-size:1.5rem}}.service-price{font-size:1.7rem}@media (min-width: 520px) and (max-width: 1099px){.service-price{font-size:2rem}}@media (min-width: 1100px){.service-price{font-size:2rem}}p{line-height:1.8;margin-top:-.8rem}@font-face{font-display:block;font-family:Literata;font-style:normal;font-weight:600;src:url(/fonts/literata-semibold.woff2) format("woff2")}@font-face{font-display:block;font-family:Poppins;font-style:normal;font-weight:400;src:url(/fonts/poppins-regular.woff2) format("woff2")}@font-face{font-display:block;font-family:Poppins;font-style:italic;font-weight:400;src:url(/fonts/poppins-regular-italic.woff2) format("woff2")}@font-face{font-display:block;font-family:Poppins;font-style:normal;font-weight:500;src:url(/fonts/poppins-medium.woff2) format("woff2")}@font-face{font-display:block;font-family:Poppins;font-style:normal;font-weight:600;src:url(/fonts/poppins-semibold.woff2) format("woff2")}.button,.nav,.mobile-nav a:not(.button),.haircare-body em,body{font-family:Poppins,sans-serif}body{font-style:normal;font-weight:400}.haircare-body em{font-style:italic;font-weight:400}.nav,.mobile-nav a:not(.button){font-style:normal;font-weight:500}.button{font-style:normal;font-weight:600}h1,h2,h3{font-family:Literata,serif}:root{--color-black: #000;--color-blue: #3d93f0;--color-gray: #2d2e32;--color-green: #bde2cd;--color-orange: #e55937;--color-white: #fff;--header-height: clamp(7.5rem, 25vw, 11rem);--transition-duration-fast: .2s;--wrapper-gapX: 1.5rem;--wrapper-gapY: var(--wrapper-gapX);--wrapper-marginY: 5rem;--wrapper-maxWidth: 1400px;--heading-paddingX: 2rem}@media (min-width: 1100px){:root{--wrapper-gapX: 5rem;--wrapper-gapY: 3.6rem;--wrapper-marginY: 10rem}}@media (min-width: 520px) and (max-width: 1099px){:root{--heading-paddingX: 3rem}}@media (min-width: 1100px){:root{--heading-paddingX: 3.6rem}}*{box-sizing:border-box;margin:0;padding:0}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:100%}@media (max-width: 1099px){html{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}}body.--show-mobile-menu{overflow-y:hidden}h1,h2,h3{letter-spacing:.1rem;text-transform:uppercase}@media (min-width: 1100px){h1,h2,h3{letter-spacing:.2rem}}ul{list-style:none}@media (max-width: 1099px){.desktop{display:none!important}}@media (min-width: 1100px){.mobile{display:none!important}}.section-grid{padding:var(--wrapper-marginY) 0;--content: calc( (min(var(--wrapper-maxWidth) + (var(--wrapper-gapX) * 2), 100%) / 2) - var( --wrapper-gapX ) );max-width:calc(var(--wrapper-maxWidth) + 400px * 2);margin:0 auto;display:grid;grid-auto-rows:min-content;grid-template-areas:"bleed-left content-left content-right bleed-right";grid-template-columns:minmax(auto,1000px) repeat(2,var(--content)) minmax(auto,400px);row-gap:var(--wrapper-marginY)}.section-heading{background:var(--color-green);color:var(--color-black);display:inline-block;line-height:1.8;white-space:nowrap;font-size:2.8rem;padding:.4rem var(--heading-paddingX) 0 var(--heading-paddingX)}@media (min-width: 520px) and (max-width: 1099px){.section-heading{font-size:4rem}}@media (min-width: 1100px){.section-heading{font-size:4.2rem}}@media (min-width: 1400px){.section-heading{font-size:5.2rem}}.button{align-items:center;background-color:var(--color-orange);background-image:linear-gradient(to bottom right,transparent 50%,var(--color-blue) 50%);background-position:top left;background-repeat:no-repeat;background-size:200% 200%;color:var(--color-white);display:inline-flex;font-size:.9rem;opacity:1;padding:.8rem 1.6rem;transition:background-position var(--transition-duration-fast) linear;white-space:nowrap;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.button:before{content:"➤";font-size:1.4rem;margin-right:1rem}.button:hover{background-position:bottom right}@media (min-width: 1100px){.button{font-size:1rem;padding:1rem 2rem}}#top{color:var(--color-white);left:0;padding:var(--wrapper-gapY) 0 0 0;position:absolute;right:0;top:0;z-index:1}header{display:grid;grid-template-columns:1fr 1fr 1fr}.nav{cursor:default;font-size:1.1rem;align-items:center;display:flex;gap:4rem}.nav:last-child{justify-self:end}.nav span,.nav a{white-space:nowrap}.nav a:not(.button){color:inherit}.nav>span{position:relative}.nav>span:hover .sub-menu,.nav>span:focus-within .sub-menu{pointer-events:all}.nav>span:hover .sub-menu .sub-nav,.nav>span:focus-within .sub-menu .sub-nav{clip-path:inset(0 0 0 0)}.sub-menu{left:-2rem;padding-top:1.2rem;pointer-events:none;position:absolute;top:100%}.sub-nav{background:var(--color-gray);clip-path:inset(0 0 0 100%);display:flex;flex-wrap:wrap;gap:1rem;padding:2rem 6rem 2rem 2rem;transition:clip-path var(--transition-duration-fast) linear}.logo{justify-self:center;line-height:0}.logo img{-o-object-fit:contain;object-fit:contain;height:var(--header-height);transition:filter var(--transition-duration-fast) linear}.logo img:hover{filter:drop-shadow(.4rem .4rem 0 var(--color-blue))}.mobile-menu{visibility:hidden;opacity:0;transition-property:visibility,opacity;transition-duration:var(--transition-duration-fast);transition-timing-function:ease-in-out;background:var(--color-green);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}body.--show-mobile-menu .mobile-menu{opacity:1;visibility:visible}.mobile-nav{display:flex;justify-content:space-evenly;flex-direction:column;justify-self:center}.mobile-nav a:not(.button){color:inherit;font-size:2rem;line-height:.75;white-space:nowrap;width:-moz-min-content;width:min-content}.menu-button{cursor:pointer;height:2.2rem;width:2.2rem;align-self:flex-start}.menu-button span,.menu-button span:before,.menu-button span:after{background:var(--color-white);display:block;height:.2rem;left:0;position:absolute;top:50%;width:100%}.menu-button span:before,.menu-button span:after{content:""}.menu-button span:before{top:-10px}.menu-button span:after{top:10px}.menu-button span,.menu-button span:before,.menu-button span:after{transition:all var(--transition-duration-fast) ease-in-out}body.--show-mobile-menu .menu-button span{background-color:transparent}body.--show-mobile-menu .menu-button span:before,body.--show-mobile-menu .menu-button span:after{top:0;background-color:var(--color-black)}body.--show-mobile-menu .menu-button span:before{transform:rotate(135deg)}body.--show-mobile-menu .menu-button span:after{transform:rotate(-135deg)}.hero-section-grid{height:100vh;height:100svh;padding-bottom:0;padding-top:calc(var(--header-height) + var(--wrapper-gapY));position:relative;grid-template-rows:1fr}@media (min-width: 1100px) and (max-height: 800px){.hero-section-grid{height:800px}}@media (max-width: 1099px) and (max-height: 600px){.hero-section-grid{height:600px}}@media (min-width: 520px) and (max-width: 1099px) and (max-height: 700px){.hero-section-grid{height:700px}}@media (min-width: 850px) and (max-width: 1099px) and (max-height: 900px){.hero-section-grid{height:900px}}#hero{background-position:40% 70%;background-repeat:no-repeat;background-size:cover;color:var(--color-white);position:relative}@media (min-width: 1100px){#hero{background-image:url(/images/hero-desktop.webp)}}@media (max-width: 1099px){#hero{background-image:url(/images/hero-mobile.webp)}}#hero:before{background:#0003;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-body{align-self:center;display:grid;grid-template-columns:1fr min-content;grid-template-rows:min-content min-content}@media (max-width: 1099px){.hero-body{row-gap:16vh;row-gap:16svh}}.hero-body h2{display:flex;flex-direction:column;gap:1.2rem;white-space:nowrap}@media (min-width: 520px) and (max-width: 1099px){.hero-body h2{gap:1.6rem}}@media (min-width: 850px) and (max-width: 1099px){.hero-body h2{gap:2.4rem}}@media (min-width: 1100px){.hero-body h2{gap:2.2rem}}@media (min-width: 1400px){.hero-body h2{gap:2.6rem}}.hero-cta{grid-area:2/span 2;justify-self:center}@media (min-width: 1100px){.hero-cta{align-self:end;justify-self:start}}@media (min-width: 1100px){.hero-cta,.hero-heading1{grid-area:1/1}}.hero-heading1 span:nth-child(1){font-size:2rem;line-height:1.3;margin-top:-.45rem;margin-bottom:-.45rem}@media (max-width: 420px){.hero-heading1 span:nth-child(1){font-size:1.6rem;line-height:1.3;margin-top:-.3rem;margin-bottom:-.3rem}}@media (min-width: 520px) and (max-width: 1099px){.hero-heading1 span:nth-child(1){font-size:2.3rem;line-height:1.3;margin-top:-.4rem;margin-bottom:-.4rem}}@media (min-width: 850px) and (max-width: 1099px){.hero-heading1 span:nth-child(1){font-size:3.5rem;line-height:1.3;margin-top:-.8rem;margin-bottom:-.8rem}}@media (min-width: 1100px){.hero-heading1 span:nth-child(1){font-size:3rem;line-height:1.3;margin-top:-.7rem;margin-bottom:-.7rem}}@media (min-width: 1400px){.hero-heading1 span:nth-child(1){font-size:4rem;line-height:1.3;margin-top:-.9rem;margin-bottom:-.9rem}}.hero-heading1 span:nth-child(2){font-size:2.4rem;line-height:1.3;margin-top:-.75rem;margin-bottom:-.75rem}@media (max-width: 420px){.hero-heading1 span:nth-child(2){font-size:2rem;line-height:1.3;margin-top:-.7rem;margin-bottom:-.7rem}}@media (min-width: 520px) and (max-width: 1099px){.hero-heading1 span:nth-child(2){font-size:3rem;line-height:1.3;margin-top:-1.1rem;margin-bottom:-1.1rem}}@media (min-width: 850px) and (max-width: 1099px){.hero-heading1 span:nth-child(2){font-size:4.5rem;line-height:1.3;margin-top:-1.4rem;margin-bottom:-1.4rem}}@media (min-width: 1100px){.hero-heading1 span:nth-child(2){font-size:4rem;line-height:1.3;margin-top:-1.2rem;margin-bottom:-1.2rem}}@media (min-width: 1400px){.hero-heading1 span:nth-child(2){font-size:5rem;line-height:1.3;margin-top:-1.6rem;margin-bottom:-1.6rem}}.hero-heading2{text-align:center}.hero-heading2 span:nth-child(1){font-size:4.3rem;line-height:1.3;margin-top:-1rem;margin-bottom:-1rem}@media (max-width: 420px){.hero-heading2 span:nth-child(1){font-size:3.8rem;line-height:1.3;margin-top:-.9rem;margin-bottom:-.9rem}}@media (min-width: 520px) and (max-width: 1099px){.hero-heading2 span:nth-child(1){font-size:6rem;line-height:1.3;margin-top:-1.4rem;margin-bottom:-1.4rem}}@media (min-width: 850px) and (max-width: 1099px){.hero-heading2 span:nth-child(1){font-size:11.5rem;line-height:1.3;margin-top:-2.7rem;margin-bottom:-2.7rem}}@media (min-width: 1100px){.hero-heading2 span:nth-child(1){font-size:11rem;line-height:1.3;margin-top:-2.6rem;margin-bottom:-2.6rem}}@media (min-width: 1400px){.hero-heading2 span:nth-child(1){font-size:12.4rem;line-height:1.3;margin-top:-2.8rem;margin-bottom:-2.8rem}}.hero-heading2 span:nth-child(2){font-size:3rem;line-height:1.3;margin-top:-1.15rem;margin-bottom:-1.15rem}@media (max-width: 420px){.hero-heading2 span:nth-child(2){font-size:2.6rem;line-height:1.3;margin-top:-.95rem;margin-bottom:-.95rem}}@media (min-width: 520px) and (max-width: 1099px){.hero-heading2 span:nth-child(2){font-size:4.2rem;line-height:1.3;margin-top:-1.55rem;margin-bottom:-1.55rem}}@media (min-width: 850px) and (max-width: 1099px){.hero-heading2 span:nth-child(2){font-size:8.05rem;line-height:1.3;margin-top:-3rem;margin-bottom:-3rem}}@media (min-width: 1100px){.hero-heading2 span:nth-child(2){font-size:7.55rem;line-height:1.3;margin-top:-2.8rem;margin-bottom:-2.8rem}}@media (min-width: 1400px){.hero-heading2 span:nth-child(2){font-size:8.55rem;line-height:1.3;margin-top:-3.3rem;margin-bottom:-3.3rem}}.hero-heading2 span:nth-child(3){background:var(--color-green);color:var(--color-black);font-size:1.1rem;padding:.5rem 1rem .4rem}@media (max-width: 420px){.hero-heading2 span:nth-child(3){font-size:1rem}}@media (min-width: 520px) and (max-width: 1099px){.hero-heading2 span:nth-child(3){font-size:1.5rem}}@media (min-width: 850px) and (max-width: 1099px){.hero-heading2 span:nth-child(3){font-size:2.75rem;padding-bottom:.15rem;padding-top:.3rem}}@media (min-width: 1100px){.hero-heading2 span:nth-child(3){font-size:2.5rem;padding-bottom:.15rem;padding-top:.3rem}}@media (min-width: 1400px){.hero-heading2 span:nth-child(3){font-size:3rem}}#services{background:var(--color-black);color:var(--color-white)}.services-body{display:grid;grid-auto-rows:min-content;gap:var(--wrapper-marginY)}@media (min-width: 1100px){.services-body{grid-column:content-left/content-right;grid-template-columns:repeat(3,1fr)}}.service{display:none}.service.--visible,.service .service-info{display:grid;grid-auto-rows:min-content}@media (min-width: 1100px){.service.--visible,.service .service-info{row-gap:calc(var(--wrapper-marginY) / 3)}}@media (max-width: 1099px){.service-info{row-gap:calc(var(--wrapper-marginY) / 2.5);--content: calc( (min(var(--wrapper-maxWidth) + (var(--wrapper-gapX) * 2), 100%)) - (var(--wrapper-gapX) * 2) );grid-template-columns:1fr var(--content) 1fr}}.service img{aspect-ratio:5/3;-o-object-fit:cover;object-fit:cover;width:75%;max-width:35rem}@media (min-width: 1100px){.service img{aspect-ratio:4/3;width:100%}}.service h3{font-size:2.2rem;line-height:1.3;margin-top:-.5rem;margin-bottom:-.5rem}@media (min-width: 520px) and (max-width: 1099px){.service h3{font-size:2.8rem;line-height:1.3;margin-top:-.6rem;margin-bottom:-.6rem}}@media (min-width: 1100px){.service h3{font-size:2.8rem;line-height:1.3;margin-top:-.6rem;margin-bottom:-.6rem;word-break:break-word}}@media (max-width: 1099px){.service{row-gap:calc(var(--wrapper-marginY) / 2)}.service h3,.service p{grid-column:2}}.service-price{color:var(--color-orange)}#theShop{--content-gap: 6rem;--image-scale: 6rem;--text-gap: 3.5rem;background:var(--color-white);color:var(--color-black)}@media (min-width: 1100px){#theShop{--text-gap: 4rem}}@media (min-width: 1400px){#theShop{--content-gap: 8rem;--image-scale: 8rem}}#theShop img{-o-object-fit:cover;object-fit:cover}.theShop-image-inside,.theShop-image-chico1,.theShop-image-chico2{aspect-ratio:4/3}.theShop-image-inside{width:100%}@media (max-width: 1099px){.theShop-image-inside{grid-column:1/4;grid-row:1;width:75%}}@media (max-width: 1099px){.theShop-header{align-self:end;grid-column:2;grid-row:1;justify-self:end;transform:translateY(50%)}}@media (min-width: 1100px){.theShop-header{grid-column:1/3;grid-row:1;margin-left:calc(-1 * var(--text-gap));margin-top:var(--content-gap)}}.theShop-body{grid-column:2;grid-row:2;display:grid;gap:var(--text-gap)}@media (max-width: 1099px){.theShop-body{margin-top:2rem}}@media (min-width: 520px) and (max-width: 1099px){.theShop-body{margin-top:4rem}}@media (max-width: 1099px){.theShop-image-caitlin,.theShop-image-chico1,.theShop-image-chico2{max-width:30rem}}.theShop-image-caitlin{width:calc(100% - (var(--image-scale)));justify-self:end;position:relative;grid-column:1/4;grid-row:3;display:flex;justify-content:flex-end}.theShop-image-caitlin img{aspect-ratio:4/5;width:100%}.theShop-owner{font-size:1rem;background:var(--color-green);bottom:25%;left:0;padding:1rem 2rem;position:absolute;transform:translate(-25%)}@media (min-width: 520px) and (max-width: 1099px){.theShop-owner{font-size:1.2rem}}@media (min-width: 1100px){.theShop-owner{bottom:65%;font-size:1.35rem;transform:translate(-50%)}}.theShop-image-chico1{width:calc(100% - var(--image-scale))}@media (max-width: 1099px){.theShop-image-chico1{justify-self:end;grid-column:1/4;grid-row:4;justify-self:start}}.theShop-image-chico2{width:calc(100% - (var(--image-scale)))}@media (max-width: 1099px){.theShop-image-chico2{justify-self:end;grid-column:1/4;grid-row:5}}@media (min-width: 1100px){.theShop-image-chico2{width:calc(100% - var(--image-scale) * 2)}}.theShop-left,.theShop-right{display:grid;grid-auto-rows:min-content}@media (min-width: 1100px){.theShop-left,.theShop-right{row-gap:var(--content-gap)}}@media (max-width: 1099px){.theShop-right{row-gap:var(--wrapper-marginY);--content: calc( (min(var(--wrapper-maxWidth) + (var(--wrapper-gapX) * 2), 100%)) - (var(--wrapper-gapX) * 2) );grid-template-columns:1fr var(--content) 1fr}}@media (min-width: 1100px){.theShop-right{grid-column:content-right/bleed-right;grid-template-columns:var(--content-gap) calc(min(var(--wrapper-maxWidth) / 2 + var(--wrapper-gapX),100%) - var(--wrapper-gapX) - var(--content-gap)) 1fr}}#haircare{background:var(--color-black);color:var(--color-white)}.haircare-header{justify-self:end}.haircare-body{justify-self:end;text-align:right;color:var(--color-white);display:flex;flex-direction:column;gap:3rem}.haircare-body em{color:var(--color-orange);font-size:1.1em;white-space:nowrap}.haircare-products{display:grid;grid-auto-rows:min-content;gap:var(--wrapper-marginY)}@media (min-width: 1100px){.haircare-products{grid-column:content-left/content-right;grid-template-columns:repeat(2,1fr)}}.haircare-product,.haircare-product .haircare-info{display:grid;grid-auto-rows:min-content}@media (min-width: 1100px){.haircare-product{grid-template-columns:1fr 2fr;-moz-column-gap:4rem;column-gap:4rem}.haircare-product.--flipped{grid-template-columns:2fr 1fr}.haircare-product.--flipped img{grid-column:2}}@media (max-width: 1099px){.haircare-product h3,.haircare-product p{grid-column:2}.haircare-product{row-gap:calc(var(--wrapper-marginY) / 1.9)}.haircare-product:nth-child(2n) img{justify-self:end}.haircare-product:nth-child(2n) p,.haircare-product:nth-child(2n) h3{text-align:right}}@media (min-width: 1100px){.haircare-info{row-gap:4rem}}@media (max-width: 1099px){.haircare-info{row-gap:calc(var(--wrapper-marginY) / 1.8);--content: calc( (min(var(--wrapper-maxWidth) + (var(--wrapper-gapX) * 2), 100%)) - (var(--wrapper-gapX) * 2) );grid-template-columns:1fr var(--content) 1fr}}.haircare-product img{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;width:50%}@media (max-width: 1099px){.haircare-product img{max-width:20rem}}@media (min-width: 1100px){.haircare-product img{aspect-ratio:3/6;grid-row:1/3;width:100%}}@media (min-width: 1100px){.haircare-product p{margin-top:-1.1rem}}.haircare-product h3{font-size:2.2rem;line-height:1.3;margin-top:-.5rem;margin-bottom:-.5rem;word-break:break-word}@media (min-width: 520px) and (max-width: 1099px){.haircare-product h3{font-size:2.8rem;line-height:1.3;margin-top:-.6rem;margin-bottom:-.6rem}}@media (min-width: 1100px){.haircare-product h3{font-size:2.8rem;line-height:1.3;margin-top:-.6rem;margin-bottom:-.6rem}}#contact{background:var(--color-white);color:var(--color-black)}.contact-body{display:grid;gap:var(--wrapper-marginY) var(--wrapper-gapX);grid-auto-rows:min-content;grid-template-columns:1fr min-content}@media (min-width: 1100px){.contact-body{grid-column:2}}.contact-info{display:flex;flex-direction:column;gap:5rem;grid-row:2}.contact-info p:last-child{margin-top:-1.5rem}.contact-info strong{border-bottom:1px solid #000;display:inline-block;margin-bottom:2rem}.contact-info a:not(.button){color:var(--color-black)}@media (min-width: 1100px){.contact-heading{grid-column:span 2}}@media (min-width: 1100px){.contact-social{grid-row:2}}@media (max-width: 1099px){.contact-social{grid-column:1;margin-top:-1rem}}.contact-social img{height:3rem;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-duration-fast) ease-in-out}@media (hover: hover){.contact-social img:hover{transform:rotate(360deg)}}.contact-image{justify-self:end;aspect-ratio:4/3}@media (min-width: 1100px){.contact-image{grid-column:content-right/bleed-right;padding-left:calc(var(--wrapper-marginY) - 3rem);width:100%}}@media (max-width: 1099px){.contact-image{grid-row:2;width:75%}}