@font-face {
    font-family: "Golos Text";
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/GolosText-VariableFont_wght.ttf") format("truetype");
}

/* Design tokens
   -------------------------------------------------------------------------- */
:root {
    --orange: #FF5A00;
    --orange-600: #D63A16;
    --ink: #1A1A1A;
    --gray: #262626;
    --r: 4px;
    --f: "Golos Text", system-ui, Segoe UI, Roboto, Arial, sans-serif;
    --h-nav: 60px;
    /* Header layout below the 1280px breakpoint, where the burger appears to
       the right of the phone button. */
    --nav-pad-narrow: 20px;
    --nav-gap-narrow: 16px;
    --burger-w: 36px;
    --logo-w: 182px;
    --accent-w: 70px;
    --phone-btn-w: 210px;
    --callback-pad-x: 50px;
    --h-strip: 35px;
    --h-hero: 1600px;
    --h-hero-min: 680px;
    /* Hero whitespace ramps between these floors (760px-tall viewport) and the
       design values (1080px), so the fold can move up without clipping the CTA. */
    --hero-top: clamp(56px, calc(27.8vh - 155px), 145px);
    --hero-gap: clamp(24px, calc(17.5vh - 109px), 80px);
    --hero-cta-gap: clamp(16px, calc(7.5vh - 41px), 40px);
    /* Hard cap for the content column; section backgrounds stay full-bleed. */
    --content-max: 1295px;
    /* Side padding that centres the content column and holds it at
       --content-max on wide screens, never dropping below the 40px floor. */
    --gutter: max(40px, calc((100vw - var(--content-max)) / 2));
    /* Right edge of the header's phone button — the callback button and its
       widget line up with it at every width. */
    --phone-right: var(--gutter);
    /* Canvas the #frame gradients were authored against, and the offset that
       keeps them centred on it: past --design-w every gradient centre slides
       right by half the overflow, so it holds its position relative to the
       content column instead of drifting with the left viewport edge.
       At or below --design-w the offset is 0 and the positions are as authored. */
    --design-w: 1920px;
    --gx: max(0px, calc((100vw - var(--design-w)) / 2));
}