/* Bring supporting pages into the top page's white, ink and muted-gold system. */
.sub-page {
  --ink: #20201d;
  --ink-soft: #4f4c44;
  --paper: #fff;
  --paper-soft: #f5f2ea;
  --line: #d9d1bf;
  --teal: #ba9b4e;
  --teal-dark: #8a6d2c;
  background: var(--paper);
  color: var(--ink);
}
.sub-page #site-header {background:#fff;border-bottom:1px solid #e6e0d4}
.sub-page .header-inner {max-width:1440px}
.sub-page .header-inner nav a[aria-current=page] {color:#90722d;border-bottom:1px solid #b69647;padding-bottom:5px}
.sub-page .header-contact-btn {border-color:#25241f;color:#25241f;background:transparent}
.sub-page .header-contact-btn:hover {background:#25241f;color:white}
.sub-page .subhero {background:#f5f2ea;padding:64px 6.25vw 70px;border-bottom:1px solid #e5dece}
.sub-page .subhero .section-inner {max-width:1120px}
.sub-page .breadcrumb {font-size:11px;letter-spacing:.08em;color:#806d43;margin:0 0 28px}
.sub-page .breadcrumb a {border-bottom:1px solid #aa955f;padding-bottom:3px}
.sub-page .subhero h1 {font-family:Arial,"Helvetica Neue",sans-serif;font-weight:500;font-size:clamp(52px,8vw,104px);letter-spacing:-.035em;line-height:1;margin:0 0 19px}
.sub-page .subhero .subtitle {font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:19px;letter-spacing:.08em;color:#514b3e}
.sub-page section {padding-left:6.25vw;padding-right:6.25vw}
.sub-page .subcontent {padding-top:83px;padding-bottom:92px}
.sub-page .subcontent .section-inner {max-width:1120px}
.sub-page .subcontent h2,.sub-page .jp-head {font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:#25241f}
.sub-page .ghost-solo {color:#262520;font-weight:500;letter-spacing:-.025em}
.sub-page .aboutus-copy p,.sub-page .greeting-copy p,.sub-page .news-copy p {color:#49463f;line-height:2.15}
.sub-page .about-intro .aboutus-copy {max-width:760px}
.sub-page .eyebrow {color:#8b7137;letter-spacing:.13em}
.sub-page .text-link {border-color:#a88e4b}
.sub-page .discover-section {background:#f5f2ea;color:#222;padding-top:85px;padding-bottom:88px}
.sub-page .discover-copy {max-width:1120px;padding:0 0 36px}
.sub-page .discover-copy .eyebrow {color:#8b7137}
.sub-page .shop-gallery {max-width:1120px;padding:0;gap:24px;align-items:start}
.sub-page .shop-gallery img {aspect-ratio:4/3;object-fit:cover}
.sub-page .shop-gallery figcaption {color:#655f53;font-size:11px}
.sub-page .menu-note-box {background:#f5f2ea;border-top:2px solid #b99a4b;padding:28px}
.sub-page .menu-note-box figure img {height:290px;object-fit:cover;object-position:center 22%}
.sub-page .price-row {border-color:#d8cfbb}
.sub-page .price-row dd {color:#26231c}
.sub-page .faq-section {background:#f5f2ea}
.sub-page .style-detail {border-color:#d8cfbb}
.sub-page .style-detail .eyebrow {font-size:11px}
.sub-page .subnav a {border-color:#cbbd9b}
.sub-page .subnav a:hover {background:#f5f2ea}
.sub-page .contact-intro {background:#f5f2ea;border-left:3px solid #b99a4b;padding:30px 36px}
.sub-page .field input:focus,.sub-page .field textarea:focus {border-color:#9a7c33}
.sub-page .primary-button {background:#27241e;color:white}
.sub-page .primary-button:hover {background:#796232}
.sub-page .cta-section {background:#25231f}
.sub-page .cta-btn-tel {background:#c6a956;border-color:#c6a956;color:#25231f}
.sub-page footer {background:#171714}
.sub-page .footer-inner h4 {color:#d4b86e}
@media(max-width:680px) {
  .sub-page .subhero {padding:36px 24px 42px}
  .sub-page .subhero h1 {font-size:clamp(44px,14vw,64px);margin-bottom:12px}
  .sub-page .subhero .subtitle {font-size:15px}
  .sub-page .breadcrumb {font-size:10px;margin-bottom:22px}
  .sub-page section {padding-left:24px;padding-right:24px}
  .sub-page .subcontent {padding-top:53px;padding-bottom:65px}
  .sub-page .discover-section {padding:60px 24px}
  .sub-page .discover-copy,.sub-page .shop-gallery {padding:0}
  .sub-page .shop-gallery {gap:22px}
  .sub-page .menu-note-box {padding:24px}
  .sub-page .contact-intro {padding:23px 22px}
}

/* Page headers use salon photography while keeping the top page's quiet typography. */
.sub-page .subhero {padding:0;background:#f5f2ea}
.sub-page .subhero .subhero-inner {max-width:1440px;width:100%;display:grid;grid-template-columns:46% 54%;align-items:stretch;min-height:390px}
.sub-page .subhero-copy {display:flex;flex-direction:column;justify-content:center;padding:45px 6vw 50px max(6.25vw,28px);min-width:0}
.sub-page .subhero-copy h1 {font-size:clamp(42px,5.7vw,78px);line-height:1.04;overflow-wrap:anywhere}
.sub-page .subhero-media {position:relative;margin:0;min-height:390px;overflow:hidden;background:#e5dfd0}
.sub-page .subhero-media img {display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 50%}
.sub-page .subhero-media-sign img {object-position:center 47%}
.sub-page .subhero-media-cut img {object-position:center 44%}
.sub-page .subhero-media figcaption {position:absolute;bottom:16px;left:18px;background:#20201dbb;color:#fff;padding:6px 10px;font-size:10px;letter-spacing:.04em}
@media(max-width:680px) {
  .sub-page .subhero {padding:0}
  .sub-page .subhero .subhero-inner {display:flex;flex-direction:column;min-height:0}
  .sub-page .subhero-media {order:-1;min-height:0;height:230px}
  .sub-page .subhero-copy {padding:29px 24px 38px}
  .sub-page .subhero-copy h1 {font-size:clamp(39px,12vw,55px);margin-bottom:12px}
  .sub-page .subhero-media figcaption {left:12px;bottom:10px;font-size:9px}
}

/* Full-width photographic page headers with copy over the image. */
.sub-page .subhero {background:#24231f}
.sub-page .subhero .subhero-inner {position:relative;display:block;max-width:none;width:100%;min-height:430px}
.sub-page .subhero-media {position:absolute;inset:0;width:100%;height:100%;min-height:0}
.sub-page .subhero-media::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,12,.78) 0%,rgba(15,14,12,.55) 46%,rgba(15,14,12,.27) 100%)}
.sub-page .subhero-media img {object-position:center 48%}
.sub-page .subhero-media-cut img {object-position:center 43%}
.sub-page .subhero-media-sign img {object-position:center 42%}
.sub-page .subhero-media figcaption {z-index:1;left:auto;right:6.25vw;bottom:18px;background:#1119;color:#fff}
.sub-page .subhero-copy {position:relative;z-index:2;min-height:430px;width:100%;padding:54px 6.25vw 62px;align-items:flex-start;color:#fff}
.sub-page .subhero-copy h1 {max-width:980px;color:#fff;font-size:clamp(49px,6.2vw,86px);text-shadow:0 2px 16px #0006}
.sub-page .subhero-copy .subtitle {color:#f6f1e5;text-shadow:0 1px 8px #0008}
.sub-page .subhero-copy .breadcrumb {color:#f1e8d3;text-shadow:0 1px 8px #000a}
.sub-page .subhero-copy .breadcrumb a {border-color:#d8c187}
@media(max-width:680px) {
  .sub-page .subhero .subhero-inner {display:block;min-height:360px}
  .sub-page .subhero-media {height:100%;min-height:0}
  .sub-page .subhero-media img {object-position:center 47%}
  .sub-page .subhero-media-cut img {object-position:64% 45%}
  .sub-page .subhero-media::after {background:linear-gradient(0deg,rgba(12,12,11,.82) 0%,rgba(12,12,11,.46) 56%,rgba(12,12,11,.12) 100%)}
  .sub-page .subhero-media figcaption {right:12px;bottom:10px}
  .sub-page .subhero-copy {min-height:360px;justify-content:flex-end;padding:36px 24px 51px}
  .sub-page .subhero-copy h1 {font-size:clamp(42px,12vw,59px);line-height:1.06;margin-bottom:10px}
  .sub-page .subhero-copy .breadcrumb {margin-bottom:18px}
}

/* Keep practical visit details easy to find on the menu page. */
.payment-note{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;padding:16px 0;border-top:1px solid #cfc8ba;border-bottom:1px solid #cfc8ba;font-size:12px}
.payment-note strong{font-size:13px;font-weight:500;color:#55430f}
.sub-page .subhero-media-room img{object-position:center 62%}
.sub-page .subhero-media-detail img{object-position:center 70%}
@media(max-width:680px){.sub-page .subhero-media-room img{object-position:center 64%}.sub-page .subhero-media-detail img{object-position:center 69%}}