@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');/* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */html {
    box-sizing: border-box;
}/* Box Sizing fix */*, *:before, *:after {
    box-sizing: inherit;
}/* Whitespace reset */* {
    padding: 0;
    margin: 0;
}/* Image behaviour */img {
    display: block;
    width: 100%;
    height: auto;
}/*
Remove list styles (bullets/numbers)
in case you use it with normalize.css
*/ol, ul {
    list-style: none;
}/* Revert the 'white-space' property for textarea elements on Safari */textarea {
    white-space: revert;
}/* https://12daysofweb.dev/2024/calc-size-and-interpolate-size/#enabling-it-site-wide-with-a-single-declaration */:root {
    interpolate-size: allow-keywords;
}/*
Opt in for automatic view transitions
https://developer.mozilla.org/en-US/docs/Web/CSS/@view-transition 
*/@view-transition {
    navigation: auto;
}/*
Change default text wrapping behaviour where possible
https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap
*/html {
    text-wrap: pretty;
}:root {
    --gray-medium: #7C7C7C;
    --gray-dark: #343434;
    --gray-lighter: #F6F6F6;
    --gray-light: #E1E1E1;
    --primary-default-pink: #C6007E;
    --primary-dark: #8A0058;
    --primary-dimmed: #F9EFF6;
    --gray-semilight: #D6D6D6;
    --secondary-default-blue: #06038D;
    --secondary-lighter: #C3C2F0;
    --secondary-dimmed: #EFEFF9;
    --gray-white: #FFFFFF;
    --secondary-05-dimmed: #EFEFF9;

    --size-border-radius-sm: 8px;
    --size-border-radius-md: 16px;
    --size-border-radius-lg: 32px;
}:root {
  --fs-body: clamp(0.75rem, 0.6667rem + 0.4167vw, 1rem);
  --fs-heading-6: clamp(0.8438rem, 0.725rem + 0.5938vw, 1.2rem);
  --fs-heading-5: clamp(0.9492rem, 0.7856rem + 0.818vw, 1.44rem);
  --fs-heading-4: clamp(1.0679rem, 0.8478rem + 1.1002vw, 1.728rem);
  --fs-heading-3: clamp(1.2014rem, 0.9106rem + 1.4537vw, 2.0736rem);
  --fs-heading-2: clamp(1.3515rem, 0.9726rem + 1.8947vw, 2.4883rem);
  --fs-heading-1: clamp(1.5205rem, 1.032rem + 2.4425vw, 2.986rem);
}html {
	font-family: "Montserrat", Helvetica, sans-serif;
	line-height: 1.5;
	font-size: var(--fs-body);
	font-weight: 400;
	text-wrap: pretty;
}body, table, form, input, select, button, textarea {
	font: inherit;
}h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	font-weight: bold;
}h1 { font-size: var(--fs-heading-1); }h2 { font-size: var(--fs-heading-2); }h3 { font-size: var(--fs-heading-3); }h4 { font-size: var(--fs-heading-4); }h5 { font-size: var(--fs-heading-5); }h6 { font-size: var(--fs-heading-6); }p:not(:only-child, :last-child) {
	padding-bottom: 1.5em;
}ul,
ol {
	padding-left: 1.5em;

	li {
		padding-bottom: 0.3em;
		list-style-position: outside;
	}
}ol li {
	list-style-type: decimal;
}figure {
	margin: 0;
}blockquote {

	cite {
		display: block;
		padding-right: 1em;
		text-align: right;
	}
}strong {
	font-weight: 600;
}.site-header {
    display: flex;
    flex-direction: column;
    gap: 4em;
    align-items: baseline;
    line-height: 1;
}.site-title {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 auto;

    a { 
        display: block;
        width: 20em;
        aspect-ratio: 4/1;
        text-indent: -200vw;
        background-image: url('/logo.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
}.site-footer {
    display: block;
}body {
    padding: var(--fs-heading-3);
}body {
    background: #000;
    color: #DDD;
}a {
    color: #DDD;
    text-decoration: none;
}.section {
    /* border: 1px solid #ddd; */
    /* border-radius: 0.4em; */
    padding: 1em;
 
    & + .section {
        margin-top: 2em;
    }

    & > .inner > header {
        padding-bottom: 2em;
    }

    h2 {
      margin: 0 auto;
      text-align: center;
      padding-bottom: 1em;
    }

}.grid {
    --grid-max-col-count: 3;
    --grid-min-col-size: 300px;
    --grid-gap: 1.5rem;

    /*
    * calculations, do not touch
    */

    --grid-col-size-calc: calc( (100% - var(--grid-gap) * var(--grid-max-col-count) ) / var(--grid-max-col-count) );
    --grid-col-min-size-calc: min(100%, max(var(--grid-min-col-size), var(--grid-col-size-calc)));
        
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    gap: var(--grid-gap);
    padding: 0;

    grid-template-columns: repeat(auto-fit, minmax(var(--grid-col-min-size-calc), 1fr));
    

    &.c3 {
        --grid-max-col-count: 3;
        --grid-min-col-size: 200px;
    }

    &.c2 {
        --grid-max-col-count: 2;
        --grid-min-col-size: 200px;
    }

    &.dense {
        grid-auto-flow: dense;
    }

}nav[data-astro-cid-rdveou74]{margin:0 auto;ul {display: flex; gap: 1em; padding: 0;} li {display: block; list-style: none outside;} a {display: block;}}