/* Typography directions share the same content, photography and palette. */
:root,
:root[data-type="a"] {
  --serif: "Cormorant Garamond", Georgia, serif;
  --ko-serif: "Gowun Batang", "Batang", serif;
  --sans: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}
:root[data-type="b"] {
  --serif: "DM Sans", Arial, sans-serif;
  --ko-serif: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
}
:root[data-type="c"] {
  --serif: "Bodoni Moda", Georgia, serif;
  --ko-serif: "Nanum Myeongjo", "Batang", serif;
}
.wordmark {font-size:38px; letter-spacing:-.035em; font-weight:400}
.wordmark > .brand-dot,
.brand-dot {
  display:inline-block;
  width:.085em;
  height:.085em;
  margin:0 .105em;
  padding:0;
  background:currentColor;
  color:var(--gold);
  border-radius:50%;
  vertical-align:.24em;
  font-size:inherit;
  line-height:0;
  letter-spacing:0;
}
.hero h1 {letter-spacing:-.055em; line-height:1.48}
.hero-english {font-size:29px}
.closing > span .brand-dot {color:inherit}
.round-seal .brand-dot {color:inherit}
:root[data-type="b"] .wordmark {font-size:31px; letter-spacing:-.055em}
:root[data-type="b"] .hero h1 {font-weight:400; letter-spacing:-.065em}
:root[data-type="b"] .hero-english {font-size:23px; letter-spacing:-.035em; font-style:normal}
:root[data-type="b"] .photo-caption > span:first-child {font-size:25px; letter-spacing:-.03em}
:root[data-type="b"] .custom-signature {font-size:29px; letter-spacing:-.035em}
:root[data-type="b"] .closing > p {letter-spacing:-.05em}
:root[data-type="c"] .wordmark {font-size:33px; letter-spacing:-.045em}
:root[data-type="c"] .hero-english {font-size:24px}
:root[data-type="c"] .custom-signature {font-size:30px}
@media(max-width:1100px){.wordmark{font-size:33px}:root[data-type="b"] .wordmark{font-size:28px}:root[data-type="c"] .wordmark{font-size:29px}.hero-english{font-size:26px}}
@media(max-width:760px){.wordmark{font-size:34px}.hero h1{font-size:44px}.hero-english{font-size:27px}:root[data-type="b"] .wordmark{font-size:28px}:root[data-type="b"] .hero-english{font-size:21px}:root[data-type="c"] .wordmark{font-size:29px}:root[data-type="c"] .hero-english{font-size:23px}:root[data-type="c"] .custom-signature{font-size:27px}}
@media(max-width:360px){.wordmark{font-size:30px}.hero h1{font-size:39px}:root[data-type="b"] .wordmark{font-size:26px}:root[data-type="c"] .wordmark{font-size:27px}}

/* Body-font revision: preserve the accepted serif headings and wordmark. */
:root,
:root[data-sans="pretendard"] {
  --sans:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --body-weight:500;
  --ui-weight:600;
}
:root[data-sans="suit"] {
  --sans:"SUIT","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --body-weight:500;
  --ui-weight:600;
}
:root[data-sans="original"] {
  --sans:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --body-weight:400;
  --ui-weight:500;
}
body {font-weight:var(--body-weight)}
.desktop-nav,.mobile-nav,.small-cta,.button,.text-link,.mobile-reserve,
.builder-heading h3,.steps h3,.faq summary {font-weight:var(--ui-weight)}
.detail-caption strong,.visit-address strong {font-weight:var(--body-weight)}
.wordmark,.hero-english,.photo-caption>span:first-child,.round-seal>span,
.custom-signature,.story-handwritten,.visit-script,.closing>p,.closing>span,
.studio-portrait>p>i,.step-number {font-weight:400}

:root[data-sans="original"] :is(.desktop-nav,.mobile-nav,.small-cta,.text-link,.mobile-reserve,.builder-heading h3,.steps h3,.faq summary){font-weight:400}