/* Shared palette inspired by the supplied Chizfoto reference. */
:root{--brand-yellow:#fecb2c;--brand-yellow-hover:#fbc417;--brand-ink:#1a1a1a;--brand-muted:#606060;--brand-soft-yellow:#fff0b2;--brand-blue:#e6f4ff;--brand-green:#e1fad4;--brand-grey:#f8f8f8;--ink:var(--brand-ink);--muted:var(--brand-muted);--purple:var(--brand-ink);--line:#e5e5e5;--pale:var(--brand-soft-yellow);--bg-nav:var(--brand-yellow);--color-text:var(--brand-ink);--color-footer:var(--brand-ink);--line-color:var(--brand-yellow);--button-hover:var(--brand-yellow-hover);--bg-check:var(--brand-grey);--bg:var(--brand-grey)}
body{color:var(--brand-ink);background:#fff}
.topline{background:var(--brand-yellow);color:var(--brand-ink)}
header{border-color:var(--line)}
.brand,.site-brand{color:var(--brand-ink)}
.button,.site-contact{background:var(--brand-yellow);color:var(--brand-ink);border-color:transparent}
.button:hover,.button:focus-visible,.site-contact:hover,.site-contact:focus-visible{background:var(--brand-yellow-hover);color:var(--brand-ink)}
.button.light{background:var(--brand-ink);color:white}
.button.light:hover{background:#333;color:white}
.button.secondary{background:var(--brand-soft-yellow);color:var(--brand-ink)}
.eyebrow,.quick-icon,.quick b,.text-link,.map-link,.prices .text-link,.about .text-link,#order-subject{color:var(--brand-ink)}
.eyebrow>span{background:var(--brand-yellow)}
nav a:hover,.text-link:hover,.map-link:hover,.salon-contact .phone:hover,.salon-contact .phone:focus-visible{color:var(--brand-ink);text-decoration:underline;text-decoration-color:var(--brand-yellow);text-underline-offset:5px}
h1 em{color:var(--brand-ink);text-decoration:underline;text-decoration-color:var(--brand-yellow);text-decoration-thickness:.14em;text-underline-offset:.08em;text-decoration-skip-ink:none}
.hero-notes{color:var(--brand-muted)}
.hero-notes span:before{color:var(--brand-ink)}
.hero-visual{background:var(--brand-soft-yellow)}
.visual-label{color:var(--brand-ink);background:#ffffffda}
.image-caption{color:var(--brand-ink);background:#ffffffda}
.sticker{background:var(--brand-yellow);color:var(--brand-ink)}
.card-image{background:var(--brand-soft-yellow)}
.service-card:nth-child(3n+2) .card-image{background:var(--brand-blue)}
.service-card:nth-child(3n) .card-image{background:var(--brand-green)}
.card-tag{background:#fff;color:var(--brand-ink)}
.service-card.text-card .card-image{color:var(--brand-ink)}
.card-bottom button,.service-detail{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--brand-ink)}
.card-bottom button:hover,.service-detail:hover{background:var(--brand-yellow-hover);color:var(--brand-ink)}
.filters button.active{background:var(--brand-ink);color:white;border-color:var(--brand-ink)}
.filters button:not(.active):hover{background:var(--brand-soft-yellow)}
.document-band{background:var(--brand-yellow);color:var(--brand-ink)}
.document-band .eyebrow,.document-band p,.document-facts span{color:var(--brand-ink)}
.document-facts>div{border-color:#1a1a1a29}
.process{background:var(--brand-grey)}
.steps article>span{background:var(--brand-yellow);color:var(--brand-ink)}
.about-photo{background:var(--brand-soft-yellow)}
.contact-grid article{background:var(--brand-soft-yellow)}
.contact-grid article:nth-child(2){background:var(--brand-blue)}
.location-tag{color:var(--brand-muted)}
footer,.site-footer{background:var(--brand-ink);color:white}
footer .brand,.site-footer a{color:white}
.footer-caption,.footer-inner>span{color:#d4d4d4}
dialog{color:var(--brand-ink);background:white}
dialog::backdrop{background:#1a1a1a99}
button:focus-visible,a:focus-visible{outline:3px solid var(--brand-ink);outline-offset:4px}
.site-nav{background:white;border-color:var(--line)}
.pricing-block{border-color:var(--brand-yellow)}
.pricing-wrap{background:var(--brand-grey)}
.pricing-list li,.pricing-title,.price{color:var(--brand-ink)}
.pricing-list li:before{color:var(--brand-ink)}
.line-price{background:var(--brand-ink)}
.title-block:before,.title-block:after{background:var(--brand-yellow)}
.has-luminous-vivid-amber-color{color:var(--brand-ink)!important}
.upload-note{color:var(--brand-muted)}

/* Supplied capybara brand mark, kept at its original aspect ratio. */
.brand img,.site-brand img{width:56px;height:56px;object-fit:contain;flex-shrink:0}
@media(max-width:720px){.brand img,.site-brand img{width:44px;height:44px}}

.contact-actions .button{gap:10px}.contact-actions .max-logo{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain}

.salon-location{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;margin-bottom:0}.salon-location-info,.salon-contact{min-width:0}.salon-location-info .address{margin-top:0}.salon-location-info .map-link{margin-bottom:0}.salon-contact .phone{margin-top:0;font-size:clamp(20px,1.8vw,26px);white-space:nowrap}.salon-contact .contact-actions{margin-top:20px;flex-wrap:wrap;gap:16px}.salon-map{margin-top:28px;overflow:hidden;border-radius:12px;background:#fff;min-width:0;width:100%;height:320px;border:1px solid rgba(0,0,0,.08)}.salon-map iframe{display:block;width:100%;height:100%;border:0}@media(min-width:1100px){.salon-location{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.salon-contact .contact-actions{align-items:flex-start;flex-direction:column}.salon-contact .button{white-space:nowrap}}@media(max-width:480px){.salon-map{height:280px}}

/* Fit branch headings to the contact card width. */
.contact-grid article{container-type:inline-size}
.contact-grid h3{font-size:clamp(1rem,5cqi,1.75rem);margin-top:0}

.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-actions .button{white-space:nowrap}
.header-actions .contact-trigger{background:var(--brand-blue);gap:10px}
.header-actions .contact-trigger:hover{background:#d3ebfc}
.contact-trigger svg{flex-shrink:0}
.branch-contacts{display:grid;gap:16px;margin-top:24px}
.branch-contacts article{padding:20px;border-radius:14px;background:var(--brand-soft-yellow)}
.branch-contacts article:nth-child(2){background:var(--brand-blue)}
.branch-contacts h3{font-size:20px;margin:0 0 12px}
.branch-phone{display:inline-block;font-size:22px;font-weight:700}
.branch-phone:hover,.branch-phone:focus-visible{text-decoration:underline;text-decoration-color:var(--brand-yellow);text-underline-offset:5px}
.branch-contacts p{margin:12px 0 0;font-size:16px;line-height:1.6}
@media(min-width:721px) and (max-width:1150px){header .nav{height:auto;min-height:94px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:20px}header nav{order:3;width:100%;justify-content:center}}
@media(max-width:720px){.header-actions{width:100%;gap:10px;flex-wrap:wrap}.nav .header-actions .button{font-size:14px;min-height:44px;flex:1;padding:12px}.branch-phone{font-size:20px}}

.salon-location-info .hours{margin-bottom:0;min-height:0}.contact-email-row{margin:8px 0 0;font-size:16px;overflow-wrap:anywhere}.contact-email:hover,.contact-email:focus-visible{text-decoration:underline;text-decoration-color:var(--brand-yellow);text-underline-offset:5px}