.color-preview { background:#fff; }
.service-skip-link { position:fixed; top:8px; left:8px; z-index:10000; transform:translateY(-200%); padding:12px 16px; background:#fff; color:#241b12; }
.service-skip-link:focus { transform:none; }
.color-preview .service-page-hero { height:auto!important; max-height:none!important; }
.color-preview .service-page-hero { overflow:visible!important; z-index:1; }
.color-preview .service-page-hero::after { inset:0!important; }
.color-preview .service-page-hero { background:transparent!important; }
.color-preview .service-page-hero::before,
.color-preview .service-page-hero::after { clip-path:inset(0 0 24px); }
.color-preview .color-hero-glass { max-width:760px; padding:24px 28px; margin-bottom:28px; border:1px solid #ffffff40; border-radius:8px; background:#211c1880; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 0 1px #ffffff20,0 8px 32px #0002; }
.color-preview .color-hero-glass { position:relative; top:-16px; background:transparent; border-color:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; }
.color-preview .color-hero-glass .service-page-intro { margin-bottom:0; }
.color-preview .color-hair-overflow { position:absolute; inset:0 0 -64px; background:url('/images/color-hair-cutout-v1.webp') center bottom/auto 110% no-repeat; pointer-events:none; z-index:-1; mask-image:linear-gradient(to bottom,transparent 60%,#000 90%); -webkit-mask-image:linear-gradient(to bottom,transparent 60%,#000 90%); }
.color-preview .service-page-hero::after,
.color-preview .color-hair-overflow { transform:none!important; will-change:auto; }
@media(prefers-reduced-motion:reduce){ .color-preview .color-hair-overflow { transform:none; } }
.color-preview .color-jump { position:relative; margin-top:-24px; padding-top:24px!important; padding-bottom:24px!important; }
@media(min-width:769px) {
 .color-preview .color-jump { min-height:120px; box-sizing:border-box; }
 .color-preview .color-hair-overflow { bottom:-90px; background-size:auto 100%; background-position:center bottom; }
}
.color-preview .service-page-hero > .service-page-actions { position:relative; top:-16px; }
@media(max-width:768px) { .color-preview .color-hero-glass { padding:20px 16px; } .color-preview .color-hair-overflow { background-size:auto 100%; inset-bottom:-48px; } }
.color-preview .color-booking-motion { position:relative; overflow:hidden; }
.color-preview .color-booking-motion.is-in-view { animation:booking-nudge 8s ease-in-out 1s infinite; }
.color-preview .color-booking-motion::before { content:''; position:absolute; inset:0 auto 0 0; width:30%; height:100%; background:linear-gradient(105deg,transparent,rgba(255,255,255,.48),transparent); pointer-events:none; opacity:0; transform:translateX(-150%); }
.color-preview .color-booking-motion.is-in-view::before { animation:booking-sheen 8s ease-in-out 1s infinite; }
@keyframes booking-nudge {
 0%,2%,25%,100% { transform:translateY(0); }
 3.5%,7.5% { transform:translateY(2px); }
 5% { transform:translateY(-1px); }
 6% { transform:translateY(.5px); }
 10% { transform:translateY(-.9px); }
 13% { transform:translateY(.55px); }
 16% { transform:translateY(-.32px); }
 19% { transform:translateY(.18px); }
 22% { transform:translateY(-.08px); }
}
@keyframes booking-sheen {
 0% { transform:translateX(-150%); opacity:0; }
 2% { opacity:.85; }
 12% { transform:translateX(450%); opacity:.85; }
 14%,100% { transform:translateX(450%); opacity:0; }
}
.color-preview .color-booking-motion:hover,
.color-preview .color-booking-motion:focus-visible,
.color-preview .color-booking-motion:active { animation:none; }
.color-preview .color-booking-motion:hover::before,
.color-preview .color-booking-motion:focus-visible::before,
.color-preview .color-booking-motion:active::before { animation:none; opacity:0; }
@media(prefers-reduced-motion:reduce) {
 .color-preview .color-booking-motion.is-in-view { animation:none; }
 .color-preview .color-booking-motion.is-in-view::before { animation:none; display:none; }
}
.color-preview .service-page-main h1,
.color-preview .service-page-main h2,
.color-preview .service-page-main h3 { text-align:center; }
.color-preview .service-page-detail-head { justify-content:center; }
.color-preview .service-page-detail-head h3 { width:100%; }
.color-preview .service-page-faq-item summary { text-align:center; }
.color-preview .service-page-main { padding:88px 0 0; }
.color-preview .service-page-shell { max-width:none; gap:0; }
.color-preview .service-breadcrumbs { max-width:1100px; margin:auto; padding:20px 24px; }
.color-preview .service-page-card { border-radius:0; box-shadow:none; background:transparent; padding:64px max(24px, calc((100% - 1100px)/2)); }
.color-preview .service-page-card h2 { font-size:30px; margin:0 0 28px; line-height:1.25; }
.color-preview .service-page-hero { position:relative; overflow:hidden; min-height:600px; height:calc(100svh - 150px); max-height:780px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#37302a; text-align:center; color:#fff; padding:64px 24px; isolation:isolate; }
.color-preview .service-page-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 40%,rgba(0,0,0,.16) 75%,transparent 100%); z-index:-1; pointer-events:none; }
.color-preview .service-page-hero::after { content:''; position:absolute; inset:-60px 0; background:url('/images/24.webp') center 54%/cover no-repeat; transform:translate3d(0,var(--color-parallax-y,0px),0); z-index:-2; pointer-events:none; will-change:transform; }
.color-preview .color-brand { width:300px; max-width:100%; height:auto; margin:0 0 24px; }
.color-preview .service-page-kicker { color:#fff; letter-spacing:0; margin-top:12px; margin-bottom:28px; font-size:15px; text-transform:none; }
.color-preview .service-page-hero h1 { font-size:42px; line-height:1.15; max-width:760px; margin:0 0 20px; color:#fff; text-shadow:0 2px 10px #0005; }
.color-preview .service-page-intro { max-width:620px; font-size:19px; line-height:1.5; color:#fff; margin:0 0 28px; text-shadow:0 1px 6px #0008; }
.color-preview .service-page-actions { gap:16px; justify-content:center; margin:0; }
.color-preview .service-page-cta { min-height:52px; border-radius:8px; padding:14px 24px; font-size:16px; line-height:1.4; }
.color-preview .service-page-cta--primary { color:#241b12; background:linear-gradient(180deg,#fff0e5,#e4d2c8 48%,#c0a48e); border:1px solid #e4d2c8; box-shadow:inset 0 1px #fff,0 2px #987d68; }
.color-preview .service-page-cta--primary:hover { background:#f6e8dd; color:#241b12; transform:translateY(-1px); }
.color-preview .service-page-cta--secondary { border:1px solid #9b8270; background:transparent; color:inherit; }
.color-preview .service-page-hero .service-page-cta--secondary {
 background:rgba(255,255,255,.12);
 border-color:rgba(255,255,255,.5);
 color:#fff;
 backdrop-filter:blur(8px);
 -webkit-backdrop-filter:blur(8px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 4px 16px rgba(0,0,0,.12);
}
.color-preview .service-page-hero .service-page-cta--secondary:hover { background:rgba(255,255,255,.2); color:#fff; }
.color-preview .service-page-cta:focus-visible { outline:3px solid #f6e8dd; outline-offset:4px; }
.color-preview .color-jump { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:24px; padding:24px; background:#f5eeea; }
.color-preview .color-jump a { display:inline-flex; align-items:center; justify-content:center; position:relative; z-index:2; top:0px; box-sizing:border-box; color:#44362c; text-decoration:none; min-height:34px; padding:5px 14px; font-size:14px; line-height:1.5; border:1px solid #ffffff90; border-radius:8px; background:linear-gradient(180deg,#fffaf466,#eee0d540); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 0 1px #ffffff80,0 2px 5px #44362c18; transition:background .15s,box-shadow .15s; }
.color-preview .color-jump a::before { content:''; position:absolute; inset:-5px 0; }
.color-preview .color-jump a { background:linear-gradient(180deg,#fffaf42e,#eee0d51a); border-color:#ffffff60; }
.color-preview .color-jump a:hover { background:#fffaf44d; box-shadow:inset 0 1px #fff,0 3px 8px #44362c28; }
.color-preview .color-jump a:focus-visible { outline:2px solid #705540; outline-offset:3px; }
.color-preview .color-jump a:active { box-shadow:inset 0 2px 4px #44362c25; }
.color-preview .color-prices { margin:0; padding:64px max(24px, calc((100% - 1100px)/2)); grid-template-columns:minmax(0,1fr) minmax(0,1.65fr); gap:64px; background:#191919; color:#fff; }
.color-preview .color-prices .service-page-card { padding:0; }
.color-preview .color-prices h2 { color:#fff; font-size:28px; }
.color-preview .color-prices .service-page-list { padding:0; }
.color-preview .color-prices .service-page-list li { color:#e4d2c8; }
.color-preview .service-page-price-list { gap:16px; }
.color-preview .service-page-price-row { font-size:17px; border-bottom:1px solid #58493e; gap:20px; }
.color-preview .service-page-price-row strong { font-size:18px; color:#e4d2c8; }
.color-preview .service-page-price-note { color:#d2c2b6; margin-top:24px; text-align:center; text-wrap:balance; line-height:1.6; }
.color-preview .color-prices .service-page-actions { justify-content:flex-start; margin-top:28px; }
.color-preview .service-page-detail-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 48px; }
.color-preview .service-page-detail-item { border-radius:0; background:none; padding:0 0 24px; border-bottom:1px solid #dccbc0; }
.color-preview .service-page-detail-head { margin-bottom:12px; }
.color-preview .service-page-detail-head h3 { font-size:22px; line-height:1.3; }
.color-preview .service-page-detail-item > p { line-height:1.6; }
.color-preview .color-gallery { background:radial-gradient(ellipse at 50% 40%,#f7f2ee,#e4d2c8); }
.color-preview .service-page-gallery { gap:24px; }
.color-preview .service-page-gallery-item { border-radius:8px; margin:0; background:none; }
.color-preview .service-page-gallery-item img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:contain; }
.color-preview .color-extra { padding-top:36px; padding-bottom:36px; background:#f5eeea; }
.color-preview .color-extra .service-page-text a { color:#594332; text-decoration:underline; text-underline-offset:4px; }
.color-preview .service-page-faq { margin-top:0; }
.color-preview .service-page-faq-item { padding:20px 0; border-bottom:1px solid #dccbc0; border-radius:0; background:none; }
.color-preview .service-page-faq-item summary { cursor:pointer; font-size:19px; line-height:1.4; font-weight:600; padding-right:16px; }
.color-preview .service-page-faq-item p { margin:14px 0 0; line-height:1.6; }
.color-preview .service-page-contacts { background:#191919; color:#fff; text-align:center; }
.color-preview .service-page-contacts h2 { color:#fff; }
.color-preview .service-page-contact-grid { max-width:1100px; margin:0 auto; gap:32px; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr); grid-template-areas:'address booking connection'; align-items:start; }
.color-preview .color-contact-address { grid-area:address; }
.color-preview .color-contact-connection { grid-area:connection; }
.color-preview .service-page-contact-grid .service-page-actions { grid-area:booking; display:flex; flex-direction:column; align-items:center; gap:12px; }
.color-preview .service-page-contact-grid .service-page-cta { width:100%; max-width:340px; }
.color-preview .color-messenger-links { display:flex; justify-content:center; gap:12px; width:100%; max-width:340px; }
.color-preview .color-messenger-links .service-page-cta { width:auto; padding:12px 16px; }
.color-preview .service-page-contact-grid p { color:#f0e6df; }
.color-preview .service-page-contact-grid a { color:#f0e6df; }
.color-preview .service-page-contact-grid .service-page-cta--primary,
.color-preview .service-page-contact-grid .service-page-cta--primary:hover,
.color-preview .service-page-contact-grid .service-page-cta--primary:active { color:#241b12; }
.color-preview .service-page-contact-label { color:#d5bba5!important; }
.color-preview .footer-block { padding:32px 24px; background:#191919; }
.color-preview .footer-container { max-width:1100px; margin:auto; border-top:1px solid #58493e; padding-top:24px; }
.color-preview .footer-column { width:100%; max-width:none; margin:0; }
.color-preview .footer-heading { display:none; }
.color-preview .footer-links { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px 24px; width:100%; padding:0; margin:0; text-align:center; }
.color-preview .footer-links li { margin:0; }
.color-preview .footer-bottom { margin-top:24px; }
.color-preview .burger-menu { width:44px; height:44px; padding:12px 7px; top:0; }
.color-preview .burger-menu span { width:30px; }
@media(max-width:768px) {
 .color-preview .service-page-main { padding-top:48px; }
 .color-preview .service-breadcrumbs { padding:16px 24px; font-size:12px; }
 .color-preview .service-page-card { padding:40px 24px; }
 .color-preview .service-page-hero { min-height:570px; height:auto; padding:64px 24px; background-position:center 48%; }
 .color-preview .service-page-hero::after { background-position:center 48%; }
 .color-preview .color-brand { width:250px; }
 .color-preview .service-page-hero h1 { font-size:30px; }
 .color-preview .service-page-intro { font-size:17px; }
 .color-preview .service-page-actions { width:100%; }
 .color-preview .service-page-cta { width:100%; max-width:360px; }
 .color-preview .service-page-card h2 { font-size:26px; }
 .color-preview .color-prices { padding:40px 24px; grid-template-columns:1fr; gap:32px; }
 .color-preview .color-prices .service-page-card { padding:0; }
 .color-preview .service-page-price-row { flex-direction:column; gap:6px; }
 .color-preview .service-page-price-row strong { white-space:normal; }
 .color-preview .service-page-detail-list { grid-template-columns:1fr; gap:24px; }
 .color-preview .service-page-gallery { grid-template-columns:1fr; max-width:450px; margin-inline:auto; }
 .color-preview .service-page-contact-grid { grid-template-columns:1fr; grid-template-areas:'booking' 'address' 'connection'; gap:24px; }
 .color-preview .service-page-contacts .service-page-actions { margin-bottom:32px; }
 .color-preview .footer-links { flex-direction:column; }
 .color-preview .footer-links li { width:100%; text-align:center; }
 .color-preview .footer-container { padding-inline:0; }
 .color-preview .footer-column:not(.footer-column-book) { padding:0; }
 .color-preview .header { padding:0; }
 .color-preview .header .container { min-height:48px; align-items:center; }
 .color-preview .logo { margin:0; }
 .color-preview .logo a { display:block; }
 .color-preview .logo img { display:block; margin:0; padding:0; }
 .color-preview .burger-menu { position:static; flex-shrink:0; margin:0; }
 .color-preview .burger-menu span { flex:0 0 2px; }
}
@media(prefers-reduced-motion:reduce) { .color-preview .service-page-cta:hover { transform:none; } .color-preview .service-page-hero::after { transform:none; will-change:auto; } }

 .color-preview .service-page-hero::after { background-image:url('/images/13.webp'); background-size:var(--hair-photo-width) var(--hair-photo-height); background-position:center top; }
 .color-preview .color-hair-overflow { background-image:url('/images/haircut-cutout-v1.webp'); background-size:var(--hair-layer-width) var(--hair-layer-height); background-position:calc(50% - var(--hair-offset-x)) var(--hair-offset-y); bottom:-90px; transform:translate3d(0,var(--color-parallax-y,0px),0); }
 @media(min-width:769px){
  .color-preview .color-hair-overflow { bottom:-320px; background-size:var(--hair-layer-width) var(--hair-layer-height); background-position:calc(50% - var(--hair-offset-x)) var(--hair-offset-y); mask-image:linear-gradient(to bottom,transparent var(--hair-fade-start),#000 var(--hair-fade-end),#000 var(--hair-fade-out-start),transparent var(--hair-fade-out-end)); -webkit-mask-image:linear-gradient(to bottom,transparent var(--hair-fade-start),#000 var(--hair-fade-end),#000 var(--hair-fade-out-start),transparent var(--hair-fade-out-end)); }
  .color-preview .color-prices h2,
  .color-preview .color-prices .service-page-list,
  .color-preview .color-prices .service-page-price-list,
  .color-preview .color-prices .service-page-price-note,
  .color-preview .color-prices .service-page-actions { position:relative; z-index:2; }
  .color-preview .color-prices .service-page-price-list { background:#191919e8; padding:16px; border-radius:8px; }
 }
 @media(prefers-reduced-motion:reduce){ .color-preview .color-hair-overflow { transform:none; } }
 .color-preview .service-page-detail-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .color-preview .service-page-gallery-item:last-child img { object-fit:cover; object-position:center top; }
 @media(min-width:769px){ .color-preview .color-extra .service-page-text { text-align:center; margin-inline:auto; text-wrap:pretty; } }
 @media(max-width:768px){ .color-preview .service-page-detail-list { grid-template-columns:1fr; } }