@font-face { font-family: "Fira Sans"; src: url("fonts/FiraSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Fira Sans"; src: url("fonts/FiraSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Fira Sans"; src: url("fonts/FiraSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  
  --navy: #0f004e; 
  --teal: #00b5cc; 
  --band-blue: #064e82; 
  --band-mid: #0393ac; 
  --band-teal: #01bfab; 
  --legal: #9f99b9; 
  --color-white: #FFFFFF; 
  --color-blue-dark: #09115E; 
  --color-blue-light: #01B5C0; 
  --color-blue-link: #038EA9; 
  --color-blue-linkd: #4DDEE7; 
  --color-blue-hover: #037f86; 
  --color-primary: #243747; 
  --color-basic-100: #F3F3F3; 
  --color-basic-200: #E5E5E2; 
  --color-basic-300: #CDCDCD; 
  --color-basic-350: #AFAFAF; 
  --color-basic-400: #999999; 
  --color-basic-500: #747373; 
  --color-basic-600: #666666; 
  --color-basic-700: #4D4D4F; 
  --color-basic-800: #333333; 
  --color-basic-900: #243747; 
  --color-black: #000000; 
  --gradient-green: #01C0A9; 
  --gradient-navy: #09115D; 

  
  --font-sans: "Fira Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
  --font-display: "gabrielastencil-regular", "Gabriela Stencil", "Fira Sans", sans-serif;
  --font-name: "Poppins", "Fira Sans", sans-serif;
  --font-accent: "Playfair Display", Georgia, "Times New Roman", serif;

  
  --gap: 24px; 
  --gap-card: 20px; 
  --pad-12: 12px; 
  --pad-18: 18px; 
  --pad-32: 32px; 
  --pad-46: 46px; 
  --pad-70: 70px; 
  --container-max: 1200px; 
  --header-height: 112px; 
  --print-margin: 7.8%; 
  --print-margin-right: 10.6%; 
  --print-band-top: 44.2%; 

  
  --radius-none: 0; 
  --radius-xs: 2px; 
  --radius-md: 8px; 
  --radius-pill: 23px; 
  --radius-circle: 100%; 

  
  --shadow-card: 0 1px 20px 0 rgba(0, 0, 0, 0.35); 
  --shadow-panel: 0 1px 21px rgba(0, 0, 0, 0.35); 
  --shadow-header: 0 4px 6px rgba(0, 0, 0, 0.1); 

  
  --gradient-band: linear-gradient(135deg, #064e82 0%, #0393ac 50%, #01bfab 100%); 
  --gradient-web: linear-gradient(282deg, #01C0A9 1.11%, #01B5C0 66.61%, #09115D 111.01%); 
  --gradient-strip: linear-gradient(187deg, #01C0A9 -402.85%, #01B5C0 -5.99%, #09115D 263.07%); 
  --gradient-error: linear-gradient(0deg, #056591 75.13%, #00A9B9 113.87%); 

}



.ts-h1 { font-family: var(--font-display); font-size: 64px; line-height: 1.2; font-weight: 400; }
.ts-h1-mobile { font-family: var(--font-display); font-size: 34px; line-height: 34px; font-weight: 400; }
.ts-lead { font-family: var(--font-sans); font-size: 30px; line-height: 33px; font-weight: 400; }
.ts-title { font-family: var(--font-sans); font-size: 28px; line-height: 30.8px; font-weight: 700; }
.ts-excerpt { font-family: var(--font-sans); font-size: 28px; line-height: 30.8px; font-weight: 400; }
.ts-card-title { font-family: var(--font-sans); font-size: 24px; line-height: 28.8px; font-weight: 700; }
.ts-card-title-sm { font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 700; }
.ts-body { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 400; }
.ts-label-lg { font-family: var(--font-sans); font-size: 20px; line-height: 20px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.ts-label { font-family: var(--font-sans); font-size: 16px; line-height: 16px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; }
.ts-nav { font-family: var(--font-sans); font-size: 16px; line-height: 16px; font-weight: 400; letter-spacing: 1.6px; text-transform: uppercase; }
.ts-button { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.ts-small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }

.ts-print-headline { font-family: var(--font-sans); font-size: 110px; line-height: 1; font-weight: 400; }
.ts-print-name { font-family: var(--font-name); font-size: 123px; line-height: 1.05; font-weight: 700; }
.ts-print-number { font-family: var(--font-name); font-size: 236px; line-height: 1; font-weight: 700; }
.ts-print-hashtag { font-family: var(--font-sans); font-size: 62px; line-height: 1.25; font-weight: 600; }
.ts-print-legal { font-family: var(--font-sans); font-size: 16px; line-height: 1; font-weight: 400; }
.ts-accent { font-family: var(--font-accent); font-size: 38px; line-height: 1.27; font-weight: 700; font-style: italic; }