@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 600; font-display: swap; src: url(../assets/fonts/cp-600.woff2) format("woff2"); }
@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 700; font-display: swap; src: url(../assets/fonts/cp-700.woff2) format("woff2"); }
@font-face { font-family: "Chakra Petch"; font-style: italic; font-weight: 700; font-display: swap; src: url(../assets/fonts/cp-700i.woff2) format("woff2"); }
:root { --ar-intro-sky: #1a2e78; }
.ar-intro-sky { background-image: url(../assets/img/sky-portrait.jpg); }
@media (min-aspect-ratio: 11/10) { .ar-intro-sky { background-image: url(../assets/img/sky-wide.jpg); } }
.ar-intro-flare { background-image: url(../assets/img/flare.jpg); }