:root{
--font-display:"DM Serif Display",Georgia,serif;
--font-script:"Mrs Saint Delafield","Allura",cursive;
--font-body:"Archivo",Helvetica,Arial,sans-serif;
--fs-cover-title:120px;--lh-cover-title:1.0;/* @kind other */
--fs-cover-script:72px;--lh-cover-script:1.0;/* @kind other */
--fs-h1:64px;--lh-h1:1.05;/* @kind other */
--fs-page-title:56px;--lh-page-title:1.1;/* @kind other */
--fs-stat:48px;--lh-stat:1.0;/* @kind other */
--fs-card-number:48px;--lh-card-number:1.0;/* @kind other */
--fs-section-title:40px;--lh-section-title:1.15;/* @kind other */
--fs-h3:24px;--lh-h3:1.25;/* @kind other */
--fs-number:24px;--lh-number:1.0;/* @kind other */
--fs-bubble:20px;--lh-bubble:1.1;/* @kind other */
--fs-body:17px;--lh-body:1.5;/* @kind other */
--fs-button:17px;--lh-button:1.2;/* @kind other */
--fs-small:15px;--lh-small:1.5;/* @kind other */
--fs-tag:15px;--lh-tag:1.2;/* @kind other */
--fs-nav:15px;
--fs-label:13px;--lh-label:1.3;/* @kind other */--ls-label:0.12em;/* @kind other */
--measure:64ch;/* @kind other */
}
/* Type styles (desktop). Display is always italic 400 — never bold it. */
.cover-title{font:italic 400 120px/1.0 var(--font-display)}
.cover-script{font:400 72px/1.0 var(--font-script)}
.h1{font:italic 400 64px/1.05 var(--font-display)}
.page-title{font:italic 400 56px/1.1 var(--font-display)}
.stat,.card-number{font:italic 400 48px/1.0 var(--font-display)}
.section-title{font:italic 400 40px/1.15 var(--font-display)}
.h3{font:italic 400 24px/1.25 var(--font-display)}
.number{font:italic 400 24px/1.0 var(--font-display)}
.bubble{font:italic 400 20px/1.1 var(--font-display)}
.body{font:400 17px/1.5 var(--font-body)}
.body-strong{font:700 17px/1.5 var(--font-body)}
.meta-value{font:500 17px/1.5 var(--font-body)}
.small{font:400 15px/1.5 var(--font-body)}
.year{font:500 15px/1.5 var(--font-body)}
.tag-text{font:500 15px/1.2 var(--font-body)}
.button-text{font:500 17px/1.2 var(--font-body)}
.nav{font:500 15px/1.2 var(--font-body)}
.label{font:500 13px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase}
.justify{text-align:left;hyphens:manual;-webkit-hyphens:manual}
@media (max-width:767px){
.cover-title{font-size:64px}.cover-script{font-size:40px}.h1{font-size:44px}.page-title{font-size:40px}
.section-title{font-size:32px}.card-number{font-size:40px}.h3{font-size:20px}
.justify{text-align:left;hyphens:manual;-webkit-hyphens:manual}
}