:root{--font-stack:Arial, Helvetica, system-ui, sans-serif;--bounce:cubic-bezier(0, 1.7, .8, 1);--paper:#fefcf2e0;--track:#f1f0ea;--ink:#2a292c;--faded:#62605e;--border:#00000021;--layer:#1411174d}@media (prefers-color-scheme:dark){:root{--paper:#171610;--track:#2f2e2c;--ink:#fff;--faded:#978aa0;--border:#e9cdfc26;--layer:#040305a6}}*,:before,:after{box-sizing:border-box}*{font-family:var(--font-stack);margin:0}html,body{scroll-behavior:smooth;background-color:var(--paper);height:100%;color:var(--ink);line-height:1.8}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}.anchor{pointer-events:none;position:fixed;top:0}header{flex-flow:column;justify-content:center;align-items:center;gap:1rem;padding:calc(6vw + 3rem) 6vw;display:flex}header>p{text-align:center;text-wrap:balance;max-width:48rem}main{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:1rem;padding:0 6vw;display:grid}h1{text-align:center;font-variation-settings:"wght" 750;text-wrap:balance;letter-spacing:-.1vw;text-wrap:balance;padding:0 calc(2rem + 10vw) 1rem;font-size:calc(1.7rem + 3vw);font-weight:750;line-height:100%}h2{font-variation-settings:"wght" 750;font-size:2.4rem;font-weight:750}h3{font-variation-settings:"wght" 750;font-size:1.4rem;font-weight:750}time,.subfooter a{color:var(--faded);font-size:80%;display:block}p{line-height:160%}p>em{color:var(--faded);font-size:90%}li{list-style:none}figcaption{color:var(--faded);text-align:center;margin-top:.5rem;margin-left:3rem;margin-right:3rem;font-size:60%;display:block}.card{--color:var(--border);border:1px solid var(--color);color:currentColor;transition:transform var(--bounce) .5s;border-radius:1rem;text-decoration:none;overflow:hidden}.card:hover{--color:var(--faded);transform:scale(.98)}.card-image{aspect-ratio:5/3}p>a,p>a:link,p>a:visited,span>a,span>a:link,span>a:visited{color:var(--ink);font-variation-settings:"wght" 600;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--faded);text-underline-offset:3px;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;font-weight:600;text-decoration-thickness:2px;display:inline-flex}p>a:hover{color:var(--c-accent-hover);text-decoration-color:var(--ink);text-decoration-style:solid}.padded{padding:calc(.1rem + 1vw) calc(.6rem + 1vw) calc(.6rem + 1vw)}article{visibility:hidden;opacity:0;background:var(--layer);z-index:99;backdrop-filter:blur(10px)grayscale(50%);justify-content:center;align-items:center;transition:opacity .1s linear;display:flex;position:fixed;inset:0;overflow:hidden}article:target{visibility:visible;opacity:1}.ambilight{pointer-events:none;z-index:-1;object-fit:fill;filter:blur(100px);mix-blend-mode:screen;opacity:1;width:55rem;max-width:100vw;height:70rem;max-height:40vh;position:absolute}section{outline:1px solid var(--border);background-color:var(--paper);z-index:999;width:calc(100% - 6rem);max-width:48rem;transition:transform var(--bounce) .5s;border-radius:2rem;display:block;position:relative;overflow:hidden;transform:translateY(60px)}article:target section{transform:translateY(0)}.fullscreen{position:absolute;inset:0}.close-button{border:1px solid var(--border);width:2rem;height:2rem;color:var(--faded);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:1rem;right:1rem}.close-button:hover{border:1px solid var(--ink);color:var(--ink)}.content{overscroll-behavior:contain;height:fit-content;max-height:calc(100vh - 10rem);padding:0 0 3rem;overflow:hidden auto}.content>h1,.content>h2,.content>h3,.content>p,.content>ul,.content>.summary{text-wrap:balance;padding:0 calc(1rem + 4vw) 0 calc(1rem + 3vw)}.content>time{padding:3rem calc(1rem + 4vw) 0 calc(1rem + 3vw)}.content>h2:first-child{margin-top:3rem}.content>ul{flex-flow:wrap;gap:1rem;display:flex}ul.disc{flex-flow:column;gap:0;margin-bottom:1rem;padding-left:3.75rem}ul.disc li{list-style:outside}.content>h2{margin:0 auto 2rem}.content>h3{margin:2rem auto .5rem}.content>p,.content>figure{margin:0 auto 1.5rem}a>img,.content>figure>img{object-fit:cover;background-color:var(--track);width:100%;height:auto;display:block}.content>.summary{margin:0 auto 1.5rem;font-size:120%}.block{display:block}polyline{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px}footer{margin-top:2rem}footer,.subfooter{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;padding:calc(4vw + 2rem) 6vw;display:flex}footer h2{text-align:center;width:100%}footer>a,li>a{color:var(--ink);border:1px solid var(--border);font-variation-settings:"wght" 600;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;text-decoration:none;display:flex}footer>a:hover,li>a:hover{color:var(--ink);border:1px solid var(--ink)}footer>p{text-align:center;width:100%;margin-bottom:2rem}@media (width<=940px){h1{padding:0;font-size:calc(1.7rem + 3vw)}article{justify-content:center;align-items:end}section{width:unset;max-width:unset;border-radius:2rem 2rem 0 0}.content{max-height:calc(100vh - 3rem)}}.testimonials{z-index:0;background:0 0;outline:0;justify-content:center;align-items:center;margin:auto;padding:3rem 6vw;display:flex}.testimonial{text-align:center;background:var(--paper);border:1px solid var(--border);border-radius:1rem;width:100%;max-width:800px;padding:3rem}.testimonial blockquote{color:var(--faded);margin:0 0 1.5rem;font-size:1.1rem;line-height:1.6}.testimonial cite{font-style:normal;display:block}.testimonial .author{color:var(--ink);margin-bottom:.25rem;font-weight:700;display:block}.testimonial .title{color:var(--faded);font-size:.9rem}@media (width<=940px){.testimonial{padding:2rem}}@media (width<=600px){.testimonials{padding:2rem 6vw}.testimonial{padding:1.5rem}.testimonial blockquote{font-size:1rem}}.award{color:var(--faded);align-items:center;gap:.6rem;margin-top:.5rem;font-size:80%;display:flex}.award a,.award a:link,.award a:visited{color:var(--faded);align-items:center;gap:.6rem;font-weight:400;text-decoration:none;display:inline-flex}.award a:hover{color:var(--ink)}.award svg{flex:none;width:auto;height:1.25rem}.cover{color:oklch(89% .006 292);letter-spacing:.06em;background:oklch(13% .008 292);justify-content:center;align-items:center;gap:.8ch;font-size:calc(1rem + 1vw);display:flex}.cover .ticks{color:oklch(62% .14 292);letter-spacing:.28em}
