/* Hero */
.hero{position:relative;min-height:min(770px,calc(100svh - 20px));display:flex;align-items:center;padding-top:80px;overflow:hidden;background:#eee8df}.hero-background{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(253,249,243,.88) 0%,rgba(253,249,243,.69) 25%,rgba(253,249,243,.03) 55%),url('../assets/pixta-97721837.jpg');background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat;transform:scale(1.001)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(to bottom,transparent,rgba(249,246,241,.16));pointer-events:none}.hero-content{position:relative;z-index:1;width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:82px 0 58px}.hero-kicker{letter-spacing:.25em;font-size:14px;color:var(--ink2)}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.1vw,84px);letter-spacing:.115em;line-height:1.5;margin:28px 0 22px}.hero-description{font-family:var(--serif);font-size:clamp(14px,1.3vw,18px);letter-spacing:.1em;line-height:2.1;margin:0 0 31px}.hero-English{display:block;font-family:var(--serif);font-style:italic;font-size:15px;letter-spacing:.1em;color:var(--muted);margin-top:37px}.hero-stamp{position:absolute;right:40px;bottom:36px;font-size:10px;letter-spacing:.15em;color:rgba(63,47,34,.54);z-index:3}.hero-stamp::before{content:"";display:inline-block;width:38px;border-top:1px solid currentColor;vertical-align:middle;margin-right:12px}
/* Services */
.services{background:#fffaf5}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.service-card{display:block;position:relative;overflow:hidden}.service-card .media{aspect-ratio:1.12;background:#eae1d9;overflow:hidden}.service-card img{transition:transform .5s}.service-card:hover img{transform:scale(1.06)}.service-art{height:100%;width:100%;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,#fff7ef,transparent 50%),linear-gradient(125deg,#ded1c4,#f1e8df)}.service-art svg{width:46%;height:46%;stroke:#9f826c;stroke-width:1.15;fill:none;opacity:.85}.service-card .card-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:18px 3px}.service-card .card-caption>div{min-width:0}.service-card h3{overflow-wrap:anywhere;font:400 19px var(--serif);letter-spacing:.09em;margin:0 0 3px}.service-card p{font-size:14px;color:var(--muted);margin:0}.service-card .go{flex:none;font-size:19px;color:#98816f}.image-label{position:absolute;left:10px;top:10px;background:#faf7f0d9;font-size:var(--font-note);color:var(--ink2);padding:3px 8px;letter-spacing:.1em}
/* Value */
.philosophy{background:#f4eee6}.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:45px}.value{padding:5px 29px 5px;text-align:center;border-right:1px solid #ddd3c8}.value:last-child{border:0}.value-icon{font-size:31px;color:#856f5d;line-height:1;margin-bottom:25px}.value h3{font:400 19px/1.8 var(--serif);letter-spacing:.08em;margin:0 0 11px}.value p{font-size:14px;color:#75685c;line-height:2.2;margin:0}
/* Hair */
.hair-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.hair-grid article{position:relative}.hair-grid .photo{aspect-ratio:.86;background:#e2d8cd;overflow:hidden}.hair-grid article:nth-child(2) img{object-position:50% 35%}.hair-grid article:nth-child(3) img{object-position:50% 25%}.hair-grid .photo img{transition:transform .6s}.hair-grid article:hover img{transform:scale(1.035)}.hair-grid h3{overflow-wrap:anywhere;font:400 16px var(--serif);letter-spacing:.17em;margin:13px 0 0}.hair-grid p{font-size:14px;color:var(--muted);margin:0}.gallery-foot{text-align:center;margin-top:36px}
/* Care */
.care{background:#f5f0ea}.care-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}.care-layout .care-image{aspect-ratio:1.33;overflow:hidden}.care-copy .lead{max-width:410px}.care-tags{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.care-tags span{font:400 15px var(--serif);border-bottom:1px solid #c5b8aa;padding:6px 10px;color:#4b433b}
/* People */
.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;align-items:center}.people-placeholder{aspect-ratio:1.6;display:grid;place-items:center;padding:45px;text-align:center;background:linear-gradient(145deg,rgba(228,218,205,.6),rgba(255,252,246,.92)),radial-gradient(circle at 80% 35%,#efdfc9 0 10%,transparent 45%);border:1px solid #e6dace}.people-placeholder .handwriting{font:italic 54px var(--serif);color:#9c846e}.people-placeholder p{font-size:14px;color:#77685b}.people-copy .lead{max-width:470px}
/* Reservation */
.access{background:#eee5dc}.access-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:7%;align-items:center}.access-surface{padding:45px;background:rgba(255,255,255,.72);border:1px solid rgba(205,189,176,.54)}.access-address{font-size:15px;line-height:2.1}.access-note{font-size:14px;color:var(--muted)}.access-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.access-actions .btn{min-width:180px}.first-guide{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px;padding:27px 33px;border:1px solid #ded2c6;background:rgba(255,255,255,.44)}.first-guide h3{font:400 22px var(--serif);margin:0 0 5px}.first-guide p{font-size:14px;margin:0;color:var(--muted)}

/* Preserve A layout while allowing Grid content to shrink at 320px. */
.access-phone{font-size:15px;line-height:2.1;margin:10px 0 20px}.access-phone a{border-bottom:1px solid #ad9d8e}.access-details{margin:20px 0}.access-details>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid #ded2c6;font-size:14px;line-height:1.9}.access-details dt{color:var(--muted)}.access-details dd{margin:0;overflow-wrap:anywhere}
.people-grid>*{min-width:0}.people-placeholder{min-width:0;aspect-ratio:auto;min-height:280px}.people-placeholder small{font-size:12px}
@media(max-width:1140px){.hero{min-height:690px}}
@media(max-width:930px){.hero{padding-top:68px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}.value:nth-child(2){border:0}.value{padding-block:25px}.people-grid{gap:30px}}
@media(max-width:650px){.hero{display:block;min-height:auto;padding-top:68px;background:#f4ece3}.hero-background{position:relative;height:390px;background-image:url('../assets/pixta-97721837.jpg');background-position:62% 22%;background-size:cover}.hero-background::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(250,247,242,.8))}.hero-content{width:100%;padding:8px 27px 65px;min-height:340px;background:linear-gradient(to bottom,rgba(250,247,242,.94),var(--paper) 75%)}.hero-kicker{font-size:11px}.hero h1{font-size:clamp(36px,11.8vw,46px);letter-spacing:.08em;margin:18px 0 18px;line-height:1.48}.hero-description{font-size:15px;margin-bottom:23px}.hero-English{margin-top:23px;font-size:13px}.hero-stamp{display:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px}.service-grid .service-card:first-child{grid-column:1/-1}.service-card:first-child .media{aspect-ratio:2}.service-card .media{aspect-ratio:1.1}.service-card .card-caption>div{min-width:0}.service-card h3{overflow-wrap:anywhere;font-size:17px}.service-card p{font-size:13px}.service-card .card-caption{padding:11px 1px}.service-card .go{font-size:16px}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.value{padding:22px 12px;border-bottom:1px solid var(--line)}.value:nth-child(even){border-right:0}.value:nth-child(n+3){border-bottom:0}.value-icon{font-size:24px;margin-bottom:12px}.value h3{font-size:17px}.value p{font-size:14px;line-height:2.1}.hair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hair-grid article:last-child{display:none}.hair-grid .photo{aspect-ratio:.87}.hair-grid h3{font-size:14px}.care-layout,.people-grid,.access-layout{grid-template-columns:minmax(0,1fr);gap:25px}.care-layout .care-image{aspect-ratio:1.15}.care-copy{order:-1}.care-tags{margin:20px 0}.people-placeholder{min-height:230px;padding:28px}.people-placeholder .handwriting{font-size:38px}.access-surface{padding:26px}.first-guide{margin-top:27px;padding:25px;display:block}.first-guide .btn{margin-top:15px}}

/* Supplied salon photographs; preserve the A layout and the full 4:3 frame. */
.salon-photo{margin:0;min-width:0}.salon-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.salon-photo figcaption{margin-top:9px;font-size:var(--font-note);line-height:1.9;color:var(--ink2)}.salon-photo--exterior{margin-top:26px}

.hero-photo-note{position:absolute;right:40px;bottom:14px;z-index:2;background:#faf7f0d9;font-size:var(--font-note);line-height:1.9;color:var(--ink2);padding:3px 8px;letter-spacing:.1em}@media(max-width:650px){.hero-photo-note{right:18px;bottom:18px}}

/* Keep the supplied Before/After frame and its logo visible at every width. */
.service-card[data-eyebrow-photo] img{object-fit:contain;transform:none}
.eyebrow-photo-note{display:block;margin-top:4px;font-size:var(--font-note);line-height:1.6;color:var(--muted)}

/* Keep short line endings with the preceding words without changing the copy. */
.philosophy .lead{text-wrap:balance}
@media(max-width:650px){.philosophy .lead{max-width:20em;margin-inline:auto}}
