/* Final visual layer: keep brand colours consistent and motion restrained. */
.site-header .wordmark .wordmark-image { filter: brightness(.52) contrast(1.18) !important; opacity: 1; object-fit: contain; }
.hd-new .gallery-salon { background: #efe3cf; border-top: 1px solid #cdb186; border-bottom: 1px solid #cdb186; padding: 90px max(40px,calc((100% - 1200px)/2)); position: relative; }
.hd-new .salon-heading { align-items: center; gap: 60px; margin-bottom: 35px; }.hd-new .salon-heading h2 { font-size: 48px !important; margin: 15px 0 0; }.hd-new .salon-heading p { font-size: 16px; line-height: 1.8; }
.hd-new .salon-viewer { display: flex; flex-direction: column; gap: 20px; }.hd-new .salon-stage { width: 100%; padding: 10px; border: 1px solid #b89a6a; background: #fbf6eb; box-shadow: 0 20px 45px #4a223116; }.hd-new .salon-frame > a { height: 530px; }.hd-new .salon-frame.selected img { animation: hd-salon-entry 1s cubic-bezier(.2,.7,.2,1) both,hd-salon-breathe 18s 1s ease-in-out infinite alternate; }.hd-new .salon-frame figcaption { padding: 18px 15px 10px; border: 0; gap: 24px; }.hd-new .salon-frame figcaption > span:nth-child(2) { flex: 1; font: 500 20px/1.4 'DM Sans',Arial,sans-serif; }
.hd-new .salon-index { width: 100%; display: flex; gap: 16px; }.hd-new .salon-tab { flex: 1; min-width: 0; gap: 13px; border: 1px solid #c7af8a; padding: 14px; background: #f9f2e6; transition: background .4s,border-color .4s,box-shadow .4s; }.hd-new .salon-tab.selected { background: #4a2231; color: #fff5e3; border: 1px solid #4a2231; box-shadow: 0 7px 17px #32151e20; }.hd-new .salon-thumb { width: 65px; height: 72px; flex-shrink: 0; overflow: hidden; }.hd-new .salon-tab > span:nth-child(2) { font: 500 16px/1.4 'DM Sans',Arial,sans-serif; }.hd-new .salon-tab small { font-size: 15px; margin-bottom: 4px; color: #a27c49; }.hd-new .salon-tab.selected small { color: #e1c697; }.hd-new .salon-tab > b { display: none; }.hd-new .salon-foot { margin-top: 30px; border: 0; font-size: 15px; }
.hr-page .hr-enquiry { background: #b28d53; color: #37212a; border-top: 8px solid #e7d5b5; }.hr-page .hr-enquiry-copy .hr-kicker,.hr-page .hr-enquiry-copy p,.hr-page .hr-reservation-contact span { color: #4d352c; }.hr-page .hr-enquiry-form { border: 1px solid #d3b689; box-shadow: 12px 15px 0 #6c472b25; }
.hd-about .ab-invitation { background: #e9dcc5; color: #492331; }.hd-about .ab-invitation h2 { color: #492331; }.hd-about .ab-invitation .ab-kicker,.hd-about .ab-invitation .ab-social { color: #816340; }.hd-about .ab-invitation figure { box-shadow: 15px 15px 0 #b8996c3d; }
.hd-new .atelier-ornament-rule span { display: inline-block; animation: hd-polish-turn 28s linear infinite; }.hd-new .atelier-location-section .atelier-photo-backplate { animation: hd-polish-glow 8s ease-in-out infinite; }.hd-new .house-inset img { animation: hd-salon-breathe 18s ease-in-out infinite alternate; }
.hd-message-page { max-width: 1280px; margin: auto; padding: var(--hd-message-header,150px) 40px 90px; min-height: 780px; display: flex; align-items: center; gap: 80px; color: #4a2231; }.hd-message-page > div { flex: 1; }.hd-message-page h1 { font: 500 56px/1.15 'Bodoni Moda',Georgia,serif; letter-spacing: -1px; margin: 20px 0; }.hd-message-page p { font: 17px/1.85 'DM Sans',Arial,sans-serif; color: #756457; }.hd-message-page figure { width: 45%; height: 500px; border-radius: 180px 180px 3px 3px; border: 10px solid #e8d5b5; overflow: hidden; margin: 0; }.hd-message-page img { width: 100%; height: 100%; object-fit: cover; }.hd-message-mark { display: block; font-size: 38px; width: 40px; height: 50px; color: #a68049; margin-top: 20px; animation: hd-polish-turn 25s linear infinite; }.hd-message-actions { display: flex; gap: 22px; flex-wrap: wrap; align-items: center; margin-top: 30px; }.hd-message-actions a { font: 500 15px/1.6 'DM Sans',Arial,sans-serif; color: #4a2231; padding: 14px 0; text-decoration: none; border-bottom: 1px solid #ae8a54; }.hd-message-actions a:first-child { background: #4a2231; color: #fff7e7; padding: 16px 23px; }
@keyframes hd-polish-turn { to { transform: rotate(360deg); }}@keyframes hd-polish-glow { 50% { opacity: .6; }}@keyframes hd-salon-entry { from { clip-path: inset(0 6%); opacity: .5; } to { clip-path: inset(0); opacity: 1; }}@keyframes hd-salon-breathe { from { transform: scale(1); } to { transform: scale(1.035); }}
@media(max-width:1000px){.hd-new .salon-index { flex-wrap: wrap; }.hd-new .salon-tab { flex-basis: calc(50% - 8px); }.hd-message-page { gap: 40px; }.hd-message-page h1 { font-size: 46px; }}
@media(max-width:700px){.hd-new .gallery-salon { padding: 60px 22px; }.hd-new .salon-heading { flex-direction: column; align-items: flex-start; gap: 20px; }.hd-new .salon-heading h2 { font-size: 36px !important; }.hd-new .salon-heading > div:last-child { max-width: none; }.hd-new .salon-frame > a { height: 310px; }.hd-new .salon-stage { padding: 5px; }.hd-new .salon-frame figcaption { padding: 15px 8px 10px; gap: 12px; flex-wrap: wrap; }.hd-new .salon-frame figcaption > span:nth-child(2) { font-size: 17px; }.hd-new .salon-tab { padding: 10px; gap: 10px; }.hd-new .salon-thumb { width: 45px; height: 60px; }.hd-new .salon-tab > span:nth-child(2) { font-size: 15px; }.hd-new .salon-foot { gap: 18px; flex-wrap: wrap; }.hd-message-page { padding: var(--hd-message-header,130px) 22px 60px; flex-direction: column; gap: 40px; min-height: 0; }.hd-message-page h1 { font-size: 38px; }.hd-message-page figure { width: 100%; height: 350px; }.hr-page .hr-enquiry-form { box-shadow: 6px 8px 0 #6c472b25; }}
@media(prefers-reduced-motion:reduce){.hd-new .salon-frame.selected img,.hd-new .house-inset img,.hd-new .atelier-ornament-rule span,.hd-new .atelier-location-section .atelier-photo-backplate,.hd-message-mark { animation: none !important; }}

/* 8.1: slower, evenly eased homepage book reveal. */
@media (prefers-reduced-motion: no-preference) {
 .hd-new .atelier-book-section .folio-book {
  transition: transform 4.8s cubic-bezier(.45,0,.25,1);
 }
 .hd-new .atelier-book-section .folio-front-cover {
  transition: transform 4.8s cubic-bezier(.45,0,.25,1), opacity .7s 4.05s;
 }
 .hd-new .atelier-book-section .folio-page-left {
  transition: opacity 2.4s .85s ease-in-out;
 }
 .hd-new .atelier-book-section .folio-detail {
  transition: opacity 1.5s 2.9s ease-in-out, transform 2.2s 2.5s cubic-bezier(.4,0,.25,1);
 }
}