:root{--color-scheme:dark;--font-family:system-ui;--fs-300:clamp(0.94rem,calc(0.92rem + 0.08vw),0.98rem);--fs-400:clamp(1.13rem,calc(1.06rem + 0.33vw),1.31rem);--fs-500:clamp(1.35rem,calc(1.21rem + 0.69vw),1.75rem);--fs-600:clamp(1.62rem,calc(1.37rem + 1.24vw),2.33rem);--fs-700:clamp(1.94rem,calc(1.54rem + 2.03vw),3.11rem);--fs-800:clamp(2.33rem,calc(1.7rem + 3.15vw),4.14rem);--fs-900:clamp(2.8rem,calc(1.85rem + 4.74vw),5.52rem);--clr-primary-200:#b4cdf3;--clr-primary-300:#5b92e6;--clr-primary-400:#1d5dbe;--clr-primary-450:#2464c3;--clr-primary-500:#164792;--clr-primary-600:#0f3266;--clr-accent-200:#fff;--clr-accent-300:#f2f2f2;--clr-accent-400:#dbdbdb;--clr-accent-500:#c4c4c4}*,::before,::after{box-sizing:border-box}html{color-scheme:var(--color-scheme)}body{margin:0;font-family:var(--font-family);font-size:var(--fs-400);line-height:1.6}h1,h2,h3,h4,h5,h6,p,figure{margin:0}img{max-width:100%;display:block}a{color:var(--clr-accent-200);text-decoration:none}a:hover{color:var(--clr-accent-400);text-decoration:underline}body{display:grid;grid-template-rows:max-content 1fr max-content;height:100dvh;color:var(--clr-accent-300);background-image:url(./img/sun_sky_bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}main{overflow:auto}header,footer{position:sticky;background-image:url(./img/sun_sky_bg.webp)}header{top:0;background-position:top}footer{bottom:0;background-position:bottom}._no-webp body,._no-webp header,._no-webp footer{background-image:url(./img/sun_sky_bg.jpg)}.content-grid{--padding-inline:1rem;--content-max-width:900px;--breakout-max-width:1200px;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid > :not(.breakout,.full-width),.full-width > :not(.breakout,.full-width){grid-column:content}.content-grid > .breakout{grid-column:breakout}.primary-header{padding-block:2rem}.primary-footer{padding-block:.75rem}.primary-header__layout{display:flex;gap:1rem;align-items:center}.logo{position:absolute;width:75px;top:1.25rem}.site-title{position:relative;z-index:2;flex:1 1 auto;font-size:var(--fs-600);line-height:1.05;text-transform:uppercase;text-align:center}.primary-main{padding-block:1rem;grid-template-rows:max-content;align-content:start;row-gap:2em}.primary-main::-webkit-scrollbar{width:10px;height:10px}.primary-main::-webkit-scrollbar-track{background-color:transparent}.primary-main::-webkit-scrollbar-thumb{background-color:var(--clr-primary-200);border-radius:4px}.primary-main::-webkit-scrollbar-thumb:hover{background-color:var(--clr-primary-500)}.primary-main::-webkit-scrollbar-thumb:active{background-color:var(--clr-primary-600)}.primary-footer__layout{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}.images{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.image img{width:100%;border-radius:4px;aspect-ratio:4 / 3;object-fit:cover}.primary-footer .info{display:flex;flex-wrap:wrap;gap:4px 32px}.error404{padding:2rem}.error404 a{text-decoration:underline}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth}}@media (max-width: 640px){.images{grid-template-columns:repeat(3,1fr)}}@media (max-width: 440px){.images{grid-template-columns:repeat(2,1fr)}}@supports not selector(::-webkit-scrollbar){.primary-main{scrollbar-width:thin;scrollbar-color:var(--clr-accent-400) transparent}}