@layer reset{*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%}body{background-color:var(--color-white);margin:0}img{vertical-align:middle}button{font:inherit;color:inherit;margin:0}}@layer base{body{color:var(--color-ink);font-family:Source Sans Pro,Helvetica,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-weight:500;line-height:1.1}h2,h3{margin-block:20px 10px}h4{margin-block:10px;font-size:18px}h2{font-size:30px}h3{font-size:24px}p{margin:0 0 10px}ol,ul{margin-block:0 10px}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}a{color:inherit;text-decoration:none}.page-title,.lead-in{font-family:Open Sans Condensed,sans-serif}.page-title{text-transform:uppercase;margin:1em auto;font-size:36px;font-weight:300}@media (width>=992px){.page-title{margin-top:110px;margin-bottom:67px;font-size:58px}}}@layer layout{body{overflow-x:hidden}.skip-link{z-index:10;background:var(--color-ink);color:var(--color-white);padding:.75em 1.5em;position:absolute;top:-100%;left:0;&:focus{color:var(--color-white);top:0}}.page-container{position:relative}.container{padding-inline:var(--gutter);margin-inline:auto;display:flow-root;@media (width>=768px){width:var(--container-sm)}@media (width>=992px){width:var(--container-md)}@media (width>=1200px){width:var(--container-lg)}}}@layer components{.header{min-height:100px;@media (width>=768px){column-gap:calc(var(--gutter) * 2);grid-template-columns:1fr 1fr;display:grid}}.logo-container{container-type:inline-size}.logo{letter-spacing:-.043em;white-space:nowrap;width:100%;max-width:364px;margin:.29em auto 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:min(12.0879cqi,44px);font-weight:700;line-height:1.1}.logo-light{padding:0 .07em;font-weight:300}.navigation{& .nav-menu{flex-wrap:wrap;display:flex}& .nav-li{text-align:center;width:25%;font-size:1.4em}& .nav-link{color:var(--color-ink);border-bottom:16px solid #0000;padding-top:10px;padding-bottom:17px;text-decoration:none;display:block;&.active,&:hover{border-bottom-color:var(--color-nav-green);text-decoration:none}}}@media (width<=530px){.navigation .nav-li{width:20%;&.services{width:40%}}}@media (width<=460px){.navigation{& .nav-menu{margin:0}& .nav-li,& .nav-li.services{width:50%}& .nav-link,& .nav-link.active,& .nav-link:hover{border-bottom-width:8px}}}@media (width>=768px){.navigation{& .nav-li{text-align:left;width:auto;margin-left:2em;font-size:1em;position:relative;&:after{content:"";background-color:var(--color-ink);width:1px;height:14px;position:absolute;bottom:12px;right:-14px}&:last-child:after{content:none}}& .nav-link{border-top:16px solid #0000;border-bottom:0;padding-top:37px;padding-bottom:10px;&.active,&:hover{border-top-color:var(--color-nav-green)}}}}.footer-container{height:var(--footer-height-mobile);background:var(--color-ink) var(--footer-scissors) center 20px no-repeat;text-align:center;color:var(--color-white);& .copyright{margin:0;display:none}& .tel{color:var(--color-white);text-decoration:none;&:hover{text-decoration:underline}}& .copyright,& .vcard,& .tel{font-size:20px;line-height:2}& .vcard{padding-top:4em}& .addr-separator{margin:0 .8em}}@media (width<=400px){.footer-container{& .addr-separator{display:none}& .tel{display:block}}}@media (width>=768px){.footer-container{height:var(--footer-height);text-align:left;background-position:50%;& .footer{min-height:var(--footer-height);justify-content:space-between;align-items:center;display:flex}& .copyright{display:block}& .vcard{padding-top:0}& .copyright,& .vcard,& .tel{font-size:14px}}}}@layer pages{.about-container{background:var(--page-backdrop) top center no-repeat var(--color-about-bg);&>.container{position:relative}& .bg-image{filter:opacity(20%);display:none}& .lead-in{color:var(--color-white);margin-bottom:.8em;font-size:26px}}@media (width>=450px){.about-container{&>.container{height:var(--stage-height)}& .bg-image{display:block;position:absolute;top:-1px;left:-40px}}}@media (width>=768px){.about-container{& .about-content{width:50%;margin-inline-start:auto;padding-inline-start:var(--content-indent)}& .lead-in:last-child{margin-bottom:0}}}@media (width>=992px){.about-container{& .page-title{margin-bottom:47px}& .bg-image{filter:opacity(35%)}& .lead-in{font-size:30px}}}@media (width>=1200px){.about-container .bg-image{filter:none}}.salon-container{background:var(--color-salon-bg);&>.container{position:relative}& .bg-image{display:none}& .prices-menu{text-transform:lowercase;margin-bottom:2em;& .service-section{margin-bottom:0;font-size:2em;font-weight:700}& .service-table{width:100%;font-size:1.1em}& .price{text-align:right;width:27%;font-weight:700}}}@media (width>=450px){.salon-container{overflow:hidden;& .prices-menu{margin-bottom:0;& .service-table{font-size:1.2em}}}}@media (width>=450px) and (height>=700px){.salon-container{background:var(--page-backdrop) top center no-repeat var(--color-salon-bg);&>.container{height:var(--stage-height)}& .bg-image{filter:opacity(35%);display:block;position:absolute;left:20%}& .prices-menu{height:550px;padding-right:calc(var(--scrollbar-width) * 2);overflow-y:scroll}& .salon-content{width:80%}@media (width>=620px){& .salon-content{width:50%}}@media (width>=768px){& .salon-content{margin-inline-start:auto;padding-inline-start:var(--content-indent)}}}}@media (width>=768px){.salon-container .bg-image{left:-33%}}@media (width>=992px){.salon-container .bg-image{left:-60px}}@media (width>=1200px){.salon-container .bg-image{filter:none}}.prices-menu::-webkit-scrollbar{appearance:none;width:var(--scrollbar-width)}.prices-menu::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px;box-shadow:0 0 1px #ffffff80}.location-container{& .map-canvas{display:none}& .location-content{color:var(--color-white);margin-inline:calc(-1 * var(--gutter));background:#000c}& .location-text-content{padding:1em 2em .5em}& .map-link{width:100%;max-width:500px;margin:0 auto;display:block}& .map-image{width:100%}& .direction-link,& .tel-link{color:var(--color-white);&:hover{text-decoration:underline}}}@media (width>=768px){.location-container{--panel-offset:16px;&>.container{height:var(--stage-height)}& .map-canvas{width:100%;height:var(--stage-height);display:block;position:absolute;top:0;left:0}& .location-content{width:364px;height:var(--stage-height);margin-inline:calc(var(--panel-offset) - var(--gutter)) 0;position:relative}& .map-link{display:none}}}@media (width>=992px){.location-container{--panel-offset:60px}}@media (width>=1200px){.location-container{--panel-offset:110px}}.gallery-container{& .main-gallery{overflow:hidden}& .carousel{max-width:1200px;margin:0 auto;position:relative}& .carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;height:62vw;max-height:750px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto;&::-webkit-scrollbar{display:none}}& .carousel:not(.carousel-ready) .carousel-track{visibility:hidden}& .carousel-slide{scroll-snap-align:center;flex:none;width:100%;height:100%;& img{object-fit:cover;width:100%;height:100%}}& .carousel-arrow{z-index:2;cursor:pointer;opacity:.75;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;padding:0;display:block;position:absolute;top:50%;transform:translateY(-50%);&:hover,&:focus{opacity:1}}& .carousel-prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14 7l-5 5 5 5'/%3E%3C/svg%3E")}& .carousel-next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 7l5 5-5 5'/%3E%3C/svg%3E")}& .carousel-dots{justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:none;position:absolute;bottom:0;left:0;right:0;& button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}}}@media (width>=414px){.gallery-container{& .carousel-arrow{width:32px;height:32px}& .carousel-prev{left:20px}& .carousel-next{right:20px}}}@media (width>=768px){.gallery-container{--peek:50px;& .carousel-arrow{width:48px;height:48px}& .carousel-prev{left:70px}& .carousel-next{right:70px}& .carousel-track{scroll-padding:0 var(--peek)}& .carousel-slide{width:calc(100% - (2 * var(--peek)))}& .carousel-dots{display:flex;bottom:30px;& button{border:5px solid var(--color-white);width:30px;height:30px;&.active{background:var(--color-white)}}}}}@media (width>=1200px){.gallery-container{& .carousel-track{height:auto;max-height:none}& .carousel-slide{height:auto}}}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-uppercase{text-transform:uppercase}.list-plain{margin:0;padding:0;list-style:none}}:root{--color-ink:#353535;--color-white:#fff;--color-nav-green:#cccb85;--color-about-bg:#d5ad9f;--color-salon-bg:#a4d5d9;--stage-height:796px;--footer-height:66px;--footer-height-mobile:190px;--content-indent:43px;--scrollbar-width:7px;--gutter:15px;--container-sm:750px;--container-md:970px;--container-lg:1170px}