/* Generated from Admin > Site Settings. Edit the settings, not this file. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;600;700&family=Source+Sans+3:wght@300;400;500;600;700&display=swap');
:root {
  --font-body: 'Open Sans', sans-serif;
  --font-display: 'Open Sans', sans-serif;
  --font-size: 16px;
  --heading-weight: 600;
  --nav-size: 0.85rem;
  --nav-spacing: 1.5px;
  --nav-transform: uppercase;
  --nav-active-color: #13aeff;
  --title-hover-color: #13aeff;
  --accent: #13aeff;
  --logo-height: 40px;
  --header-position: sticky;
  --header-pad-y: 1.5rem;
  --header-pad-x: 4rem;
  --home-cols: 3;
  --home-cols-mobile: 1;
  --home-max: calc(80vw + 3rem);
  --home-gap-x: 2rem;
  --home-gap-y: 4rem;
  --home-cover-ratio: 4 / 3;
  --home-cover-fit: cover;
  --home-title-size: 1rem;
  --home-title-weight: 400;
  --home-title-display: block;
  --project-title-size: 2.5rem;
  --project-desc-width: 600px;
  --carousel-item-width: 280px;
  --carousel-cover-ratio: 4 / 3;
}