/* Engraved astronomical folio: expressive display faces against precise UI type. */
:root { --display: "Cormorant Garamond", "Noto Serif SC", "Songti SC", serif; }
html[lang="ja"] { --display: "Cormorant Garamond", "Shippori Mincho", "Yu Mincho", serif; }
.brand, .hero h1, .identity-copy h2, .manifesto h2, .section-head h2,
.portal-name, .contact-heading h2 {
  font-family: var(--display);
  font-weight: 500;
  font-synthesis: none;
  font-kerning: normal;
}
.brand { letter-spacing: .08em; }
.hero h1 {
  font-size: clamp(5rem,11.4vw,12rem);
  line-height: 1.15;
  letter-spacing: .025em;
  text-shadow: 0 0 20px #eac56c26,0 0 75px #eac56c25;
}
.hero h1 .outline {
  color: #c9b37e;
  -webkit-text-stroke: 0;
  letter-spacing: .045em;
  margin-top: .02em;
  text-shadow: 0 0 22px #eac56c28,0 0 80px #eac56c18;
}
.latin-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  font-size: clamp(1.1rem,1.9vw,2.2rem);
  letter-spacing: .21em;
}
.identity-copy h2 { letter-spacing: .035em; line-height: 1.4; }
.identity-copy p { font-family: var(--display); font-weight: 500; letter-spacing: .14em; }
.manifesto h2 { line-height: 1.38; letter-spacing: -.015em; }
.section-head h2 { letter-spacing: .025em; line-height: 1.3; }
.portal-name { letter-spacing: .025em; line-height: 1.4; }
.contact-heading h2 { letter-spacing: .01em; line-height: 1.35; }
html[lang="en"] .hero h1 { font-size: clamp(3rem,7.4vw,8.2rem); letter-spacing: -.025em; line-height: 1.08; }
html[lang="en"] .hero h1 .outline { letter-spacing: .005em; margin-top: .12em; }
html[lang="en"] .manifesto h2 { font-size: clamp(3.1rem,5.7vw,6.3rem); line-height: 1.14; letter-spacing: -.025em; }
html[lang="en"] .section-head h2 { letter-spacing: .015em; }
html[lang="en"] .portal-name { font-size: clamp(2.1rem,4.5vw,5rem); }
html[lang="en"] .contact-heading h2 { font-size: clamp(4rem,11.5vw,12rem); letter-spacing: -.035em; }
@media (max-width: 800px) {
  .hero h1 { font-size: clamp(4.6rem,22vw,8rem); line-height: 1.17; letter-spacing: .015em; }
  .hero h1 .outline { letter-spacing: .025em; }
  .latin-title { font-size: clamp(.95rem,3.8vw,1.45rem); letter-spacing: .12em; margin-left: 3vw; }
  .manifesto h2 { font-size: clamp(2.4rem,9.3vw,4.5rem); line-height: 1.48; letter-spacing: -.025em; }
  .portal-name { font-size: clamp(1.8rem,7.5vw,3rem); }
  .contact-heading h2 { font-size: 12.8vw; letter-spacing: 0; }
  html[lang="en"] .hero h1 { font-size: clamp(2.3rem,10.5vw,5rem); }
  html[lang="en"] .manifesto h2 { font-size: clamp(2.5rem,10vw,4.5rem); }
  html[lang="en"] .portal-name { font-size: clamp(1.9rem,7.7vw,3rem); }
  html[lang="en"] .contact-heading h2 { font-size: 15vw; }
}