@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

    :root {
      --navy: #102857;
      --navy-2: #0b1d3f;
      --orange: #e46f22;
      --orange-dark: #b95618;
      --green: #167a3a;
      --cream: #f7f4ee;
      --warm: #efe8dc;
      --ink: #17223a;
      --muted: #5e6675;
      --line: #e3ded4;
      --white: #ffffff;
      --shadow: 0 18px 48px rgba(16, 40, 87, .13);
      --soft-shadow: 0 12px 28px rgba(16, 40, 87, .08);
      --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
      --sans: 'Manrope', Inter, Arial, Helvetica, sans-serif;
      --shell: 1180px;
    }

    * {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth
    }

    body {
      margin: 0;
      background: #fff;
      color: var(--ink);
      font-family: var(--sans);
      line-height: 1.65;
      overflow-x: hidden;
      text-rendering: geometricPrecision
    }

    img {
      max-width: 100%;
      display: block
    }

    a {
      color: inherit;
      text-decoration: none
    }

    button,
    input,
    textarea,
    select {
      font: inherit
    }

    .shell {
      width: min(var(--shell), calc(100% - 48px));
      margin-inline: auto
    }

    .section-pad {
      padding: 76px 0
    }

    .skip-link {
      position: absolute;
      left: 16px;
      top: -60px;
      background: var(--navy);
      color: #fff;
      padding: 12px 18px;
      z-index: 30;
      border-radius: 2px
    }

    .skip-link:focus {
      top: 16px
    }