@font-face{font-family:Caveat;src:url('/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--paper:#f6f1e4;--card:#fffdf7;--ink:#26241f;--ink-2:#57524a;--rule:rgba(80,130,200,.16);--margin:rgba(229,57,53,.35);--accent:#e53935;--accent-ink:#b8231f;--on-accent:#fffdf7;--marker:rgba(255,226,92,.75);--hand:'Ink Free','Caveat','Segoe Print',cursive;--body:'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;color-scheme:light}
:root[data-theme=chalk]{--paper:#222a26;--card:#2a332e;--ink:#ecebe4;--ink-2:#c9c7bd;--rule:rgba(255,255,255,.045);--margin:rgba(255,140,140,.18);--accent:#ff8a80;--accent-ink:#ffab9f;--on-accent:#222a26;--marker:rgba(255,238,140,.28);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(to right,transparent 43px,var(--margin) 43px,var(--margin) 44px,transparent 44px),repeating-linear-gradient(to bottom,transparent 0,transparent 41px,var(--rule) 41px,var(--rule) 42px);font:18px/1.65 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--marker)}.page{width:min(1300px,calc(100% - 112px));margin:auto}.header{height:110px;display:flex;align-items:center;gap:46px}.brand{font:44px/1 var(--hand);display:inline-flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap}.brand svg{width:35px;height:49px;fill:var(--accent);stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand svg circle{stroke:none}.header nav{display:flex;gap:37px;margin:auto}.header nav a{font:27px/1.2 var(--hand);text-decoration:none;white-space:nowrap}.header nav a:hover,.footer a:hover{color:var(--accent-ink)}.btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:57px;padding:10px 23px;border:1.7px solid var(--ink);border-radius:14px 10px 15px 9px;background:var(--card);font:27px/1.15 var(--hand);text-decoration:none;cursor:pointer;box-shadow:0 2px 0 var(--ink);transition:transform .15s,box-shadow .15s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--ink)}.btn:active{transform:translateY(1px);box-shadow:none}.btn svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.primary{background:var(--accent);border-color:var(--accent-ink);color:var(--on-accent);box-shadow:0 2px 0 var(--accent-ink)}.theme{font-size:24px;min-height:45px;padding:7px 17px;box-shadow:none}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px;min-height:650px;padding:68px 0 88px}.hero h1{font:400 clamp(56px,5.2vw,79px)/1.15 var(--hand);letter-spacing:-1px;margin:0 0 25px;white-space:nowrap}.hero-copy>p{max-width:540px;margin:0 0 27px;font-size:18px;line-height:1.65}mark{position:relative;color:inherit;background:none;z-index:0;white-space:nowrap}mark:after{content:'';position:absolute;z-index:-1;left:-4px;right:-7px;bottom:9%;height:32%;background:var(--marker);clip-path:polygon(1% 20%,10% 8%,31% 14%,62% 0,85% 12%,99% 4%,100% 68%,94% 88%,72% 80%,48% 100%,18% 83%,0 100%);transform:rotate(-1.3deg)}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.hero-copy>.fine{font-size:13px;margin:22px 0 0}.fine{font-size:13px;color:var(--ink-2);line-height:1.6}figure{margin:0}.picture{position:relative;border:2.3px solid var(--ink);border-radius:5px 10px 4px 7px;padding:8px;background:var(--card);box-shadow:1px 2px 0 rgba(38,36,31,.15)}.picture img{display:block;width:100%;height:auto;border-radius:1px}.taped:before,.taped:after{content:'';position:absolute;width:68px;height:24px;top:-10px;left:14px;background:rgba(255,226,92,.7);clip-path:polygon(0 7%,6% 18%,9% 3%,15% 16%,25% 0,33% 9%,55% 0,66% 13%,81% 0,94% 8%,100% 4%,95% 88%,90% 100%,68% 94%,56% 100%,29% 91%,17% 100%,2% 89%);transform:rotate(-20deg);z-index:2}.taped:after{left:auto;right:10px;transform:rotate(25deg)}.hero-picture{transform:rotate(1.1deg)}.hero-picture .picture img{aspect-ratio:1.32;object-fit:cover;object-position:45% 100%}.hero-picture figcaption{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:23px 7px 0;font:27px/1.25 var(--hand);white-space:nowrap}.hero-picture figcaption svg{width:42px;height:39px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;flex-shrink:0}h2{font:400 clamp(39px,3.7vw,56px)/1.2 var(--hand);margin:0 0 23px}p{margin:0 0 18px}.film-section{border-top:1.5px dashed var(--ink-2);padding:64px 0 68px}.film-section>h2{text-align:center;margin-bottom:45px}.film-figure{width:min(900px,90%);margin:auto;text-align:center}.film-figure figcaption{font-size:15px;margin:20px 0 5px}.film-figure>.fine{margin:5px}.video-frame{padding:8px;transform:rotate(-.35deg)}video{display:block;width:100%;aspect-ratio:16/9;background:#222a26;object-fit:contain;border-radius:2px}.story{border-top:1.5px dashed var(--ink-2);display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding:64px 0}.story-copy{position:relative;padding-left:42px}.story h2{font-size:48px}.story p{max-width:540px}.number{position:absolute;left:0;top:3px;color:var(--accent-ink);font:27px/1 var(--hand);border-bottom:2px solid var(--accent-ink);transform:rotate(-6deg)}.story figure{transform:rotate(1deg)}.story.reverse{grid-template-columns:1fr 1.1fr}.story.reverse .story-copy{grid-column:2;grid-row:1}.story.reverse figure{grid-column:1;grid-row:1;transform:rotate(-1deg)}.story.reverse:not(.creation) .picture img{aspect-ratio:1.6;object-fit:cover;object-position:50% 12%}.story.creation{padding-bottom:40px}.media-note{text-align:center;margin:5px auto 55px;max-width:650px}.questions{border-top:1.5px dashed var(--ink-2);padding-top:45px;max-width:1000px;margin:auto}.questions h2{margin:0 0 30px}details{border-top:1px solid var(--ink-2)}details:last-child{border-bottom:1px solid var(--ink-2)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 10px;font-size:18px;line-height:1.4}summary::-webkit-details-marker{display:none}summary svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}details[open] summary svg{transform:rotate(180deg)}details>div{padding:0 35px 16px 10px;font-size:16px;color:var(--ink-2)}details p{margin-bottom:6px}.closing{text-align:center;padding:80px 0 60px}.closing h2{font-size:46px;margin-bottom:27px}.closing .fine{margin:18px 0 0}.footer{border-top:1px solid var(--rule);padding:30px 0 38px;display:flex;gap:35px;align-items:center;justify-content:space-between}.footer .brand{font-size:31px}.footer nav{display:flex;gap:27px;margin-left:auto}.footer a{text-decoration:none;font-size:14px}.footer small{font-size:13px;color:var(--ink-2)}.skip{position:fixed;left:15px;top:-100px;z-index:20;padding:10px;background:var(--card)}.skip:focus{top:10px}.document{max-width:960px;margin:40px auto 80px}.document h1{font:64px/1.2 var(--hand);margin:0 0 32px}.document h2{font-size:38px;margin-top:48px}.document .intro{font-size:23px;max-width:760px}.document dl{display:grid;grid-template-columns:160px 1fr;gap:15px 25px}.document dt{font-weight:600}.document dd{margin:0}.asset-links{display:flex;flex-wrap:wrap;gap:20px;margin:28px 0}.document .media-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.document .media-grid figcaption{font-size:14px;margin-top:10px}.document a:not(.btn){color:var(--accent-ink)}.error-page{min-height:65vh;text-align:center;padding:80px 0}.error-page h1{font:74px/1.2 var(--hand)}
@media(min-width:1600px){.page{width:min(1400px,calc(100% - 112px))}.hero{gap:60px}.hero h1{font-size:84px}.hero-copy>p{font-size:20px}}
@media(max-width:1150px){.page{width:calc(100% - 80px)}.header{gap:25px}.header nav{gap:23px}.header nav a{font-size:24px}.brand{font-size:38px}.hero{gap:30px;min-height:560px;padding:50px 0 64px}.hero h1{font-size:60px}.btn{font-size:24px;padding:10px 17px}.hero-picture figcaption{font-size:23px}.story{gap:42px}.story h2{font-size:41px}.story-copy{padding-left:34px}.footer{flex-wrap:wrap}.footer small{width:100%;text-align:right}}
@media(max-width:850px){body{background-image:linear-gradient(to right,transparent 18px,var(--margin) 18px,var(--margin) 19px,transparent 19px),repeating-linear-gradient(to bottom,transparent 0,transparent 41px,var(--rule) 41px,var(--rule) 42px)}.page{width:calc(100% - 64px)}.header{height:auto;min-height:90px;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:23px 0}.header nav{order:3;margin:0;width:100%;justify-content:center;gap:38px}.header nav a{font-size:23px}.brand{font-size:36px}.brand svg{height:38px;width:25px}.hero{grid-template-columns:1fr;padding:40px 0 64px;gap:47px}.hero h1{font-size:clamp(49px,9vw,75px)}.hero-copy>p{font-size:17px;max-width:650px}.hero-picture{width:100%;max-width:650px;margin:auto}.hero-picture .picture img{aspect-ratio:16/10}.hero-picture figcaption{font-size:25px}.actions{margin-top:25px}.hero-copy>.fine{font-size:12px}.film-section{padding:45px 0}.film-section>h2{font-size:43px}.film-figure{width:100%}.story,.story.reverse{grid-template-columns:1fr;gap:26px;padding:44px 0}.story.reverse .story-copy,.story.reverse figure{grid-column:auto;grid-row:auto}.story h2{font-size:43px}.story-copy{padding-left:35px}.story p{max-width:700px;font-size:17px}.story figure{margin-left:35px}.story.reverse:not(.creation) .picture img{aspect-ratio:1.5}.media-note{font-size:12px;margin:18px auto 40px}.questions{padding-top:32px}.questions h2{font-size:43px}summary{font-size:17px;padding:18px 0}details>div{font-size:15px;padding-left:0}.closing{padding:55px 0}.closing h2{font-size:43px}.footer{gap:24px;padding-top:24px}.footer nav{gap:20px;flex-wrap:wrap}.footer small{text-align:left}.document{margin:24px 0 60px}.document h1{font-size:54px}.document dl{grid-template-columns:1fr;gap:4px}.document dd{margin-bottom:18px}}
@media(max-width:480px){.page{width:calc(100% - 54px);margin-left:32px}.header nav{gap:27px;justify-content:space-between}.header nav a{font-size:21px}.theme{font-size:21px;padding:6px 12px;min-height:40px}.theme svg{width:20px}.brand{gap:8px;font-size:34px}.hero h1{font-size:49px;letter-spacing:-.5px;line-height:1.15}.actions{gap:12px}.actions .btn{font-size:22px;padding:10px 13px;min-height:50px}.actions .btn svg{width:20px;height:20px}.hero-picture figcaption{font-size:20px;white-space:normal;justify-content:center}.hero-picture figcaption svg{width:30px;height:33px}.picture{padding:5px}.taped:before,.taped:after{width:50px;height:20px}.film-section>h2{font-size:39px}.film-figure figcaption{font-size:13px}.story h2{font-size:39px}.story-copy{padding-left:30px}.story figure{margin-left:8px}.number{font-size:23px}.questions h2,.closing h2{font-size:39px}.closing h2 mark{white-space:normal}.footer .brand{width:100%;font-size:30px}.footer nav{margin:0;gap:18px}.footer small{font-size:12px}.document .media-grid{grid-template-columns:1fr}.document h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}