/* ==========================================================================
   ROUTE MARKETING: DESIGN TOKENS (the single source of truth)
   Palette: black, olive, ivory, white. No tan or pink.
   Each family has one job:
     display  Eksell Display      big headlines only
     label    Sweet Sans Pro      nav, buttons, labels, captions (tracked caps)
     body     FreightSans Book    body and long text
     accent   Riccione Serial     italic, rare accent only (one line per page at most: the founder quote close on About)
     numeric  Montserrat          stat figures and dates only (self-hosted, OFL)
   STAND-INS: Eksell Display, Sweet Sans Pro and FreightSans are Adobe Fonts.
   Route's live Adobe kit (Squarespace-managed) contains only ss-pro and
   freight-sans-pro, is domain-locked, and has no Eksell Display.
   The Sweet Sans .otf and Riccione .ttf on the live site carry restrictive
   embedding flags (fsType 4 / fsType 2), so they are NOT bundled here.
   To use the real fonts, either:
     a) add the Adobe kit <link> (one that includes eksell-display, ss-pro and freight-sans-pro), or
     b) drop licensed webfont files into assets/fonts/licensed/ and uncomment
        the @font-face block below.
   The brand family names come first in each stack, so they take over as soon as they load.
   ========================================================================== */

/* --- free stand-ins (OFL, self-hosted) --- */
/* v2: display stand-in is Cormorant Garamond (OFL), replacing Fraunces, whose lowercase "j" carried a heavy curled
   terminal that read as odd at display sizes ("That is part of our job."). Cormorant Garamond Light is also self-hosted
   on the live route-marketing.com, so it is already part of Route's visual vocabulary. */
@font-face{font-family:"Eksell Stand-in";src:url(../fonts/CormorantGaramond-normal-300-500.woff2) format("woff2");font-weight:300 500;font-display:swap}
@font-face{font-family:"Sweet Sans Stand-in";src:url(../fonts/Questrial-normal-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Freight Stand-in";src:url(../fonts/AlegreyaSans-normal-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Freight Stand-in";src:url(../fonts/AlegreyaSans-normal-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Freight Stand-in";src:url(../fonts/AlegreyaSans-italic-300.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Riccione Stand-in";src:url(../fonts/BodoniModa-italic-400-600.woff2) format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
/* --- real brand font, free --- */
@font-face{font-family:"Montserrat";src:url(../fonts/Montserrat-normal-200-400.woff2) format("woff2");font-weight:200 400;font-display:swap}

/* --- licensed drop-in (uncomment when Route supplies webfont licences) ---
@font-face{font-family:"Eksell Display";src:url(../fonts/licensed/EksellDisplay.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Sweet Sans Pro";src:url(../fonts/licensed/SweetSansPro-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"FreightSans Book";src:url(../fonts/licensed/FreightSansPro-Book.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Riccione Serial";src:url(../fonts/licensed/Riccione-Serial-RegularItalic.woff2) format("woff2");font-style:italic;font-display:swap}
*/

:root{
  /* colour */
  --black:#000000;
  --olive:#353723;
  --olive-deep:#23241A;      /* olive mixed toward black, for large panels */
  --ivory:#FAF9F1;
  --white:#FFFFFF;
  --ivory-72:rgba(250,249,241,.74); /* secondary text on black: 10.6:1 */
  --ivory-55:rgba(250,249,241,.62); /* captions on black: 7.4:1 */
  --line:rgba(250,249,241,.16);
  --scrim:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 35%,rgba(0,0,0,.7) 100%);

  /* type families */
  --font-display:"Eksell Stand-in",Georgia,serif; /* launch: "Eksell Display","eksell-display" first */
  --font-label:"Sweet Sans Stand-in",system-ui,sans-serif; /* launch: "Sweet Sans Pro","ss-pro" first */
  --font-body:"Freight Stand-in",system-ui,sans-serif; /* launch: "FreightSans Book","freight-sans-pro" first */
  --font-accent:"Riccione Stand-in",Didot,serif; /* launch: "Riccione Serial" first */
  --font-numeric:"Montserrat",system-ui,sans-serif;
  /* display settings (one place, used by every display role) */
  --display-w-large:300;    /* mega, xl, closing line: Light */
  --display-w-mid:400;      /* statements, case names, ledes set in display: Regular keeps hairlines visible on black */
  --display-track:-.012em;

  /* type scale (fluid, 390px to 1440px) */
  --t-mega: clamp(3.2rem, 9.6vw, 10.5rem);   /* hero H1, case H1 */
  --t-xl:   clamp(2.5rem, 6vw, 6.4rem);      /* section display */
  --t-l:    clamp(1.9rem, 3.6vw, 3.6rem);    /* statements */
  --t-m:    clamp(1.45rem, 2.2vw, 2.1rem);   /* lead paragraphs */
  --t-body: clamp(1.06rem, 1.1vw, 1.2rem);   /* body, FreightSans */
  --t-small:.95rem;
  --t-label:.72rem;                          /* Sweet Sans caps */
  --t-micro:.64rem;
  --track-label:.24em;
  --track-wide:.38em;

  /* space and layout */
  --gutter: clamp(1.25rem, 3.4vw, 3.5rem);
  --col-narrow: 46rem;   /* centred reading column */
  --col-wide: 84rem;
  --space-section: clamp(6rem, 14vw, 13rem);

  /* motion */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-soft: cubic-bezier(.22,1,.36,1);
  --ease-expo: cubic-bezier(.16,1,.3,1);
  --dur-fade: .9s;
  --dur-slow: 1.4s;
}