:root{--sana-primary-10: hsl(217deg 29% 80%);--sana-primary-20: hsl(217deg 27% 64%);--sana-primary-30: hsl(217deg 36% 55%);--sana-primary-40: hsl(217deg 42% 41%);--sana-primary-50: hsl(217deg 57% 31%);--sana-primary-60: hsl(217deg 75% 22%);--sana-primary-70: hsl(217 91% 13%);--sana-neutral-10: hsl(0deg 0% 90%);--sana-neutral-20: hsl(0deg 0% 76%);--sana-neutral-30: hsl(0deg 0% 63%);--sana-neutral-40: hsl(0deg 0% 50%);--sana-neutral-50: hsl(0deg 0% 37%);--sana-neutral-60: hsl(0deg 0% 24%);--sana-neutral-70: hsl(0deg 0% 17%);--sana-red-10: hsl(340deg 37% 87%);--sana-red-20: hsl(340deg 28% 65%);--sana-red-30: hsl(340deg 30% 50%);--sana-red-40: hsl(340deg 40% 35%);--sana-red-50: hsl(340deg 43% 25%);--sana-red-60: hsl(340deg 63% 20%);--sana-red-70: hsl(340deg 91% 13%);--sana-green-10: hsl(140deg 40% 85%);--sana-green-20: hsl(140deg 30% 65%);--sana-green-30: hsl(140deg 30% 50%);--sana-green-40: hsl(140deg 40% 35%);--sana-green-50: hsl(140deg 43% 25%);--sana-green-60: hsl(140deg 63% 20%);--sana-green-70: hsl(140deg 91% 13%);--sana-white: hsl(0deg 0% 99%)}:root{--fs-100: clamp(1rem, 3vw, 1.5rem);--fs-200: clamp(1rem, 4vw, 1.5rem);--fs-300: clamp(1.5rem, 3vw, 2.5rem);--fs-400: clamp(2rem, 6vw, 4rem);--ps-100: clamp(.25rem, 2vw, .75rem);--ms-100: clamp(.25rem, 2vw, .75rem);--ms-300: clamp(.5rem, 3vw, 1rem);--img-100: clamp(2rem, 3vw, 3rem)}.article-header.svelte-1b94rs3{display:flex;justify-content:center;align-items:center;position:relative;height:100vh;overflow-x:clip;padding-block-end:2rem}.article-header.svelte-1b94rs3 .header-content:where(.svelte-1b94rs3){margin-bottom:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:70ch;animation:svelte-1b94rs3-fade-out linear;animation-timeline:view();animation-range:exit -200px;font-weight:700;color:var(--sana-neutral-10);padding-inline:2rem;gap:1rem}@keyframes svelte-1b94rs3-fade-out{to{opacity:0}}.article-header.svelte-1b94rs3 .header-content:where(.svelte-1b94rs3) h1:where(.svelte-1b94rs3){text-align:center;color:var(--sana-white)}.article-header.svelte-1b94rs3 .header-content:where(.svelte-1b94rs3) img:where(.svelte-1b94rs3){max-height:17vh;margin-block-end:2rem}.article-header.svelte-1b94rs3 .header-content:where(.svelte-1b94rs3) p:where(.svelte-1b94rs3){text-align:justify;color:var(--sana-white)}.article-header.svelte-1b94rs3 .header-content:where(.svelte-1b94rs3) a:where(.svelte-1b94rs3){margin-block-start:1rem;padding:.25rem .75rem;font-size:var(--fs-200);color:var(--sana-white);font-weight:700;border:3px solid var(--sana-white);transition:box-shadow .3s ease;text-transform:uppercase;transition:transform .3s ease}.article-header.svelte-1b94rs3 .header-content:where(.svelte-1b94rs3) a:where(.svelte-1b94rs3):hover{transform:scale(1.125)}.article-header.svelte-1b94rs3 .header-image:where(.svelte-1b94rs3){grid-column:1/-1;position:absolute;filter:brightness(.5);top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8;object-fit:cover;z-index:-1;transform-origin:bottom center;animation:svelte-1b94rs3-header-image-animation linear forwards;animation-timeline:view();animation-range:exit}@keyframes svelte-1b94rs3-header-image-animation{25%{opacity:1}85%,to{opacity:0;scale:3}}.articles.svelte-1b94rs3{display:flex;flex-wrap:wrap;justify-content:center}.articles.svelte-1b94rs3 article:where(.svelte-1b94rs3){display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:4rem;padding-inline:2rem}@media (prefers-reduced-motion: no-preference){.articles.svelte-1b94rs3 article:where(.svelte-1b94rs3){scale:.7;opacity:0;animation:svelte-1b94rs3-fade-in linear forwards;animation-timeline:view();animation-range:entry 100px}@keyframes svelte-1b94rs3-fade-in{to{scale:1;opacity:1}}.articles.svelte-1b94rs3 article:where(.svelte-1b94rs3) p:where(.svelte-1b94rs3){max-width:70ch;height:100%;text-align:justify}.articles.svelte-1b94rs3 article:where(.svelte-1b94rs3) a:where(.svelte-1b94rs3){padding:.375rem .75rem;margin-block-start:1rem;padding:.25rem .75rem;font-size:var(--fs-200);color:var(--sana-primary-40);font-weight:700;border:3px solid var(--sana-primary-40);transition:box-shadow .3s ease;text-transform:uppercase;transition:transform .3s ease}.articles.svelte-1b94rs3 article:where(.svelte-1b94rs3) a:where(.svelte-1b94rs3):hover{transform:scale(1.125)}}