.salon-site{background:var(--salon-paper);color:var(--salon-ink)}.salon-site>header{border-color:color-mix(in srgb, var(--salon-ink) 12%, transparent)}.salon-site h2,.salon-site h3{color:var(--salon-ink)}.salon-site>section:not(.salon-hero){scroll-margin-top:6rem}.salon-site #services>div:last-child{gap:1.5rem}.salon-site .salon-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:4rem;max-width:1280px;margin:auto;padding:5rem 2rem;display:grid;position:relative;overflow:hidden}.salon-hero-copy{z-index:1;position:relative}.salon-eyebrow{text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.6rem;font-size:.7rem;font-weight:600}.salon-hero h1{letter-spacing:-.045em;max-width:15ch;font-size:clamp(2.75rem,5vw,5.3rem);font-weight:600;line-height:1.04}.salon-introduction{opacity:.8;max-width:48ch;margin-top:1.5rem;font-size:1rem;line-height:1.9}.salon-hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.salon-book-button{color:#fff;border-radius:999px;align-items:center;gap:.6rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.salon-explore{border-bottom:1px solid;padding:.7rem 0;font-size:.875rem}.salon-hero-meta{opacity:.7;gap:1.5rem;margin-top:2.5rem;font-size:.75rem;display:flex}.salon-hero-meta span{align-items:center;gap:.4rem;display:flex}.salon-hero-art{background:color-mix(in srgb, var(--site-accent) 25%, var(--salon-paper));border-radius:1.5rem;align-self:stretch;min-height:420px;position:relative;overflow:hidden}.salon-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.salon-art-placeholder{height:100%;min-height:inherit;background:radial-gradient(ellipse at 70% 20%, color-mix(in srgb, var(--site-accent) 60%, transparent), transparent 65%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex}.salon-art-placeholder>span{letter-spacing:-.02em;font-size:1.6rem}.salon-art-placeholder .salon-art-caption{text-transform:uppercase;letter-spacing:.16em;font-size:.65rem}.salon-art-label{background:var(--salon-paper);color:var(--salon-ink);letter-spacing:.06em;border-radius:99px;padding:.7rem 1rem;font-size:.7rem;position:absolute;bottom:1.5rem;left:1.5rem}.salon-site[data-template=atelier] h1,.salon-site[data-template=botanical] h1,.salon-site[data-template=blush] h1,.salon-site[data-template=zen] h1,.salon-site[data-template=luxe] h1,.salon-site[data-template=noir] h1{font-family:Georgia,Times New Roman,serif;font-weight:400}.salon-site .salon-hero--editorial{grid-template-columns:1.4fr 1fr;align-items:end;padding-top:6rem}.salon-hero--editorial .salon-hero-art{border-radius:0;min-height:500px;margin-top:4rem}.salon-hero--editorial h1{font-size:clamp(3rem,6vw,6.5rem)}.salon-site .salon-hero--arch{grid-template-columns:1fr .8fr;gap:6rem}.salon-hero--arch .salon-hero-art{border-radius:50% 50% 1rem 1rem;min-height:520px}.salon-site .salon-hero--cinema{color:#fff;background:#22211f;max-width:none;min-height:620px;padding:6rem max(2rem,50vw - 608px)}.salon-hero--cinema .salon-hero-art{opacity:.35;border-radius:0;position:absolute;inset:0}.salon-hero--cinema .salon-hero-art:after{content:"";background:linear-gradient(90deg,#22211f 10%,#0000);position:absolute;inset:0}.salon-hero--cinema .salon-hero-copy{grid-column:1/-1;max-width:640px}.salon-hero--cinema .salon-art-placeholder{background:radial-gradient(ellipse at right, var(--site-accent), #22211f 75%)}.salon-site .salon-hero--clinical{gap:2rem}.salon-hero--clinical .salon-hero-copy{border-left:3px solid var(--site-primary);padding-left:2rem}.salon-hero--clinical .salon-hero-art{border-radius:.25rem;min-height:400px}.salon-hero--clinical h1{letter-spacing:-.035em;font-size:clamp(2.6rem,4vw,4.5rem)}.salon-site .salon-hero--oval{text-align:center;grid-template-columns:1.1fr .8fr}.salon-hero--oval h1{margin:auto;font-style:italic}.salon-hero--oval .salon-hero-actions,.salon-hero--oval .salon-hero-meta{justify-content:center}.salon-hero--oval .salon-hero-art{border-radius:50%;min-height:520px;transform:rotate(3deg)}.salon-hero--oval .salon-introduction{margin-left:auto;margin-right:auto}.salon-site .salon-hero--poster{border-bottom:3px solid var(--salon-ink);gap:2rem}.salon-hero--poster h1{text-transform:uppercase;font-size:clamp(3rem,5vw,5.5rem);font-weight:900;line-height:.95}.salon-hero--poster .salon-hero-art{border:8px double var(--salon-ink);border-radius:0}.salon-hero--poster .salon-book-button{border-radius:0}.salon-site .salon-hero--horizon{text-align:center;flex-direction:column;gap:3rem;display:flex}.salon-hero--horizon h1{max-width:22ch;margin:auto}.salon-hero--horizon .salon-introduction{margin:1.5rem auto 0}.salon-hero--horizon .salon-hero-actions,.salon-hero--horizon .salon-hero-meta{justify-content:center}.salon-hero--horizon .salon-hero-art{border-radius:50% 50% .5rem .5rem/20% 20% 0 0;width:100%;min-height:300px}.salon-site .salon-hero--blocks{gap:2.5rem;padding-bottom:6rem}.salon-hero--blocks .salon-hero-art{box-shadow:16px 16px 0 var(--site-accent);border-radius:4rem 0;margin-right:1rem}.salon-hero--blocks h1{font-weight:900}.salon-hero--blocks .salon-book-button{box-shadow:4px 4px 0 var(--salon-ink);border-radius:.5rem}.salon-site .salon-hero--minimal{text-align:center;flex-direction:column;gap:2.5rem;padding-top:6rem;display:flex}.salon-hero--minimal h1{max-width:20ch;margin:auto;font-size:clamp(2.8rem,4vw,4.5rem)}.salon-hero--minimal .salon-introduction{margin:1.5rem auto 0}.salon-hero--minimal .salon-hero-actions,.salon-hero--minimal .salon-hero-meta{justify-content:center}.salon-hero--minimal .salon-hero-art{border-radius:0;width:60%;min-height:240px}.salon-site .salon-hero--frame{border:1px solid color-mix(in srgb, var(--site-primary) 35%, transparent);gap:3rem;max-width:1216px;margin:2rem auto;padding:3rem}.salon-hero--frame .salon-hero-art{outline:1px solid var(--site-accent);outline-offset:-14px;border-radius:0}.salon-hero--frame .salon-eyebrow{border-bottom:1px solid var(--site-accent);padding-bottom:1rem}.salon-site .salon-hero--rail{border-left:14px solid var(--site-primary);grid-template-columns:1.2fr 1fr;margin-top:2rem}.salon-hero--rail .salon-hero-art{border-radius:.5rem;min-height:360px}.salon-hero--rail .salon-book-button{border-radius:.5rem}.salon-site[data-template=barber]>header,.salon-site[data-template=urban]>header{border-bottom:2px solid var(--site-primary)}.salon-site[data-template=zen]>header{background:var(--salon-paper)}.salon-site[data-template=atelier] #services,.salon-site[data-template=luxe] #services{border-top:1px solid var(--site-accent)}.salon-site[data-template=botanical] #team,.salon-site[data-template=coastal] #team{background:color-mix(in srgb, var(--site-accent) 12%, white)}.salon-site[data-template=barber] #services button,.salon-site[data-template=clinical] #services button{border-radius:.4rem}.salon-site button:focus-visible,.salon-site a:focus-visible{outline:2px solid var(--site-primary);outline-offset:4px}@media (max-width:767px){.salon-site .salon-hero{grid-template-columns:1fr;gap:2rem;margin:0;padding:3rem 1.25rem}.salon-hero-art,.salon-hero--arch .salon-hero-art,.salon-hero--oval .salon-hero-art,.salon-hero--editorial .salon-hero-art{width:100%;min-height:320px;margin-top:0}.salon-hero--oval .salon-hero-art{max-width:300px;margin:auto}.salon-hero--minimal .salon-hero-art{width:90%;min-height:200px}.salon-site .salon-hero--cinema{min-height:540px}.salon-site .salon-hero--frame{margin:1rem;padding:2rem 1.25rem}.salon-hero h1{font-size:clamp(2.5rem,10vw,4rem)}}@container salon (max-width:767px){.salon-site .salon-hero{grid-template-columns:1fr;gap:2rem;margin:0;padding:3rem 1.25rem}.salon-hero-art,.salon-hero--arch .salon-hero-art,.salon-hero--oval .salon-hero-art,.salon-hero--editorial .salon-hero-art{width:100%;min-height:320px;margin-top:0}.salon-hero--oval .salon-hero-art{max-width:300px;margin:auto}.salon-hero--minimal .salon-hero-art{width:90%;min-height:200px}.salon-site .salon-hero--cinema{min-height:540px}.salon-site .salon-hero--frame{margin:1rem;padding:2rem 1.25rem}.salon-hero h1{font-size:clamp(2.5rem,10vw,4rem)}}@media (prefers-reduced-motion:reduce){.salon-site *{scroll-behavior:auto!important;transition:none!important}}@container salon (max-width:767px){.salon-site>header>div>nav{display:none}.salon-site>header button[aria-label=Open\ menu],.salon-site>header>nav{display:block}.salon-site>header>div>div>button:first-child:not([aria-label]){display:none}.salon-site #services .lg\:grid-cols-2,.salon-site #team .lg\:grid-cols-4{grid-template-columns:1fr}}.salon-site[data-template=atelier] #services h2,.salon-site[data-template=botanical] #services h2,.salon-site[data-template=luxe] #services h2,.salon-site[data-template=zen] #services h2{font-family:Georgia,serif;font-weight:400}.salon-site[data-template=atelier] #services article,.salon-site[data-template=barber] #services article,.salon-site[data-template=clinical] #services article{box-shadow:none;border-radius:.4rem}.salon-site[data-template=botanical] #services article{border-color:#dce5d7;border-radius:2rem .5rem}.salon-site[data-template=studio] #services article{border-bottom:4px solid var(--site-accent);border-radius:1.5rem .3rem}.salon-site[data-template=noir] #services article{border-top:2px solid var(--site-accent);border-radius:.5rem}.salon-site[data-template=coastal] #services article,.salon-site[data-template=blush] #services article{box-shadow:none;border-radius:2rem}.salon-site[data-template=zen] #services article{border:0;border-top:1px solid var(--site-accent);box-shadow:none;background:0 0;border-radius:0}.salon-site[data-template=luxe] #services article{border-color:var(--site-accent);box-shadow:none;border-radius:0}.salon-site[data-template=urban] #services article{border-left:3px solid var(--site-primary);border-radius:.75rem}.salon-site[data-template=golden]{--golden-line:color-mix(in srgb, var(--site-accent) 55%, transparent)}.salon-site[data-template=golden]>header{background:var(--salon-paper);border-bottom:1px solid var(--golden-line)}.salon-site[data-template=golden]>header a[href=\#top]>span:last-child{letter-spacing:-.04em;font-family:Georgia,serif;font-size:1.6rem;font-weight:400}.salon-site .salon-hero--golden{grid-template-columns:1.15fr .85fr;gap:5rem;max-width:1200px;padding-top:5rem;padding-bottom:5rem}.salon-hero--golden .salon-hero-copy{border-left:1px solid var(--golden-line);padding-left:1.8rem}.salon-hero--golden .salon-eyebrow{color:var(--site-primary);letter-spacing:.18em;font-size:.65rem}.salon-hero--golden h1{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,4.7vw,5rem);font-weight:400;line-height:1.12}.salon-hero--golden .salon-introduction{font-size:.95rem;line-height:1.9}.salon-hero--golden .salon-hero-art{border:1px solid var(--site-accent);background:0 0;border-radius:8rem 8rem .4rem .4rem;min-height:510px;padding:.7rem;overflow:visible}.salon-hero--golden .salon-hero-art:before{content:"";border:1px solid var(--site-accent);pointer-events:none;z-index:1;border-radius:7.5rem 7.5rem .2rem .2rem;position:absolute;inset:.65rem}.salon-hero--golden .salon-cover,.salon-hero--golden .salon-art-placeholder{border-radius:7rem 7rem .1rem .1rem;width:calc(100% - 1.8rem);height:calc(100% - 1.8rem);min-height:0;position:absolute;inset:.9rem}.salon-hero--golden .salon-art-label{white-space:nowrap;background:var(--salon-paper);color:var(--site-primary);text-transform:uppercase;letter-spacing:.16em;border-radius:0;font-size:.6rem;bottom:-1.1rem;left:50%;transform:translate(-50%)}.salon-hero--golden .salon-book-button,.salon-site[data-template=golden] .golden-final button{border-radius:.4rem;box-shadow:0 6px 20px #87612f1a}.golden-editorial{max-width:1200px;margin:auto;padding:0 2rem}.golden-details-strip{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1rem 0 3rem;display:grid}.golden-details-strip>div{background:color-mix(in srgb, var(--site-accent) 12%, var(--salon-paper));border:1px solid var(--golden-line);border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}.golden-details-strip svg{color:var(--site-primary);flex-shrink:0}.golden-details-strip strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:400;display:block}.golden-details-strip p>span{opacity:.7;margin-top:.4rem;font-size:.8rem;line-height:1.7;display:block}.golden-story{border-top:1px solid var(--golden-line);grid-template-columns:.85fr 1.15fr;align-items:center;gap:5rem;padding:4rem 0;display:grid}.golden-story-mark{border:1px solid var(--golden-line);background:radial-gradient(ellipse at center, color-mix(in srgb, var(--site-accent) 22%, transparent), transparent 72%);flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.golden-story-mark>span{color:var(--site-primary);font-family:Georgia,serif;font-size:7rem;line-height:1.3}.golden-story-mark i{opacity:.75;font-family:Georgia,serif;font-size:.9rem}.salon-site[data-template=golden] h2{letter-spacing:-.03em;font-family:Georgia,serif;font-weight:400}.golden-story h2,.golden-booking-story>h2,.golden-faq h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.18}.golden-story h2 em,.golden-final h2 em{color:var(--site-primary);font-weight:400}.golden-story>div>p:not(.salon-eyebrow){opacity:.75;margin-top:1.5rem;font-size:.9rem;line-height:1.9}.golden-text-link{border-bottom:1px solid var(--site-accent);color:var(--site-primary);align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 0;font-size:.8rem;display:inline-flex}.golden-category-menu{border-top:1px solid var(--golden-line);border-bottom:1px solid var(--golden-line);flex-wrap:wrap;align-items:center;gap:.7rem;padding:2rem 0;display:flex}.golden-category-menu>span{letter-spacing:.15em;text-transform:uppercase;color:var(--site-primary);margin-right:1rem;font-size:.65rem}.golden-category-menu a{border:1px solid var(--golden-line);border-radius:99px;align-items:center;gap:.6rem;padding:.5rem 1rem;font-family:Georgia,serif;font-size:.9rem;display:flex}.salon-site[data-template=golden] #services article{border-color:var(--golden-line);box-shadow:none;background:color-mix(in srgb, var(--salon-paper) 65%, white);border-radius:.6rem}.salon-site[data-template=golden] #services h4{font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.salon-site[data-template=golden] #services article button{border-radius:.4rem}.salon-site[data-template=golden] #packages,.salon-site[data-template=golden] #team{background:color-mix(in srgb, var(--site-accent) 8%, var(--salon-paper));border-top:1px solid var(--golden-line)}.salon-site[data-template=golden] #reviews{background:var(--salon-paper)}.golden-booking-story{text-align:center;border-top:1px solid var(--golden-line);padding:4rem 0}.golden-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.golden-steps article>span{color:var(--site-primary);border-bottom:1px solid var(--golden-line);padding-bottom:1rem;font-family:Georgia,serif;font-size:2rem;display:block}.golden-steps h3{margin-top:1.2rem;font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.golden-steps p,.golden-faq details p{opacity:.75;margin-top:.7rem;font-size:.85rem;line-height:1.9}.golden-faq{border-top:1px solid var(--golden-line);grid-template-columns:1fr 1.2fr;gap:4rem;padding:4rem 0;display:grid}.golden-faq details{border-bottom:1px solid var(--golden-line);padding:1.2rem 0}.golden-faq summary{cursor:pointer;font-family:Georgia,serif;font-size:1.1rem}.golden-final{text-align:center;background:color-mix(in srgb, var(--site-accent) 15%, var(--salon-paper));border:1px solid var(--golden-line);border-radius:1rem;margin-bottom:4rem;padding:4rem 1.5rem}.golden-final>svg{color:var(--site-primary);margin:0 auto 1.5rem}.golden-final h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.16}.golden-final>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.golden-final .golden-text-link{margin-top:0}@media (max-width:767px){.salon-site .salon-hero--golden{grid-template-columns:1fr;gap:3rem;padding:3rem 1.25rem}.salon-hero--golden .salon-hero-copy{padding-left:1rem}.salon-hero--golden .salon-hero-art{width:100%;max-width:400px;min-height:420px;margin:auto}.golden-editorial{padding:0 1.25rem}.golden-details-strip,.golden-story,.golden-faq,.golden-steps{grid-template-columns:1fr;gap:1.5rem}.golden-story,.golden-faq,.golden-booking-story{padding:2.5rem 0}.golden-story-mark{min-height:210px}}@container salon (max-width:767px){.salon-site .salon-hero--golden{grid-template-columns:1fr;gap:3rem;padding:3rem 1.25rem}.salon-hero--golden .salon-hero-copy{padding-left:1rem}.salon-hero--golden .salon-hero-art{width:100%;max-width:400px;min-height:420px;margin:auto}.golden-editorial{padding:0 1.25rem}.golden-details-strip,.golden-story,.golden-faq,.golden-steps{grid-template-columns:1fr;gap:1.5rem}}
