@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/cormorant-garamond-italic-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.type-study{font-synthesis:none}
.type-study .intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.02em}
.type-study .intro h1 em{font-weight:500}
.type-display{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.015em}
.type-display em{font-family:inherit;font-weight:500}
.type-body,.type-control,.type-caption{font-family:'Source Sans 3',Arial,sans-serif;font-weight:400;letter-spacing:normal}
.type-body{font-size:18px;line-height:28px}
.type-control{font-size:16px;line-height:24px;font-weight:600}
.type-caption{font-size:14px;line-height:20px}
.desktop-specimen{background:#612d39;color:#f5f0e8;padding:40px 48px;margin-bottom:12px}
.desktop-specimen .type-display{font-size:72px;line-height:79px;max-width:25ch;margin:0 0 24px}
.desktop-specimen .type-body{max-width:50ch}
.specimen-note{font-size:12px;color:var(--muted);margin-bottom:30px}
.type-families{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:30px 0}
.type-families h2{font-size:32px;line-height:1.2;margin-bottom:10px}
.type-families .sans-name{font-size:28px;font-weight:600}
.type-families p{font-size:14px;color:var(--muted)}
.phone-and-scale{display:grid;grid-template-columns:390px 1fr;gap:48px;align-items:start}
.phone-and-scale>*{min-width:0}
.phone-specimen{width:390px;max-width:100%;padding:28px 24px;background:#f5f0e8;border:1px solid var(--rule)}
.phone-specimen .type-display{font-size:42px;line-height:46px;margin-bottom:24px}
.phone-specimen .type-body{margin-bottom:22px}
.phone-specimen .type-control{display:block;color:#612d39;margin-top:14px}
.phone-specimen .type-caption{color:#716359;margin-top:28px}
.type-scale{width:100%;border-collapse:collapse;font-size:13px;margin:20px 0}
.type-scale caption{text-align:left;font-size:16px;margin-bottom:12px}
.type-scale th,.type-scale td{text-align:left;padding:12px 8px 12px 0;vertical-align:top;border-bottom:1px solid var(--rule)}
.type-scale th{font-weight:600}
.type-scale th:last-child,.type-scale td:last-child{padding-right:0}
.type-scale small{display:block;color:var(--muted);font-size:12px}
.font-source-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:12px}
.font-glyphs{overflow-wrap:anywhere;margin-top:18px;font-size:22px}
.type-study .pairing-caption{margin-top:12px}
@media(max-width:1100px){.phone-and-scale{grid-template-columns:1fr 1fr;gap:28px}.phone-specimen{width:100%}}
@media(max-width:700px){.desktop-specimen{padding:28px 24px}.desktop-specimen .type-display{font-size:42px;line-height:46px}.type-families,.phone-and-scale{grid-template-columns:1fr;gap:28px}.phone-specimen{width:390px}.type-families h2{font-size:30px}.type-families .sans-name{font-size:26px}}
@media print{.desktop-specimen{padding:10mm 12mm}.desktop-specimen .type-display{font-size:54pt;line-height:59.25pt}.phone-and-scale{grid-template-columns:103.2mm 1fr;gap:10mm}.phone-specimen{width:103.2mm;padding:7.4mm 6.35mm}.type-families{gap:12mm;margin:8mm 0}.type-families h2{font-size:24pt}.type-families .sans-name{font-size:21pt}.desktop-specimen,.type-families,.phone-and-scale{break-inside:avoid}.type-scale{font-size:9pt}.type-scale small{font-size:8pt}}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/cormorant-garamond-normal-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/source-sans-3-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/source-sans-3-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}