/* SPACE typography: open-source Google Fonts; no paid font subscription. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=Manrope:wght@400;500;600;700&family=Shippori+Mincho:wght@400;500;600&display=swap');

:root { --font-editorial: 'Bodoni Moda', 'Times New Roman', serif; --font-jp-serif: 'Shippori Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif; --font-modern: 'Manrope', 'Noto Sans JP', sans-serif; }

body { font-family: var(--font-modern); font-weight: 400; }
.brand { font-family: var(--font-modern); font-weight: 700; letter-spacing: -.065em; }
.links, .btn, .eyebrow, .service-content .eyebrow, .footer, .tag { font-family: var(--font-modern); }
.links { font-weight: 600; letter-spacing: .14em; }

/* Dramatic contrast of fashion-magazine Latin and quiet Japanese Mincho. */
.section-head h2, .page-title, .subhero .page-title, .service h3,
.hero-copy h1 { font-family: var(--font-editorial); font-weight: 400; letter-spacing: -.068em; }
.section-head h2 { line-height: 1.08; }
.service h3 { font-weight: 400; letter-spacing: -.075em; }
.hero-copy h1 span, .quote-band p, .cta-section h2 {
  font-family: var(--font-jp-serif);
  font-weight: 500;
  letter-spacing: .095em;
}
.hero-copy h1 span { line-height: 1.75; }
.quote-band p { line-height: 2.1; }
.cta-section h2 { line-height: 1.8; }

@media(max-width:800px) {
  .section-head h2 { letter-spacing: -.065em; }
  .hero-copy h1 span { font-size: clamp(23px, 6vw, 29px); letter-spacing: .065em; }
  .quote-band p { font-size: clamp(22px, 5vw, 27px); }
}