@charset "UTF-8";
@font-face {
  font-family: "Sans";
  font-weight: 300 700;
  font-display: swap;
  src: url("/media/plugins/designlodge/folio/fonts/radio-canada.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Sans";
  font-weight: 300 700;
  font-display: swap;
  font-style: italic;
  src: url("/media/plugins/designlodge/folio/fonts/radio-canada-italic.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Serif";
  font-weight: 100 900;
  font-display: swap;
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 0, "WONK" 1;
  src: url("/media/plugins/designlodge/folio/fonts/fraunces.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Serif";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-optical-sizing: auto;
  font-variation-settings: "SOFT" 0, "WONK" 1;
  src: url("/media/plugins/designlodge/folio/fonts/fraunces-italic.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Code";
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
  src: url("/media/plugins/designlodge/folio/fonts/fira-code.woff2") format("woff2");
}
:root {
  --step--2: clamp(0.7813rem, 0.7748rem + 0.0325vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9159rem + 0.1085vw, 1rem);
  --step-0: clamp(1.125rem, 1.0819rem + 0.2169vw, 1.25rem);
  --step-1: clamp(1.35rem, 1.2767rem + 0.3688vw, 1.5625rem);
  --step-2: clamp(1.62rem, 1.5051rem + 0.5781vw, 1.9531rem);
  --step-3: clamp(1.944rem, 1.7724rem + 0.8632vw, 2.4414rem);
  --step-4: clamp(2.3328rem, 2.0848rem + 1.2476vw, 3.0518rem);
  --step-5: clamp(2.7994rem, 2.4492rem + 1.762vw, 3.8147rem);
  --step-6: clamp(3.3592rem, 2.8732rem + 2.4454vw, 4.7684rem);
  --space-5xs: clamp(0.1875rem, 0.1875rem + 0vw, 0.1875rem);
  --space-4xs: clamp(0.1875rem, 0.1659rem + 0.1085vw, 0.25rem);
  --space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
  --space-2xs: clamp(0.5625rem, 0.5409rem + 0.1085vw, 0.625rem);
  --space-xs: clamp(0.875rem, 0.8534rem + 0.1085vw, 0.9375rem);
  --space-s: clamp(1.125rem, 1.0819rem + 0.2169vw, 1.25rem);
  --space-m: clamp(1.6875rem, 1.6228rem + 0.3254vw, 1.875rem);
  --space-l: clamp(2.25rem, 2.1638rem + 0.4338vw, 2.5rem);
  --space-xl: clamp(3.375rem, 3.2457rem + 0.6508vw, 3.75rem);
  --space-2xl: clamp(4.5rem, 4.3275rem + 0.8677vw, 5rem);
  --space-3xl: clamp(6.75rem, 6.4913rem + 1.3015vw, 7.5rem);
  --space-4xl: clamp(9rem, 8.6551rem + 1.7354vw, 10rem);
  /* One-up pairs */
  --space-5xs-4xs: clamp(0.1875rem, 0.1659rem + 0.1085vw, 0.25rem);
  --space-4xs-3xs: clamp(0.1875rem, 0.1444rem + 0.2169vw, 0.3125rem);
  --space-3xs-2xs: clamp(0.3125rem, 0.2047rem + 0.5423vw, 0.625rem);
  --space-2xs-xs: clamp(0.5625rem, 0.4332rem + 0.6508vw, 0.9375rem);
  --space-xs-s: clamp(0.875rem, 0.7457rem + 0.6508vw, 1.25rem);
  --space-s-m: clamp(1.125rem, 0.8663rem + 1.3015vw, 1.875rem);
  --space-m-l: clamp(1.6875rem, 1.4073rem + 1.41vw, 2.5rem);
  --space-l-xl: clamp(2.25rem, 1.7326rem + 2.603vw, 3.75rem);
  --space-xl-2xl: clamp(3.375rem, 2.8145rem + 2.82vw, 5rem);
  --space-2xl-3xl: clamp(4.5rem, 3.4653rem + 5.2061vw, 7.5rem);
  --space-3xl-4xl: clamp(6.75rem, 5.6291rem + 5.6399vw, 10rem);
  /* Custom pairs */
  --space-s-l: clamp(1.125rem, 0.6508rem + 2.3861vw, 2.5rem);
  --space-s-xl: clamp(1.125rem, 0.2196rem + 4.5553vw, 3.75rem);
  --space-m-xl: clamp(1.6875rem, 0.9761rem + 3.5792vw, 3.75rem);
  --space-l-2xl: clamp(2.25rem, 1.3015rem + 4.7722vw, 5rem);
  --space-5xs-4xs: clamp(0.125rem, 0.0906rem + 0.1701vw, 0.25rem);
  --space-4xs-3xs: clamp(0.1875rem, 0.1531rem + 0.1701vw, 0.3125rem);
  --space-3xs-2xs: clamp(0.25rem, 0.1467rem + 0.5102vw, 0.625rem);
  --space-2xs-xs: clamp(0.5rem, 0.3795rem + 0.5952vw, 0.9375rem);
  --space-xs-s: clamp(0.75rem, 0.6122rem + 0.6803vw, 1.25rem);
  --space-s-m: clamp(1rem, 0.7589rem + 1.1905vw, 1.875rem);
  --space-m-l: clamp(1.5rem, 1.2245rem + 1.3605vw, 2.5rem);
  --space-l-xl: clamp(2rem, 1.5179rem + 2.381vw, 3.75rem);
  --space-xl-2xl: clamp(3rem, 2.449rem + 2.7211vw, 5rem);
  --space-2xl-3xl: clamp(4rem, 3.0357rem + 4.7619vw, 7.5rem);
  --space-3xl-4xl: clamp(6rem, 4.898rem + 5.4422vw, 10rem);
  --space-s-l: clamp(1rem, 0.5867rem + 2.0408vw, 2.5rem);
  --space-l-2xl: clamp(2rem, 1.1735rem + 4.0816vw, 5rem);
  --space-m-xl: clamp(1.5rem, 0.8801rem + 3.0612vw, 3.75rem);
  --space-s-xl: clamp(1rem, 0.2423rem + 3.7415vw, 3.75rem);
  --grid-max-width: 77.50rem;
  --grid-gutter: var(--space-s-l, clamp(1.125rem, 0.6508rem + 2.3861vw, 2.5rem));
  --grid-columns: 12;
  --color-theme-brand: #B4841E;
  --color-theme-accent: #FFEFCC;
  --color-theme-text: #272727;
  --color-theme-link: #00c3ff;
  --color-theme-page: #ffffffd9;
  --color-theme-back: #E5E4E0;
  --color-theme-brand-dark: #B4841E;
  --color-theme-accent-dark: #3a2e14;
  --color-theme-text-dark: #E5E4E0;
  --color-theme-link-dark: #00c3ff;
  --color-theme-page-dark: #00000080;
  --color-theme-back-dark: #292823;
  --color-text: var(--color-theme-text);
  --color-page: var(--color-theme-page);
  --color-page: var(--color-theme-back);
  --color-brand: var(--color-theme-brand);
  --color-accent: var(--color-theme-accent);
  --color-link: var(--color-theme-link);
  --sans-stack: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --serif-stack: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --mono-stack: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-sans: "Sans", var(--sans-stack);
  --font-serif: "Serif", var(--serif-stack);
  --font-code: "Code", var(--mono-stack);
  --font-weight-bold: 600;
  --list-indent: 1.25em;
  --text-align: start;
  --line-height-1: 1;
  --line-height-heading: 1.15;
  --line-height-heading-minor: 1.25;
  --line-height-base: 1.4;
  --line-height-prose: 1.64;
  --tracking--4: -0.075ch;
  --tracking--3: -0.05ch;
  --tracking--2: -0.025ch;
  --tracking--1: -0.0125ch;
  --tracking-0: normal;
  --tracking-1: 0.0125ch;
  --tracking-2: 0.025ch;
  --tracking-3: 0.05ch;
  --tracking-4: 0.1ch;
  --tracking-5: 0.2ch;
  --measure-0: 65ch;
  --measure-1: 48ch;
  --measure-2: 36ch;
  --measure-3: 24ch;
  --border-hairline: calc(var(--space-3xs)*.05);
  --border-thin: calc(var(--space-3xs)*.125);
  --border-light: calc(var(--space-3xs)*.25);
  --border-regular: calc(var(--space-3xs)*.5);
  --border-bold: var(--space-3xs);
  --gap: var(--space-s-m);
  --space: var(--space-s);
  --border-radius: var(--space-4xs-3xs);
  --input-height: var(--space-l-xl);
  --input-padding: var(--space-xs-s);
  --input-border: .1ch solid var(--color-neutral);
  --transition-base: .25s ease;
  --transition-movement: .2s linear;
  --transition-fade: .2s ease;
  --transition-bounce: .5s cubic-bezier(0.5, 0.05, 0.2, 1.5);
}

.u-container {
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  margin-inline: auto;
}

.u-grid {
  display: grid;
  gap: var(--grid-gutter);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

html {
  color-scheme: dark light;
  hanging-punctuation: first last;
}

body {
  min-height: 100vh;
  line-height: var(--line-height-base);
}

h1, h2, h3, h4,
button, input, label {
  line-height: var(--line-height-heading);
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p,
li,
figcaption,
blockquote:not([class]) {
  max-inline-size: var(--measure-0);
  text-wrap: pretty;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img, picture, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  max-inline-size: 100%;
  border: none;
}

img {
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 1rem;
}

picture {
  display: contents;
}

img, svg, video, canvas {
  height: auto;
}

audio, iframe {
  width: 100%;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

body > :is(header, footer),
main,
section,
article {
  container-type: inline-size;
}

@media (prefers-reduced-motion: no-preference) {
  :has(:target) {
    scroll-behavior: smooth;
    scroll-padding-block-start: var(--space-l);
  }
}
/* Base styles that apply to the whole project
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */
/* * {
  max-inline-size: var(--measure-0);
}
html,
body,
div,
header,
nav,
main,
footer,
section,
article,
details {
  max-inline-size: none;
} */
body {
  color: var(--color-text);
  background-color: var(--color-page);
  font-size: var(--step-0);
  font-family: var(--font-sans);
  line-height: var(--line-height-base);
  font-variant-numeric: slashed-zero;
  font-optical-sizing: auto;
  text-align: var(--text-align);
  display: flex;
  flex-direction: column;
}

/* Base typesetting */
h1, h2, h3 {
  line-height: var(--line-height-heading);
  font-weight: 300;
}

h4, h5, h6 {
  line-height: var(--line-height-heading-minor);
  font-weight: 400;
}

.h-xl {
  font-size: var(--step-6);
  letter-spacing: var(--tracking--3);
  line-height: var(--line-height-heading);
}

h1, .h1 {
  font-size: var(--step-5);
  letter-spacing: var(--tracking--2);
}

h2, .h2 {
  font-size: var(--step-4);
  letter-spacing: var(--tracking--1);
}

h3, .h3 {
  font-size: var(--step-3);
}

h4, .h4 {
  font-size: var(--step-2);
}

h5, .h5 {
  font-size: var(--step-1);
}

h6, .h6 {
  font-size: var(--step-0);
}

/* Set line lengths */
h1 {
  max-inline-size: var(--measure-3);
}

h2,
h3 {
  max-inline-size: var(--measure-2);
}

h4,
h5 {
  max-inline-size: var(--measure-1);
}

strong {
  font-weight: var(--font-weight-bold);
}

/* blockquote:not([class]) {
  font-family: var(--font-heading);
  font-size: var(--step-2);
} */
/* Markdown blockquote:not([class])s aren't ideal, so we're presuming the person quoted is the last p */
/* blockquote:not([class]) p:last-of-type {
  font-family: var(--font-text);
  font-size: var(--step-1);
  font-weight: normal;
} */
article {
  display: flex;
  flex-direction: column;
}

figure {
  margin-inline: auto;
  width: 100%;
}

figcaption {
  font-size: var(--step--1);
  padding-top: var(--space-2xs);
  letter-spacing: normal;
  color: var(--color-neutral);
  /* text-align: center; */
}

svg {
  height: 2ex;
  width: auto;
  flex: none;
}

ul, ol {
  padding-inline-start: var(--list-indent);
  margin-block-end: 0;
  text-align: start;
  display: inline-block;
}

[role=list] {
  padding: 0;
}

hr {
  width: 100%;
  margin-block: var(--gap);
  border: 0;
  border-top: var(--border-light) solid var(--color-neutral);
}

mark {
  /* color: var(--color-page); */
  background-color: var(--color-highlight);
  padding: 0.2em 0.25em 0.15em;
}

pre {
  text-align: left;
  text-wrap: wrap;
}

code {
  font-family: var(--font-code);
  letter-spacing: initial;
  line-height: 1.4;
}

s {
  color: var(--color-text-neutral);
}

a, u {
  color: currentcolor;
  text-decoration: underline;
  text-underline-offset: 0.3ch;
  /* text-decoration-thickness: .1ch; */
}

a:hover {
  /* text-decoration: none; */
  text-underline-offset: 0.42ch;
}

a[class], nav a {
  text-decoration: none;
}

:focus {
  outline: 2px solid;
  outline-offset: 0.3ch;
}

:target {
  scroll-margin-top: 2ex;
}

button {
  cursor: pointer;
}

main {
  /* margin-block-end: var(--region-space, var(--space-s-m)); */
  flex-grow: 10;
}

main:focus {
  outline: none;
}

/* Base selection styles that invert whatever colours are rendered */
::selection {
  background: var(--color-text);
  color: var(--color-page);
}

/* *:focus-visible {
  outline: 0.2rem solid rgba(var(--color-text), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-page)), 0 0 0.5rem 0.4rem rgba(var(--color-text), 0.3);
} */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.content-grid, .breakout-grid {
  --_gap: var(--grid-gutter);
  --content-size: var(--measure-0);
  --popout-size: var(--_gap);
  --feature-size: calc(var(--popout-size) * 1.5);
  --breakout-full: full;
  --breakout-wrap: wrapper;
  --breakout-feature: feature;
  --breakout-popout: popout;
  --breakout-content: content;
  --content: min(100% - (var(--_gap) * 2), var(--content-size));
  --content-half: calc(var(--content) / 2);
  --popout: minmax(0, var(--popout-size));
  --feature: minmax(0, var(--feature-size));
  --wrapper: minmax(0, calc((var(--grid-max-width) - var(--content) - (var(--_gap) * 5) ) / 2));
  --full: minmax(var(--_gap), 1fr);
  --content-width: var(--content-size);
  --popout-width: calc(var(--content-width) + (var(--popout-size)*2));
  --feature-width: calc(var(--content-width) + (var(--feature-size)*2));
  --wrapper-width: var(--grid-max-width);
  --full-width: calc(var(--grid-max-width) + (var(--_gap) * 2));
  display: grid;
  grid-template-columns: [full-start] var(--full) [wrapper-start] var(--wrapper) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] 0 [left] var(--content-half) [right] var(--content-half) 0 [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--wrapper) [wrapper-end] var(--full) [full-end];
  margin-inline: auto;
  width: 100%;
}

.content-grid > *, .full > *, .breakout-content {
  --_maxwidth: var(--content-width);
  grid-column: content;
}

.content-grid > .popout, .breakout-popout {
  --_maxwidth: var(--popout-width);
  grid-column: popout;
}

.content-grid > .feature, .breakout-feature {
  --_maxwidth: var(--feature-width);
  grid-column: feature;
}

.content-grid > .wrap, .breakout-wrap, .breakout-grid > * {
  --_maxwidth: var(--wrapper-width);
  grid-column: wrapper;
}

.content-grid > .full, .breakout-full {
  --_maxwidth: var(--full-width);
  grid-column: full;
  display: grid;
  grid-template-columns: inherit;
}

.standfirst > p:first-of-type {
  font-size: var(--step-1);
  /* max-width: var(--max-width-p1); */
  /* line-height: 1.44; */
}

@container (min-width: 48ch) {
  .multi-column--2 > *, .multi-column--4 > * {
    column-count: 2;
    text-align: left;
  }
}
@container (min-width: 70ch) {
  .multi-column--3 > * {
    column-count: 3;
    text-align: left;
  }
  .multi-column--4 > * {
    column-count: 4;
    text-align: left;
  }
}
[class*=multi-column--] > * {
  column-gap: var(--gap, 1em);
  widows: 3;
  orphans: 3;
  display: inline-block;
}

[class*=multi-column--] h2, [class*=multi-column--] h3, [class*=multi-column--] h4, [class*=multi-column--] ul, [class*=multi-column--] ol {
  break-inside: avoid;
  page-break-inside: avoid;
}

[class*=multi-column--] p:has(code), [class*=multi-column--] h2, [class*=multi-column--] h3 {
  column-span: all;
}

.padding-2xsml {
  padding: var(--space-3xs-2xs);
}

.padding-xsml {
  padding: var(--space-2xs-xs);
}

.padding-sml {
  padding: var(--space-xs-s);
}

.padding-med {
  padding: var(--space-s-m);
}

.padding-lrg {
  padding: var(--space-m-l);
}

.padding-xlrg {
  padding: var(--space-l-xl);
}

.padding-2xlrg {
  padding: var(--space-xl-2xl);
}

[class*=inset-], [class*=inset-] > * {
  margin-inline: auto;
}

.inset-25 {
  inline-size: 75%;
}

.inset-33 {
  inline-size: 66%;
}

.inset-50 {
  inline-size: 50%;
}

.inset-66 {
  inline-size: 33%;
}

.inset-75 {
  inline-size: 25%;
}

/* .margin-2xsml {
  margin: var(--space-4xs-3xs);
}

.margin-xsml {
  margin: var(--space-3xs-2xs);
}

.margin-sml {
  margin: var(--space-2xs-xs);
}

.margin-med {
  margin: var(--space-xs-s);
}

.margin-lrg {
  margin: var(--space-s-m);
}

.margin-xlrg {
  margin: var(--space-m-l);
}

.margin-2xlrg {
  margin: var(--space-l-2xl);
} */
.gap-2xsml {
  --gap: var(--space-4xs-3xs);
}

.gap-xsml {
  --gap: var(--space-3xs-2xs);
}

.gap-sml {
  --gap: var(--space-2xs-xs);
}

.gap-med {
  --gap: var(--space-xs-s);
}

.gap-lrg {
  --gap: var(--space-s-m);
}

.gap-xlrg {
  --gap: var(--space-m-l);
}

.gap-2xlrg {
  --gap: var(--space-l-2xl);
}

.gap-none {
  --gap: initial;
}

.bg-color-text {
  color: var(--color-page);
  background-color: var(--color-text);
}

.bg-color-primary {
  color: var(--color-page);
  background-color: var(--color-primary);
}

.bg-color-secondary {
  color: var(--color-text);
  background-color: var(--color-secondary);
}

.bg-color-neutral {
  color: var(--color-text);
  background-color: var(--color-neutral);
}

.bg-color-neutral figcaption {
  color: var(--color-text);
}

.bg-color-note {
  background-color: var(--color-highlight);
  border-radius: var(--space-3xs-2xs);
  padding: var(--grid-gutter);
  max-inline-size: var(--measure-0);
}

.font-text {
  font-family: var(--font-text);
}

.font-heading {
  font-family: var(--font-heading);
}

.font-code {
  font-family: var(--font-code);
}

/* .grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-placement, auto-fill), minmax(var(--grid-min-item-size, var(--min-grid-size, 16rem)), 1fr));
  gap: var(--gap);
}
.grid[data-rows=masonry] {
  grid-template-rows: masonry;
  align-items: start;
} */
.layout-rows {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.layout-reel {
  display: flex;
  gap: var(--gap);
}

.layout-reel > * {
  flex-grow: var(--flex-grow, 1);
  flex-basis: var(--flex-basis, auto);
}

.layout-reel img {
  object-fit: cover;
  height: 100%;
}

/* .dangle-centre {
  justify-content: center;
}

.dangle-right {
  justify-content: right;
} */
.layout-flex {
  --_width: var(--_maxwidth, var(--wrapper-width))
  --_col: 4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap);
}

.layout-flex > * {
  --_aspect-ratio: 1;
  flex-grow: 1;
  flex-basis: calc((var(--_maxwidth) / var(--_col) - var(--_gap, var(--gap))) * var(--_aspect-ratio));
}

.layout-flex a, .layout-flex img {
  block-size: 100%;
}

.layout-flex img {
  object-fit: cover;
  inline-size: 100%;
}

.layout-grid {
  --col: 4;
  /* --grid-max-width: 1920px; */
  /* --min: calc(calc(var(--grid-max-width) / calc(var(--col) * 2))); */
  /* $max_size $frameSize */
  /* $basis = round($ratio*(($max_size/16)/1.534), 0); */
  --min: calc(calc(var(--grid-max-width) / calc(var(--col) * 1.534)));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--min), 100%), 1fr));
  gap: var(--gap);
}

.layout-masonry {
  --col: 4;
  --min: calc(calc(var(--grid-max-width) / calc(var(--col) + 1)));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--min), 100%), 1fr));
  grid-template-rows: masonry;
  justify-content: center;
  gap: var(--gap);
}

