.screenshots{display:flex;flex-direction:column;gap:var(--flow-space);padding-inline:12.5%;@media screen and (width >= 769px){flex-direction:row}&.no-pad{padding-inline:0}}table{display:block;overflow-x:auto}code[class*=language-],pre[class*=language-]{background:none;color:#f8f8f2;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;text-shadow:0 1px rgba(0,0,0,.3);white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}pre[class*=language-]{border-radius:.3em;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre{&[class*=language-]{background:var(--greyscale-8);border-radius:var(--border-radius-l);padding:var(--space-xs-s)}&[class*=language-diff-]{--eleventy-code-padding:var(--space-xs-s);padding-left:var(--eleventy-code-padding);padding-right:var(--eleventy-code-padding)}}pre .token.deleted{background-color:#8e2e2e;color:inherit}.token.inserted{background-color:#45824b;color:inherit}.token.prefix.deleted,.token.prefix.inserted,.token.prefix.unchanged{align-items:center;display:inline-flex;justify-content:center;padding-bottom:2px;padding-top:2px;-webkit-user-select:none;user-select:none}.token.prefix.deleted,.token.prefix.inserted{background-color:rgba(0,0,0,.2);width:var(--eleventy-code-padding)}.token.deleted:not(.prefix),.token.inserted:not(.prefix){color:inherit;display:block;margin-left:calc(var(--eleventy-code-padding)*-1);margin-right:calc(var(--eleventy-code-padding)*-1);text-decoration:none}.post__list{display:flex;flex-direction:column;gap:var(--flow-space);margin:0;padding:0}.post__item{border-radius:var(--border-radius);display:flex;gap:var(--space-xs);padding:var(--space-xs);position:relative;text-decoration:none;.description,.meta,.title{margin-block-start:0}.title{color:var(--text-colour-1);font-size:var(--text-size-2)}.description{color:var(--text-colour-2);font-size:var(--text-size-1);font-variation-settings:"wght" 300,"wdth" 75;line-height:1.2}&:hover .action{background:var(--primary-7);color:var(--primary-3)}}.post__details{display:flex;flex-direction:column;flex-grow:1;gap:var(--space-3xs)}.post__action{align-self:flex-end}article{column-gap:var(--gutter);display:grid;grid-template-areas:"header" "toc" "prose" "aside";row-gap:var(--flow-space);@media (width >= 820px){grid-template-areas:"header header" "prose  toc" "prose  aside";grid-template-columns:1fr minmax(275px,325px);grid-template-rows:auto auto 1fr}}.main-header{grid-area:header}details{border-bottom:1px solid var(--surface-mid);grid-area:toc;padding-block-end:var(--flow-space)}header .title,summary .title{font-size:var(--text-size-3)!important}[aria-label=toc]{>ul{list-style:none;padding-inline-start:0!important}}.prose{grid-area:prose;min-width:0;&>:first-child{margin-block-start:0}}aside{grid-area:aside}.aside__list{display:flex;flex-direction:column;gap:var(--flow-space);margin:0;padding:var(--flow-space) 0 0 0;li:not(:last-child) .aside__item{border-bottom:1px solid var(--surface-mid);padding-block-end:var(--flow-space)}}.aside__item{display:flex;gap:var(--space-xs);height:100%;text-decoration:none;.meta,.title{margin-block-start:0}.title{color:var(--text-colour-1);font-size:var(--text-size-1)}&:hover .action{background:var(--primary-6);color:var(--primary-3)}}.aside__image{border-radius:var(--border-radius-s);flex-shrink:0;max-width:60px}.aside__details{display:flex;flex-direction:column;flex-grow:1;gap:var(--space-3xs);.badge{margin-top:auto}}.aside__action{align-self:flex-end}.label{--label-size:32px;align-items:center;background:var(--quaternary-3);border-radius:var(--border-radius-s);clip-path:polygon(0 0,calc(100% - var(--label-size)/2) 0,100% calc(var(--label-size)/2),100% calc(100% - var(--label-size)/2),calc(100% - var(--label-size)/2) 100%,0 100%);color:var(--quaternary-7);display:inline-flex;height:var(--label-size);padding:0 calc(var(--label-size)/2) 0 var(--space-2xs);white-space:nowrap;&.meta{color:var(--quaternary-7)}}.updated{font-variation-settings:"wght" 400;letter-spacing:-.015em}.video__wrapper{position:relative;width:100%}.video__placeholder{display:block;height:auto;width:100%}.youtube__player{height:100%;left:0;opacity:0;padding-inline:inherit;pointer-events:none;position:absolute;top:0;width:100%}.video__wrapper{&.playing{.youtube__player{opacity:1;pointer-events:auto}.video__placeholder{visibility:hidden}.video__play{display:none}}}.video__play{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.webmentions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2xs);.title{color:var(--text-colour-2);font-size:var(--text-size--1);font-variation-settings:"wght" 700;letter-spacing:.025em;margin-block-start:0}}.webmentions__list{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-end:0;margin-block-start:0;padding-inline-start:0}.webmentions__item{align-items:center;display:flex;gap:var(--space-3xs)}.webmentions__icon{color:var(--primary-4)}@font-face{font-display:block;font-family:Bricolage Grotesque Variable;font-stretch:75% 100%;font-style:normal;font-weight:200 800;src:url(../../fonts/BricolageGrotesqueVariable.woff2) format("woff2-variations")}:root{--font-default:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--font-display:Bricolage Grotesque Variable,var(--font-default);--text-size--2:clamp(0.7813rem,0.7502rem + 0.1522vw,0.88rem);--text-size--1:clamp(0.9375rem,0.8865rem + 0.2505vw,1.1rem);--text-size-0:clamp(1.125rem,1.0465rem + 0.3854vw,1.375rem);--text-size-1:clamp(1.35rem,1.2342rem + 0.5684vw,1.7188rem);--text-size-2:clamp(1.62rem,1.454rem + 0.8145vw,2.1484rem);--text-size-3:clamp(1.944rem,1.7111rem + 1.143vw,2.6855rem);--text-size-4:clamp(2.3328rem,2.0112rem + 1.5786vw,3.3569rem);--text-size-5:clamp(2.7994rem,2.3607rem + 2.1531vw,4.1962rem);--text-size-6:clamp(3.3592rem,2.7669rem + 2.9071vw,5.2452rem);--text-size-7:clamp(4.0311rem,3.2379rem + 3.8928vw,6.5565rem);--space-3xs:clamp(0.3125rem,0.2929rem + 0.0963vw,0.375rem);--space-2xs:clamp(0.5625rem,0.5232rem + 0.1927vw,0.6875rem);--space-xs:clamp(0.875rem,0.8161rem + 0.289vw,1.0625rem);--space-s:clamp(1.125rem,1.0465rem + 0.3854vw,1.375rem);--space-m:clamp(1.6875rem,1.5697rem + 0.578vw,2.0625rem);--space-l:clamp(2.25rem,2.093rem + 0.7707vw,2.75rem);--space-xl:clamp(3.375rem,3.1395rem + 1.1561vw,4.125rem);--space-2xl:clamp(4.5rem,4.1859rem + 1.5414vw,5.5rem);--space-3xl:clamp(6.75rem,6.2789rem + 2.3121vw,8.25rem);--space-3xs-2xs:clamp(0.3125rem,0.1947rem + 0.578vw,0.6875rem);--space-2xs-xs:clamp(0.5625rem,0.4055rem + 0.7707vw,1.0625rem);--space-xs-s:clamp(0.875rem,0.718rem + 0.7707vw,1.375rem);--space-s-m:clamp(1.125rem,0.8306rem + 1.4451vw,2.0625rem);--space-m-l:clamp(1.6875rem,1.3538rem + 1.6378vw,2.75rem);--space-l-xl:clamp(2.25rem,1.6611rem + 2.8902vw,4.125rem);--space-xl-2xl:clamp(3.375rem,2.7076rem + 3.2755vw,5.5rem);--space-2xl-3xl:clamp(4.5rem,3.3223rem + 5.7803vw,8.25rem);--space-s-l:clamp(1.125rem,0.6146rem + 2.5048vw,2.75rem);--space-xs-l:clamp(0.875rem,0.2861rem + 2.8902vw,2.75rem);--space-xs-m:clamp(0.875rem,0.502rem + 1.8304vw,2.0625rem);--wrapper-max-width:85.25rem;--gutter:var(--space-xs-l,clamp(0.875rem,0.2861rem + 2.8902vw,2.75rem));--flow-space:var(--space-xs-s);--border-radius:8px;--border-radius-s:calc(var(--border-radius)/2);--border-radius-l:calc(var(--border-radius)*2);--hue:180;--primary-1:oklch(96.75% 0.025 var(--hue));--secondary-1:oklch(96.75% 0.025 calc(var(--hue) + 60));--tertiary-1:oklch(96.75% 0.025 calc(var(--hue) + 180));--quaternary-1:oklch(96.75% 0.025 calc(var(--hue) + 240));--greyscale-1:oklch(96.75% 0 0);--primary-2:oklch(86% 0.05 var(--hue));--secondary-2:oklch(86% 0.05 calc(var(--hue) + 60));--tertiary-2:oklch(86% 0.05 calc(var(--hue) + 180));--quaternary-2:oklch(86% 0.05 calc(var(--hue) + 240));--greyscale-2:oklch(86% 0 0);--primary-3:oklch(75.25% 0.075 var(--hue));--secondary-3:oklch(75.25% 0.075 calc(var(--hue) + 60));--tertiary-3:oklch(75.25% 0.075 calc(var(--hue) + 180));--quaternary-3:oklch(75.25% 0.075 calc(var(--hue) + 240));--greyscale-3:oklch(75.25% 0 0);--primary-4:oklch(64.5% 0.1 var(--hue));--secondary-4:oklch(64.5% 0.1 calc(var(--hue) + 60));--tertiary-4:oklch(64.5% 0.1 calc(var(--hue) + 180));--quaternary-4:oklch(64.5% 0.1 calc(var(--hue) + 240));--greyscale-4:oklch(64.5% 0 0);--primary-5:oklch(53.75% 0.125 var(--hue));--secondary-5:oklch(53.75% 0.125 calc(var(--hue) + 60));--tertiary-5:oklch(53.75% 0.125 calc(var(--hue) + 180));--quaternary-5:oklch(53.75% 0.125 calc(var(--hue) + 240));--greyscale-5:oklch(53.75% 0 0);--primary-6:oklch(43% 0.15 var(--hue));--secondary-6:oklch(43% 0.15 calc(var(--hue) + 60));--tertiary-6:oklch(43% 0.15 calc(var(--hue) + 180));--quaternary-6:oklch(43% 0.15 calc(var(--hue) + 240));--greyscale-6:oklch(43% 0 0);--primary-7:oklch(32.25% 0.175 var(--hue));--secondary-7:oklch(32.25% 0.175 calc(var(--hue) + 60));--tertiary-7:oklch(32.25% 0.175 calc(var(--hue) + 180));--quaternary-7:oklch(32.25% 0.175 calc(var(--hue) + 240));--greyscale-7:oklch(32.25% 0 0);--primary-8:oklch(21.5% 0.2 var(--hue));--secondary-8:oklch(21.5% 0.2 calc(var(--hue) + 60));--tertiary-8:oklch(21.5% 0.2 calc(var(--hue) + 180));--quaternary-8:oklch(21.5% 0.2 calc(var(--hue) + 240));--greyscale-8:oklch(21.5% 0 0);--primary-9:oklch(10.75% 0.225 var(--hue));--secondary-9:oklch(10.75% 0.225 calc(var(--hue) + 60));--tertiary-9:oklch(10.75% 0.225 calc(var(--hue) + 180));--quaternary-9:oklch(10.75% 0.225 calc(var(--hue) + 240));--greyscale-9:oklch(10.75% 0 0);--white:#fff}@media screen{[data-theme=light]{--surface-back:var(--greyscale-1);--surface-mid:var(--greyscale-2);--surface-fore:var(--white);--text-colour-1:var(--greyscale-9);--text-colour-2:var(--greyscale-5);--text-colour-3:var(--greyscale-3)}[data-theme=dark]{--surface-back:var(--greyscale-9);--surface-mid:var(--greyscale-7);--surface-fore:var(--greyscale-8);--text-colour-1:var(--greyscale-1);--text-colour-2:var(--greyscale-4);--text-colour-3:var(--greyscale-6)}}*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}body{line-height:1.5;min-height:100vh}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{display:block;height:auto;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.visually-hidden{border:0;clip:rect(0 0 0 0);height:0;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hidden{display:none}@media screen{.print-only{display:none}}@media print{.screen-only{display:none!important}}html{scroll-behavior:smooth}body{background:var(--surface-back);color:var(--text-colour-1);font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--text-size-0);font-variation-settings:"wght" 300,"wdth" 95;margin:0}h1,h2,h3,h4,h5,h6{color:var(--secondary-5);font-variation-settings:"wght" 600,"wdth" 75;line-height:1.1;margin-block-start:0;&:focus{outline:none}}h1{font-size:var(--text-size-7);font-variation-settings:"wght" 800,"wdth" 85;line-height:1}h2{font-size:var(--text-size-5)}h3{font-size:var(--text-size-4)}h4{font-size:var(--text-size-3)}h5{font-size:var(--text-size-2)}h6{font-size:var(--text-size-1)}p{margin-block-start:var(--flow-space)}strong{font-variation-settings:"wght" 600}a{color:currentColor;text-decoration-color:var(--primary-4);text-decoration-thickness:1.25px;text-underline-offset:.25ex;&:hover{text-decoration-color:var(--primary-6)}}:focus{outline:1.75px solid var(--primary-4);outline-offset:2.25px}::selection{background:var(--primary-4);color:var(--text-colour-1)}[id]{scroll-margin-top:var(--flow-space)}small{font-size:var(--text-size--1)}hr{background-color:var(--surface-mid);border:none;height:1px;margin:0;padding:0}button{appearance:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;padding:0}ol:not([role=list]),ul:not([role=list]){margin-block-end:0;padding-inline-start:var(--space-xs);li{&::marker{color:var(--text-colour-2)}&:not(:last-of-type){margin-block-end:var(--space-3xs-2xs)}}}dt{font-variation-settings:"wght" 600}dd{margin-inline-start:0;&:not(:last-of-type){margin-block-end:var(--space-3xs-2xs)}}table{border-collapse:collapse;text-align:left;caption{padding:var(--space-2xs) 0}caption,th{font-variation-settings:"wght" 500;text-align:start}td,th{padding:var(--space-2xs);&:first-child{padding-left:0}&:last-child{padding-right:0}}td{border-top:1px solid var(--surface-mid);vertical-align:top}}fieldset,form{display:flex;flex-direction:column;gap:var(--space-xs)}fieldset{border:1px solid var(--surface-mid);margin:0;padding:var(--flow-space)}legend{font-variation-settings:"wght" 500;max-width:max-content;padding-inline:var(--space-3xs)}label{align-items:center;display:flex;gap:var(--space-3xs);text-wrap:nowrap;width:fit-content}input{margin:0;padding:0;&[type=range]{width:100%;@supports (accent-color:var(--primary-3 )){accent-color:var(--primary-3)}&::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;background:var(--primary-3);border-radius:3px;height:6px}&::-webkit-slider-thumb{margin-top:-5px}}}pre{margin-block-end:0;overflow:auto;scrollbar-color:var(--surface-mid) var(--surface-back)}header{display:flex;flex-direction:column;gap:var(--flow-space);.title{font-size:var(--text-size-4)}.meta,.title{margin-block-start:0}&.row{align-items:center;flex-direction:row;justify-content:space-between}}section>header{margin-block-end:var(--flow-space)}summary{--size:36px;cursor:pointer;list-style:none;padding-inline-end:calc(var(--space-2xs) + var(--size));position:relative;>*{display:inline}h2{font-size:var(--text-size-4)}&::marker{content:none}&::-webkit-details-marker{display:none}&:after,&:before{content:"";height:var(--size);position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .15s ease-in-out;width:var(--size)}&:after{background-color:var(--primary-3);border-radius:calc(var(--size)/2)}&:before{background-color:var(--primary-7);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-position:center;mask-repeat:no-repeat;z-index:1}&:hover{&:before{background-color:var(--primary-3)}&:after{background-color:var(--primary-7)}}details[open] &{&:before{transform:translateY(-50%) rotate(180deg)}}}blockquote,figure{margin-block-start:0;margin-inline-end:0;margin-inline-start:0}blockquote{border-left:3px solid var(--quaternary-5);font-size:var(--text-size-1);font-variation-settings:"wght" 300,"wdth" 85;line-height:1.4;padding-inline-start:var(--space-2xs-xs)}figure:has(picture){figcaption{text-align:center}}figure:has(blockquote){figcaption,figcaption.meta{margin-inline-start:calc(3px + var(--space-2xs-xs))}&.surface{border-radius:var(--border-radius-l);padding:var(--flow-space);position:relative;& blockquote,& blockquote p{margin-block-start:0}&:after{background-color:var(--surface-fore);bottom:0;content:"";display:block;height:32px;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 0h24L0 24z'/%3E%3C/svg%3E");mask-size:contain;position:absolute;transform:translateY(50%);width:32px}&:nth-of-type(2n):after{left:auto;right:0;transform:translateY(50%) scaleX(-1)}}}figcaption{margin-block-start:var(--space-3xs)}dialog{background:linear-gradient(var(--surface-fore),var(--surface-fore)) padding-box,linear-gradient(to right,var(--primary-5),var(--secondary-5),var(--tertiary-5),var(--quaternary-5)) border-box;border:var(--space-3xs) solid transparent;border-radius:var(--border-radius);color:var(--text-colour-1);max-height:calc(100vh - var(--gutter)*2);min-width:calc(100vw - var(--gutter)*2);overflow-y:auto;padding:var(--flow-space);scrollbar-color:var(--surface-mid) transparent;scrollbar-width:thin;@media (width >= 769px){max-height:60vh;min-width:max(640px,60vw)}&:open,&[open]{animation:fade-in .25s}&::backdrop{background:color-mix(in oklch,var(--surface-back),transparent 50%)}>form[method=dialog]{float:right;position:sticky;top:0}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.standfirst{font-size:clamp(1.9438rem,1.7108rem + 1.1435vw,2.6856rem);font-variation-settings:"wght" 300,"wdth" 75;line-height:1.25;text-wrap:balance}.prose{>*+*{margin-block-start:var(--flow-space)}:is(h1,h2,h3,h4,h5,h6)+*{--flow-space:var(--space-3xs-2xs)}}.surface{background:var(--surface-fore)}.action{--action-size:36px;background:var(--primary-3);border-radius:calc(var(--action-size)/2);color:var(--primary-7);display:flex;flex-shrink:0;height:var(--action-size);transition:all .15s ease-in-out;width:var(--action-size);&:hover{background:var(--primary-7);color:var(--primary-3)}}.action--small{--action-size:32px;height:var(--action-size);width:var(--action-size)}.badge{--badge-size:28px;align-items:center;background:var(--quaternary-3);border-radius:calc(var(--badge-size)/2);color:var(--quaternary-7);display:inline-flex;font-size:var(--text-size--2);font-variation-settings:"wght" 700;height:var(--badge-size);letter-spacing:.025em;padding:0 var(--space-2xs);text-transform:uppercase;width:max-content;&:has([class*=icon]){gap:var(--space-3xs)}}.icon-link{align-items:center;display:inline-flex;gap:var(--space-2xs);width:fit-content;&:hover .action{background:var(--primary-7);color:var(--primary-3)}}.icon-button{--action-size:36px;align-items:center;background:var(--primary-3);border-radius:calc(var(--action-size)/2);color:var(--primary-7);display:inline-flex;font-size:var(--text-size--1);font-variation-settings:"wght" 700;gap:var(--space-3xs);height:var(--action-size);padding:0 var(--space-xs);text-decoration:none;transition:all .15s ease-in-out;width:fit-content;&:hover{background:var(--primary-7);color:var(--primary-3)}}.counter,.hue-counter{--counter-size:36px;align-items:center;border-radius:calc(var(--counter-size)/2);display:inline-flex;flex-shrink:0;font-size:var(--text-size--1);font-variation-settings:"wght" 700,"wdth" 75;height:var(--counter-size);justify-content:center;width:var(--counter-size)}.counter{background:var(--quaternary-3);color:var(--quaternary-7)}.hue-counter{background:var(--primary-3);color:var(--primary-7)}.meta{color:var(--text-colour-2);font-size:var(--text-size--1);font-variation-settings:"wght" 700;letter-spacing:.025em;text-transform:uppercase;&:has(.counter){align-items:center;display:inline-flex;gap:var(--space-3xs)}}.map__image{border-radius:var(--border-radius-s)}.nav-pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:0;padding:0;a{--pill-size:32px;background:var(--primary-3);border-radius:calc(var(--pill-size)/2);color:var(--primary-7);display:flex;font-size:var(--text-size--1);font-variation-settings:"wght" 500;padding:0 var(--space-2xs);text-decoration:none;transition:all .15s ease-in-out;&:hover{background:var(--primary-7);color:var(--primary-3)}}}.desaturate{filter:saturate(0)}body{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;@media screen and (width >=1366px){grid-template-areas:"header main" "header footer";grid-template-columns:calc(var(--wrapper-max-width)*.2) 1fr;grid-template-rows:1fr auto}}.site-header{grid-area:header}.site-main{grid-area:main}.site-footer{grid-area:footer}.icon-fill{fill:currentColor}.icon-stroke{stroke:currentColor}.site-header{--fore:3;--mid:2;--back:1;align-items:center;column-gap:var(--gutter);display:grid;height:100%;margin-block-end:0;max-width:var(--wrapper-max-width);padding:calc(var(--gutter)*2 + var(--space-3xs)) var(--gutter) calc(var(--gutter)*2) var(--gutter);position:relative;row-gap:0;&:after{background:linear-gradient(to right,var(--primary-5),var(--secondary-5),var(--tertiary-5),var(--quaternary-5));height:var(--space-3xs);left:0;top:0;width:100%}&:after,&:before{content:"";display:block;position:absolute}&:before{aspect-ratio:1/1;background:repeating-conic-gradient(var(--surface-back) 0 25%,var(--surface-fore) 25% 50%);background-size:var(--space-s) var(--space-s);bottom:0;mask-image:radial-gradient(circle at bottom right,#000,transparent 70%);right:0;width:calc(var(--space-2xl-3xl) + var(--gutter))}&>.visible{grid-column:1/-1;margin-top:var(--gutter)}@media (width <= 768px){grid-template-areas:"actions" "nav" "theme";grid-template-rows:auto auto}@media (width >= 769px){&>.visible{grid-column:unset}&>#main-nav{margin-top:0}}@media (769px <= width <= 1365px){grid-template-areas:"actions nav" "theme theme";grid-template-columns:auto 1fr;grid-template-rows:min-content auto}@media screen and (width >= 1366px){grid-template-areas:"nav" "theme" "actions";grid-template-columns:1fr;grid-template-rows:1fr auto auto;height:100vh;padding:calc(var(--gutter)*2) var(--gutter) var(--gutter) calc(var(--gutter) + var(--space-3xs));position:sticky;row-gap:var(--gutter);top:0;&:after{background:linear-gradient(to bottom,var(--primary-5),var(--secondary-5),var(--tertiary-5),var(--quaternary-5));height:100%;width:var(--space-3xs)}}}.logo{bottom:0;height:var(--space-2xl-3xl);position:absolute;right:var(--gutter);width:var(--space-2xl-3xl);z-index:var(--fore)}.site-header__actions{display:flex;gap:var(--space-xs);grid-area:actions;z-index:var(--fore);@media (width >= 768px){[data-target=main-nav]{display:none}}}#main-nav{grid-area:nav;@media (769px <= width <= 1365px){display:block}@media screen and (width >= 1366px){align-self:start;display:block}ul{display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;padding:0;position:relative;z-index:var(--mid);@media (769px <= width <= 1365px){flex-direction:row}}a{align-items:center;border-radius:9999px;color:var(--text-colour-2);display:flex;font-size:var(--text-size--1);font-variation-settings:"wght" 700;gap:var(--space-2xs);letter-spacing:.025em;padding:var(--space-2xs) var(--space-xs);text-decoration:none;text-transform:uppercase;white-space:nowrap;@supports not (anchor-name:--test){&.active,&:focus{background:var(--surface-back);border-radius:9999px;transition:background .25s}}&.active{color:var(--text-colour-1)}}.nav-indicator{background:var(--surface-back);border-radius:9999px;height:anchor-size(var(--active-anchor) height);left:anchor(var(--active-anchor) left);opacity:0;pointer-events:none;position:absolute;top:anchor(var(--active-anchor) top);transition:all .25s;width:anchor-size(var(--active-anchor) width);z-index:var(--back)}}:root[style*="--active-anchor"] #main-nav .nav-indicator{opacity:1;pointer-events:auto}#theme{background:var(--surface-back);border-radius:var(--border-radius);font-size:var(--text-size--1);grid-area:theme;padding-top:var(--space-xs);z-index:var(--mid);fieldset{border:none;display:flex;flex-direction:column;gap:var(--space-2xs);padding-block:0 var(--space-xs);@media (769px <= width <= 1365px){flex-direction:row}}legend{color:var(--text-colour-2);font-variation-settings:"wght" 700;letter-spacing:.025em;padding-inline:0;padding-bottom:var(--space-2xs);text-decoration:none;text-transform:uppercase}[role=radiogroup]{display:flex;flex-wrap:wrap;gap:var(--space-2xs);@media screen and (width >=1366px){flex-direction:column;margin-bottom:var(--space-2xs)}}[for=hueSlider]{display:flex;flex-direction:row;gap:var(--space-2xs);@media screen and (width >=1366px){flex-direction:column;&:not(.hue-counter){align-items:flex-start}}}}.site-main{display:flex;flex-direction:column;gap:var(--flow-space);max-width:var(--wrapper-max-width);min-width:0;padding:calc(var(--gutter)*2) var(--gutter) var(--gutter) var(--gutter)}.main-header{h1{font-size:clamp(3.3594rem,2.3553rem + 4.9277vw,6.5563rem);text-decoration-color:var(--quaternary-2);-webkit-text-decoration-color:var(--quaternary-2);text-decoration-line:underline;-webkit-text-decoration-line:underline;text-decoration-skip-ink:none;text-decoration-thickness:.75ex;text-underline-offset:-.5ex}h1,p{margin-block-start:0}}[data-theme=dark] .main-header h1{text-decoration-color:var(--quaternary-8);-webkit-text-decoration-color:var(--quaternary-8)}.main-header__meta{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tags__list{column-gap:var(--space-2xs);display:flex;flex-wrap:wrap;margin:0;padding:0;row-gap:var(--space-3xs);li{align-items:center;display:flex;&:before{color:var(--primary-4);content:"#";font-size:var(--text-size--1);font-variation-settings:"wght" 500;margin-right:var(--space-3xs)}}a{color:var(--text-colour-2);font-size:var(--text-size--1);font-variation-settings:"wght" 700;letter-spacing:.025em;text-decoration:none;text-transform:uppercase;&:hover{color:var(--text-colour-1)}}}[aria-label=breadcrumb]{[role=list]{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin:0;padding:0}li:not(:last-of-type){align-items:center;display:flex;&:after{background-color:var(--primary-4);content:"";height:16px;margin-left:var(--space-3xs);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/svg%3E");mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:16px}}a{font-size:var(--text-size--1);font-variation-settings:"wght" 700;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}}[aria-label=pagination]{display:flex;flex-direction:column;gap:var(--gutter);.prev{text-align:left}.next{text-align:right}@media screen and (width >=769px){align-items:center;display:flex;flex-direction:row;justify-content:space-between}}.site-footer{max-width:var(--wrapper-max-width);padding:0 var(--gutter) var(--gutter) var(--gutter);hr{margin-bottom:var(--gutter)}}.site-footer__inner{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--flow-space);@media screen and (width >=769px){align-items:center;flex-direction:row;justify-content:space-between}}.social-links{display:flex;flex-direction:row;gap:var(--space-2xs);margin:0;padding:0;a{color:var(--primary-3);display:flex;transition:all .15s ease-in-out;&:hover{color:var(--primary-7)}}}.footer-links{display:flex;flex-direction:row;gap:var(--space-s);margin:0;padding:0;a{font-variation-settings:"wght" 700}}