*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#fff;color:#080808;font-family:"Comic Sans MS","Comic Sans",cursive;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a[href],button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px dashed #080808;outline-offset:6px}img{display:block;max-width:100%;height:auto}button{color:inherit}::selection{color:white;background:black}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:#000;color:#fff;padding:12px}.skip:focus{top:10px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4vw;background:#fff;position:relative;z-index:10;border-bottom:4px solid #080808;border-radius:0 0 46% 2%/0 0 7px 2px}.wordmark{font-family:"Arial Black",Impact,sans-serif;font-weight:900;font-size:25px;letter-spacing:-2px;white-space:nowrap}.wordmark>span{display:inline-block;transform:rotate(180deg);margin-left:5px}.wordmark small{font-family:monospace;font-size:10px;font-weight:400;letter-spacing:1px;display:block;margin-top:1px}.topbar nav,.outlinks{display:flex;align-items:center;gap:28px}.topbar nav{font-size:15px}.outlinks>a:first-child{font-family:Arial,sans-serif;font-weight:bold;font-size:22px}.plain{padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:5px}.ink-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:3px solid #080808;background:#080808;color:#fff;border-radius:9% 2% 8% 3%/13% 15% 10% 12%;padding:14px 24px;font-weight:bold;font-family:"Comic Sans MS",cursive;font-size:18px;box-shadow:3px 4px 0 #fff,5px 6px 0 #080808;transition:transform .15s,box-shadow .15s;white-space:nowrap}.ink-button:hover{transform:rotate(-2deg) translateY(-2px);box-shadow:5px 6px 0 #fff,7px 8px 0 #080808}.ink-button:active{transform:translate(3px,4px);box-shadow:none}.ink-button.small{font-size:14px;padding:10px 18px}.paper-button{border:3px solid #080808;background:#fff;color:#080808;padding:10px 20px;border-radius:8% 2% 6% 3%;font-weight:bold}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:2px;font-weight:bold;line-height:1.7}.world{height:calc(100svh - 88px);min-height:690px;max-height:1050px;position:relative;isolation:isolate;overflow:hidden}.room-art{position:absolute;inset:0;background:url('assets/background-room.webp') center/100% 100% no-repeat;z-index:-2}.hero-copy{position:absolute;left:12%;top:12%;z-index:2}.hero-copy h1{margin:12px 0 8px;font-family:"Arial Black",Impact,sans-serif;font-size:clamp(82px,10.9vw,175px);font-weight:1000;line-height:.91;letter-spacing:-.085em;transform:rotate(-3deg)}.hero-copy h1>span{display:block}.hero-copy h1 .inverted{transform:rotate(180deg);margin-top:7px}.intro{font-size:clamp(18px,1.8vw,27px);line-height:1.5;margin:26px 0 18px}.scribble-link{display:inline-block;font-size:16px;font-weight:bold;border-bottom:3px solid #080808;border-radius:0 0 45% 1%/0 0 7px 1px;padding-bottom:6px}.scribble-link:hover{transform:rotate(-2deg)}.scribble-link span{font-size:27px;display:inline-block;margin-left:8px}.phil-main{position:absolute;width:clamp(510px,51vw,800px);right:0;bottom:9%;z-index:1;pointer-events:none;transform-origin:50% 88%}.phil-main>img{width:100%;mix-blend-mode:multiply}.phil-note{position:absolute;right:14%;top:37%;font-size:15px;transform:rotate(8deg)}.phil-note b{font-size:42px;display:block}.margin-note{position:absolute;left:4.4%;bottom:32%;font-family:monospace;font-size:10px;letter-spacing:1px;line-height:2;writing-mode:vertical-rl;transform:rotate(180deg)}.room-number{position:absolute;bottom:3.3%;left:10%;font-family:monospace;font-size:10px;letter-spacing:2px}.gravity-stage{position:absolute;inset:4% 6% 12%;z-index:3;pointer-events:none}.gravity-stage canvas{width:100%;height:100%;pointer-events:auto;touch-action:pan-y;cursor:grab}.gravity-control{position:absolute;right:11%;bottom:3.5%;z-index:4;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.gravity-control small{font-size:11px}.hand-note{font-size:15px;transform:rotate(-4deg)}.lever-mark{font-size:26px;line-height:1}.gravity-up .lever-mark{transform:rotate(180deg)}.gravity-up .phil-main{animation:phil-hover 4s ease-in-out infinite}.gravity-up .phil-note{transform:rotate(-8deg)}@keyframes phil-hover{0%,100%{transform:translateY(-14px) rotate(-2deg)}50%{transform:translateY(-42px) rotate(2deg)}}
.day{position:relative;isolation:isolate;padding:160px 9% 140px;min-height:1300px;overflow:hidden}.street-art{position:absolute;inset:0;z-index:-2;background:url('assets/background-town.webp') center/100% 100% no-repeat;opacity:.25}.day-kicker{text-align:center;margin:0 0 25px}.day h2{font-family:"Arial Black",Impact,sans-serif;font-size:clamp(44px,6.3vw,92px);font-weight:900;line-height:1.04;letter-spacing:-.055em;text-align:center;margin:0 auto 45px;transform:rotate(-2deg)}.day h2 em{font-family:"Comic Sans MS",cursive;font-weight:400;letter-spacing:-.06em}.coffee-scene{display:grid;grid-template-columns:54% 46%;align-items:center;max-width:1100px;margin:-25px auto 0}.coffee-scene>img{width:100%;mix-blend-mode:multiply;transform:rotate(-2deg)}.scene-time{font-family:monospace;letter-spacing:1.5px;font-size:11px}.coffee-copy{padding-left:6%;max-width:370px;transform:rotate(3deg);background:#fff}.coffee-copy h3,.paper-copy h3{font-size:32px;line-height:1.15;letter-spacing:-1.5px;margin:18px 0}.coffee-copy p,.paper-copy p{font-size:17px;line-height:1.7}.paper-scene{display:grid;grid-template-columns:45% 55%;align-items:center;max-width:1040px;margin:-60px auto 0}.paper-scene>img{mix-blend-mode:multiply;width:100%;transform:rotate(3deg)}.paper-copy{padding-left:10%;max-width:390px;transform:rotate(-2deg);background:white}.underlined{display:inline-block;font-weight:bold;border-bottom:4px solid;border-radius:0 0 44% 2%;padding-bottom:12px}.street-footer{display:block;text-align:center;font-family:monospace;font-size:11px;letter-spacing:2px;margin:40px 0 0}.workshop{position:relative;isolation:isolate;padding:105px 5% 120px;border-top:5px solid #080808;border-bottom:5px solid #080808;border-radius:48% 1% 45% 1%/6px 3px 6px 3px;overflow:hidden}.workshop-art{position:absolute;inset:0;background:url('assets/background-workshop.webp') center/cover no-repeat;z-index:-2;opacity:.13}.workshop-heading{max-width:700px;margin:0 auto 55px;text-align:center}.workshop-heading h2{font-family:"Arial Black",Impact,sans-serif;font-weight:900;line-height:1;letter-spacing:-.06em;font-size:clamp(44px,5.8vw,82px);margin:20px 0 25px}.workshop-heading .tilted{display:inline-block;transform:rotate(-4deg);text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:8px}.workshop-heading>p:last-child{font-size:16px;line-height:1.8}.experiment{display:grid;grid-template-columns:32% 68%;align-items:center;max-width:1300px;margin:auto}.lab-art{position:relative;transform:rotate(-3deg)}.lab-art>img{width:115%;max-width:115%;mix-blend-mode:multiply}.lab-art p{font-size:14px;line-height:1.5;text-align:center;margin-top:-10px;transform:rotate(6deg)}.lab-board{background:#fff;border:4px solid #080808;border-radius:2% 1.3% 1% 2%;box-shadow:8px 9px 0 #080808;transform:rotate(1deg);position:relative;z-index:2}.lab-top{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:18px 20px 8px;font-family:monospace;font-size:11px;font-weight:bold;letter-spacing:1px}.lab-top>span:last-child{font-weight:400;text-align:right;letter-spacing:0;max-width:55%}#lab-canvas{display:block;width:100%;height:350px;touch-action:none;cursor:crosshair}.lab-controls{display:flex;align-items:center;gap:18px;padding:15px 20px 5px;flex-wrap:wrap}.lab-controls .ink-button{font-size:14px;padding:11px 17px}.lab-controls .paper-button{font-size:14px}.lab-controls .plain{font-size:12px}.lab-hint{font-family:monospace;font-size:10px;text-align:center;padding:12px;margin:0;color:#444}.cosmos{min-height:800px;position:relative;isolation:isolate;padding:150px 11% 100px;overflow:hidden}.cosmos-art{position:absolute;inset:0;background:url('assets/background-cosmos.webp') center/100% 100% no-repeat;z-index:-2;opacity:.22}.cosmos-copy{position:relative;z-index:2;width:55%;max-width:650px;padding-bottom:80px}.cosmos h2{font-family:"Arial Black",Impact,sans-serif;font-size:clamp(43px,5vw,76px);line-height:1.03;letter-spacing:-.06em;margin:25px 0}.cosmos h2 span{font-family:"Comic Sans MS",cursive;font-weight:400;font-size:.85em;display:inline-block;transform:rotate(-3deg);margin-top:15px}.cosmos-copy>p:not(.eyebrow):not(.token-name){font-size:18px;line-height:1.7;max-width:380px}.token-name{font-family:monospace;font-weight:bold;letter-spacing:2px;font-size:13px;margin:30px 0}.token-name span{display:inline-block;transform:rotate(180deg);margin-left:15px}.final-links{display:flex;align-items:center;flex-wrap:wrap;gap:30px}.final-links .scribble-link{font-size:14px}.chart-link{display:block;margin-top:30px;font-size:13px}#copy-contract{margin-top:20px;font-size:13px}.planet-phil{width:55%;position:absolute;right:-1%;top:75px;mix-blend-mode:multiply;animation:planet-sway 8s ease-in-out infinite;transform-origin:50% 65%}@keyframes planet-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}footer{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-family:monospace;gap:20px}footer a{border-bottom:2px solid;padding-bottom:5px}
dialog{max-width:1000px;width:94vw;max-height:94svh;padding:25px 30px;border:4px solid #080808;border-radius:1% 2% 1% 2%;box-shadow:12px 12px 0 #080808;overflow:auto}dialog::backdrop{background:#fffC;backdrop-filter:blur(3px)}.dialog-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:30px;letter-spacing:-1px;margin:0 0 10px}.dialog-close{white-space:nowrap;font-size:14px}.chart-note{font-size:14px;line-height:1.6}#pair-form{display:flex;gap:12px;align-items:center;margin:15px 0 20px}#pair-input{flex:1;min-width:0;border:2px solid #080808;background:#fff;border-radius:2px;padding:11px 12px;font-family:monospace;font-size:12px}#chart-frame-wrap{height:min(55vh,500px);min-height:280px;border:3px solid #080808;background:#fff}#chart-frame-wrap iframe{width:100%;height:100%;border:0}.chart-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:17px}.chart-empty>span{font-size:70px;line-height:1}.chart-empty>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.form-error{font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);padding:14px 24px;background:#080808;color:#fff;border:3px solid #fff;box-shadow:0 0 0 2px #080808;z-index:30;opacity:0;pointer-events:none;transition:.2s;font-size:14px;text-align:center;max-width:90vw}.toast.visible{transform:translate(-50%,0);opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1600px){.hero-copy{left:16%}.phil-main{right:7%}.gravity-control{right:16%}}@media(max-width:1000px){.topbar{padding:0 4%;gap:15px}.topbar nav,.outlinks{gap:18px}.topbar nav{font-size:13px}.hero-copy{left:10%;top:16%}.hero-copy h1{font-size:115px}.phil-main{right:-100px;width:650px}.phil-note{right:15%;top:42%}.gravity-control{right:10%;bottom:4%}.day{padding:150px 6% 115px}.coffee-copy h3,.paper-copy h3{font-size:27px}.coffee-copy p,.paper-copy p{font-size:15px}.workshop{padding-left:4%;padding-right:4%}.experiment{grid-template-columns:25% 75%}.lab-art>img{width:140%;max-width:140%;margin-left:-15%}.lab-controls{gap:12px}.lab-controls .plain{font-size:11px}.cosmos{padding-left:8%;padding-right:8%}.cosmos-copy{width:58%}.planet-phil{width:60%;right:-6%;top:150px}.final-links{gap:20px}.cosmos-copy>p:not(.eyebrow):not(.token-name){font-size:16px}}
@media(max-width:700px){html{scroll-padding-top:20px}.topbar{height:78px;padding:0 5%;gap:12px}.wordmark{font-size:22px}.topbar nav{display:none}.outlinks{gap:18px}.ink-button.small{font-size:11px;padding:10px 12px}.world{min-height:780px;height:calc(100svh - 78px);max-height:1000px}.room-art{background-size:auto 100%;background-position:center}.hero-copy{top:7%;left:11%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-copy h1{font-size:clamp(79px,20vw,125px);width:max-content;margin-top:14px}.intro{font-size:17px;line-height:1.45;margin-top:23px}.hero-copy .scribble-link{font-size:12px;max-width:140px;line-height:1.5}.hero-copy .scribble-link span{font-size:20px}.phil-main{width:570px;right:-180px;bottom:14%}.phil-note{right:21%;top:26%;font-size:11px}.phil-note b{font-size:28px}.margin-note{left:3%;bottom:30%;font-size:8px}.gravity-control{right:auto;left:50%;transform:translateX(-50%);bottom:3%;gap:7px;white-space:nowrap}.gravity-control .ink-button{font-size:15px;padding:10px 20px}.hand-note{font-size:12px}.gravity-control small{font-size:10px}.room-number{bottom:18%;left:10%;font-size:8px;max-width:100px;line-height:1.8}.gravity-stage{inset:3% 5% 16%}.day{padding:110px 6% 100px;min-height:0}.street-art{background-size:auto 100%;opacity:.18}.day-kicker{font-size:8px;letter-spacing:1.3px}.day h2{font-size:clamp(39px,10vw,67px);margin-bottom:45px}.coffee-scene{grid-template-columns:51% 49%;margin:0 -8% 0}.coffee-copy{padding-left:0;padding-right:12%}.scene-time{font-size:8px;letter-spacing:.5px}.coffee-copy h3,.paper-copy h3{font-size:20px;line-height:1.15;letter-spacing:-.8px;margin:12px 0}.coffee-copy p,.paper-copy p{font-size:12px;line-height:1.6}.coffee-scene>img{width:120%;max-width:120%;margin-left:-15%}.paper-scene{grid-template-columns:49% 51%;margin:45px -5% 0}.paper-copy{padding-left:11%}.paper-scene>img{width:125%;max-width:125%;margin-left:-6%}.underlined{font-size:13px!important}.street-footer{font-size:8px;letter-spacing:.8px;margin-top:60px}.workshop{padding:75px 5% 80px}.workshop-heading{margin-bottom:25px}.workshop-heading .eyebrow{font-size:9px;letter-spacing:1.1px}.workshop-heading h2{font-size:48px}.workshop-heading>p:last-child{font-size:13px;padding:0 12px}.experiment{display:block}.lab-art{display:flex;align-items:center;justify-content:center;max-width:280px;margin:0 auto -20px;transform:rotate(-3deg)}.lab-art>img{width:150px;max-width:150px;margin:0}.lab-art p{font-size:11px;max-width:120px;text-align:left;padding-bottom:10px}.lab-board{box-shadow:5px 6px 0 #080808;transform:rotate(.6deg)}.lab-top{font-size:8px;padding:13px 12px 3px;letter-spacing:.6px;gap:12px}#lab-canvas{height:300px}.lab-controls{padding:10px 12px;gap:12px}.lab-controls .ink-button{font-size:11px;padding:9px 11px}.lab-controls .paper-button{font-size:11px;padding:9px 11px}.lab-controls .plain{font-size:10px}.lab-hint{font-size:8px;line-height:1.7}.cosmos{padding:80px 9% 110px;min-height:950px}.cosmos-art{background-size:auto 100%;opacity:.15}.cosmos-copy{width:100%;max-width:none;padding-bottom:0}.cosmos-copy .eyebrow{font-size:9px}.cosmos h2{font-size:45px;max-width:360px}.cosmos-copy>p:not(.eyebrow):not(.token-name){font-size:15px;max-width:275px}.token-name{font-size:12px}.final-links{gap:20px}.final-links .ink-button{font-size:14px;padding:12px 17px}.final-links .scribble-link{font-size:12px}.chart-link{font-size:12px;margin-top:23px}.planet-phil{width:410px;max-width:none;right:-55px;top:auto;bottom:58px;z-index:-1}.cosmos footer{font-size:8px;left:8%;right:8%;bottom:22px;align-items:flex-end}footer>span{max-width:120px;text-align:right;line-height:1.8}dialog{padding:20px 16px}.dialog-heading h2{font-size:23px}.dialog-close{font-size:11px}.chart-note{font-size:12px}#pair-form{flex-wrap:wrap}#pair-input{font-size:10px;flex-basis:100%}#pair-form button{width:100%}.chart-empty{font-size:15px}}
.hero-copy{z-index:4}.hero-copy .eyebrow,.hero-copy h1,.hero-copy .intro{pointer-events:none}.room-art{background-size:cover}.street-art{background-size:100% auto;background-position:center top;background-repeat:no-repeat}.cosmos-art{background-size:100% auto;background-position:center bottom;background-repeat:no-repeat}
@media(max-width:700px){.phil-main{width:490px;right:-155px;bottom:15%}.phil-note{right:17%;top:35%}.room-art{background-size:auto 100%}.street-art{background-size:auto 70%}.cosmos-art{background-size:auto 75%}}
@media(max-width:360px){.hero-copy h1{font-size:72px}.phil-main{width:430px;right:-150px;bottom:19%}.phil-note{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}