.hero{background:var(--base-700);width:100%;height:100svh;position:relative;overflow:hidden}.hero .hero-header{text-align:center;will-change:transform;width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video{pointer-events:none;background:url(/bibob-salon.jpg) 50%/cover;position:absolute;inset:0;overflow:hidden}.hero-video video{object-fit:cover;width:100%;height:100%;display:block}.hero>.container{z-index:1;position:relative}.hero h1,.hero .section-footer p{color:var(--base-100);text-shadow:0 2px 20px #00000059}@media (max-width:1000px){.hero .hero-header{width:calc(100% - 3rem)}}@media (min-width:2000px){.hero .hero-header{width:40%}}.hero .hero-title{letter-spacing:-.02em;flex-direction:column;width:min(72vw,52svh,36rem);margin-inline:auto;line-height:.72;display:flex;container-type:inline-size}.hero .hero-title-line{width:fit-content;font:inherit;color:inherit;letter-spacing:inherit;font-size:24cqw;line-height:inherit;white-space:nowrap;margin-inline:auto;display:block}.hero .hero-title-name{font-size:43.45cqw}.hero .hero-title>:first-child{margin-bottom:10px}.hero-card{z-index:2;width:360px;max-width:calc(100% - 4rem);color:var(--base-700);background:#fff;border-radius:1rem;padding:1.75rem;position:absolute;bottom:52px;right:max(2rem,50% - 1000px);box-shadow:0 16px 48px #0f0f0f24,0 3px 10px #0f0f0f0d}.hero-card h2{margin-bottom:1rem;font-size:2rem;line-height:1}.hero-card p.bodyCopy{font-size:1rem;line-height:1.5}@media (max-width:1000px){.hero-card{width:calc(100% - 3rem);max-width:calc(100% - 3rem);padding:1.25rem;bottom:44px;right:1.5rem}}.salon-intro{background:var(--base-700);color:var(--base-100)}.walkin-ticker{border-bottom:1px solid #292927}.walkin-ticker-inner,.salon-intro-grid{width:calc(100% - 4rem);max-width:2000px;margin-inline:auto}.walkin-ticker-inner{contain:paint;padding-block:1.5rem;position:relative;overflow:hidden}.walkin-ticker-track{will-change:transform;width:max-content;animation:28s linear infinite walkin-ticker;display:flex}.walkin-ticker-group,.walkin-ticker-item{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.walkin-ticker-group{padding-right:1.5rem}.walkin-ticker-item span{font:400 clamp(1.5rem, 2.4vw, 2.75rem)/1 var(--font-koulen), sans-serif;color:var(--base-100);white-space:nowrap}.walkin-ticker-item img{object-fit:contain;flex-shrink:0;width:2.75rem;height:2.75rem}.salon-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-block:5rem;display:grid}.craft-card,.salon-photo{border-radius:.75rem;min-width:0;overflow:hidden}.craft-card{background:#181817;flex-direction:column;justify-content:space-between;gap:4rem;padding:clamp(1.5rem,3.5vw,4rem);display:flex;container-type:inline-size}.craft-heading{align-items:last baseline;gap:clamp(.75rem,3cqw,1.5rem);display:flex}.craft-number{font:400 clamp(7rem, 52cqw, 22rem)/.8 var(--font-koulen), sans-serif;color:#0000;-webkit-text-stroke:1px var(--base-100);flex-shrink:0}.craft-heading h2{font-size:clamp(1.1rem,7cqw,3.25rem);line-height:.95}.craft-copy{flex-direction:column;gap:1rem;display:flex}.craft-copy p.bodyCopy{color:#c6c5c0;font-size:1.125rem;line-height:1.6}.salon-photo{position:relative}.salon-photo img{object-fit:cover;width:100%;height:114%;position:absolute;top:-7%}@keyframes walkin-ticker{0%{transform:translate(0,0)}to{transform:translate(-25%)}}@media (max-width:1000px){.walkin-ticker-inner,.salon-intro-grid{width:calc(100% - 3rem)}}@media (max-width:700px){.salon-intro-grid{grid-template-columns:1fr;gap:1.5rem;padding-block:3rem}.craft-card{gap:3rem}.salon-photo{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.walkin-ticker-track{animation:none}}.walkin-ticker-inner:before,.walkin-ticker-inner:after{content:"";z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(90deg, var(--base-700), transparent);width:clamp(1.5rem,4vw,4rem);position:absolute;top:0;bottom:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.walkin-ticker-inner:before{left:0}.walkin-ticker-inner:after{right:0;transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.salon-photo img{height:100%;top:0}}.salon-welcome{background:var(--base-700);color:var(--base-100);padding-block:0 5rem}.salon-welcome-grid,.salon-treatments-inner{width:calc(100% - 4rem);max-width:2000px;margin-inline:auto}.salon-welcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.welcome-photo{border-radius:.75rem;align-self:stretch;min-height:32rem;overflow:hidden}.welcome-photo img{object-fit:cover;object-position:62% center;display:block}.welcome-copy{min-width:0;padding-block:2rem}.welcome-copy h2{font-size:clamp(2.5rem,4vw,4rem);line-height:.95}.welcome-copy p.bodyCopy{color:#c6c5c0;margin-block:2rem;font-size:1.125rem;line-height:1.6}.welcome-copy .btn{width:fit-content}.welcome-copy .btn a{border:1px solid var(--base-300);color:var(--base-100);background:0 0}.welcome-copy .btn a:hover{background:var(--base-100);color:var(--base-700)}.salon-treatments{background:var(--base-100);padding-block:5rem}.treatments-header{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.treatments-header h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1}.treatment-cards{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:1.25rem;display:grid}.treatment-card{border:1px solid var(--base-200);background:#fff;border-radius:.75rem;flex-direction:column;min-width:0;min-height:23rem;padding:2rem 1.5rem;display:flex}.treatment-card h3{margin-bottom:2rem;font-size:clamp(2rem,2.4vw,3rem);line-height:1}.treatment-card ul{list-style:none}.treatment-card li{font:400 1rem/1.5 var(--font-host-grotesk), sans-serif;overflow-wrap:break-word}.salon-welcome a:focus-visible{outline-offset:5px;outline:2px solid}@media (max-width:1200px){.treatment-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){.salon-welcome-grid,.salon-treatments-inner{width:calc(100% - 3rem)}.welcome-photo{min-height:28rem}}@media (max-width:700px){.salon-welcome{padding-bottom:3rem}.salon-welcome-grid{grid-template-columns:1fr;gap:2rem}.welcome-photo{aspect-ratio:4/3;min-height:0}.welcome-copy{padding:0}.salon-treatments{padding-block:3rem}.treatments-header{flex-direction:column;align-items:start;gap:1.5rem;margin-bottom:2rem}.treatment-cards{grid-template-columns:1fr;gap:1rem}.treatment-card{min-height:21rem;padding:1.5rem 1rem}}@media (max-width:400px){.treatment-cards{grid-template-columns:1fr}.treatment-card{min-height:18rem}}.welcome-photo{position:relative}.welcome-photo img{width:100%;height:114%;position:absolute;top:-7%}.walkin-pill{bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:9;visibility:hidden;opacity:0;width:min(760px,100% - 4rem);max-width:2000px;height:80px;position:fixed;left:50%;translate:-50%}.walkin-pill-surface{visibility:hidden;background:#fff;border-radius:999px;width:80px;height:100%;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 12px 40px #0003,0 2px 8px #0001}.walkin-pill-content{visibility:hidden;white-space:nowrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1rem 1rem 5rem;display:flex;position:absolute;inset:0}.walkin-pill p{font:400 clamp(1.4rem, 2.5vw, 2rem)/1 var(--font-koulen), sans-serif}.walkin-pill a{background:var(--base-700);color:#fff;border-radius:999px;flex-shrink:0;padding:1.15rem 1.5rem}.walkin-pill a:focus-visible{outline:2px solid var(--base-700);outline-offset:4px}@media (max-width:1000px){.walkin-pill{width:min(760px,100% - 3rem)}}@media (max-width:600px){.walkin-pill{height:64px;bottom:max(1rem, env(safe-area-inset-bottom));container-type:inline-size}.walkin-pill-surface{width:64px}.walkin-pill-content{white-space:normal;gap:.5rem;padding:.5rem .5rem .5rem 3.5rem}.walkin-pill p{white-space:nowrap;max-width:none;font-size:clamp(.65rem,4cqw,1rem)}.walkin-pill a{padding:.9rem .65rem;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.welcome-photo img{height:100%;top:0}}.walkin-pill-chair{object-fit:contain;pointer-events:none;width:44px;height:55px;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)scaleX(-1)}@media (max-width:600px){.walkin-pill-chair{width:28px;height:35px}}.featured-products{background:var(--base-100);padding-block:5rem}.featured-products-inner{width:calc(100% - 4rem);max-width:2000px;margin-inline:auto}.featured-products-header{text-align:left;margin-bottom:3rem}.featured-products-header h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1}.featured-products-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;display:grid}.featured-products .product .product-img,.featured-products .product .product-info{background-color:#cfd3ca}.featured-products .product-img{aspect-ratio:4/5}.featured-products .product-img img{object-fit:contain;height:100%}.featured-products .product-info h3{font:500 .85rem/1.4 var(--font-dm-mono), monospace;letter-spacing:0}.featured-products-list>:nth-child(n+5),.featured-products-progress{display:none}@media (max-width:1000px){.featured-products-inner{width:calc(100% - 3rem)}.featured-products-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.featured-products-list>:nth-child(n+3){display:none}}@media (max-width:700px){.featured-products{padding-block:3rem}.featured-products-list{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;gap:1rem;display:flex;overflow-x:auto}.featured-products-list::-webkit-scrollbar{display:none}.featured-products .featured-products-list>.product{scroll-snap-align:start;flex:0 0 100%;display:flex}.featured-products-progress{background:#fff;height:2px;margin-top:1.5rem;display:block;overflow:hidden}.featured-products-progress span{transform-origin:0;background:#0f0f0f;width:100%;height:100%;display:block;transform:scaleX(0)}}.featured-products-list:focus-visible{outline:2px solid var(--base-700);outline-offset:6px}.featured-products .product:focus-visible{outline:2px solid var(--base-700);outline-offset:5px;border-radius:.75rem}@media (max-width:1000px) and (max-height:700px){.hero{min-height:44rem}.hero .hero-header{top:40%}}@media (min-width:1001px) and (max-width:1200px){.hero{min-height:48rem}.hero .hero-header{top:40%}}@media (max-width:380px){.walkin-pill-content{gap:.25rem;padding-inline:3rem .375rem}.walkin-pill a{align-items:center;min-height:44px;padding-inline:.4rem;font-size:.6rem;display:inline-flex}}.salon-reviews{background:var(--base-100);padding-block:0 5rem}.reviews-inner{width:calc(100% - 4rem);max-width:2000px;margin-inline:auto}.reviews-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.reviews-header h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1}.reviews-toggle{color:#1d1d1f;cursor:pointer;background:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;padding:0;display:grid}.reviews-toggle svg{width:1.25rem;height:1.25rem}.reviews-toggle[aria-pressed=true] svg{transform:translate(1px)}.reviews-toggle:focus-visible,.reviews-google:focus-visible{outline-offset:4px;outline:2px solid}.review-rows{gap:1.25rem;display:grid}.review-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}.review-track{will-change:transform;width:max-content;animation:70s linear infinite reviews-scroll;display:flex}.review-row-right .review-track{animation-direction:reverse}.review-group{gap:1.25rem;padding-right:1.25rem;display:flex}.review-card{border:1px solid var(--base-200);background:#fff;border-radius:.75rem;flex-direction:column;flex:0 0 clamp(18rem,28vw,23rem);gap:1.5rem;width:clamp(18rem,28vw,23rem);min-height:19rem;padding:1.75rem;display:flex}.review-stars{color:#d6ad3a;gap:.25rem;display:flex}.review-stars svg{flex:none;width:1rem;height:1rem}.review-card blockquote{font:400 1rem/1.6 var(--font-host-grotesk), sans-serif;color:var(--base-600);white-space:pre-line}.review-author{font:600 1rem/1.4 var(--font-host-grotesk), sans-serif;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;display:flex}.review-author cite{font:inherit;font-style:normal}.review-row:hover .review-track,.salon-reviews[data-paused=true] .review-track{animation-play-state:paused}@keyframes reviews-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (max-width:1000px){.reviews-inner{width:calc(100% - 3rem)}}@media (max-width:700px){.salon-reviews{padding-bottom:3rem}.reviews-header{margin-bottom:2rem}.review-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.review-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.review-track{will-change:auto;animation:none;transform:none}.review-group[aria-hidden=true],.reviews-toggle{display:none}}.review-author img{object-fit:contain;width:1.25rem;height:1.25rem;display:block}.reviews-controls{align-items:center;gap:.75rem;margin-left:auto;display:flex}.reviews-google{color:#1d1d1f;min-height:56px;font:600 .85rem/1.4 var(--font-host-grotesk), sans-serif;text-transform:none;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.75rem 1.25rem;display:inline-flex}.reviews-google img{flex:none;width:1.25rem;height:1.25rem}
