:root{--black: #000;--paper: #fff;--chalk: #cfcfcf;--pencil: #9a9a9a;--smudge: #2b2b2b;--marker: "Permanent Marker", "Comic Sans MS", cursive;--pen: "Reenie Beanie", "Bradley Hand", cursive;--plain: "Hanken Grotesk", system-ui, sans-serif;--gutter: clamp(1.25rem, 5vw, 4rem);--wide: 76rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--paper);font:400 1.125rem/1.6 var(--plain);overflow-x:hidden;-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}h1,h2,p{margin:0}h1,h2{font-family:var(--marker);font-weight:400;line-height:1.05;text-wrap:balance}h2{font-size:clamp(2rem,4.6vw,3.6rem)}p{max-width:34rem;color:var(--chalk)}.hand{font-family:var(--pen);font-size:1.9rem;line-height:1.15;color:var(--paper)}a{color:inherit}:focus-visible{outline:2px dashed var(--paper);outline-offset:5px}.ink-filters{position:absolute}.boil{filter:url(#boil)}section{isolation:isolate}.top{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--gutter)}.brand{display:flex;align-items:center;gap:.5rem;font:1.7rem/1 var(--marker);text-decoration:none}.top-link{font:1.8rem/1 var(--pen);text-underline-offset:.2em}.hero{display:flex;flex-direction:column;align-items:center;padding:3.5rem var(--gutter) clamp(4rem,9vw,7rem);text-align:center}.hero-film{width:min(100%,68rem);aspect-ratio:16 / 10}.hero-film>*{width:100%;height:100%;object-fit:cover}.hero h1{max-width:16ch;margin-top:clamp(-5rem,-6vw,-1.5rem);font-size:clamp(2.5rem,7.2vw,5.6rem)}.hero-reply{position:relative;max-width:none;margin-top:1.4rem;padding-bottom:.5rem;font:clamp(2rem,4.4vw,3.3rem) / 1 var(--pen);color:var(--paper);transform:rotate(-2deg)}.hero-reply svg{position:absolute;inset:auto 0 -.35rem;width:100%;height:1.1rem;overflow:visible;filter:url(#dry)}.hero-reply path{fill:none;stroke:var(--paper);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;animation:underline .7s 1.6s ease-out both}@keyframes underline{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}to{stroke-dashoffset:0}}.public{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,6vw,5rem);align-items:center;max-width:var(--wide);margin:0 auto;padding:clamp(4rem,10vw,8rem) var(--gutter)}.public-eyes{position:absolute;top:0;left:-10%;z-index:-1;width:140%;max-width:none;height:100%;object-fit:cover;opacity:.75;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%)}.public-copy>*+*{margin-top:1.4rem}.public-copy p:not(.hand){color:var(--paper)}.notebook{position:relative;padding:clamp(1.4rem,3vw,2.4rem) clamp(1.2rem,3vw,2.4rem);background:var(--black);transform:rotate(1.2deg)}.notebook-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--paper);border-radius:3px 9px 4px 12px;filter:url(#boil);pointer-events:none}.notebook-page{touch-action:pan-y;user-select:none;-webkit-user-select:none}.notebook-block+.notebook-block{margin-top:1.3rem}.notebook-heading{font:1.9rem/1.1 var(--pen);color:var(--pencil)}.notebook-line{position:relative;display:block;width:fit-content;max-width:100%;margin-left:.6rem;padding:.1rem .4rem;border:0;background:none;color:var(--paper);font:clamp(1.7rem,3.2vw,2.3rem) / 1.15 var(--pen);text-align:left;cursor:crosshair}.notebook-line span{transition:color .3s}.notebook-line[aria-pressed=true] span{color:#4a4a4a}.notebook-line svg{position:absolute;top:-12%;right:-3%;bottom:-12%;left:-3%;width:106%;height:124%;overflow:visible;filter:url(#dry);pointer-events:none}.notebook-line path{fill:none;stroke:var(--chalk);stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.notebook-line[aria-pressed=true] path{stroke-dashoffset:0;opacity:.92;transition:stroke-dashoffset .32s ease-out}.notebook-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin-top:1.6rem;padding-top:1rem;border-top:1px dashed var(--smudge)}.notebook-status{font-size:1rem;color:var(--chalk)}.text-button{padding:0;border:0;background:none;color:var(--paper);font:600 1rem/1.4 var(--plain);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}.write{max-width:var(--wide);margin:0 auto;padding:clamp(4rem,10vw,8rem) var(--gutter)}.write>p{margin-top:1.2rem}.writeline{margin-top:2.4rem}.writeline-field{display:block;max-width:40rem}.writeline-field span{display:block;font-size:.95rem;color:var(--pencil)}.writeline-field input{width:100%;padding:.2rem 0;border:0;border-bottom:2px solid var(--paper);border-radius:0;background:none;color:var(--paper);font:clamp(1.8rem,4vw,2.5rem) / 1.2 var(--pen);caret-color:var(--paper)}.writeline-field input:focus-visible{outline:none;border-bottom-style:dashed}.writeline-stage{margin-top:0;margin-left:calc(-70 / 1200 * 100%);pointer-events:none}.stance{position:relative;display:flex;align-items:center;min-height:min(52rem,90vh);max-width:var(--wide);margin:0 auto;padding:clamp(4rem,10vw,8rem) var(--gutter)}.stance-pen{position:absolute;top:50%;right:0;z-index:-1;width:min(72%,58rem);transform:translateY(-50%);-webkit-mask-image:linear-gradient(to right,transparent 14%,#000 52%),linear-gradient(to top,transparent,#000 20%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 14%,#000 52%),linear-gradient(to top,transparent,#000 20%,#000 100%);mask-composite:intersect}.stance-copy{max-width:30rem}.stance-copy h2{font-size:clamp(3rem,7vw,5.2rem);line-height:.95;transform:rotate(-2deg)}.stance-copy p{margin-top:1.8rem;color:var(--paper)}.close{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2.2rem;max-width:var(--wide);margin:0 auto;padding:clamp(5rem,14vw,11rem) var(--gutter) clamp(3rem,8vw,6rem)}.close h2{max-width:13ch;font-size:clamp(2.6rem,6.4vw,5rem)}.close-page{position:absolute;top:8%;right:0;z-index:-1;width:min(52%,40rem);opacity:.85;-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 72%)}.cta{display:inline-block;padding:.8rem 1.5rem .9rem;border-radius:255px 18px 225px/18px 225px 18px 255px;background:var(--paper);color:var(--black);font:1.35rem/1.2 var(--marker);text-decoration:none;transform:rotate(-1.5deg);transition:transform .15s ease-out}.cta:hover{transform:rotate(.5deg) scale(1.03)}.foot{position:relative}.foot img{width:100%;max-height:26rem;object-fit:cover;object-position:center bottom}.foot p{position:absolute;left:var(--gutter);bottom:1rem;max-width:none;font:1.6rem/1 var(--pen);color:var(--pencil)}@media(max-width:760px){.hero{padding-top:5rem}.hero h1{margin-top:.5rem}.public{grid-template-columns:minmax(0,1fr)}.stance{align-items:flex-end;min-height:40rem}.stance-pen{top:0;width:100%;transform:none;-webkit-mask-image:linear-gradient(to top,transparent,#000 40%);mask-image:linear-gradient(to top,transparent,#000 40%)}.close-page{top:0;width:100%;opacity:.45}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-reply path{animation:none}.notebook-line[aria-pressed=true] path,.cta{transition:none}}