@font-face {
  font-family: 'Cinzel';
  src: url('../fonts/cinzel.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Friz Quadrata Bold';
  src: url('../fonts/friz-quadrata-bold.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 93.5%;
}


@font-face {
  font-family: 'Geist Mono';
  src: url('../fonts/geist-mono.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-roman.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-italic.woff2') format('woff2');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

:root {
  
  --t72-paper:        #FFF6DC;   
  --t72-ink:          #3D3F3F;   
  --t72-green:        #696859;   
  --t72-linen:        #CBC0AA;   
  --t72-gold:         #C39954;   
  

  
  --t72-gold-aged:    #A8854A;   
  --t72-display-italic-on-paper: var(--t72-gold-aged);

  
  
  --t72-paper-warm:   #F0E7CE;
  --t72-paper-warm:   var(--t72-paper-deep);   
  
  --t72-paper-deep:   #F0E7CE;
  --t72-paper-deep:   color-mix(in srgb, var(--t72-linen) 28%, var(--t72-paper));

  
  --t72-rule:         rgba(61,63,63,.14);
  --t72-rule-strong:  rgba(61,63,63,.32);
  --t72-rule-on-ink:  rgba(203,192,170,.24);
  --t72-rule-gold:    rgba(195,153,84,.55);  
  --t72-rule-gold-soft: rgba(195,153,84,.22); 

  
  --t72-panel-on-dark: rgba(61,63,63,.34);
  --t72-panel-on-dark: color-mix(in srgb, var(--t72-ink) 34%, transparent);

  
  --t72-type-on-paper:       var(--t72-ink);      
  --t72-type-on-paper-muted: var(--t72-green);    
  --t72-type-on-ink:         var(--t72-linen);    
  --t72-type-on-ink-strong:  var(--t72-paper);    
  --t72-type-on-green:       var(--t72-paper);    
  --t72-display-on-ink:      var(--t72-gold);     

  
  
  
  
  --t72-display-weight: 700;
  --t72-font-display: 'Cinzel', 'Friz Quadrata Bold', 'Fraunces', Georgia,
                      'Iowan Old Style', 'Times New Roman', 'DejaVu Serif', serif;
  
  --t72c-gold-ok:     var(--t72-display-italic-on-paper);
  --t72-font-body:    'Fraunces', Georgia, 'Iowan Old Style',
                      'Times New Roman', 'DejaVu Serif', serif;
  
  --t72-font-label:   'Geist Mono', ui-monospace, 'SFMono-Regular', 'Menlo',
                      'Consolas', 'DejaVu Sans Mono', monospace;
  --t72-font-mono:    var(--t72-font-label);   

  --t72-track-display:    .005em;   
  --t72-track-mono:       .2em;
  --t72-track-mono-tight: .16em;

  
  
  --t72-page-max:      1440px;
  --t72-page-measure:  1328px;      
  --t72-gutter:        56px;
  --t72-gutter-mobile: 22px;
  --t72-radius:        0;           
  --t72-shadow-soft:   0 6px 28px rgba(61,63,63,.10);
  --t72-shadow-deep:   0 12px 48px rgba(61,63,63,.18);
  --t72-shadow-drop:   0 28px 64px -24px rgba(61,63,63,.35);
}


@media (max-width: 720px) {
  :root { --t72-gutter: var(--t72-gutter-mobile); }
}



body.t72-fam-home           { --t72c-h1-size: clamp(42px, 4.6vw, 64px); }
body.t72-fam-city-landing   { --t72c-h1-size: clamp(48px, 5.4vw, 80px); }
body.t72-fam-equipment      { --t72c-h1-size: clamp(44px, 5vw,   68px); }
body.t72-fam-seasonal       { --t72c-h1-size: clamp(40px, 4.6vw, 60px); }
body.t72-fam-membership     { --t72c-h1-size: clamp(38px, 4.4vw, 60px); }
body.t72-fam-schedule       { --t72c-h1-size: clamp(36px, 4.5vw, 60px); }
body.t72-fam-repair-metro   { --t72c-h1-size: clamp(36px, 4.2vw, 58px); }
body.t72-fam-careers        { --t72c-h1-size: clamp(36px, 4.4vw, 56px); }
body.t72-fam-sitemap        { --t72c-h1-size: clamp(40px, 4.4vw, 56px); }
body.t72-fam-service-index  { --t72c-h1-size: clamp(34px, 3.8vw, 52px); }
body.t72-fam-faqs           { --t72c-h1-size: clamp(32px, 3.6vw, 48px); }
body.t72-fam-suburb-landing { --t72c-h1-size: clamp(32px, 3.6vw, 48px); }
body.t72-fam-repair-suburb  { --t72c-h1-size: clamp(32px, 3.6vw, 48px); }
body.t72-fam-legal          { --t72c-h1-size: clamp(32px, 3.4vw, 44px); }
body.t72-fam-about          { --t72c-h1-size: clamp(30px, 3.4vw, 44px); }
body.t72-fam-contact        { --t72c-h1-size: clamp(30px, 3.4vw, 44px); }
body.t72-fam-service-areas  { --t72c-h1-size: clamp(30px, 3.4vw, 44px); }
body.t72-fam-program        { --t72c-h1-size: clamp(28px, 3.2vw, 42px); }


body.t72-fam-error          { --t72c-h1-size: clamp(34px, 4vw,   52px); }


body.t72-fam-neighborhood     { --t72c-h1-size: clamp(32px, 3.6vw, 48px); }
body.t72-fam-manual-j         { --t72c-h1-size: clamp(32px, 3.6vw, 48px); }
body.t72-fam-diagnostic-first { --t72c-h1-size: clamp(30px, 3.4vw, 44px); }
body.t72-fam-reviews          { --t72c-h1-size: clamp(30px, 3.4vw, 44px); }
body.t72-fam-rebates          { --t72c-h1-size: clamp(28px, 3.2vw, 42px); }
body.t72-fam-pricing          { --t72c-h1-size: clamp(28px, 3.2vw, 42px); }


@media (max-width: 720px) {
  body.t72-fam-equipment      { --t72c-h1-size: clamp(34px, 8vw,   44px); }
  body.t72-fam-seasonal       { --t72c-h1-size: clamp(32px, 8vw,   42px); }
  body.t72-fam-repair-metro   { --t72c-h1-size: clamp(30px, 8vw,   42px); }
  body.t72-fam-repair-suburb  { --t72c-h1-size: clamp(30px, 8vw,   42px); }
  body.t72-fam-service-index  { --t72c-h1-size: clamp(30px, 7.5vw, 38px); }
  body.t72-fam-faqs           { --t72c-h1-size: clamp(26px, 8vw,   34px); }
  body.t72-fam-suburb-landing { --t72c-h1-size: clamp(28px, 7vw,   38px); }
  body.t72-fam-legal          { --t72c-h1-size: clamp(26px, 8vw,   34px); }
  body.t72-fam-contact        { --t72c-h1-size: clamp(26px, 8vw,   34px); }
  body.t72-fam-about          { --t72c-h1-size: clamp(26px, 7vw,   34px); }
  body.t72-fam-service-areas  { --t72c-h1-size: clamp(24px, 7vw,   32px); }
  body.t72-fam-program        { --t72c-h1-size: clamp(24px, 7vw,   32px); }
  
  body.t72-fam-neighborhood     { --t72c-h1-size: clamp(28px, 7vw,   38px); }
  body.t72-fam-manual-j         { --t72c-h1-size: clamp(26px, 8vw,   34px); }
  body.t72-fam-diagnostic-first { --t72c-h1-size: clamp(26px, 7vw,   34px); }
  body.t72-fam-reviews          { --t72c-h1-size: clamp(26px, 7vw,   34px); }
  body.t72-fam-rebates          { --t72c-h1-size: clamp(24px, 7vw,   32px); }
  body.t72-fam-pricing          { --t72c-h1-size: clamp(24px, 7vw,   32px); }
}