@font-face{font-family:Kalam;src:url('assets/kalam-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/caveat.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:DM;src:url('assets/dm-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--paper:#191918;--paper-alt:#22221f;--ink:#f1ecdf;--muted:#b5b1a6;--line:#65635b;--red:#f65a4b;--yellow:#e6bd4f;--blue:#5392c7;--solid-ink:#191918;--solid-bg:#f1ecdf;--grain-opacity:.055;color-scheme:dark}
html[data-theme=light]{--paper:#f5f0e5;--paper-alt:#ece5d8;--ink:#242421;--muted:#68665f;--line:#aaa69a;--red:#d93c32;--yellow:#cf9d23;--blue:#4684b7;--solid-ink:#f5f0e5;--solid-bg:#242421;--grain-opacity:.075;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:7px}img{max-width:100%;display:block}svg{display:inline-block;flex-shrink:0}::selection{background:var(--red);color:var(--paper)}[hidden]{display:none!important}
.page-width{width:min(1260px,calc(100% - 120px));margin-inline:auto}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.page-grain{pointer-events:none;position:fixed;inset:0;z-index:15;opacity:var(--grain-opacity);background-image:url('assets/paper-grain.svg');mix-blend-mode:soft-light}html[data-theme=light] .page-grain{mix-blend-mode:multiply}.red{color:var(--red)}.handwritten{font-family:Caveat,cursive;font-weight:500;font-size:26px;line-height:1.05}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.6;display:flex;align-items:center;gap:9px}.availability-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 10%,transparent);display:inline-block;flex-shrink:0}h1,h2,h3,p{margin:0}h2{font-family:Caveat,cursive;font-size:clamp(42px,4.3vw,66px);font-weight:600;line-height:.99;letter-spacing:-1px}h3{font-family:Caveat,cursive;font-size:33px;line-height:1.1;font-weight:600}.section{padding-block:90px;position:relative}.section:before{content:"";position:absolute;top:0;left:-10px;right:-10px;border-top:1.5px solid var(--ink);transform:rotate(-.3deg);filter:url(#pencil);opacity:.65}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-header .eyebrow{margin-bottom:22px}.section-note{color:var(--muted);transform:rotate(3deg);padding:0 35px 5px 0;font-size:25px;position:relative}.tiny-arrow{position:absolute;right:0;bottom:-30px;font-size:54px;color:var(--yellow)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-100px;background:var(--ink);color:var(--paper);z-index:200;padding:12px 20px}.skip:focus{top:15px}
.header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:26px;position:relative;z-index:20}.header:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:0;background:var(--ink);transform:rotate(-.25deg);filter:url(#pencil);opacity:.75}.logo{display:flex;gap:9px;align-items:center;position:relative}.logo>span:first-child{font-family:Kalam,cursive;font-size:48px;line-height:1;letter-spacing:-4px;transform:rotate(-8deg)}.logo svg{width:23px;height:23px;color:var(--red);align-self:flex-start;transform:rotate(12deg)}.logo-note{font-family:Caveat,cursive;font-size:16px;color:var(--muted);white-space:nowrap;margin-left:9px;transform:rotate(-3deg)}.header nav{display:flex;gap:34px;margin-left:auto;margin-right:18px}.header nav>a{font-family:Caveat,cursive;font-size:23px;position:relative;white-space:nowrap}.header nav>a:after{content:"";height:2px;background:var(--red);position:absolute;bottom:0;left:0;right:100%;transition:right .2s;transform:rotate(-2deg)}.header nav>a:hover:after{right:0}.nav-number{font:8px DM,sans-serif;color:var(--muted);position:absolute;top:-4px;right:-11px}.header-actions{display:flex;align-items:center;gap:22px}.talk-link{font-family:Caveat,cursive;color:var(--red);font-size:25px;white-space:nowrap;display:flex;align-items:center;gap:8px;position:relative;padding:4px 14px}.talk-link:before{content:"";position:absolute;inset:0;border:1.8px solid var(--red);border-radius:48% 43% 49% 45%;transform:rotate(-6deg);filter:url(#pencil)}.talk-link svg{width:25px;height:20px}.theme-toggle{padding:8px;background:none;border:0;display:flex;position:relative}.theme-toggle svg{width:22px;height:22px}.theme-toggle:after{content:"";position:absolute;width:17px;height:2px;bottom:0;left:10px;background:var(--yellow);transform:rotate(-7deg)}.moon{display:none}html[data-theme=light] .sun{display:none}html[data-theme=light] .moon{display:block}
.hero{min-height:740px;position:relative;display:grid;grid-template-columns:.92fr 1.2fr;gap:40px;padding-block:75px 110px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:28px;font-size:9px;letter-spacing:1.5px}.headline-wrap{position:relative;width:max-content}h1{font-family:Kalam,cursive;font-size:clamp(70px,7.35vw,109px);font-weight:700;line-height:.97;letter-spacing:-5px;text-transform:uppercase;transform:rotate(-2deg);text-shadow:.6px 0 currentColor}.headline-wrap h1>span{color:var(--red);position:relative;white-space:nowrap}h1>span:after{content:"";position:absolute;bottom:9px;left:5px;right:0;border-bottom:4px solid var(--red);transform:rotate(-1.7deg);filter:url(#pencil);opacity:.9}.hero-star{position:absolute;top:-8px;right:0;width:48px;height:48px;color:var(--yellow);transform:rotate(14deg)}.hero-intro{font-size:18px;line-height:1.65;margin-top:26px;color:var(--muted)}.pencil-underline{position:relative;color:var(--ink);white-space:nowrap}.pencil-underline:after{content:"";position:absolute;bottom:-3px;left:0;right:0;border-bottom:1.7px solid var(--red);transform:rotate(-2deg);filter:url(#pencil)}.hero-ctas{display:flex;align-items:center;gap:17px;margin-top:28px;flex-wrap:wrap}.button{font-family:Caveat,cursive;font-size:24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;padding:11px 20px 13px;line-height:1.2;transition:transform .2s;isolation:isolate}.button:before{content:"";position:absolute;inset:0;border:1.8px solid var(--ink);filter:url(#pencil);z-index:-1;transform:rotate(-1deg)}.button:after{content:"";position:absolute;inset:3px -3px -3px 3px;border:1px solid var(--ink);z-index:-2;opacity:.35;transform:rotate(.5deg)}.button-solid{color:var(--solid-ink)}.button-solid:before{background:var(--solid-bg)}.button-outline:before{background:var(--paper)}.button:hover{transform:translateY(-3px) rotate(-1deg)}.button svg{width:25px;height:25px}.button-outline svg{width:33px;height:20px;color:var(--red)}.hero-footnote{margin-top:26px;font-family:Caveat,cursive;font-size:20px;color:var(--muted);transform:rotate(-1deg)}.hero-footnote span{color:var(--yellow);font-size:26px;display:inline-block;margin-left:10px}
.hero-stage{position:relative;align-self:center;padding:64px 32px 44px 0;min-width:0;margin-right:-6px}.play-note{position:absolute;top:-7px;left:6px;transform:rotate(-6deg);font-size:22px;color:var(--muted);z-index:3}.play-note svg{width:75px;height:65px;position:absolute;right:-90px;top:18px;transform:rotate(-15deg);fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.hero-film{width:100%;aspect-ratio:1.48;display:block;position:relative;border:none;background:#151719;padding:0;transform:rotate(2deg);text-align:left;box-shadow:0 12px 30px #0003;isolation:isolate}.hero-film:before,.hero-film:after{content:"";position:absolute;inset:-5px;border:2px solid var(--ink);filter:url(#pencil);pointer-events:none;z-index:4}.hero-film:after{inset:-10px -7px -8px -8px;border-width:1px;transform:rotate(-.6deg);opacity:.65}.hero-poster,.hero-loop{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-loop{opacity:0;transition:opacity .8s}.hero-loop.playing{opacity:1}.film-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 45%,#0009)}.film-rec{position:absolute;top:20px;left:20px;font-size:8px;font-weight:500;letter-spacing:2px;color:#f3eee5;display:flex;gap:7px;align-items:center}.film-rec i{width:5px;height:5px;border-radius:50%;background:#fa4a3c}.hero-play{position:absolute;top:48%;left:45%;transform:translate(-50%,-50%) rotate(-2deg);width:86px;height:86px;border:2px solid #f4efe4;border-radius:48% 50% 46% 51%;display:grid;place-items:center;color:#f4efe4;transition:transform .25s,background .25s;filter:url(#pencil)}.hero-play svg{width:48px;height:48px;margin-left:4px}.hero-film:hover .hero-play{transform:translate(-50%,-50%) scale(1.09);background:#ffffff14}.hero-watch{position:absolute;bottom:73px;left:22px;display:flex;gap:14px;align-items:center;font-family:Caveat,cursive;font-size:23px;color:#f3eee5}.hero-watch>span{font-size:29px}.film-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f5ebd94d;color:#f3eee5}.film-caption>span:first-child{font-size:12px;letter-spacing:4px}.film-caption>span:last-child{font-size:8px;letter-spacing:1px}.tape{width:85px;height:27px;display:block;position:absolute;z-index:6;clip-path:polygon(0 5%,6% 0,12% 9%,21% 1%,29% 9%,39% 0,48% 8%,57% 0,65% 7%,75% 0,83% 7%,93% 0,100% 9%,97% 20%,100% 32%,96% 44%,100% 57%,97% 70%,100% 83%,97% 98%,90% 93%,80% 100%,70% 92%,58% 100%,48% 92%,36% 100%,25% 92%,16% 100%,7% 92%,0 98%,4% 83%,0 70%,3% 56%,0 42%,3% 28%);background-image:repeating-linear-gradient(16deg,transparent 0 3px,#fff2 3px 4px);pointer-events:none}.tape-blue{background-color:var(--blue)}.tape-red{background-color:var(--red)}.tape-yellow{background-color:var(--yellow)}.tape-one{left:-30px;top:-11px;transform:rotate(-34deg)}.tape-two{bottom:-12px;right:-25px;transform:rotate(-30deg)}.hero-character{position:absolute;width:186px;right:-65px;bottom:4px;z-index:7;pointer-events:none;transform:rotate(3deg)}.hero-character>img{width:100%;filter:drop-shadow(3px 4px 2px #0002)}.character-note{position:absolute;left:-108px;bottom:5px;font-size:22px;transform:rotate(-5deg);color:var(--muted)}.crown{position:absolute;width:50px;height:32px;top:-24px;right:40px;fill:none;stroke:var(--red);stroke-width:3;transform:rotate(12deg)}.hero-scribble{position:absolute;bottom:25px;left:40%;width:120px;height:12px;transform:rotate(-5deg);background:repeating-linear-gradient(160deg,transparent 0 5px,var(--red) 6px 8px,transparent 9px 14px);filter:url(#pencil);opacity:.7}.scroll-cue{position:absolute;bottom:32px;left:0;display:flex;align-items:center;gap:15px;color:var(--muted)}.scroll-cue .handwritten{font-size:20px;transform:rotate(2deg)}.scroll-line{font-family:Caveat,cursive;font-size:34px;color:var(--ink);animation:scrollNudge 2.5s ease-in-out infinite}
.title-star{width:39px;height:39px;color:var(--yellow);margin-left:16px;transform:rotate(8deg)}.work-instruction{display:flex;align-items:center;justify-content:space-between;margin-top:52px;margin-bottom:28px;gap:25px}.work-instruction .handwritten{font-size:22px;color:var(--muted)}.work-count{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 52px}.project-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#101010;border:0;padding:0;text-align:left;isolation:isolate}.project-frame:before,.project-frame:after{content:"";position:absolute;inset:-4px;border:1.5px solid var(--ink);filter:url(#pencil);z-index:4;pointer-events:none;transform:rotate(-.6deg)}.project-frame:after{inset:-7px -5px -6px -8px;border-width:1px;opacity:.5;transform:rotate(.5deg)}.project-frame>.tape{left:18px;top:-14px;transform:rotate(-16deg);width:67px;height:23px}.project-interview .tape{left:auto;right:20px;transform:rotate(19deg)}.project-event .tape{left:50%;transform:rotate(-5deg)}.project-social .tape{left:20px;transform:rotate(-20deg)}.project-frame>img{width:100%;height:100%;object-fit:cover;transition:filter .4s,transform .6s}.project-frame:hover>img{filter:brightness(1.1)}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#0008)}.project-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);border:1.7px solid #f3eddf;border-radius:49% 44% 48% 48%;width:58px;height:58px;display:grid;place-items:center;color:#f3eddf;transition:transform .25s,background .25s;filter:url(#pencil)}.project-play svg{width:32px;height:32px;margin-left:3px}.project-frame:hover .project-play{transform:translate(-50%,-50%) scale(1.1);background:#ffffff1c}.watch-label{position:absolute;left:18px;bottom:13px;font-family:Caveat,cursive;font-size:23px;color:#f3eddf}.duration{position:absolute;bottom:16px;right:15px;font-size:10px;color:#f3eddf;letter-spacing:1px;background:#0004;padding:2px 5px}.project-info{display:flex;align-items:flex-start;gap:15px;margin-top:23px}.project-number{font-family:Caveat,cursive;color:var(--red);font-size:25px;line-height:1.3;position:relative}.project-number:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--red);transform:rotate(-9deg)}.project-info p{font-size:11px;color:var(--muted);margin-top:5px}.project-format{margin-left:auto;font-size:8px;letter-spacing:1px;white-space:nowrap;padding-top:13px;color:var(--muted)}.project-credit{font-size:10px;color:var(--muted);margin-left:38px;margin-top:9px}.project-sifa{transform:rotate(-.6deg)}.project-interview{transform:rotate(.5deg);padding-top:37px}.project-event{transform:rotate(.4deg)}.project-social{transform:rotate(-.5deg);padding-top:26px}.project-social .project-frame{background:var(--paper-alt)}.project-social .project-frame>img{object-fit:contain}.project-social .vertical-label{position:absolute;right:15px;top:27px;font-size:24px;color:var(--ink);transform:rotate(7deg);line-height:.95}.project-social .project-play{background:#0004}.work-bottom{margin-top:65px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:24px;transform:rotate(-1deg)}.work-bottom svg{width:27px;height:27px;color:var(--red)}
.process-description{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:5px}.comparison-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;margin-top:50px}.comparison-modes{display:flex;gap:9px}.comparison-mode{border:1px solid transparent;padding:8px 16px;background:transparent;font-size:11px;border-radius:0;color:var(--muted);transition:color .2s}.comparison-mode.active{border-color:var(--line);color:var(--ink);transform:rotate(-1deg)}.comparison-mode.active:after{content:"";display:block;border-top:1px solid var(--red);margin-top:2px;transform:rotate(-2deg)}.comparison-mode:hover{color:var(--ink)}.compare-instruction{font-size:24px;transform:rotate(1deg)}.comparison{position:relative;aspect-ratio:16/9;outline:1px solid var(--line);outline-offset:6px;background:#111;isolation:isolate;overflow:hidden;touch-action:pan-y}.comparison:focus-within{outline:2px solid var(--red)}.comparison img{width:100%;height:100%;object-fit:cover;user-select:none}.compare-final{position:absolute;inset:0}.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#f3eddf;transform:translateX(-50%);pointer-events:none;z-index:3}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:flex;align-items:center;justify-content:center;gap:5px;color:#20201d;background:#f3eddf;border:1px solid #15151555;border-radius:50%;font-size:25px;box-shadow:0 2px 15px #0004;font-family:Arial,sans-serif}.compare-badge{position:absolute;top:20px;font:10px DM,sans-serif;letter-spacing:1.8px;color:#fff8ed;background:#18181690;border:1px solid #fff8ed80;padding:7px 12px;z-index:2;pointer-events:none}.badge-before{left:20px}.badge-final{right:20px}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize;margin:0}.comparison-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.comparison-caption .handwritten{font-size:24px;transform:rotate(-2deg)}.comparison-caption .eyebrow{font-size:8px;color:var(--muted)}
.about-section{display:grid;grid-template-columns:.8fr 1.1fr;gap:110px;align-items:center;padding-block:110px}.about-photo{max-width:340px;position:relative;padding:14px 14px 50px;background:var(--paper-alt);transform:rotate(-4deg);margin-left:30px;box-shadow:2px 7px 25px #0002}.about-photo:before{content:"";position:absolute;inset:-3px;border:1px solid var(--line);filter:url(#pencil)}.about-photo>.tape{top:-16px;left:calc(50% - 40px);width:95px;height:30px;transform:rotate(7deg)}.about-photo>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 70%;filter:saturate(.8)}.portrait-caption{position:absolute;bottom:13px;left:20px;right:20px;text-align:center;font-size:25px}.portrait-star{position:absolute;left:-33px;bottom:70px;width:56px;height:56px;color:var(--yellow);transform:rotate(-18deg)}.about-copy>.eyebrow{margin-bottom:24px}.about-copy>p:not(.eyebrow){margin-top:22px;max-width:460px;color:var(--muted);line-height:1.9;font-size:14px}.about-copy>p:nth-of-type(2){color:var(--ink);font-size:17px;line-height:1.7}.tool-note{display:flex;gap:25px;margin-top:28px;padding-top:22px;border-top:1px dashed var(--line)}.tool-note>.handwritten{font-size:23px;white-space:nowrap;transform:rotate(-4deg)}.tool-note>span:last-child{font-size:10px;color:var(--muted);line-height:2}.text-link{display:inline-flex;align-items:center;gap:20px;margin-top:24px;font-size:12px;border-bottom:1px solid var(--red);padding-bottom:3px}.text-link>span{color:var(--red);font-size:20px}.contact-section{text-align:center;padding-block:95px 105px}.contact-section>.eyebrow{justify-content:center;margin-bottom:26px}.contact-section h2{font-size:clamp(50px,6vw,85px);line-height:1.06}.contact-section>p:not(.eyebrow,.contact-doodle){font-size:13px;color:var(--muted);line-height:1.9;margin-top:25px}.contact-email{font-family:Caveat,cursive;font-size:clamp(27px,3.6vw,45px);display:inline-flex;align-items:center;gap:22px;margin-top:26px;position:relative;line-height:1.3}.contact-email:after{content:"";position:absolute;left:0;right:50px;bottom:-4px;border-bottom:1.5px solid var(--red);transform:rotate(-1deg);filter:url(#pencil)}.contact-email svg{width:46px;height:30px;color:var(--red);transition:transform .2s}.contact-email:hover svg{transform:translateX(7px)}.contact-links{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:28px;font-size:11px;color:var(--muted)}.contact-links>a:hover{color:var(--ink)}.contact-links>span{color:var(--line)}.contact-star{position:absolute;top:160px;left:8%;width:53px;height:53px;color:var(--yellow);transform:rotate(-13deg)}.contact-doodle{color:var(--muted);font-size:23px;position:absolute;right:3%;top:115px;transform:rotate(7deg);max-width:150px}.footer{border-top:1px solid var(--line);padding-block:27px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.footer .handwritten{font-size:21px;transform:rotate(-1deg)}.footer>a:hover{color:var(--red)}
.walking-guide{position:fixed;width:118px;height:177px;right:12px;bottom:35px;z-index:25;pointer-events:none;opacity:0;transition:opacity .4s;will-change:transform}.walking-guide.visible{opacity:1}.walk-sprite{width:118px;height:177px;background-image:url('assets/walk-cycle.png');background-size:300% 200%;background-repeat:no-repeat;transform-origin:50% 80%}.guide-static{display:none;width:100%;height:100%;object-fit:contain}.guide-shadow{position:absolute;bottom:4px;left:20%;width:60%;height:5px;border-radius:50%;background:var(--ink);opacity:.1;filter:blur(2px);z-index:-1}.guide-bubble{position:absolute;bottom:155px;right:18px;width:160px;padding:12px 10px;background:var(--paper);border:1px solid var(--line);border-radius:46% 45% 37% 40%;font-size:20px;text-align:center;transform:rotate(-5deg);opacity:0;transition:opacity .3s}.walking-guide.show-message .guide-bubble{opacity:1}.guide-bubble:after{content:"";position:absolute;bottom:-8px;right:22px;width:12px;height:14px;border-right:1px solid var(--line);transform:rotate(25deg);background:var(--paper)}
.film-dialog{padding:27px 30px 20px;border:1px solid var(--line);width:min(1100px,calc(100% - 50px));max-height:94dvh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 35px 100px #0009}.film-dialog::backdrop{background:#080807e8;backdrop-filter:blur(9px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:20px}.dialog-header h2{font-size:37px;margin-top:5px}.dialog-header .eyebrow{font-size:8px;color:var(--muted)}.close-dialog{background:none;border:0;padding:8px 0 8px 15px;display:flex;align-items:center;gap:15px;font-family:Caveat,cursive;font-size:23px}.close-dialog>span{font:32px DM,sans-serif;color:var(--red)}.video-container{background:#080808;position:relative;display:flex;align-items:center;justify-content:center;min-height:160px}.video-container>video{display:block;width:100%;max-height:70dvh;outline:0;background:#080808}.video-container.vertical>video{height:70dvh;width:auto;max-width:100%}.video-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center;background:#151515e8;color:#f1ecdf;padding:30px;font-size:13px}.video-error button{background:none;border:1px solid #999;color:#fff;padding:7px 15px}.dialog-footer{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.dialog-footer .handwritten{font-size:22px;color:var(--ink)}body.modal-open{overflow:hidden}
@keyframes scrollNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(min-width:1550px){.walking-guide{right:max(18px,calc((100vw - 1440px)/2))}}
@media(max-width:1200px){.page-width{width:calc(100% - 90px)}.logo-note{display:none}.header nav{gap:29px;margin-right:4px}.header nav>a{font-size:21px}.hero{gap:28px;min-height:700px}.hero-character{width:150px;right:-35px;bottom:20px}.hero-stage{padding-right:22px}.hero-copy>.eyebrow{font-size:8px}h1{font-size:8vw;letter-spacing:-4px}.button{font-size:22px;padding:10px 15px}.hero-ctas{gap:12px}.character-note{left:-91px;font-size:20px}.hero-star{right:-6px;width:40px}.film-grid{gap:50px 38px}.about-section{gap:65px}.about-photo{margin-left:10px}.walking-guide{width:90px;height:135px;right:3px}.walk-sprite{width:90px;height:135px}.guide-bubble{bottom:125px}.contact-doodle{right:0;font-size:21px;max-width:130px}.contact-star{left:3%}}
@media(max-width:900px){.page-width{width:calc(100% - 64px)}.header{height:90px}.header nav{gap:25px;margin-left:auto}.header nav>a:nth-child(2){display:none}.header-actions{gap:15px}.hero{grid-template-columns:1fr 1.1fr;gap:25px;min-height:630px;padding-top:65px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.8px;max-width:250px}.hero-intro{font-size:15px;margin-top:21px}.hero-ctas{gap:16px;margin-top:23px}.button{font-size:21px}.hero-ctas .button-outline{padding-left:0}.hero-ctas .button-outline:before,.hero-ctas .button-outline:after{display:none}.hero-footnote{font-size:17px}.hero-stage{padding:48px 10px 60px 0}.hero-film{aspect-ratio:1.2}.hero-character{width:127px;right:-23px;bottom:6px}.character-note{bottom:-10px;font-size:19px}.hero-watch{font-size:20px;bottom:63px;left:15px}.film-caption{padding:12px}.film-caption>span:last-child{font-size:6px}.film-rec{font-size:6px;top:15px;left:15px}.hero-play{width:65px;height:65px;left:43%}.hero-play svg{width:35px}.play-note{font-size:19px}.play-note svg{width:54px;right:-55px;top:10px}.hero-star{width:32px;right:-5px;top:-5px}.section{padding-block:70px}.section-header{margin-bottom:32px}.section-note{font-size:22px}.work-count{font-size:6px;letter-spacing:1px}.work-instruction .handwritten{font-size:20px}.project-format{display:none}.project-credit{font-size:9px}.project-social .vertical-label{font-size:18px;right:9px}.project-play{width:50px;height:50px}.about-section{gap:45px}.about-copy>p:not(.eyebrow){font-size:12px}.about-copy>p:nth-of-type(2){font-size:15px}.tool-note{flex-direction:column;gap:10px}.about-photo{padding:10px 10px 45px}.portrait-caption{font-size:21px}.about-copy h2{font-size:45px}.contact-doodle{display:none}.walking-guide{width:68px;height:102px;right:5px;bottom:20px}.walk-sprite{width:68px;height:102px}.guide-bubble{bottom:95px;right:2px;width:120px;font-size:17px}.guide-shadow{bottom:2px}}
@media(max-width:650px){.page-width{width:calc(100% - 42px)}.header{height:79px;gap:15px}.logo>span:first-child{font-size:41px}.logo svg{width:17px;height:17px}.header nav{display:none}.header-actions{margin-left:auto;gap:17px}.talk-link{font-size:24px;padding:2px 12px}.talk-link svg{display:none}.theme-toggle svg{width:20px;height:20px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 0 90px;gap:28px;min-height:0}.hero-copy>.eyebrow{font-size:7.5px;letter-spacing:1px;max-width:none;margin-bottom:22px}.headline-wrap{width:100%}h1{font-size:clamp(63px,17.4vw,104px);line-height:.96;letter-spacing:-3px;transform:rotate(-2deg);padding-left:2px}.headline-wrap h1 br:nth-of-type(1){display:none}.headline-wrap h1 br:nth-of-type(1):after{content:" "}h1>span:after{bottom:6px;border-width:3px}.hero-star{width:37px;height:37px;right:14px;top:-5px}.hero-intro{font-size:15px;line-height:1.65;margin-top:20px}.hero-intro br{display:none}.hero-ctas{margin-top:25px;gap:23px}.button{font-size:23px;padding:10px 18px}.hero-footnote{display:none}.hero-stage{margin-top:10px;margin-right:15px;padding:43px 25px 24px 0;margin-left:5px}.hero-film{aspect-ratio:1.55}.play-note{font-size:19px;left:6px;top:-3px}.play-note br{display:none}.play-note svg{width:52px;right:-58px;top:7px;height:45px}.hero-character{width:113px;right:-35px;bottom:-2px}.character-note{font-size:18px;left:-73px;bottom:3px}.crown{width:33px;height:25px;top:-15px;right:25px}.hero-rec{font-size:6px}.hero-play{width:57px;height:57px;left:45%;top:43%}.hero-play svg{width:30px;height:30px}.hero-watch{font-size:19px;bottom:45px;left:12px;gap:9px}.film-caption{padding:8px 12px}.film-caption>span:first-child{font-size:9px}.film-caption>span:last-child{font-size:6px;letter-spacing:.6px}.film-rec{font-size:6px;left:12px;top:12px;letter-spacing:1px}.tape-one{width:65px;height:22px;left:-17px}.tape-two{width:65px;height:22px;right:-15px}.hero-scribble{bottom:2px;width:80px;height:9px;left:30%}.scroll-cue{bottom:22px;left:5px;gap:13px}.scroll-cue .handwritten{font-size:19px}.scroll-line{font-size:29px}.section{padding-block:55px}.section:before{left:-5px;right:-5px}h2{font-size:45px;line-height:1.02;letter-spacing:-.5px}.section-header{gap:20px;margin-bottom:28px;align-items:flex-start}.section-header .eyebrow{font-size:8px;margin-bottom:17px}.section-note{display:none}.title-star{width:27px;height:27px;margin-left:9px}.work-instruction{margin-top:25px;margin-bottom:23px;display:block}.work-count{display:block;margin-top:12px;font-size:7px}.film-grid{gap:37px 23px;grid-template-columns:1fr}.project{padding-top:0!important;transform:rotate(-.6deg)}.project:nth-child(even){transform:rotate(.7deg)}.project-info{margin-top:20px;gap:12px}.project-info h3{font-size:31px}.project-info p{font-size:10px}.project-format{display:block;font-size:7px;padding-top:9px}.project-credit{font-size:9px;margin-left:33px}.project-frame>.tape{width:61px;height:22px}.project-social .vertical-label{font-size:24px;right:16px;top:25px}.project-play{width:52px;height:52px}.watch-label{font-size:21px}.work-bottom{font-size:22px;gap:10px;margin-top:38px;text-align:center}.work-bottom svg{width:24px;height:24px}.process-section .section-header{display:block}.process-description{font-size:12px;margin-top:20px;line-height:1.8}.process-description br{display:none}.comparison-tools{margin-top:24px;display:block;margin-bottom:18px}.comparison-mode{font-size:10px;padding:8px 13px}.compare-instruction{display:block;font-size:22px;margin-top:17px;text-align:center}.comparison{aspect-ratio:1.42}.comparison img{object-fit:cover;object-position:50% 50%}.compare-badge{font-size:7px;letter-spacing:1px;top:11px;padding:5px 7px}.badge-before{left:10px}.badge-final{right:10px}.compare-divider>span{width:35px;height:35px;font-size:22px}.comparison-caption{margin-top:21px;align-items:flex-start}.comparison-caption>.handwritten{font-size:22px}.comparison-caption>.eyebrow{font-size:6px;letter-spacing:.7px;max-width:125px;text-align:right}.about-section{display:flex;flex-direction:column-reverse;gap:45px;align-items:stretch}.about-copy h2{font-size:45px}.about-copy>.eyebrow{font-size:8px;margin-bottom:17px}.about-copy>p:not(.eyebrow){font-size:13px;margin-top:19px}.about-copy>p:nth-of-type(2){font-size:16px}.tool-note{flex-direction:row;gap:20px;align-items:center}.tool-note>.handwritten{font-size:21px;white-space:normal;max-width:90px}.tool-note>span:last-child{font-size:9px}.text-link{margin-top:20px}.about-photo{max-width:260px;width:75%;margin-inline:auto;transform:rotate(-3deg)}.portrait-caption{font-size:22px}.contact-section{padding-block:60px 65px}.contact-section>.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:20px}.contact-section h2{font-size:48px}.contact-section>p:not(.eyebrow,.contact-doodle){font-size:12px;margin-top:20px}.contact-email{font-size:26px;gap:10px;margin-top:24px;letter-spacing:-.4px}.contact-email svg{width:25px;height:20px}.contact-email:after{right:30px}.contact-links{font-size:10px;gap:12px;margin-top:23px;flex-wrap:wrap}.contact-links>a:last-child{flex-basis:100%;margin-top:3px}.contact-links>span:nth-of-type(2){display:none}.contact-star{width:29px;height:29px;top:140px;left:0}.footer{padding-block:23px;gap:10px;flex-wrap:wrap;font-size:8px}.footer .handwritten{order:3;flex-basis:100%;text-align:center;margin-top:12px;font-size:19px}.footer>a{margin-left:auto}.walking-guide{right:2px;bottom:16px;width:58px;height:87px}.walk-sprite{width:58px;height:87px}.guide-bubble{bottom:82px;font-size:16px;width:110px;right:5px}.film-dialog{width:calc(100% - 20px);padding:17px 13px 15px;max-height:95dvh}.dialog-header h2{font-size:32px}.close-dialog{font-size:20px;gap:10px}.dialog-footer{font-size:8px;align-items:flex-start;gap:12px}.dialog-footer>.handwritten{font-size:19px;max-width:85px;text-align:right}.video-container>video{max-height:67dvh}.video-container.vertical>video{height:67dvh}.video-error{font-size:12px;padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-loop{display:none}.walk-sprite{display:none}.guide-static{display:block}.walking-guide{transform:none!important}.guide-bubble{display:none}}
/* The sprite sheet cells are square; keep their proportions at every breakpoint. */
.walk-sprite{width:150%;height:100%;margin-left:-25%}
.preview-toggle{position:absolute;left:8px;bottom:9px;z-index:8;border:0;border-bottom:1px dashed var(--line);padding:6px 1px;background:var(--paper);color:var(--muted);font-size:9px;letter-spacing:.4px}
.preview-toggle:hover{color:var(--ink)}
/* Keep the crayon underline out of the supporting copy. */
.headline-wrap h1>span{display:inline-block}
h1>span:after{bottom:-5px}
.hero-intro{margin-top:33px}
.film-caption{padding-right:95px}
@media(max-width:650px){.headline-wrap h1 br:nth-of-type(1){display:initial}.hero-intro{margin-top:25px}.film-caption{padding-right:72px}}
@media(max-width:650px){.hero-stage{align-self:stretch;width:auto}.hero-ctas{gap:18px}.hero-ctas .button{font-size:21px;padding-inline:12px;gap:7px}.hero-ctas .button-outline{padding-inline:0}.hero-ctas .button-outline svg{width:28px}}
@media(max-width:650px){.film-caption>span:last-child{display:none}.character-note{bottom:-12px;left:-80px;font-size:17px}}
@media(max-width:650px){.hero-character{right:-25px}}