/* Shared MARROW foundation: exact logo art preserved; Garamond family per Alex's recollection. */
@font-face{font-family:'MARROW Garamond';src:url('/fonts/eb-garamond-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.marrow-core h1,.marrow-core h2,.marrow-core h3,.marrow-core #menu nav a,.marrow-core .appointment-link>span,.marrow-core .review-quote,.marrow-core .salon-footer .call-signature,.marrow-core .salon-footer .footer-conversation p{font-family:'MARROW Garamond',Garamond,Georgia,serif;font-weight:400;letter-spacing:-.025em}
/* Neutral utility type is intentional, not a second stylist identity. */
.marrow-core .menu-toggle,.marrow-core .menu-close,.marrow-core .lightbox-close{min-width:44px;min-height:44px}.marrow-core :focus-visible{outline:2px solid #d8b19a;outline-offset:5px}.marrow-core #menu :focus-visible{outline-color:#684e3e}.marrow-core .appointment-mobile{display:none}.marrow-core .direction-bar a{min-height:44px;display:flex;align-items:center}.marrow-core .review-stage{min-height:240px}.marrow-core .footer-details .arrival-title{display:block;font-size:15px;margin-bottom:7px}
@media(max-width:650px){.marrow-core header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 16px;gap:8px}.marrow-core header .brand{width:142px;justify-self:center}.marrow-core .appointment-link{padding:9px 10px;min-height:44px}.marrow-core .appointment-link .appointment-desktop{display:none}.marrow-core .appointment-link .appointment-mobile{display:block;font-size:18px;white-space:nowrap}.marrow-core .night-opening{height:auto;min-height:570px}.marrow-core .night-opening .concept-intro{bottom:40px}.marrow-core .review-stage{min-height:260px}.marrow-core .review-quote{font-size:29px;line-height:1.25}.marrow-core .contact p,.marrow-core .owner p,.marrow-core .stylists p{font-size:16px}.marrow-core .salon-footer .call-signature{font-size:88px;min-height:88px}.marrow-core input,.marrow-core textarea{font-size:16px}.marrow-core .gallery-item{min-width:0}}
@media(max-width:360px){.marrow-core header{padding:0 12px;gap:6px}.marrow-core header .brand{width:128px}.marrow-core .appointment-link{padding:9px 6px}.marrow-core .appointment-link .appointment-mobile{font-size:16px}.marrow-core .night-opening .concept-intro h1{font-size:42px!important}}