@font-face{font-family:XL Serif;src:url('../../vendor/fonts/xl-serif-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:XL Serif;src:url('../../vendor/fonts/xl-serif-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{
  --c-coral:#F36C56;--c-red:#E65248;--c-pink:#FBC7D4;--c-peach:#FFE1D2;--c-mint:#BFE8D9;
  --c-indigo:#566CCF;--c-indigo-deep:#3C4F9B;--c-night:#141A3C;--c-cinema:#0B0F26;
  --c-ink:#2E3F86;--c-gold:#F7B84B;--c-gold-soft:#FFD98A;--c-cream:#FFF8EE;--c-paper:#F6EFE2;
  --c-sky-1:#8EC5FF;--c-sky-2:#CFE6FF;--page-bg:#8EC5FF;
  --font-serif:'XL Serif','Songti SC','STSong',serif;
  --font-body:-apple-system,'PingFang SC','HarmonyOS Sans SC','MiSans','Microsoft YaHei','Noto Sans CJK SC',sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Consolas,monospace;
  --gutter:20px;--grid-columns:4;--grid-gap:12px;--content-max:1600px;
  --ease:cubic-bezier(.16,1,.3,1);--reveal-ms:850ms;--feedback-ms:240ms;--crossfade-ms:400ms;
  --h2:clamp(40px,7vw,108px);--h3:clamp(24px,2.7vw,36px);--body:clamp(15px,1.25vw,17px);
}
@media(min-width:768px){:root{--gutter:40px;--grid-columns:8}}
@media(min-width:1200px){:root{--gutter:64px;--grid-columns:12}}