.layout-masonry > * {
  align-self: start;
}

/* .slides > * {
  transition: height 0.25s;
}
.slides > * > * > * {
  width: 100%;
  margin-right: var(--gap);
} */
.gap-2xsml {
  --gap: var(--space-4xs-3xs);
}

.gap-xsml {
  --gap: var(--space-3xs-2xs);
}

.gap-sml {
  --gap: var(--space-2xs-xs);
}

.gap-med {
  --gap: var(--space-xs-s);
}

.gap-lrg {
  --gap: var(--space-s-m);
}

.gap-xlrg {
  --gap: var(--space-m-l);
}

.gap-2xlrg {
  --gap: var(--space-l-2xl);
}

.gap-none {
  --gap: initial;
}

/* [loading="lazy"] {
  image-rendering: pixelated;
} */
/**
 * REGION 
 * Add consistent vertical padding to create regions of content 
 * Can either be configured by setting --region-space or use a default from the space scale
 */
.region {
  /* padding-top: var(--region-space, var(--space-l-2xl)); */
  margin-block-end: var(--region-space, var(--gap));
}

/* .step-4 {
  font-size: var(--step-4);
} */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header > *, .site-footer > * {
  display: flex;
  justify-content: space-between;
  padding-block: var(--space-l-xl);
}

.site-header > * {
  padding-block-end: var(--space-s-m);
}

h1 {
  padding-block-end: var(--space-3xs-2xs);
}

/*# sourceMappingURL=folio.css.map */