@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,p{margin:0}button,a{font:inherit}button{color:inherit}img{max-width:100%;display:block}}@layer base{:root{--acid:#f7ff00;--blue:#1748ff;--orange:#ff5a1f;--pink:#ff4fa3;--paper:#f3efe2;--ink:#11110f;--white:#fffdf7;--rule:3px solid var(--ink);--hard-shadow:8px 8px 0 var(--ink);--page-pad:clamp(14px, 2.2vw, 34px);color:var(--ink);background:var(--paper);font-family:Anybody Variable,sans-serif}body{min-width:320px;overflow-x:hidden}body::selection{color:var(--acid);background:var(--ink)}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}:focus-visible{outline:5px solid var(--pink);outline-offset:4px}.skip-link{z-index:100;border:var(--rule);background:var(--acid);padding:12px 16px;position:fixed;top:10px;left:10px;translate:0 -180%}.skip-link:focus{translate:0}.paper-noise{z-index:99;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.eyebrow,.card-topline,.hero-kicker{letter-spacing:.07em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.74rem;font-weight:400}}@layer components{.site-header{z-index:50;border-bottom:var(--rule);background:var(--acid);grid-template-columns:auto 1fr auto;align-items:stretch;min-height:58px;display:grid;position:sticky;top:0}.site-header>*{align-items:center;display:flex}.mini-mark{border-right:var(--rule);padding:0 18px;font-size:1.55rem;font-weight:900;text-decoration:none}.site-header nav{justify-content:center;gap:clamp(16px,4vw,58px);padding:0 20px}.site-header nav a,.index-trigger{text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.76rem}.site-header nav a{align-items:center;min-height:44px;padding-inline:4px;text-decoration:none;display:flex}.site-header nav a:hover{text-decoration:underline 3px}.index-trigger{border:0;border-left:var(--rule);background:var(--pink);padding:0 20px}.index-trigger:hover{color:var(--white);background:var(--ink)}.hero{min-height:min(750px,100svh - 58px);padding:clamp(30px, 4vw, 70px) var(--page-pad);border-bottom:var(--rule);background:var(--blue);position:relative;overflow:hidden}.hero-kicker{border:2px solid var(--ink);background:var(--white);padding:7px 10px;display:inline-block;rotate:-1deg}.hero h1{z-index:3;letter-spacing:-.09em;color:var(--acid);text-shadow:7px 7px 0 var(--ink);justify-content:space-between;align-items:center;margin:clamp(48px,8vh,90px) -.015em 0;font-size:clamp(4rem,14.4vw,13.8rem);font-weight:850;font-stretch:140%;line-height:.7;display:flex;position:relative}.hero h1 span:nth-child(2n){translate:0 -.06em;rotate:-2deg}.hero h1 span:nth-child(3n){translate:0 .04em;rotate:3deg}.hero-collage{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-photo{--exit-x:0px;--exit-y:0px;--exit-r:0deg;pointer-events:auto;filter:drop-shadow(9px 10px 0 var(--ink));transform:translate(var(--exit-x), var(--exit-y)) rotate(var(--exit-r));will-change:transform;margin:0;position:absolute}.hero-photo:after{content:"";background:#f3efe2b8;border:1px solid #11110f59;width:70px;height:20px;position:absolute;top:3%;left:42%;rotate:-5deg}.hero-photo img{object-fit:contain;width:100%;max-height:65vh}.hero-photo-ghost{opacity:.55;mix-blend-mode:multiply;width:clamp(210px,28vw,430px);filter:grayscale(1) contrast(1.75) drop-shadow(9px 10px 0 var(--pink));top:-2%;left:35%;rotate:-8deg}.hero-photo-sun{width:clamp(170px,22vw,340px);filter:grayscale(1) contrast(1.45) sepia(1) saturate(5) hue-rotate(350deg) drop-shadow(9px 10px 0 var(--acid));top:8%;left:-3%;rotate:8deg}.hero-photo-red{width:clamp(260px,35vw,560px);filter:grayscale(1) contrast(1.5) drop-shadow(-10px -8px 0 var(--orange));bottom:-12%;right:-4%;rotate:7deg}.hero-copy{z-index:6;right:var(--page-pad);border:var(--rule);background:var(--white);width:min(620px,70vw);box-shadow:var(--hard-shadow);padding:18px 22px 22px;position:absolute;bottom:42px;rotate:1deg}.declaration{text-wrap:balance;max-width:25ch;font-size:clamp(1.6rem,3.3vw,3.5rem);font-weight:750;line-height:.94}.annotation{text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.74rem;position:absolute}.annotation-one{border:2px solid var(--ink);background:var(--orange);padding:9px 12px;bottom:-35px;right:20px;rotate:-4deg}.sunburst{aspect-ratio:1;border:var(--rule);background:var(--orange);width:clamp(110px,13vw,190px);box-shadow:6px 6px 0 var(--acid), 9px 9px 0 var(--ink);text-align:center;border-radius:50%;place-items:center;font-size:clamp(1.2rem,2vw,2rem);font-weight:900;line-height:.82;display:grid;position:absolute;bottom:28px;left:8vw;rotate:-10deg}.squiggle{width:38vw;color:var(--pink);letter-spacing:-.35em;font-family:IBM Plex Mono,monospace;font-size:clamp(1.8rem,4vw,4rem);font-weight:900;position:absolute;top:45%;left:2vw;overflow:hidden;rotate:8deg}.chaos-console{padding:28px var(--page-pad);border-bottom:var(--rule);background:var(--orange)}.chaos-console h2{width:100%;font-size:clamp(1.5rem,3vw,3rem);line-height:1.08}.chaos-word{white-space:nowrap}.chaos-choice{border:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;text-transform:lowercase;vertical-align:baseline;box-shadow:3px 3px 0 var(--ink);margin-inline:.05em;padding:0 .18em .06em;line-height:.9;display:inline-block}.chaos-choice:hover{color:var(--acid);background:var(--ink)}.chaos-choice[aria-pressed=true]{color:var(--acid);background:var(--ink);box-shadow:none;translate:3px 3px}.ticker{border-bottom:var(--rule);background:var(--ink);width:100%;color:var(--acid);text-transform:uppercase;font-family:IBM Plex Mono,monospace;position:relative;overflow:hidden}.ticker-track{width:max-content;padding:11px 0;animation:24s linear infinite ticker;display:flex}.ticker-track span{padding-right:2ch}.ticker button{z-index:2;border:0;border-left:2px solid var(--acid);background:var(--ink);min-width:138px;color:var(--acid);text-transform:uppercase;font-size:.65rem;position:absolute;inset:0 0 0 auto}.ticker button:hover{color:var(--ink);background:var(--acid)}.ticker.is-paused .ticker-track{animation-play-state:paused}@keyframes ticker{to{translate:-50%}}.scroll-derail{background:var(--paper);height:470vh;position:relative}.derail-sticky{border-bottom:var(--rule);background-color:var(--paper);background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);background-size:22px 22px;height:calc(100svh - 58px);position:sticky;top:58px;overflow:clip}.derail-sticky:after{content:"SCROLL DOWN / GO SIDEWAYS / QUESTION EVERYTHING";z-index:0;width:max-content;color:var(--blue);letter-spacing:-.07em;opacity:.13;pointer-events:none;font-size:clamp(4rem,10vw,11rem);font-weight:900;line-height:.75;position:absolute;top:48%;left:8vw;rotate:-5deg}.derail-meter{z-index:8;top:16px;left:var(--page-pad);right:var(--page-pad);border:2px solid var(--ink);background:var(--acid);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:9px 12px;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:grid;position:absolute}.derail-meter i{border:1px solid var(--ink);background:var(--blue);transform-origin:0;height:8px;scale:0 1}.derail-meter b{min-width:4ch}.content-wall{--rail-x:0px;--rail-progress:0;z-index:2;width:max-content;height:100%;translate:var(--rail-x) 0;will-change:translate;align-items:center;gap:clamp(50px,8vw,150px);padding:88px 12vw 30px;display:flex;position:relative}.wall-card{border:var(--rule);background:var(--white);box-shadow:var(--hard-shadow);translate:0 var(--scroll-y,0px);rotate:var(--scroll-tilt,0deg);will-change:translate, rotate;flex:none;padding:clamp(18px,2vw,28px);position:relative}.wall-card h2{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2rem,4vw,4.8rem);line-height:.88}.wall-card p{text-wrap:pretty}.card-topline{border-bottom:2px solid var(--ink);justify-content:space-between;gap:20px;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 22px;padding:9px 12px;display:flex}.wall-card>a{text-transform:uppercase;margin-top:24px;font-family:IBM Plex Mono,monospace;font-size:.8rem;display:inline-block}.card-work{background:var(--acid);--base-tilt:-.6deg;width:min(72vw,940px);min-height:min(70vh,680px)}.card-work h2{max-width:13ch;margin-top:24px}.card-work>p{max-width:48ch;margin-top:15px;font-size:1.05rem}.placeholder-art{border:var(--rule);min-height:280px}.checker{background:conic-gradient(var(--blue) 25%, var(--pink) 0 50%, var(--orange) 0 75%, var(--paper) 0) 0 0 / 60px 60px}.card-thought{background:var(--pink);--base-tilt:1.4deg;align-self:flex-start;width:min(46vw,640px);min-height:470px;margin-top:8vh}.oversized-quote{letter-spacing:-.04em;max-width:13ch;font-size:clamp(2.2rem,4.8vw,5.2rem);font-weight:780;line-height:.9}.scribble{border:2px solid var(--ink);background:var(--white);padding:10px 13px;font-family:IBM Plex Mono,monospace;font-size:.72rem;position:absolute;bottom:32px;right:-18px;rotate:-8deg}.card-experiment{background:var(--blue);width:min(54vw,760px);min-height:440px;color:var(--white);--base-tilt:.7deg;align-self:flex-end;margin-bottom:3vh}.card-experiment .card-topline,.card-experiment .wobble-button{border-color:var(--white)}.wobble-button{z-index:2;border:3px solid var(--white);background:var(--orange);width:100%;min-height:180px;color:var(--ink);box-shadow:9px 9px 0 var(--white);padding:20px;font-size:clamp(1.4rem,3vw,3rem);font-weight:800;position:relative}.wobble-button:hover{box-shadow:5px 5px 0 var(--white);translate:4px 4px}.wobble-button.is-wobbling{animation:.5s steps(2,end) wobble}@keyframes wobble{25%{rotate:-3deg}50%{scale:.96 1.08}75%{rotate:3deg}}.card-experiment>p{z-index:2;max-width:34ch;margin-top:22px;font-family:IBM Plex Mono,monospace;font-size:.82rem;position:relative}.orbit{aspect-ratio:1;border:3px solid var(--acid);border-radius:50%;width:150px;position:absolute;bottom:-40px;right:-45px}.orbit i{border:2px solid var(--pink);border-radius:50%;position:absolute;inset:20%}.orbit i:nth-child(2){background:var(--acid);inset:38%}.orbit i:nth-child(3){border-radius:0;inset:5% 45%;rotate:35deg}.card-now{background:var(--orange);--base-tilt:-1deg;width:min(42vw,570px);min-height:390px}.card-now ul{margin:26px 0 0;padding:0;font-family:IBM Plex Mono,monospace;list-style:none}.card-now li{border-bottom:2px solid var(--ink);padding:11px 0}.card-note{z-index:3;background:var(--white);--base-tilt:7deg;width:280px;margin:-48vh 8vw 0 -15vw;padding:22px}.card-note p{font-size:1.3rem;font-weight:750;line-height:1}.rail-photo{--photo-y:0px;--photo-r:0deg;z-index:4;filter:grayscale(1) contrast(1.5) drop-shadow(11px 13px 0 var(--pink));transform:translateY(var(--photo-y)) rotate(var(--photo-r));will-change:transform;flex:none;margin-block:0;position:relative}.rail-photo:before{content:"";z-index:2;border:2px solid var(--ink);background:#f7ff00cc;width:82px;height:22px;position:absolute;top:-8px;left:38%;rotate:-7deg}.rail-photo img{object-fit:contain;width:100%;max-height:68vh;display:block}.rail-photo figcaption{border:2px solid var(--ink);background:var(--acid);max-width:180px;color:var(--ink);text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);padding:9px 11px;font-family:IBM Plex Mono,monospace;font-size:.68rem;line-height:1.15;position:absolute;bottom:8%;right:-18px;rotate:-4deg}.rail-photo-blue{width:min(31vw,430px);filter:grayscale(1) contrast(1.7) sepia(1) saturate(7) hue-rotate(165deg) drop-shadow(11px 13px 0 var(--orange));align-self:flex-end;margin-bottom:-5vh;margin-left:-12vw}.rail-photo-sasquatch{width:min(38vw,540px);filter:grayscale(1) contrast(1.55) drop-shadow(13px 14px 0 var(--acid));align-self:flex-start;margin:7vh 0 0 -10vw}.rail-photo-mask{width:min(29vw,390px);filter:grayscale(1) contrast(1.7) sepia(1) saturate(8) hue-rotate(285deg) drop-shadow(12px 14px 0 var(--orange));align-self:flex-end;margin:0 0 -6vh -10vw}.rail-photo-wine{width:min(33vw,470px);filter:grayscale(1) contrast(1.65) drop-shadow(12px 14px 0 var(--blue));align-self:center;margin-left:-13vw}.draggable{cursor:grab}.draggable.is-dragging{z-index:20;cursor:grabbing}#work,#thoughts,#experiments,#about,#materials{scroll-margin-top:76px}.about-strip{padding:clamp(50px, 8vw, 120px) var(--page-pad);border-block:var(--rule);background:var(--pink);grid-template-columns:180px 1fr auto;align-items:start;gap:clamp(20px,4vw,70px);display:grid}.about-strip h2{letter-spacing:-.05em;max-width:13ch;font-size:clamp(2.5rem,6vw,7rem);line-height:.84}.about-strip div p{max-width:54ch;margin-top:24px;font-size:clamp(1rem,1.5vw,1.3rem)}.about-strip>a{border:2px solid var(--ink);background:var(--acid);text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);padding:12px;font-family:IBM Plex Mono,monospace;font-size:.75rem}.materials{padding:clamp(60px, 9vw, 130px) var(--page-pad);background:var(--acid)}.materials h2{letter-spacing:-.07em;font-size:clamp(4rem,11vw,12rem);line-height:.75}.materials-grid{border-top:var(--rule);border-left:var(--rule);grid-template-columns:repeat(4,1fr);margin-top:70px;display:grid}.materials-grid p{border-right:var(--rule);border-bottom:var(--rule);min-height:180px;padding:18px;font-family:IBM Plex Mono,monospace;font-size:.82rem}.materials-grid strong{margin:22px 0 8px;font-family:Anybody Variable,sans-serif;font-size:1.35rem;line-height:1;display:block}footer{padding:24px var(--page-pad);border-top:var(--rule);background:var(--ink);color:var(--white);grid-template-columns:1fr auto auto;align-items:center;gap:30px;display:grid}footer strong{color:var(--acid);font-size:1.8rem}footer span{font-family:IBM Plex Mono,monospace;font-size:.72rem}footer button{border:2px solid var(--white);min-height:44px;color:var(--white);background:0 0}.site-index{border:4px solid var(--ink);background:var(--acid);width:min(760px,100% - 24px);max-height:calc(100svh - 24px);color:var(--ink);box-shadow:12px 12px 0 var(--pink);padding:0}.site-index::backdrop{backdrop-filter:blur(5px);background:#1748ffb8}.index-heading{border-bottom:var(--rule);justify-content:space-between;align-items:center;padding:20px;display:flex}.index-heading h2{font-size:clamp(2rem,5vw,4rem);line-height:.9}.index-heading button{border:2px solid var(--ink);background:var(--pink);align-self:stretch;padding:8px 14px}.site-index>p{padding:20px;font-family:IBM Plex Mono,monospace;font-size:.85rem}.site-index nav{display:grid}.site-index nav a{border-top:2px solid var(--ink);justify-content:space-between;padding:16px 20px;font-size:clamp(1.3rem,3vw,2.4rem);font-weight:750;text-decoration:none;display:flex}.site-index nav a:hover{color:var(--acid);background:var(--ink)}}@layer chaos{html[data-chaos=civilized] .draggable{rotate:0deg}html[data-chaos=civilized] .content-wall{background-image:none}html[data-chaos=civilized] .wall-card{box-shadow:4px 4px 0 var(--ink);rotate:0deg}html[data-chaos=civilized] .squiggle,html[data-chaos=civilized] .card-note{display:none}html[data-chaos=unsupervised] .hero h1 span:nth-child(odd){animation:1.8s steps(2,end) infinite alternate letter-jolt}html[data-chaos=unsupervised] .hero h1 span:nth-child(3n){animation-delay:-.9s}html[data-chaos=unsupervised] .wall-card:hover{rotate:-2deg;scale:1.018}html[data-chaos=unsupervised] .sunburst{animation:7s linear infinite spin}html[data-chaos=unsupervised] .hero-photo img{animation:2.7s steps(2,jump-none) infinite photocopy-panic}html[data-chaos=unsupervised] .hero-photo:nth-child(2) img{animation-delay:-1.4s}html[data-chaos=unsupervised] .rail-photo:hover img{animation:.32s steps(2,end) infinite image-slip}html[data-chaos=unsupervised] .rail-photo figcaption{animation:1.4s steps(2,end) infinite alternate caption-twitch}@keyframes letter-jolt{to{translate:.04em -.08em;rotate:4deg}}@keyframes spin{to{rotate:350deg}}@keyframes photocopy-panic{45%{clip-path:inset(0)}48%{clip-path:inset(13% 0 57%);translate:11px}52%{clip-path:inset(61% 0 8%);translate:-8px}55%{clip-path:inset(0);translate:0}}@keyframes image-slip{50%{filter:invert();translate:8px -4px}}@keyframes caption-twitch{to{translate:7px -5px;rotate:3deg}}}@layer responsive{@media (width>=851px){.chaos-console h2{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(1.4rem,2.6vw,2.7rem)}}@media (width<=850px){.site-header{grid-template-columns:auto 1fr auto}.site-header nav{justify-content:flex-start;gap:20px;overflow-x:auto}.site-header nav a:nth-last-child(-n+2){display:none}.hero{min-height:680px}.hero h1{margin-top:100px}.hero-copy{width:calc(100% - 76px);bottom:70px;right:18px}.sunburst{bottom:14px;left:18px}.scroll-derail{height:auto}.derail-sticky{height:auto;position:relative;top:auto;overflow:visible}.derail-sticky:after,.derail-meter{display:none}.content-wall{width:auto;height:auto;padding:clamp(40px, 6vw, 100px) var(--page-pad);grid-template-columns:1fr;gap:clamp(14px,2vw,30px);display:grid;translate:none}.wall-card{translate:none}.card-work,.card-thought,.card-experiment,.card-now,.card-note{grid-column:1;width:auto;margin:0}.rail-photo{grid-column:1;width:min(78vw,460px);margin:-30px 0;transform:none}.rail-photo figcaption{right:8px}.rail-photo:nth-of-type(2n){justify-self:end}.card-work{min-height:auto}.card-thought{min-height:420px}.card-note{justify-self:end;width:70%;margin-top:-40px}.about-strip{grid-template-columns:1fr}.about-strip>a{justify-self:start}.materials-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr auto}footer span{display:none}}@media (width<=520px){.site-header{min-height:54px}.mini-mark,.site-header nav{padding:0 12px}.site-header nav a:nth-child(n+3){display:none}.index-trigger{padding:0 12px}.hero{min-height:620px}.hero h1{text-shadow:4px 4px 0 var(--ink);margin-top:120px;font-size:19vw}.hero-photo-ghost{width:210px;left:30%}.hero-photo-sun{width:160px;top:13%}.hero-photo-red{width:270px;bottom:-3%;right:-18%}.hero-copy{width:calc(100% - 28px);bottom:88px;right:14px}.declaration{font-size:1.7rem}.chaos-console h2{overflow-wrap:anywhere;font-size:1.35rem;line-height:1.14}.chaos-word{white-space:normal}.sunburst{width:100px;bottom:20px}.squiggle{display:none}.content-wall{padding-block:50px}.placeholder-art{min-height:200px}.oversized-quote{font-size:2.7rem}.materials-grid{grid-template-columns:1fr}.materials-grid p{min-height:140px}footer strong{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.draggable{cursor:default}.ticker button{display:none}.scroll-derail{height:auto}.derail-sticky{height:auto;position:relative;top:auto;overflow:visible}.derail-sticky:after,.derail-meter{display:none}.content-wall{width:auto;height:auto;padding:clamp(40px, 6vw, 100px) var(--page-pad);grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,30px);display:grid;translate:none}.wall-card{translate:none;rotate:var(--base-tilt,0deg)}.rail-photo{grid-column:span 3;width:auto;margin:0;transform:none}.card-work{grid-column:1/span 7;width:auto}.card-thought{grid-column:8/-1;width:auto}.card-experiment{grid-column:2/span 5;width:auto}.card-now{grid-column:8/-1;width:auto}.card-note{grid-column:6/span 3;width:auto}}}