/* Fonts supplied with the Illustrator package, for this local design preview. */
@font-face{font-family:'CDA Arizona';src:url('assets/fonts/ABCArizonaTextStandardVariable-Trial.ttf') format('truetype');font-style:normal;font-weight:200 700;font-display:swap}
@font-face{font-family:'CDA Whyte';src:url('assets/fonts/Whyte-Light.otf') format('opentype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'CDA Whyte';src:url('assets/fonts/Whyte-Medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:swap}

:root{
  --font-body:'CDA Whyte',Arial,Helvetica,sans-serif;
  --font-display:'CDA Arizona',Georgia,'Times New Roman',serif;
  /* The 1920px Illustrator grid: 140px edges, 12 columns and 46px gutters. */
  --content-max:1640px;
  --page-margin:clamp(48px,7.292vw,140px);
  --page-edge:max(var(--page-margin),calc((100vw - var(--content-max))/2));
  --grid-gutter:clamp(24px,2.396vw,46px);
  --grid-columns:12;
  --frame-inset:clamp(24px,3.125vw,60px);
  --section-space:clamp(80px,6.25vw,120px);
  --body-large:clamp(20px,1.563vw,28px);
  --body-size:clamp(16px,1.094vw,21px);
  --body-small:clamp(14px,.938vw,18px);
  --label-size:clamp(12px,.781vw,15px);
  --heading-size:clamp(40px,3.75vw,72px);
}
@media(min-width:701px) and (max-width:1199px){
  :root{--grid-columns:8;--page-margin:clamp(32px,4vw,44px);--grid-gutter:24px;--frame-inset:var(--page-margin);--section-space:80px;--body-large:20px;--body-size:17px;--body-small:15px;--label-size:12px;--heading-size:44px}
}
@media(max-width:700px){
  :root{--grid-columns:4;--page-margin:24px;--grid-gutter:16px;--frame-inset:24px;--section-space:64px;--body-large:18px;--body-size:16px;--body-small:14px;--label-size:12px;--heading-size:clamp(34px,8.8vw,42px)}
}
@media(max-width:360px){:root{--page-margin:20px;--frame-inset:20px}}