.col-1{grid-row-end:span 1;@media(width >= 48rem){grid-column: 3 / span 1;}@media(width >= 64rem){grid-column: 5 / span 2;}}.col-2,.col-2-c{grid-column:1;@media(width >= 40rem){grid-column: 1 / 2;}@media(width >= 48rem){grid-column: 1 / 3;}@media(width >= 64rem){grid-column: 1 / 5;}}.col-2-c{@media(width >= 64rem){grid-column: 1 / 4;}}.col-full{grid-column:1/-1}.col-page{grid-column:1/-1;@media(width >= 64rem){grid-column: 2 / 6;}}.flow-cols-2{column-count:2}@media(max-width:40rem){div[order-sm="-1"]{order:-1}div[order-sm="0"]{order:0}div[order-sm="1"]{order:1}div[order-sm="2"]{order:2}div[order-sm="3"]{order:3}div[order-sm="4"]{order:4}div[order-sm="5"]{order:5}main>[class*=col-]:nth-child(odd){margin-bottom:var(--row-gap)}}.header{padding-top:var(--row-gap);padding-bottom:calc(var(--row-gap)/2);h1 { margin: 0; font-size: 3rem; img { height: calc(3rem + 20vw); max-height: 10rem; } } nav { display: flex; flex: 1 0 0; flex-direction: column; ul { list-style: none; margin: 0; > li { margin: 0; } } a { font-weight: 500; letter-spacing: 0.001rem; opacity: 0.75; &:hover { opacity: 1; } } } @media (max-width: 40rem) { padding-top: calc(var(--row-gap) / 4); padding-bottom: calc(var(--row-gap) / 4); h1 img { height: 5rem; } }}.header-page{margin-bottom:var(--row-gap);h1 { margin: 0; img { height: 4rem; max-height: 10rem; } }}.header,.header-page,main,footer{display:grid;grid-template-columns:var(--grid-tc);row-gap:calc(var(--row-gap)/2);column-gap:var(--column-gap);@media(width >= 40rem){row-gap: var(--row-gap); grid-template-columns: var(--grid-tc-sm);}@media(width >= 48rem){grid-template-columns: var(--grid-tc-md);}@media(width >= 64rem){grid-template-columns: var(--grid-tc-lg);}}.intro{@media(max-width:40rem){margin-top: calc(var(--row-gap) / 2);}}.footer{margin-top:4rem;padding:var(--row-gap)0;border-top:1px solid var(--foreground);color:var(--foreground-alt);font-size:.875rem;opacity:.5}.page-title{margin-bottom:var(--row-gap)}.metadata{margin-bottom:.5rem;order:-2;opacity:.5;@media(width >= 40rem){order: 0;}}.terms{margin-top:var(--row-gap);margin-bottom:var(--row-gap);opacity:.5;label { display: block; margin-bottom: 1rem; font-weight: 500; } ul > li { margin-bottom: 0; } li > a { text-decoration: none; }}.contacts{figure { margin-bottom: 3rem; } ul > li { margin-left: 0; margin-bottom: 0.25rem; list-style: none; }}article{margin-bottom:calc(var(--row-gap)/2);> h2 { font-size: 1.25rem; margin-bottom: 0.25rem; } div + p { margin-top: 2rem; }}article>img,figure>img,p>img{width:100%}figure{margin-top:2rem;margin-bottom:2rem;figcaption, figcaption > * { font-size: 0.875rem; font-weight: 300; }}:root{--foreground:#ABB2BF;--background:#282C34;--foreground-alt:#ABB2BF;--link-hover-color:#FF9900;--font-family:Inter;--font-family-mono:"IBM Plex Mono";--font-family-serif:"IBM Plex Serif";--font-size:16px;--unit:calc(var(--font-size)*0.5);--line-height:1.5;--line-width:1px;--body-max-width:calc(var(--unit)*152);--body-padding-x:calc(var(--unit)*2);--body-padding-y:calc(var(--unit)*3);--cell-size:4rem;--grid-color:#555;--grid-gap:3rem;--grid-tc:1;--grid-tc-sm:repeat(2,1fr);--grid-tc-md:repeat(3,1fr);--grid-tc-lg:repeat(6,1fr);--column-gap:calc(var(--unit)*8);--row-gap:calc(var(--unit)*10);--row-padding-x:4rem;--row-padding-y:4rem;--spacingv:0.75rem;--header-height:16rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;color-scheme:light dark}@media(prefers-color-scheme:light){:root{--background:#F3F1ED;--foreground:#060606;--foreground-alt:#666666}}@supports(font-variation-settings:normal){:root{font-family:var(--font-family),sans-serif;font-size:var(--font-size);font-optical-sizing:auto;line-height:var(--line-height);letter-spacing:-.01em}}@media(width >= 40rem){:root{--body-padding-x:calc(var(--unit)*4);--body-padding-y:calc(var(--unit)*6)}}@media(width >= 48rem){:root{--body-padding-x:calc(var(--unit)*8);--body-padding-y:calc(var(--unit)*8)}}html,body{max-width:100vw;overflow-x:hidden}body{margin:0 auto;padding:var(--body-padding-y)var(--body-padding-x);max-width:var(--body-max-width);background:var(--background);color:var(--foreground);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;&:hover { color:var(--link-hover-color); }}p,ul{margin-bottom:1rem}ul>li{margin:0 0 .5rem 1rem}main p>a,main li>a{text-decoration:underline}blockquote{margin-top:1.5rem;margin-bottom:1.5rem;padding-left:3rem;font-family:var(--font-family-serif);font-style:italic;font-size:1.25rem;letter-spacing:.02rem;opacity:.8}.description{color:var(--foreground-alt);font-size:.875rem}.intro,.nav{font-size:1.5rem;font-weight:500;line-height:1.4}.bio{font-size:1.25rem;line-height:1.4}