:root{--font-sans: "metropolis", sans-serif;--font-serif: "Lora", "georgia", serif;--font-size-base: 1rem;--font-size-l: 1.125rem;--font-size-s: 0.875rem;--font-size-xs: 0.8125rem;--font-size-xxs: 0.75rem;--line-height-base: 1.6875rem;--line-height-s: 1.125rem;--max-width: 84.375rem;--max-bg-color: 98.125rem;--sp: 1.125rem;--content-left: 5.625rem;--site-header-height-wide: var(--sp10);--container-padding: var(--sp);--scrollbar-width: 0px;--grid-col-count: 6;--grid-gap: var(--sp);--grid-gap-count: calc(var(--grid-col-count) - 1);--grid-full-width: calc(100vw - var(--sp2) - var(--scrollbar-width));--grid-col-width: calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count));--sp0-25: calc(0.25 * var(--sp));--sp0-5: calc(0.5 * var(--sp));--sp0-75: calc(0.75 * var(--sp));--sp1: calc(1 * var(--sp));--sp1-5: calc(1.5 * var(--sp));--sp2: calc(2 * var(--sp));--sp2-5: calc(2.5 * var(--sp));--sp3: calc(3 * var(--sp));--sp4: calc(4 * var(--sp));--sp5: calc(5 * var(--sp));--sp6: calc(6 * var(--sp));--sp7: calc(7 * var(--sp));--sp8: calc(8 * var(--sp));--sp9: calc(9 * var(--sp));--sp10: calc(10 * var(--sp));--sp11: calc(11 * var(--sp));--sp12: calc(12 * var(--sp));--color--gray-hue: 201;--color--gray-saturation: 15%;--color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%);--color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);--color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);--color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);--color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);--color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%);--color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%);--color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%);--color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%);--color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%);--color--primary-hue: 202;--color--primary-saturation: 79%;--color--primary-lightness: 50;--color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));--color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness)))));--color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * var(--color--primary-lightness)));--color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))));--color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));--color-text-neutral-soft: var(--color--gray-45);--color-text-neutral-medium: var(--color--gray-20);--color-text-neutral-loud: var(--color--gray-5);--color-text-primary-medium: var(--color--primary-40);--color-text-primary-loud: var(--color--primary-30);--color--black: #000;--color--white: #fff;--color--red: #e33f1e;--color--gold: #fdca40;--color--green: #3fa21c;--header-height-wide-when-fixed: calc(6 * var(--sp));--mobile-nav-width: 31.25rem;--border-radius: 0.1875rem}@media(min-width:75rem){:root{--container-padding: var(--sp2)}}@media(min-width:43.75rem){:root{--grid-col-count: 14;--grid-gap: var(--sp2)}}@media(min-width:62.5rem){:root{--scrollbar-width: 0.9375rem}}@media(min-width:75rem){:root{--grid-full-width: calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4))}}@media(min-width:90rem){:root{--grid-full-width: calc(var(--max-width) - var(--sp4))}}