@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/fonts/CormorantGaramond.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/fonts/CormorantGaramond-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Shippori Mincho";
  src: url("assets/fonts/ShipporiMincho-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
[data-type="b"] {
  --font-display: "Shippori Mincho", "Yu Mincho", serif;
  --font-logo: "Cormorant Garamond", serif;
  --logo-space: -.025em;
  --copy-space: .015em;
}
html[data-type] .wordmark,
html[data-type] .product h2,
html[data-type] .site-footer > span { font-family: var(--font-logo); font-weight: 400; letter-spacing: var(--logo-space); font-optical-sizing: auto; }
html[data-type] .wordmark { font-size: 34px; }
html[data-type] .hero h1 { letter-spacing: var(--copy-space); }
html[data-type] .product h2 { font-size: 18.9vw; line-height: 1.4; }
@media (max-width: 760px) {
  html[data-type] .wordmark { font-size: 27px; }
  html[data-type] .product h2 { font-size: 18.3vw; }
}