:root{--font-family-primary: "Redaction", serif;--font-size-base: 28px;--color-blue: #006bc8;--gutter-width: .75rem;--column-width: calc((100% - var(--gutter-width) * 2) / 3);--grid-margin: 10vw}@media screen and (min-width: 2000px){:root{--grid-margin: calc((100vw - 1600px)/2) }}@media screen and (max-width: 1700px){:root{--font-size-base: 22px}}@media screen and (max-width: 1300px){:root{--font-size-base: 19px}}@media screen and (max-width: 800px){:root{--font-size-base: 16px;--grid-margin: 2rem}}@media screen and (max-width: 400px){:root{--font-size-base: 14px;--grid-margin: 1rem}}@font-face{font-family:Redaction;src:url(/assets/Redaction-Regular-uAie4j47.woff2) format("woff2"),url(../../fonts/Redaction/Redaction-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Redaction;src:url(/assets/Redaction-Bold-qGagJ1hN.woff2) format("woff2"),url(../../fonts/Redaction/Redaction-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Redaction;src:url(/assets/Redaction-Italic-DcS4XL-U.woff2) format("woff2"),url(../../fonts/Redaction/Redaction-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-family-primary);line-height:calc(var(--font-size-base) * 1.125);color:#000;margin:0;padding:0;overflow-x:hidden}.page{position:relative;min-height:100vh;padding:1rem var(--grid-margin) 2rem}@media screen and (min-width: 2000px){.page{padding:2rem var(--grid-margin)}}@media screen and (max-width: 400px){.page{padding:.5rem var(--grid-margin)}}.grid-guide{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;display:none}.grid-guide--visible{display:block}.grid-guide:before{content:"";position:absolute;top:0;left:var(--grid-margin);width:calc(100% - var(--grid-margin) * 2);height:100%;background-image:linear-gradient(to right,rgba(255,0,0,.05) 0,rgba(255,0,0,.05) var(--column-width),transparent var(--column-width),transparent calc(var(--column-width) + .75rem),rgba(255,0,0,.05) calc(var(--column-width) + .75rem),rgba(255,0,0,.05) calc(var(--column-width) * 2 + .75rem),transparent calc(var(--column-width) * 2 + .75rem),transparent calc(var(--column-width) * 2 + .75rem * 2),rgba(255,0,0,.05) calc(var(--column-width) * 2 + .75rem * 2),rgba(255,0,0,.05) calc(var(--column-width) * 3 + .75rem * 2));background-repeat:no-repeat}.divider{display:block;height:4px;background-color:#000;width:100%;margin:1.75rem 0 1.5rem}.divider--dotted{background-color:transparent;background-image:radial-gradient(circle,black 1px,transparent 1px);background-size:6px 2px;background-position:center;height:2px;margin:1.25rem 0 .75rem}.h1{font-size:2.5rem;font-weight:400;line-height:3rem;margin:0}.h2{font-size:1.75rem;font-weight:400;line-height:2rem;margin:0}.h3{font-size:1.25rem;font-weight:400;line-height:1.5rem;margin:0}@media (max-width: 768px){.h1{font-size:2rem}.h2{font-size:1.75rem}.h3{font-size:1.25rem}}.p{margin:0}.h1+.p,.h2+.p,.h3+.p,.p+.p{margin-top:.5rem}.grid{display:grid;gap:.75rem}.grid--3-cols{grid-template-columns:repeat(3,1fr)}.grid--2-cols{grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 800px){.grid--info{grid-template-columns:repeat(2,1fr);grid-template-areas:"first second" "third third";row-gap:1rem}.grid--info>*:nth-child(1){grid-area:first}.grid--info>*:nth-child(2){grid-area:second}.grid--info>*:nth-child(3){grid-area:third}}@media screen and (max-width: 1300px){.grid--love-hate{grid-template-columns:repeat(2,1fr);grid-template-areas:"first first" "second third"}.grid--love-hate>*:nth-child(1){grid-area:first}.grid--love-hate>*:nth-child(2){grid-area:second}.grid--love-hate>*:nth-child(3){grid-area:third}}.header{margin-bottom:2rem}.header__container{display:grid;grid-template-columns:calc(var(--column-width) * 2 + var(--gutter-width)) var(--column-width);gap:var(--gutter-width);align-items:end}.header__title{position:relative;font-size:calc((100vw - var(--grid-margin) * 2) * .125);font-weight:400;line-height:.975em;margin:0 0 -.5rem}.header__title .h2{margin-bottom:.5rem}.header__image-container{position:relative}.header__image-container .note{transform-origin:right bottom;rotate:30deg;bottom:34%;right:5%;text-align:right}@media (max-width: 800px){.header__image-container .note{rotate:30deg;bottom:33%;right:2%}}@media (max-width: 600px){.header__image-container .note{rotate:-5deg;bottom:-.6rem;right:-.25rem}}.header__image{width:100%;height:auto;display:block;mix-blend-mode:darken}@media (max-width: 768px){.header__container{flex-direction:column;gap:1rem}}@media screen and (max-width: 800px){.header__title{font-size:calc((100vw - var(--grid-margin) * 2) * .125)}}.list{list-style:none;padding:0;margin:0}.list--ordered{list-style-type:decimal;padding-left:1.5em}.list--plain{list-style:none;padding-left:0}.list__item{position:relative;margin-bottom:.5rem}.list__item:last-child{margin-bottom:0}.list .list{margin-top:.5em;margin-bottom:.5em}*+.list{margin-top:.5em}.list:not(.list--plain) .list__item{position:relative;padding-left:1.5em}.list:not(.list--plain) .list__item:before{content:"•";position:absolute;left:0;color:var(--color-primary, #000)}.grid>.list{margin-top:0}.note{font-size:.875rem;color:var(--color-blue);font-family:Caveat,cursive;font-optical-sizing:auto;font-weight:400;line-height:.725rem;position:absolute;margin-left:.2rem;transform-origin:left bottom;transform:translateY(.2rem)}@media screen and (min-width: 1300px){.note--xl-w10{width:10vw}}@media screen and (max-width: 1300px){.note--l-w10{max-width:10vw}}@media screen and (max-width: 800px){.note--m-w10{max-width:10vw}}.note--under{transform:translate(-60%,.85rem)}@media screen and (min-width: 1300px){.note--xl-under{transform:translate(-60%,.85rem)}}@media screen and (max-width: 1300px){.note--l-under{transform:translate(-60%,.85rem)}}@media screen and (max-width: 800px){.note--m-under{transform:translate(-60%,.85rem)}}.love-hate{position:relative;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.love-hate>.list{margin-top:0}.love-hate--header{margin-bottom:-.5rem}.love-hate--header>*:nth-child(1){grid-area:1/2/2/3}.love-hate--header>*:nth-child(2){grid-area:1/3/2/4}@media screen and (max-width: 1300px){.love-hate{grid-template-columns:repeat(2,1fr);grid-template-areas:"first first" "second third"}.love-hate>*:nth-child(1){grid-area:first}.love-hate>*:nth-child(2){grid-area:second}.love-hate>*:nth-child(3){grid-area:third}.love-hate--header{row-gap:0}.love-hate--header>*:nth-child(1){grid-area:1/1/2/2}.love-hate--header>*:nth-child(2){grid-area:1/2/2/3}}.link{color:inherit;text-decoration-thickness:.08rem;text-underline-offset:.2rem}.doodle{fill:currentColor;stroke:currentColor;color:var(--color-blue);position:absolute}.love-hate .doodle--sky{width:10.5rem;height:6.5rem;bottom:-1.4rem;right:calc(var(--column-width) * 2 + var(--gutter-width) * 2)}@media screen and (max-width: 1300px){.love-hate .doodle--sky{right:48%}}.love-hate .doodle--duck-knife{width:3.5rem;height:3.5rem;bottom:-1rem;right:calc(var(--column-width) + var(--gutter-width))}@media screen and (max-width: 1300px){.love-hate .doodle--duck-knife{right:50%}}.love-hate .doodle--matilda{width:12.5rem;height:8rem;bottom:-1.35rem;left:-2rem}@media screen and (max-width: 1300px){.love-hate .doodle--matilda{left:auto;right:-1rem}}@media screen and (max-width: 900px){.love-hate .doodle--matilda{right:calc(-1 * var(--grid-margin) - 1.5rem)}}.love-hate .doodle--wine-mood{width:7rem;height:2.5rem;left:var(--column-width);bottom:-1rem}@media screen and (max-width: 1300px){.love-hate .doodle--wine-mood{left:auto}}.canvas{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:100;mix-blend-mode:darken;cursor:url(/cursor-pen.png) 0 100,auto}.canvas--inactive{pointer-events:none}.pen{position:absolute;top:0rem;right:75%;transform:rotate(-45deg);width:calc((100vw - var(--grid-margin) * 2) * .114);-webkit-user-select:none;user-select:none;z-index:1000;pointer-events:none}.pen__interact{display:block;position:absolute;width:40%;height:87%;top:8%;right:3%;cursor:pointer;pointer-events:all}.pen__img{width:100%;pointer-events:none}.pen-cap{position:absolute;top:4rem;right:100%;width:calc((100vw - var(--grid-margin) * 2) * .171);-webkit-user-select:none;user-select:none;z-index:1000;pointer-events:none}.pen-cap__img{width:100%;pointer-events:none}.pen-cap__interact{display:block;position:absolute;width:22%;height:115%;top:-7%;left:51%;transform:rotate(-39deg);cursor:pointer;z-index:1000;pointer-events:all}@media (max-width: 800px),(pointer: coarse){.pen,.pen-cap{display:none}}