:root{--color-brand-primary:oklch(.8207 .0858 230.87);--color-brand-secondary:oklch(.5125 .0406 46.7);--color-brand-accent:oklch(.8197 .1706 78.47);--color-brand-neutral:white;--color-gray-9:oklch(10% 0 0);--color-gray-8:oklch(20% 0 0);--color-gray-7:oklch(30% 0 0);--color-gray-6:oklch(40% 0 0);--color-gray-5:oklch(50% 0 0);--color-gray-4:oklch(60% 0 0);--color-gray-3:oklch(70% 0 0);--color-gray-2:oklch(80% 0 0);--color-gray-1:oklch(90% 0 0);--color-primary-1:oklch(.97 .02 230.87);--color-primary-2:oklch(.93 .04 230.87);--color-primary-3:oklch(.875 .065 230.87);--color-primary-4:oklch(.8207 .0858 230.87);--color-primary-5:oklch(.73 .082 230.87);--color-primary-6:oklch(.62 .076 230.87);--color-primary-7:oklch(.5 .068 230.87);--color-primary-8:oklch(.37 .057 230.87);--color-primary-9:oklch(.25 .045 230.87);--color-secondary-1:oklch(.97 .012 46.7);--color-secondary-2:oklch(.92 .02 46.7);--color-secondary-3:oklch(.84 .028 46.7);--color-secondary-4:oklch(.74 .034 46.7);--color-secondary-5:oklch(.62 .039 46.7);--color-secondary-6:oklch(.5125 .0406 46.7);--color-secondary-7:oklch(.41 .037 46.7);--color-secondary-8:oklch(.31 .032 46.7);--color-secondary-9:oklch(.22 .025 46.7);--color-accent-1:oklch(.97 .035 78.47);--color-accent-2:oklch(.93 .08 78.47);--color-accent-3:oklch(.88 .13 78.47);--color-accent-4:oklch(.8197 .1706 78.47);--color-accent-5:oklch(.73 .165 78.47);--color-accent-6:oklch(.62 .145 78.47);--color-accent-7:oklch(.5 .12 78.47);--color-accent-8:oklch(.38 .09 78.47);--color-accent-9:oklch(.27 .06 78.47);--color-primary:var(--color-primary-4);--color-secondary:var(--color-secondary-7);--color-accent:var(--color-accent-4);--color-neutral:white;--font-sans:system-ui sans-serif;--font-serif:ui-serif,serif;--font-mono:monospace;--font-size-base:1rem;--font-size-l1:1.125rem;--font-size-l2:1.25rem;--font-size-l3:1.5rem;--font-size-l4:1.875rem;--font-size-l5:2.25rem;--font-size-l6:3rem;--font-size-l7:3.75rem;--font-size-l8:4.5rem;--font-size-s3:.6875rem;--font-size-s2:.75rem;--font-size-s1:.875rem;--radius-s:6px;--radius-m:12px;--radius-l:20px;--radius-p:999px;--shadow-s:0 1px 2px #2c211a0f,0 2px 6px #2c211a0d;--shadow-m:0 2px 4px #2c211a0d,0 10px 24px #2c211a14;--shadow-l:0 4px 8px #2c211a0f,0 22px 48px #2c211a1f;--page-width:1024px;--page-gutter:clamp(1rem,.5rem + 3vw,2.5rem);--page-padding-inline:max(var(--page-gutter),(100% - var(--page-width))/2)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-serif);font-size:112.5%;line-height:1.5}h1{font-size:var(--font-size-l3)}h2{font-size:var(--font-size-l2)}h3{font-size:var(--font-size-l1)}h4{font-size:var(--font-size-base)}body{display:flex;background-color:var(--color-neutral);color:var(--color-secondary-6);flex-direction:column}img{width:100%}a{text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}ul{list-style:none}body>header{position:sticky;z-index:50;background-color:oklch(1 0 0/.95);border-bottom:1px solid var(--color-secondary-2);padding-inline:var(--page-padding-inline);display:grid;grid-template-columns:1fr auto;padding-block-start:.5rem;padding-block-end:.5rem;top:0}body>header>nav{grid-column:1;grid-row:1;display:grid}body>header>nav a{text-decoration:none;text-decoration:none;color:var(--color-secondary-7);font-weight:700}body>header>nav>a{display:inline-flex;font-size:var(--font-size-l1);align-items: center;gap:1rem}body>header>nav>a img{width:2.5rem;height:auto}body>header>nav>ul{display:none;flex-direction:column;gap:1rem;padding-block-start:1.25rem;padding-block-end:.5rem}body>header>nav>ul a{border-radius:var(--radius-s);padding:.5rem 1rem}body>header>nav>ul a:hover{background-color:var(--color-accent-3)}body>header>nav>ul a[aria-current=page]{border-inline-start:3px solid var(--color-accent-3)}body>header>label{grid-column:2;grid-row:1;display:inline-flex;border-radius:var(--radius-s);color:var(--color-secondary-6);cursor:pointer;justify-content:center;align-items: center;width:2.5rem;height:2.5rem}body>header>label:hover{background:var(--color-accent-3)}body>header>label:active{transform:scale(.94)}body>header>label svg.open{display:block}body>header>label svg.close{display:none}body>header>label>input{position:absolute;overflow:hidden;white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}body>header>label:has(input:checked) svg.open{display:none}body>header>label:has(input:checked) svg.close{display:block}body>header>label:has(input:checked)+nav>ul{display:grid}@media (min-width:768px){body>header{grid-template-columns:1fr}body>header>label{display:none}body>header nav{display:flex;flex-direction:row;justify-content:space-between;align-items: center}body>header nav>ul{display:flex;flex-direction:row;padding-block-start:0;padding-block-end:0}body>header nav>ul a[aria-current=page]{border-inline-start:none;border-block-end:3px solid var(--color-accent-3)}}body>footer{padding-inline:var(--page-padding-inline);background-color:var(--color-secondary-8);display:grid;gap:1.75rem;padding-block-start:4rem;padding-block-end:1rem}body>footer a{color:#fff}body>footer>section{display:grid;row-gap:1rem}body>footer>section h2{color:var(--color-accent);text-transform:uppercase;font-size:var(--font-size-m)}body>footer>section ul{display:grid;gap:.75rem}body>footer>section ul li{display:flex;align-items: center;gap:1rem}body>footer>section ul svg{color:var(--color-primary)}body>footer section[aria-label=brand]{color:#fff;max-width:36ch}body>footer section[aria-label=brand] img{width:3.5rem}body>footer section[aria-label=legal]{border-top:1px solid var(--color-secondary-4);color:var(--color-secondary-3);padding-block-start:1rem;padding-block-end:1rem}@media (min-width:768px){body>footer{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr auto;align-items: start}body>footer section[aria-label=legal]{grid-column:1/span 3}}main{display:grid;gap:1rem;padding-block-start:0;padding-block-end:4rem}main#articles>header{padding-inline:var(--page-padding-inline);background:radial-gradient(100% 120% at 0% 0%,var(--color-primary-1),transparent 65%),var(--color-neutral);display:grid;gap:.5rem;padding-block-start:1rem;padding-block-end:1rem}main#articles>header h1{display:inline-flex;font-size:var(--font-size-s1);color:var(--color-primary-7);letter-spacing:.1em;text-transform:uppercase;align-items: center;gap:.5rem}main#articles>header h1:before{content:"";background:var(--color-accent);width:1.75rem;height:3px}main#articles>header span{font-size:var(--font-size-l3);font-weight:700}main#articles>ol{padding-inline:var(--page-padding-inline);display:grid;row-gap:3rem}main#articles>ol>li{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--color-secondary-2);border-radius:var(--radius-l);box-shadow:var(--shadow-m);gap:1rem;padding:1rem}main#articles>ol>li>img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-m);width:100%}main#articles>ol>li>section{display:grid;grid-template-rows:auto 1fr auto;gap:1rem}main#articles>ol>li>section>header{display:grid;gap:.5rem}main#articles>ol>li>section>header h2 a{color:var(--color-secondary-7);font-size:var(--font-size-l2)}main#articles>ol>li>section>header time{color:var(--color-secondary-6);text-transform:uppercase;font-weight:700;font-size:var(--font-size-s1)}main#articles>ol>li>section>p{color:var(--color-secondary-5)}main#articles>ol>li>section>footer{display:grid}main#articles>ol>li>section>footer a{color:var(--color-secondary-7);font-weight:700}main#articles>ol>li>section>footer a:hover{text-decoration:underline;text-underline-offset:4px}main#articles>ol>li>section>footer a:after{content:" →"}@media (min-width:768px){main#articles>ol{grid-template-columns:1fr 1fr;gap:4rem}main#articles>ol>li:not(:first-child){box-shadow:none;border:0;padding:0}main#articles>ol>li:first-child{grid-column:1/span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}main#articles>ol>li:first-child>img{grid-column:2;grid-row:1/span 2;align-self:stretch}}main#article>article{padding-inline:var(--page-padding-inline);display:grid;gap:1rem;padding-block-start:1rem;padding-block-end:1rem}main#article>article>header{display:grid;grid-auto-rows:auto;gap:.5rem}main#article>article>header>h2{font-size:1.85rem}main#article>article>header>time{grid-row:1}main#article>article>header>img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-l);width:100%}main#article>article section{display:grid;gap:1rem}main#article>article section>p:first-of-type:first-letter{float:left;color:var(--color-primary-6);margin:.1em .15em 0 0;font-size:3em;font-weight:700;line-height:.82}main#article>article section ol{counter-reset:item;display:grid;gap:1rem}main#article>article section ol li{counter-increment:item;display:grid;grid-template-columns:auto 1fr;align-items: start;column-gap:1ch}main#article>article section ol li:before{grid-column:1;grid-row:1/-1;content:counter(item);display:inline-block;border-radius:var(--radius-p);background:var(--color-accent);font-weight:700;font-size:var(--font-size-s1);margin-block-start:3px;padding:.25em .5em;line-height:1}