@charset "UTF-8";:root{--color-mode: 'light';--viewport-size: 'small';--base-max-width: 100em;--base-grid-columns: repeat(6, minmax(0, 1fr));--large-grid-columns: repeat(8, minmax(0, 1fr));--base-grid-gap: calc(var(--base-spacing) * 2);--auto-grid-min-size: 12rem;--base-outer-padding: var(--base-spacing);--large-outer-padding: calc(var(--base-spacing) * 2);--xsmall-image-width: 400px;--small-image-width: 800px;--base-image-width: 1200px;--medium-image-width: 1600px;--large-image-width: 1920px;--base-thumb-width: 300px;--small-thumb-width: 100px;--color-black: #080812;--color-dark-grey: #666;--color-mid-grey: #b0b0b0;--color-light-grey: #E9E9E9;--color-off-white: #f5f5f1;--color-blue: #7351fb;--base-accent-color: var(--color-blue);--hover-accent-color: var(--color-off-white);--base-background-color: var(--color-off-white);--secondary-background-color: var(--color-black);--tertiary-background-color: var(--color-light-grey);--small-font-size: 0.66667em;--base-font-size: 1em;--smedium-font-size: 1.333em;--medium-font-size: 1.777em;--large-font-size: 2.369em;--xlarge-font-size: 4.209em;--base-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;--secondary-font-family: "IBM Plex Mono", Consolas, monaco, monospace;--base-font-color: var(--color-black);--secondary-font-color: var(--color-off-white);--tertiary-font-color: var(--color-mid-grey);--base-line-height: 1.5;--mid-line-height: 1.3;--header-line-height: 1.1;--min-font-size: var(--base-font-size);--max-font-size: var(--large-font-size);--base-duration: .3s;--base-timing: cubic-bezier(0.645, 0.045, 0.355, 1.000);--base-border-color: var(--tertiary-font-color);--hover-border-color: currentColor;--base-border-weight: 1px;--base-border: var(--base-border-weight) solid var(--base-border-color);--base-border-radius: 2rem;--min-border-radius: 0.5rem;--base-focus: 2px solid var(--base-accent-color);--base-outline-offset: 0.3em;--min-outline-offset: 0.1em;--base-box-shadow: 0 1px 2px 0px rgba(0,0,0,.15);--hover-box-shadow: 0 2px 4px 1px rgba(0,0,0,.15);--base-spacing: 1rem}@media(min-width:800px){:root{--viewport-size: 'medium'}}:root[data-color-mode=dark]{--base-font-color: var(--color-off-white);--base-background-color: var(--color-black);--tertiary-background-color: var(--color-dark-grey)}@media(prefers-color-scheme:dark){:root{--color-mode: 'dark'}:root.no-js{--base-font-color: var(--secondary-font-color);--base-background-color: var(--secondary-background-color)}}@-webkit-keyframes fadeOutUp{0%{opacity:1;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(0,-50px,0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(0,-50px,0)}}.fadeOutUp{-webkit-animation:fadeOutUp var(--base-duration)var(--base-timing);animation:fadeOutUp var(--base-duration)var(--base-timing)}@media(prefers-reduced-motion:reduce){.fadeOutUp{-webkit-animation:fadeOut var(--base-duration)var(--base-timing);animation:fadeOut var(--base-duration)var(--base-timing)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation:fadeOut var(--base-duration)var(--base-timing);animation:fadeOut var(--base-duration)var(--base-timing)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation:fadeIn var(--base-duration)var(--base-timing);animation:fadeIn var(--base-duration)var(--base-timing)}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,50px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,50px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation:fadeInUp var(--base-duration)var(--base-timing);animation:fadeInUp var(--base-duration)var(--base-timing)}@media(prefers-reduced-motion:reduce){.fadeInUp{-webkit-animation:fadeIn var(--base-duration)var(--base-timing);animation:fadeIn var(--base-duration)var(--base-timing)}}.hidden{display:none!important}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.fullbleed{width:100vw;margin-left:50%;transform:translateX(-50%)}.margin-lrg{margin-bottom:calc(var(--base-spacing) * 3)}@media(min-width:800px){.multi-col{display:grid;grid-column-gap:calc(var(--base-spacing) * 2)}}.multi-col--2{grid-template-columns:repeat(2,minmax(auto,1fr))}.multi-col--3{grid-template-columns:repeat(3,minmax(auto,1fr))}.text-lrg{max-width:40ch;margin-bottom:calc(var(--base-spacing) * 2);font-size:var(--medium-font-size)}.text-sml{font-size:var(--small-font-size)}.text-meta{font-size:var(--small-font-size);font-family:var(--secondary-font-family);text-transform:uppercase;letter-spacing:.05em;font-weight:400}.text-normal{font-weight:400}.text-constrained{max-width:24ch}.text-center{text-align:center}.fluid-iframe{position:relative;padding-bottom:56.25%;height:0;margin:0 0 calc(var(--base-spacing) * 3)}.fluid-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.thumb{max-width:var(--thumb-width);border-radius:50%}.list-min{list-style:none}.delimited>*:not(:last-child)::after{content:","}.scroll-margin{scroll-margin-top:var(--base-spacing)}@font-face{font-family:ibm plex sans;src:local("IBM Plex Sans Regular"),url(/fonts/IBMPlexSans-Regular-Subset.woff2)format("woff2"),url(/fonts/IBMPlexSans-Regular-Subset.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:ibm plex sans;src:local("IBM Plex Sans Bold"),url(/fonts/IBMPlexSans-Bold-Subset.woff2)format("woff2"),url(/fonts/IBMPlexSans-Bold-Subset.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:ibm plex mono;src:local("IBM Plex Mono"),url(/fonts/IBMPlexMono-Regular-Subset.woff2)format("woff2"),url(/fonts/IBMPlexMono-Regular-Subset.woff)format("woff");font-weight:400;font-display:swap}html{font-family:var(--base-font-family);color:var(--base-font-color);font-size:clamp(var(--min-font-size),calc(35% + 1vw),var(--max-font-size));line-height:var(--base-line-height);-webkit-text-size-adjust:100%;background:var(--base-background-color);box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html.menu-is-active{overflow:hidden}*,*:before,*:after{box-sizing:inherit}body{margin:0}main{display:block;grid-column:1/-1}section{margin:0 0 var(--base-spacing)}section>*:first-child{margin-bottom:var(--base-grid-gap)}hr{box-sizing:content-box;height:0;overflow:visible;margin:calc(var(--base-spacing) * 2) 0;border:none;border-top:var(--base-border)}pre{font-family:monospace,monospace;font-size:1em}*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-kerning:auto;font-kerning:auto}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:var(--small-font-size)}sub,sup{position:relative;vertical-align:baseline;font-weight:400;font-family:var(--secondary-font-family);text-transform:uppercase;letter-spacing:-.05em;font-size:75%;line-height:0}sub{bottom:-.75em}sup{top:-.75em}h1 sup,h2 sup{font-size:50%;top:-1em}img{display:block;width:100%;height:auto;max-width:100%;pointer-events:none;border-style:none}figure,iframe,video{margin:0 0 calc(var(--base-spacing)/2)}label{font-size:var(--base-font-size);cursor:pointer}input,optgroup,select,textarea{margin:0;padding:calc(var(--base-spacing)/2) calc(var(--base-spacing)/1.5);font-family:inherit;font-size:100%;color:inherit;line-height:var(--base-line-height);border-radius:var(--min-border-radius);border:var(--base-border);background:0 0;transition:all var(--base-duration)var(--base-timing)}label>input,label>textarea{margin-top:calc(var(--base-spacing)/2)}input:hover,optgroup:hover,select:hover,textarea:hover,button:hover{border-color:currentColor}input,optgroup,select,textarea{width:100%}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}a{color:currentColor;background-color:transparent;text-decoration:underline;text-decoration-thickness:var(--base-border-weight);text-underline-offset:var(--min-outline-offset);transition:color var(--base-duration)var(--base-timing)}a:hover{color:var(--base-accent-color)}::-moz-selection{background:var(--base-accent-color);color:#fff;text-shadow:none}::selection{background:var(--base-accent-color);color:#fff;text-shadow:none}.focus-outline *:focus{outline:var(--base-focus);outline-offset:var(--base-outline-offset)}.no-focus-outline *:focus{outline:none}ul,ol,dl,dd{padding:0;margin:0 0 var(--base-spacing)var(--base-spacing)}dt{font-weight:700}dd{display:inline-block;margin:0}template{display:none}[hidden]{display:none}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:var(--header-line-height)}h1{margin-bottom:calc(var(--base-spacing) * 1.5);font-size:var(--large-font-size)}h2{margin-bottom:var(--base-spacing);font-size:var(--medium-font-size)}h3{margin-bottom:calc(var(--base-spacing)/1.5);font-size:var(--smedium-font-size)}h4{margin-bottom:calc(var(--base-spacing)/2);font-size:var(--base-font-size)}h5{margin-bottom:calc(var(--base-spacing)/2.5);font-size:var(--small-font-size)}h6{margin-bottom:calc(var(--base-spacing)/3);font-size:var(--xsmall-font-size)}p{margin:0 0 var(--base-spacing)}blockquote{padding:calc(var(--base-spacing) * 2) 0;margin:0}blockquote p{font-size:var(--medium-font-size)}blockquote cite{font-style:normal;font-size:var(--small-font-size)}.accordion{margin-bottom:var(--base-spacing)}.accordion__toggle{margin-bottom:var(--base-spacing)}.accordion__content{display:none}.accordion__toggle-icon--active{display:none}.is-active .accordion__toggle-icon--normal{display:none}.is-active .accordion__toggle-icon--active{display:inline-block}.is-active .accordion__content{display:block}.no-js .accordion__toggle{display:none}.no-js .accordion__content{display:block}.back-to-top{opacity:0;max-height:0;position:fixed;bottom:calc(var(--base-spacing)/2);right:calc(var(--base-spacing)/2);transition:all var(--base-duration)var(--base-timing)}.is-scrolled .back-to-top{opacity:1;max-height:100%}.button{position:relative;display:inline-block;vertical-align:middle;line-height:normal;white-space:nowrap;overflow:hidden;text-align:center;font-size:var(--base-font-size);font-weight:400;padding:calc(var(--base-spacing)) calc(var(--base-spacing) * 2);color:currentColor;border:var(--base-border);background:0 0;text-decoration:none;border-radius:var(--base-border-radius);transition:border var(--base-duration)var(--base-timing),color var(--base-duration)var(--base-timing);cursor:pointer}.button:hover,.button button{border-color:currentColor;color:var(--base-accent-color)}.button>*{pointer-events:none}.button .icon{position:relative;top:-.04rem}.button--toggle[aria-expanded=true]{border-color:var(--hover-border-color)}.button[aria-expanded=false] .button__icon--active,.button[aria-pressed=false] .button__icon--active{display:none}.button--toggle[aria-expanded=true]>.button__icon--default,.button--toggle[aria-pressed=true]>.button__icon--default{display:none}.button--toggle[aria-expanded=true]>.button__icon--active,.button--toggle[aria-pressed=true]>.button__icon--active{display:inline-block}.button--icon{width:3rem;height:3rem;padding:0;border-radius:50%;background:var(--base-background-color)}.button--icon .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card{position:relative;margin:0 0 calc(var(--base-spacing) * 3)}.card a{text-decoration:none}.card__media{transition:all var(--base-duration)var(--base-timing)}.card__body{display:flex;flex-direction:column}.card__title{margin-bottom:calc(var(--base-spacing)/2);position:relative;display:inline-block;align-self:start;letter-spacing:-.01em;font-size:var(--base-font-size);font-weight:400}.card__title::after{content:"";position:absolute;bottom:calc(var(--min-outline-offset) * -1);left:0;width:100%;height:1px;background-color:currentColor;max-width:0;transition:max-width var(--base-duration)var(--base-timing)}.card__desc{border-bottom:var(--base-border);padding-bottom:var(--base-spacing);margin-bottom:calc(var(--base-spacing)/1.5);max-width:48ch}.card__meta{font-size:var(--small-font-size);font-family:var(--secondary-font-family);text-transform:uppercase;letter-spacing:.05em}.card__cta .icon{position:relative;top:-1px}.card:hover .card__media{transform:scale(1.01);box-shadow:var(--hover-box-shadow)}.card:hover .card__title{color:var(--base-accent-color)}.card:hover .card__title::after{max-width:100%}.grid--sml .card__title{font-size:var(--base-font-size)}.code{position:relative;margin:0 0 var(--base-spacing);padding:var(--base-spacing);overflow:scroll;color:var(--base-font-color);border-radius:var(--min-border-radius)}.code::before{content:attr(data-lang);display:block;font-size:var(--small-font-size)}@media(--large-viewport){.code::before{position:absolute;top:calc(var(--base-spacing)/2);right:100%;width:calc(var(--large-outer-margin)/2);transform:translateY(-50%);text-align:center}}.container{display:grid;grid-template-columns:var(--base-grid-columns);grid-column-gap:var(--base-grid-gap);max-width:var(--base-max-width);padding:0 var(--base-outer-padding)}@media(min-width:800px){.container{padding:0 var(--large-outer-padding)}}.emphasis{display:grid;grid-template-columns:var(--base-grid-columns);width:100vw;margin-left:50%;margin-top:calc(var(--base-spacing) * 2);margin-bottom:calc(var(--base-spacing) * 2);transform:translateX(-50%);background-color:var(--tertiary-background-color);color:var(--base-font-color)}.emphasis__content{grid-column:1/-1;padding:calc(var(--base-spacing) * 4) var(--base-outer-padding)}@media(min-width:800px){.emphasis__content{grid-column:2/6;padding:calc(var(--base-spacing) * 4) calc(var(--base-outer-padding) * 1.6)}}.emphasis p{font-size:var(--smedium-font-size)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));grid-column-gap:var(--base-grid-gap);margin:0;padding:0;list-style:none}.grid>*{margin-bottom:calc(var(--base-spacing) * 2)}@media(min-width:1200px){.grid--sml{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}@media(min-width:1200px){.grid--lrg{grid-template-columns:repeat(2,1fr)}}.highlight{margin-bottom:calc(var(--base-spacing) * 2)}.highlight>pre{padding:var(--base-spacing);overflow:auto;border-radius:var(--min-border-radius)}.icon{display:inline-block;vertical-align:middle;fill:currentColor;transition:fill var(--base-duration)var(--base-timing);pointer-events:none}.icon--left{margin-right:calc(var(--base-spacing)/3)}.icon--right{margin-left:calc(var(--base-spacing)/3)}.image{margin-bottom:var(--base-spacing)}*+.image{margin-top:var(--base-spacing)}.image img{opacity:0;transition:opacity var(--base-duration)var(--base-timing)}.image__caption{max-width:45ch;margin:var(--base-spacing)auto 0;text-align:center;font-size:var(--small-font-size)}.image__caption::before{content:"[↑]";display:inline-block;margin-right:calc(var(--base-spacing)/4)}.image img.lazyloaded{opacity:1}.image--lrg{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 var(--base-spacing)}.image--lrg img{width:100%;max-width:calc(var(--base-max-width) - var(--base-spacing) * 2);margin:var(--base-spacing) auto calc(var(--base-spacing) * 2)}.list{list-style:none;margin-left:0}.list__item{position:relative;padding:var(--base-spacing) calc(var(--base-spacing) * 2) var(--base-spacing) 0;border-top:var(--base-border);transition:all var(--base-duration)var(--base-timing)}@media(min-width:800px){.list__item{display:grid;grid-template-columns:var(--base-grid-columns);grid-gap:var(--base-grid-gap);justify-content:space-between;align-items:start;padding:var(--base-spacing)0}}.list__item>*{margin:0;font-size:var(--base-font-size);line-height:var(--base-line-height);font-weight:400}.list__item>*+*{margin-top:calc(var(--base-spacing)/2)}@media(min-width:800px){.list__item>*+*{margin:0}}.list__item>*:first-child{grid-column:1/4}.list__item>*:nth-child(2){grid-column:span 2}.list__item a{text-decoration:none}.list__item-icon{position:absolute;right:0;top:calc(var(--base-spacing)/2)}@media(min-width:800px){.list__item-icon{top:var(--base-spacing)}}.list__item:hover{color:var(--base-accent-color);border-color:var(--hover-border-color)}.next{margin-top:calc(var(--base-spacing) * 4);padding-top:var(--base-spacing);border-top:var(--base-border)}.next__title{margin:0 0 calc(var(--base-spacing) * 3);font-size:var(--smedium-font-size)}.note{position:relative;margin:calc(var(--base-spacing) * 2) 0;border:var(--base-border);border-radius:var(--min-border-radius);overflow:hidden}.note::before{content:attr(data-label);display:block;padding:calc(var(--base-spacing)/2) var(--base-spacing);font-family:var(--secondary-font-family);font-size:var(--small-font-size);color:var(--secondary-font-color);text-transform:uppercase;letter-spacing:.05em;background-color:var(--secondary-background-color)}.note>*{margin:0;padding:var(--base-spacing)}.notification{margin:var(--base-spacing)0;padding:calc(var(--base-spacing) * 2);border:var(--base-border);border-radius:var(--min-border-radius);background-color:var(--tertiary-background-color)}.notification__title{font-size:var(--smedium-font-size)}.notification__title::before{content:"✅";display:inline-block;margin-right:calc(var(--base-spacing)/2)}.notification>*:last-child{margin:0}.media{position:relative;margin:calc(var(--base-spacing) * 2) 0}@media(min-width:800px){.media{display:flex}}.media__item{min-width:var(--small-thumb-width);max-width:var(--base-thumb-width);height:auto;margin-bottom:var(--base-spacing)}@media(min-width:800px){.media__item{margin-bottom:0;margin-right:var(--base-spacing)}}.media__body>*:last-child{margin:0}.media--no-stack{display:flex}@media(min-width:800px){.media--stack{display:block}}.media--no-stack .media__item{margin-bottom:0;margin-right:var(--base-spacing)}.media--item-center .media__item{margin-left:auto;margin-right:auto}.media--reverse .media__item{order:2}@media(min-width:800px){.media--reverse .media__body{margin-left:0;margin-right:var(--base-spacing)}}.pagination{display:flex;justify-content:space-between;margin:0 0 calc(var(--base-spacing) * 3)}.pagination a{text-decoration:none}.pagination__link--right{margin-left:auto}.tag{display:inline-block;padding:calc( var(--base-spacing)/3) calc( var(--base-spacing)/1.5);margin:calc( var(--base-spacing)/3) calc( var(--base-spacing)/3) 0 0;text-decoration:none;background-color:var(--tertiary-background-color);border-radius:var(--base-border-radius);transition:all var(--base-duration)var(--base-timing)}.tag:hover{background:var(--base-accent-color);color:var(--secondary-font-color)}.toc{padding:calc(var(--base-spacing) * 2) 0;border-bottom:var(--base-border)}.toc__title{font-size:var(--smedium-font-size)}.toc__list li ul{margin-bottom:0}.content{display:grid;grid-template-columns:var(--base-grid-columns);grid-column-gap:var(--base-grid-gap);margin-bottom:calc(var(--base-spacing) * 4)}.content>*{grid-column:1/-1}@media(min-width:800px){.content>*{grid-column:2/6}}.content>h2,.content>h3,.content>h4,.content>h5,.content>h6{margin-top:var(--base-spacing)}.content>p:first-child{margin-bottom:calc(var(--base-spacing) * 3);font-size:var(--smedium-font-size)}@media(min-width:800px){.content>p:first-child{font-size:var(--medium-font-size)}}.header{grid-column:1/-1;display:flex;justify-content:space-between;padding:var(--base-spacing)0;align-items:center}@media(min-width:800px){.header{display:grid;grid-template-columns:var(--base-grid-columns);padding:0}}.header__title{text-decoration:none;font-size:var(--base-font-size)}@media(min-width:800px){.header__title{grid-column:1/2}}.header__menu-toggle{position:relative;z-index:2;transition:border-color var(--base-duration)var(--base-timing)}@media(min-width:800px){.header__menu-toggle{display:none}}.menu-is-active .header__menu-toggle{position:absolute;top:var(--base-spacing);right:var(--base-spacing);color:var(--secondary-font-color)}.no-js .header__menu-toggle{display:none}@media(min-width:800px){.header__nav{grid-column:2/-1;justify-self:end;margin-right:calc(var(--base-spacing) * -1)}}.header__nav ul{display:none;flex-direction:column;justify-content:center;position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;margin:0;background:var(--base-accent-color);list-style:none;text-align:right;color:var(--secondary-font-color)}@media(min-width:800px){.header__nav ul{display:flex;flex-direction:row;justify-content:flex-start;position:static;width:auto;height:auto;background:0 0;color:currentColor;text-align:left}}.header__nav a{display:inline-block;position:relative;padding:var(--base-spacing);font-size:var(--medium-font-size);text-decoration:none;font-family:var(--secondary-font-family);text-transform:uppercase;letter-spacing:.05em}@media(min-width:800px){.header__nav a{font-size:var(--small-font-size)}}.header__nav a::after{content:"";position:absolute;bottom:calc(var(--base-outline-offset) * 2);left:var(--base-spacing);width:calc(100% - calc(var(--base-spacing) * 2));height:var(--base-border-weight);background-color:currentColor;max-width:0;transition:max-width var(--base-duration)var(--base-timing)}.header__nav a:hover{color:var(--color-off-white)}@media(min-width:800px){.header__nav a:hover{color:var(--base-accent-color)}}.header__nav a:hover::after{max-width:100%}.menu-is-active .header__nav ul{display:flex}.header__nav a.is-active::after{max-width:100%}.no-js .header__nav ul{display:flex;flex-direction:row;justify-content:flex-start;position:static;width:auto;height:auto;padding:0;background:0 0;color:currentColor;text-align:left}.no-js .header__nav a{font-size:var(--small-font-size)}.intro{position:relative}.intro__back{align-self:start}.intro__body{display:grid;grid-template-columns:var(--base-grid-columns);grid-column-gap:var(--base-grid-gap);justify-content:space-between}.intro__title,.intro__desc{grid-column:1/-1;align-self:center;margin:calc(var(--base-spacing) * 2) 0 calc(var(--base-spacing) * 4);letter-spacing:-.01em}@media(min-width:800px){.intro__title,.intro__desc{margin:calc(var(--base-spacing) * 6) 0 calc(var(--base-spacing) * 4)}}.intro__title{max-width:20ch;font-size:var(--large-font-size)}@media(min-width:800px){.intro__title{font-size:var(--xlarge-font-size)}}.intro__desc{max-width:72ch;line-height:var(--mid-line-height)}.intro__desc-lede{display:inline-block;margin-bottom:var(--base-spacing);font-size:var(--small-font-size);font-family:var(--secondary-font-family);text-transform:uppercase;letter-spacing:.05em}.intro__desc-lede::before{content:"/";display:inline-block;margin-right:calc(var(--base-spacing)/4)}.intro__desc p{margin:0 0 calc(var(--base-spacing) * 2);font-size:var(--medium-font-size)}@media(min-width:800px){.intro__desc p{font-size:var(--large-font-size)}}.intro__accordion{grid-column:1/-1}@media(min-width:800px){.intro__accordion{grid-column:1/-1}}.intro__meta{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-top:var(--base-spacing);margin:0 0 calc(var(--base-spacing) * 2);border-top:var(--base-border)}.intro__meta>*{width:calc(50% - var(--base-spacing));margin:0 0 calc(var(--base-spacing) * 2);padding-right:var(--base-spacing)}@media(min-width:800px){.intro__meta>*{width:auto;padding-right:calc(var(--base-spacing) * 5)}}.intro__media{grid-column:1/-1;width:100vw;margin-left:50%;margin-bottom:calc(var(--base-spacing) * 4);transform:translateX(-50%)}.footer{display:grid;grid-template-columns:var(--large-grid-columns);grid-column:1/-1;grid-column-gap:var(--base-grid-gap);padding-top:var(--base-spacing);border-top:var(--base-border)}.footer__section{grid-column:span 4;margin-bottom:var(--base-spacing)}@media(min-width:1024px){.footer__section{grid-column:span 2;order:2}}@media(min-width:1024px){.footer__section--social{grid-column:5/7}}@media(min-width:1024px){.footer__section--pages{grid-column:7/9}}.footer__section--info{grid-column:1/-1}@media(min-width:1024px){.footer__section--info{grid-column:1/4;order:1}}.footer__title{margin-bottom:var(--base-spacing)}.footer__theme-toggle{margin-bottom:calc(var(--base-spacing) * 2)}.footer ul a{position:relative;display:inline-block;padding:calc(var(--base-spacing)/1.5) 0;text-decoration:none}@media(min-width:1024px){.footer ul a{padding:0}}.footer ul a::after{content:"";position:absolute;bottom:.25em;left:0;width:100%;height:1px;background-color:currentColor;max-width:0;transition:max-width var(--base-duration)var(--base-timing)}.footer ul a:hover::after{max-width:100%}.no-js .footer__theme-toggle{display:none}