/* One typographic system and one optically aligned, outlined atelier crest. */
:root {
  --jp-serif: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --serif: 'Cormorant Garamond', 'Noto Serif JP', serif;
  --sans: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
}
html[lang='ja'] { line-break: strict; word-break: normal; }
html[lang='ja'] :is(h1,h2,h3,h4) { font-weight: 400; font-feature-settings: 'palt'; letter-spacing: .025em; overflow-wrap: normal; hyphens: none; }
html[lang='ja'] .hero h1 { font-weight: 500; font-size: clamp(1.8rem,2.5vw,2.5rem); line-height: 1.75; letter-spacing: .04em; }
html[lang='ja'] :is(.intro h2,.section-heading h2,.voyages-intro h2,.contact-section h2) { line-height: 1.7; letter-spacing: .035em; }
html[lang='ja'] :is(.hero-description,.intro-body p,.voyages-intro > p,.contact-section p) { letter-spacing: .015em; line-height: 2.05; }
html[lang='ja'] .object-caption h3 { font-size: 1rem; line-height: 1.75; letter-spacing: .015em; }
html[lang='ja'] .masthead-baseline { font-size: .8125rem; letter-spacing: .08em; }
.header-monogram { width: 72px; height: 86px; border: 0; border-radius: 0; }
.atelier-crest { display: block; width: 100%; height: 100%; flex: 0 0 auto; overflow: visible; }
.sourcing-mark { display: block; width: 94px; height: 113px; padding: 0; border: 0; margin: 14px auto 0; color: #dccaa4; }
.letter-seal { padding: 0; width: 91px; height: 109px; color: var(--clay); background: none; border-radius: 0; box-shadow: none; transform: rotate(7deg); }
.header-monogram::after { inset: 0; }
@media (max-width:850px) {
  .header-monogram { width: 54px; height: 65px; }
  .sourcing-mark { grid-column: 1; grid-row: 1/4; margin: 0; }
}
@media (max-width:600px) {
  .site-header { padding-block: 6px; }
  .header-monogram { width: 47px; height: 57px; }
  .sourcing-mark { margin: 14px auto 0; }
  .letter-seal { width: 64px; height: 77px; right: 4px; bottom: -29px; }
  html[lang='ja'] .hero h1 { font-size: 1.65rem; line-height: 1.85; }
  html[lang='ja'] :is(.hero-description,.intro-body p,.voyages-intro > p,.contact-section p) { font-size: .875rem; }
  html[lang='ja'] .object-caption h3 { font-size: .9375rem; }
  html[lang='ja'] .masthead-baseline { font-size: .6875rem; }
}