.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic]):is([data-mode=framed],[data-mode=card]){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic]):is([data-mode=framed],[data-mode=card])>.salon-hero-media{grid-area:1/1;height:auto;min-height:0;max-height:none;margin:0;position:relative}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic]):is([data-mode=framed],[data-mode=card])>.salon-hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic]):is([data-mode=framed],[data-mode=card])>.salon-hero-inner{z-index:2;grid-area:1/1;place-self:end start;margin:0}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic]):is([data-mode=framed],[data-mode=card])>:is(.premium-info,.premium-service-band){grid-area:2/1}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=framed]{min-height:min(86svh,860px);padding:clamp(10px,1.6cqi,20px)}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=framed]>.salon-hero-media{border-radius:max(var(--radius),18px);overflow:hidden}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=framed]>.salon-hero-media:after{content:"";background:linear-gradient(#0000 30%,#000000a8);position:absolute;inset:0}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=framed]>.salon-hero-inner{--foreground:#fff;color:#fff;max-width:min(780px,100%);padding:clamp(1.5rem,5cqi,4.5rem)}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=framed]>.salon-hero-inner :is(.salon-name,.salon-slogan,.salon-section-intro,.salon-link){color:#fff!important}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=card]{min-height:min(86svh,820px);padding:0}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=card]>.salon-hero-inner{background:var(--background);max-width:min(560px,100% - 2rem);color:var(--foreground);border-radius:var(--radius);margin:clamp(1rem,4cqi,4rem);padding:clamp(1.5rem,3.5cqi,3rem);box-shadow:0 30px 60px -30px #00000080}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=card] .salon-name{line-height:1.02;font-size:clamp(2.4rem,5cqi,4.6rem)!important}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked]{text-align:center;flex-direction:column;align-items:center;min-height:0;padding:clamp(3rem,7cqi,6rem) 5% clamp(1.5rem,3cqi,2.5rem);display:flex}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked]>.salon-hero-inner{text-align:center;order:1;align-items:center;max-width:min(980px,100%);margin:0 auto;padding:0}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked] .salon-hero-actions{justify-content:center}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked]>.salon-hero-media{aspect-ratio:21/9;border-radius:var(--radius);order:2;width:min(1240px,100%);height:auto;min-height:0;max-height:none;margin:clamp(2rem,4cqi,3.5rem) 0 0;position:relative;overflow:hidden}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked]>.salon-hero-media img{object-fit:cover;width:100%;height:100%}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked]>:is(.premium-info,.premium-service-band){order:3}.salon-preview[data-layout=engine][data-signature=lyx] .salon-hero:not([data-cinematic])[data-mode=stacked] .salon-name:after{translate:-50%;left:50%!important}@container (width<=767px){.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=framed]{min-height:78svh;padding:8px}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=framed]>.salon-hero-inner{padding:1.5rem 1.25rem}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=card]{min-height:80svh}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=card]>.salon-hero-inner{max-width:calc(100% - 24px);margin:12px;padding:1.4rem 1.25rem}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked]{padding:2.5rem 1.25rem 1.25rem}.salon-preview[data-layout=engine] .salon-hero:not([data-cinematic])[data-mode=stacked]>.salon-hero-media{aspect-ratio:4/3}}.salon-preview[data-layout=engine] .salon-service-groups:is([data-variant=cards],[data-variant=poster],[data-variant=minimal]) .salon-leader{display:none}.salon-preview[data-layout=engine] .salon-service-groups:is([data-variant=cards],[data-variant=poster],[data-variant=minimal]){flex-direction:column;gap:clamp(2rem,4cqi,3rem);display:flex}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=cards] .salon-services{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(12px,1.6cqi,20px);margin:0;padding:0;list-style:none;display:grid}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=cards] .salon-services li{border-radius:max(var(--radius),12px);background:var(--surface);color:var(--surface-foreground);--foreground:var(--surface-foreground);--muted-foreground:var(--surface-muted);transition:transform .2s,box-shadow .2s;border:1px solid var(--border)!important}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=cards] .salon-services li:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px #00000073}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=cards] .salon-services li>a{height:100%;color:inherit;flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(1.1rem,2cqi,1.5rem);display:flex}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=cards] .salon-price{font-family:var(--font-display);margin-top:auto;font-size:clamp(1.6rem,2.6cqi,2.1rem);line-height:1}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=poster] .salon-services{border-top:2px solid var(--foreground);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));column-gap:clamp(1.5rem,3cqi,3rem);margin:0;padding:0;list-style:none;display:grid}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=poster] .salon-services li{border:0!important;border-bottom:1px solid var(--border)!important}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=poster] .salon-services li>a{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.4rem 0;display:flex}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=poster] .salon-price{font-family:var(--font-display);font-size:clamp(2.4rem,4.6cqi,3.8rem);line-height:1;font-weight:var(--heading-weight,500);order:-1}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=poster] .salon-service-name{letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;font-weight:650}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal]{text-align:center;max-width:720px;margin-inline:auto}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal] .salon-service-group>h3{justify-content:center}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal] .salon-services{margin:0;padding:0;list-style:none}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal] .salon-services li{border:0!important}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal] .salon-services li>a{flex-direction:column;align-items:center;gap:.2rem;padding:.9rem 0;display:flex}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal] .salon-service-copy{flex-direction:column;align-items:center;display:flex}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal] .salon-service-name{font-family:var(--font-display);font-size:clamp(1.35rem,2.3cqi,1.75rem)}.salon-preview[data-layout=engine] .salon-service-groups[data-variant=minimal] .salon-price{color:var(--accent);font-size:1.05rem}.salon-preview[data-layout=engine] .salon-barbers:is([data-variant=circles],[data-variant=list]) .salon-cta{width:auto}.salon-preview[data-layout=engine] .salon-barbers[data-variant=circles]{flex-wrap:wrap;justify-content:center;gap:clamp(1.75rem,4cqi,3.5rem);display:flex}.salon-preview[data-layout=engine] .salon-barbers[data-variant=circles] article{text-align:center;width:min(240px,44%);box-shadow:none;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;padding:0;display:flex}.salon-preview[data-layout=engine] .salon-barbers[data-variant=circles] :is(.salon-barber-photo,.salon-barber-initials){object-fit:cover;width:min(180px,100%);height:auto;margin-inline:auto;aspect-ratio:1!important;border-radius:50%!important}.salon-preview[data-layout=engine] .salon-barbers[data-variant=circles] .salon-barber-copy{flex-direction:column;align-items:center;display:flex}.salon-preview[data-layout=engine] .salon-barbers[data-variant=circles] .salon-barber-copy>p:not(.salon-barber-title){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay]{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(12px,1.6cqi,20px);display:grid}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true]{isolation:isolate;aspect-ratio:3/4;border-radius:var(--radius);color:#fff;position:relative;overflow:hidden;background:0 0!important;border:0!important;padding:0!important}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true] .salon-barber-photo{object-fit:cover;z-index:-2;width:100%;height:100%;box-shadow:none;margin:0;padding:0;position:absolute;inset:0;aspect-ratio:auto!important;border-radius:0!important}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true]:after{content:"";z-index:-1;background:linear-gradient(#0000 38%,#000000c7);position:absolute;inset:0}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true] .salon-barber-copy{--foreground:#fff;padding:1.25rem;position:absolute;inset:auto 0 0}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true] .salon-barber-copy :is(h3,p,.salon-link,a:not(.salon-cta),span,button){color:#fff!important}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true] .salon-barber-copy>p:not(.salon-barber-title){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list]{border-top:1px solid var(--border);flex-direction:column;gap:0;display:flex}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] article{border:0;border-bottom:1px solid var(--border);width:100%;max-width:none;box-shadow:none;background:0 0;border-radius:0;flex:none;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:1.4rem;padding:1.3rem 0;display:grid}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] :is(.salon-barber-photo,.salon-barber-initials){object-fit:cover;width:92px;height:92px;margin:0;padding:0;aspect-ratio:1!important;border-radius:50%!important}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] .salon-barber-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1.5rem;display:grid}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] .salon-barber-copy>*{grid-column:1;margin-block:0}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] .salon-barber-copy>.salon-cta{grid-area:1/2/span 6;margin:0}@container (width<=767px){.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] article{grid-template-columns:64px minmax(0,1fr);gap:1rem}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] :is(.salon-barber-photo,.salon-barber-initials){width:64px;height:64px}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] .salon-barber-copy{grid-template-columns:minmax(0,1fr)}.salon-preview[data-layout=engine] .salon-barbers[data-variant=list] .salon-barber-copy>.salon-cta{grid-area:auto/1;justify-self:start;margin-top:.75rem}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay]{grid-template-columns:1fr 1fr;gap:8px}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true] .salon-barber-copy{padding:.8rem}.salon-preview[data-layout=engine] .salon-barbers[data-variant=overlay] article[data-photo=true] .salon-barber-copy>p:not(.salon-barber-title){display:none}}.salon-preview .portfolio-grid[data-count]:is([data-variant=feature],[data-variant=squares]){display:grid}.salon-preview .portfolio-grid[data-count]:is([data-variant=feature],[data-variant=squares])>.portfolio-item{width:auto;min-width:0;max-width:none}.salon-preview .portfolio-grid[data-count][data-variant=feature]{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.salon-preview .portfolio-grid[data-count][data-variant=feature] .portfolio-item:first-child{grid-area:span 2/span 2}.salon-preview .portfolio-grid[data-count][data-variant=feature] .portfolio-item:first-child .portfolio-image{aspect-ratio:auto;height:calc(100% - 2.6rem);min-height:100%}.salon-preview .portfolio-grid[data-count][data-variant=feature][data-count="2"]{grid-template-columns:repeat(3,minmax(0,1fr))}.salon-preview .portfolio-grid[data-count][data-variant=squares]{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.salon-preview .portfolio-grid[data-count][data-variant=squares] .portfolio-image{aspect-ratio:1;border-radius:0}.salon-preview .portfolio-grid[data-count][data-variant=squares] figcaption{display:none}@container (width<=767px){.salon-preview .portfolio-grid[data-count][data-variant=feature]{grid-template-columns:1fr 1fr;gap:8px}.salon-preview .portfolio-grid[data-count][data-variant=feature] .portfolio-item:first-child{grid-row:auto}.salon-preview .portfolio-grid[data-count][data-variant=feature] .portfolio-item:first-child .portfolio-image{aspect-ratio:4/3;height:auto;min-height:0}.salon-preview .portfolio-grid[data-count][data-variant=squares]{gap:3px}}.salon-preview[data-layout=engine] .salon-about[data-variant=banner]{isolation:isolate;border-radius:var(--radius);color:#fff;align-items:end;min-height:clamp(320px,46cqi,540px);display:grid;position:relative;overflow:hidden}.salon-preview[data-layout=engine] .salon-about[data-variant=banner] img{object-fit:cover;z-index:-2;width:100%;height:100%;box-shadow:none;border:0;margin:0;padding:0;position:absolute;inset:0}.salon-preview[data-layout=engine] .salon-about[data-variant=banner]:before{content:"";z-index:-1;background:linear-gradient(90deg,#000000b8,#0000002e);position:absolute;inset:0}.salon-preview[data-layout=engine] .salon-about[data-variant=banner] p{color:#fff;max-width:40rem;margin:0;padding:clamp(1.5rem,4cqi,3.5rem);font-size:clamp(1.1rem,1.8cqi,1.35rem)}.salon-preview[data-layout=engine] .salon-about[data-variant=banner]:not(:has(img)){color:inherit;background:var(--surface);min-height:0}.salon-preview[data-layout=engine] .salon-about[data-variant=banner]:not(:has(img)):before{content:none}.salon-preview[data-layout=engine] .salon-about[data-variant=banner]:not(:has(img)) p{color:var(--surface-foreground)}.salon-preview[data-layout=engine] .salon-about[data-variant=editorial]{columns:2 18rem;column-gap:clamp(2rem,5cqi,4rem);font-size:1.05rem;display:block}.salon-preview[data-layout=engine] .salon-about[data-variant=editorial] img{aspect-ratio:16/7;object-fit:cover;column-span:all;border-radius:var(--radius);width:100%;margin:0 0 2rem;display:block}.salon-preview[data-layout=engine] .salon-about[data-variant=editorial] p{margin:0}.salon-preview[data-layout=engine] .salon-about[data-variant=editorial] p:first-letter{float:left;font-family:var(--font-display);color:var(--accent);padding:.06em .12em 0 0;font-size:4.2em;line-height:.82}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=split]{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 3rem;display:grid}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=split]>h2{text-wrap:balance;grid-column:1;margin:0!important;font-size:clamp(2rem,4.2cqi,3.6rem)!important}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=split]>.salon-section-intro{grid-column:1;margin:0}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=split] .salon-closing{grid-area:1/2/span 2;justify-content:flex-end;min-height:0}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=split] .salon-closing .salon-cta{margin:0}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=poster]{background:var(--role-text,#111);color:var(--role-background,#fff);--foreground:var(--role-background,#fff);--accent:var(--role-background,#fff);text-align:center;padding-block:clamp(4rem,10cqi,8rem)!important}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=poster]>h2{text-wrap:balance;max-width:14ch;color:inherit!important;margin-inline:auto!important;font-size:clamp(2.8rem,8cqi,7rem)!important;line-height:.95!important}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=poster] .salon-cta{background:var(--role-background,#fff)!important;color:var(--role-text,#111)!important;border-color:var(--role-background,#fff)!important}@container (width<=767px){.salon-preview[data-layout=engine] .salon-section-closing[data-variant=split]{grid-template-columns:minmax(0,1fr)}.salon-preview[data-layout=engine] .salon-section-closing[data-variant=split] .salon-closing{grid-area:auto/1;justify-content:flex-start}}.salon-preview[data-layout=engine] .salon-section-faq[data-variant=cards] .salon-faq-columns{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.salon-preview[data-layout=engine] .salon-section-faq[data-variant=cards] .salon-faq-columns article{border:1px solid var(--border);border-radius:max(var(--radius),12px);background:var(--surface);color:var(--surface-foreground);padding:clamp(1.2rem,2.2cqi,1.6rem)}.salon-preview[data-layout=engine] .salon-section-faq[data-variant=cards] .salon-faq-columns h3{margin:0 0 .5rem;font-size:1.08rem}.salon-preview[data-pattern-system=true][data-layout] :is(h1,h2,h3,.salon-name,.salon-service-name){overflow-wrap:break-word}.salon-preview[data-pattern-system=true][data-layout=engine] .salon-service-copy{min-width:min-content}@container (width<=479px){.salon-preview[data-pattern-system=true][data-layout=engine] .salon-service-copy{min-width:0}}.salon-preview[data-layout=engine][data-signature=studio][data-heading-style] .salon-section:not(.salon-section-closing):not(.salon-section-contact){grid-template-columns:minmax(0,1fr)}.salon-preview[data-layout=engine][data-signature=studio][data-heading-style] .salon-section>:is(div,.salon-hour){grid-column:auto}.salon-preview[data-pattern-system=true][data-layout=engine][data-heading-style=oversized] .salon-section>h2{max-width:min(100%,70cqi)}.salon-preview[data-pattern-system=true][data-layout=engine] .salon-section-closing[data-variant=poster]>h2{max-width:min(100%,58cqi)}@container (width<=767px){.salon-preview[data-pattern-system=true][data-layout=engine][data-heading-style=oversized] .salon-section>h2,.salon-preview[data-pattern-system=true][data-layout=engine] .salon-section-closing[data-variant=poster]>h2{max-width:none}}
