/* Two independent businesses; one Salon Park identity. */
.folio-barber{--folio-paper:#edf1ef;--folio-ink:#10283e;background:#edf1ef}
.folio-barber .folio-hero{background:#07171f}
.folio-barber .folio-hero-image{left:38%;right:0}
.folio-barber .folio-hero-image img{object-position:54% 36%}
.folio-barber .folio-hero:after{background:linear-gradient(90deg,#07171f 8%,#07171ff0 24%,#07171f66 48%,#07171f00 70%),linear-gradient(0deg,#07171f 0%,transparent 32%)}
.folio-barber .folio-hero-copy{top:22%;width:62%}
.folio-barber .folio-hero h1{font-family:var(--sans);font-size:clamp(100px,12vw,180px);font-weight:600;letter-spacing:-.075em;text-transform:uppercase;line-height:.83}
.folio-barber .folio-hero h1 em{font-family:var(--sans);font-weight:400;font-style:normal;font-size:1.3em;color:#c8e4df;line-height:.86;margin-top:10px}
.folio-barber .folio-photo-peek{transform:rotate(-7deg);right:5%;bottom:12%;background:#c8e4df;color:#07171f}
.folio-barber .folio-hero-line{font-size:20px;line-height:1.5}
.folio-barber .folio-about{background:#dbe6e2}
.folio-barber .signature-path-number{font-family:var(--sans);font-weight:600;letter-spacing:-.08em}
.folio-muse{background:#f7f4f0}
.folio-muse .folio-hero{background:#f4f0ec;color:#10283e;min-height:780px;height:calc(100svh - 92px);max-height:1150px}
.folio-muse .folio-hero:after{display:none}
.folio-muse .folio-hero-grain{display:none}
.folio-muse .folio-hero-image{inset:50px 6% 72px 51%;overflow:hidden;border-radius:2px}
.folio-muse .folio-hero-image img{object-position:50% 40%;transform:scale(calc(1.015 + var(--folio-progress)*.05))}
.folio-muse .folio-topline{position:relative;z-index:3;color:#10283e}
.folio-muse .folio-topline>a{color:#10283e}
.folio-muse .folio-topline>span{background:#f4f0eced;padding:10px 12px;border-radius:2px}
.folio-muse .folio-hero-copy{top:22%;width:49%;z-index:3}
.folio-muse .folio-hero-copy .folio-kicker{color:#7c2644;font-size:12px}
.folio-muse .folio-hero h1{font-family:var(--serif);font-size:clamp(76px,7.5vw,120px);letter-spacing:-.06em;line-height:.86}
.folio-muse .folio-hero h1 em{font-family:var(--serif);font-size:1.72em;color:#b51f53;line-height:.8;margin-top:10px}
.folio-muse .folio-hero-line{font-size:20px;line-height:1.6;margin-top:30px}
.folio-muse .folio-hero-actions{flex-wrap:wrap;gap:25px}
.folio-muse .folio-hero-actions .folio-button{background:#10283e;color:white}
.folio-muse .folio-hero-actions .folio-text-link{color:#10283e;border-color:#10283e}
.folio-muse .folio-hero-bottom{color:#10283e;z-index:3}
.folio-muse .folio-photo-peek{right:3%;bottom:3%;width:170px;transform:rotate(6deg);background:white;box-shadow:0 12px 35px #12263a22}
.folio-muse .folio-about{background:#f0e4e3}
.signature-guide{padding:80px var(--folio-gutter);display:grid;grid-template-columns:.9fr 1.35fr;gap:9%;border-bottom:1px solid #10283e25}
.signature-guide-title h2{font-size:clamp(48px,5vw,76px);line-height:1;margin-top:25px;letter-spacing:-.04em}
.signature-guide-title>p:last-child{font-size:15px;max-width:290px;line-height:1.7;margin-top:25px;color:#42596a}
.signature-path{display:flex;gap:25px;align-items:center;min-height:165px;border-top:1px solid #10283e30;padding:25px 0;transition:padding .25s,background .25s}
.signature-path:last-child{border-bottom:1px solid #10283e30}
.signature-path:hover{padding-inline:15px;background:#ffffff80}
.signature-path-number{font:52px/1 var(--serif);color:#55717a;align-self:start;margin-top:5px}
.signature-path-copy{flex:1}
.signature-path-copy small{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#4f6270}
.signature-path-copy h3{font-size:31px;line-height:1.2;letter-spacing:-.04em;margin-top:8px}
.signature-path-copy p{font-size:13px;line-height:1.7;color:#42596a;margin-top:9px;max-width:320px}
.signature-path-price{font-size:19px;text-align:right;white-space:nowrap}
.signature-path-price>span{display:block;font-size:28px;margin-top:15px}
.signature-space{padding:70px var(--folio-gutter) 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;background:#10283e;color:white}
.signature-space figure{margin:0}
.signature-space img{width:100%;aspect-ratio:4/3;object-fit:cover}
.signature-space figcaption{font-size:12px;line-height:1.6;margin-top:12px;color:#bacbd4}
.signature-space h2{font-size:clamp(60px,6vw,90px);line-height:.97;letter-spacing:-.045em;margin:26px 0}
.signature-space>div>p:not(.folio-kicker){max-width:390px;font-size:16px;line-height:1.9;color:#d6e1e7}
.signature-space a{margin-top:30px;color:white}
.signature-notes{display:grid;grid-template-columns:.9fr 1.3fr;gap:10%;padding:85px var(--folio-gutter)}
.signature-notes h2{font-size:clamp(52px,5vw,75px);line-height:1;letter-spacing:-.04em;margin-top:25px}
.signature-notes details{border-top:1px solid #10283e30}
.signature-notes summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:22px;letter-spacing:-.035em;line-height:1.3;padding:23px 0}
.signature-notes summary::-webkit-details-marker{display:none}
.signature-notes summary span{font-size:24px;transition:transform .25s}
.signature-notes details[open] summary span{transform:rotate(45deg)}
.signature-notes details p{font-size:15px;line-height:1.9;max-width:560px;padding:0 25px 25px 0;color:#3b5365}
.signature-source-note{font-size:13px;line-height:1.8;color:#536473;margin:22px 0}
.signature-source-note a{text-decoration:underline}
.folio-menu-item[id]{scroll-margin-top:180px}
.folio-barber .signature-path:hover .signature-path-number{color:#10283e}
.folio-muse .signature-path-number{color:#a62550}
.folio-barber .folio-frame>:is(a,button[data-folio-photo]),.folio-muse .folio-frame>:is(a,button[data-folio-photo]){border-radius:2px}
.folio-plan[open],.folio-share[open]{animation:signature-sheet .3s ease both}
@keyframes signature-sheet{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.folio-muse .folio-hero-copy{top:25%;width:49%}.folio-muse .folio-hero h1{font-size:80px}.folio-muse .folio-hero h1 em{font-size:1.5em}.folio-barber .folio-hero h1{font-size:120px}.signature-guide{gap:6%}.signature-path{gap:17px}.signature-path-copy h3{font-size:27px}}
@media(max-width:760px){
 .folio-barber .folio-hero{min-height:730px;height:calc(100svh - 78px)}
 .folio-barber .folio-hero-image{inset:0}.folio-barber .folio-hero-image img{object-position:53% 26%}
 .folio-barber .folio-hero:after{background:linear-gradient(0deg,#07171f 0%,#07171fe8 18%,#07171f30 58%,#07171f66 100%)}
 .folio-barber .folio-hero-copy{top:auto;bottom:105px;width:auto}
 .folio-barber .folio-hero h1{font-size:clamp(64px,23vw,142px);letter-spacing:-.075em}
 .folio-barber .folio-hero h1 em{display:block;font-size:.85em;line-height:.95;margin:7px 0 0}
 .folio-barber .folio-hero-line{font-size:18px;margin-top:20px}
 .folio-muse .folio-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:0 0 35px;overflow:hidden}
 .folio-muse .folio-topline{order:0;position:relative;padding:14px 20px;align-items:center}
 .folio-muse .folio-topline>a{background:transparent;border-color:#10283e35}
 .folio-muse .folio-topline>span{max-width:210px;font-size:9px;padding:5px 0}
 .folio-muse .folio-hero-copy{order:1;position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto;margin:24px 24px 34px;transform:none}
 .folio-muse .folio-hero-copy .folio-kicker{font-size:12px;margin-bottom:23px;max-width:none}
 .folio-muse .folio-hero h1{font-size:47px;line-height:.9;letter-spacing:-.035em}
 .folio-muse .folio-hero h1 em{display:inline;margin:0 0 0 9px;font-size:1.85em;line-height:.9}
 .folio-muse .folio-hero-line{font-size:17px;line-height:1.6;margin-top:23px}
 .folio-muse .folio-hero-actions{margin-top:18px}
 .folio-muse .folio-hero-image{order:2;position:relative;inset:auto;height:470px;margin:0 35px 35px 20px}
 .folio-muse .folio-hero-image img{object-position:50% 34%;transform:none}
 .folio-muse .folio-photo-peek{display:block;position:absolute;right:10px;bottom:28px;width:115px;padding:6px;z-index:4;transform:rotate(7deg)}
 .folio-muse .folio-photo-peek img{height:140px}.folio-muse .folio-photo-peek span{font-size:9px;padding:7px 0}
 .folio-muse .folio-hero-bottom{display:none}
 .signature-guide{display:block;padding:45px var(--folio-gutter) 55px}
 .signature-guide-title h2{font-size:51px;margin-top:18px}
 .signature-guide-title>p:last-child{font-size:13px;max-width:290px;margin-top:18px}
 .signature-paths{margin-top:28px}
 .signature-path{min-height:145px;gap:15px;padding:22px 0}
 .signature-path-number{font-size:36px;min-width:32px}
 .signature-path-copy h3{font-size:26px}.signature-path-copy small{font-size:12px}
 .signature-path-copy p{font-size:12px;line-height:1.7;max-width:225px}
 .signature-path-price{font-size:16px}.signature-path-price>span{font-size:24px}
 .signature-path:hover{padding-inline:0}
 .signature-space{display:flex;flex-direction:column;gap:38px;padding:30px 20px 55px}
 .signature-space figure{width:100%}.signature-space img{aspect-ratio:1.1}
 .signature-space>div{width:100%;padding-inline:4px}.signature-space h2{font-size:63px;margin:20px 0}
 .signature-space>div>p:not(.folio-kicker){font-size:15px;line-height:1.8}.signature-space a{font-size:13px}
 .signature-notes{display:block;padding:50px 24px 55px}
 .signature-notes h2{font-size:54px;margin-top:19px;margin-bottom:33px}
 .signature-notes summary{font-size:21px;padding:23px 0}.signature-notes details p{font-size:14px;padding-right:0}
 .signature-notes .folio-text-link{font-size:13px;line-height:1.5;gap:10px}
 .folio-menu-item[id]{scroll-margin-top:148px}
}
@media(max-width:359px){.folio-barber .folio-hero h1{font-size:22vw}.folio-muse .folio-hero h1{font-size:40px}.folio-muse .folio-hero h1 em{font-size:1.8em;margin-left:5px}.folio-muse .folio-hero-line{font-size:15px}.signature-path{gap:11px}.signature-path-copy h3{font-size:23px}.signature-path-number{font-size:31px;min-width:28px}.signature-guide-title h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.signature-path,.signature-notes summary span{transition:none}.folio-plan[open],.folio-share[open]{animation:none}}