@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}}}:root{--acid:#f7ff00;--blue:#1748ff;--orange:#ff5a1f;--pink:#ff4fa3;--paper:#f3efe2;--white:#fffdf7;--ink:#11110f;--rule:3px solid var(--ink);--shadow:7px 7px 0 var(--ink)}html[data-course-page]{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink)}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:4px solid var(--acid);outline-offset:4px}.course-skip{z-index:100;background:var(--acid);border:var(--rule);padding:.75rem 1rem;font-family:IBM Plex Mono,monospace;font-weight:700;position:fixed;top:.75rem;left:.75rem;translate:0 -180%}.course-skip:focus{translate:0}.course-header{z-index:50;background:var(--acid);border-bottom:var(--rule);grid-template-columns:auto auto 1fr auto;align-items:center;min-height:64px;font-family:IBM Plex Mono,monospace;display:grid;position:sticky;top:0}.course-header>a,.course-header>span,.course-header>button{border-right:var(--rule);align-items:center;min-height:61px;padding:.75rem 1rem;text-decoration:none;display:flex}.course-mark{background:var(--ink);color:var(--acid);font-family:Anybody Variable,sans-serif;font-size:1.5rem;font-weight:900}.course-name{font-weight:700}.course-location{text-transform:uppercase;justify-content:center;font-size:.8rem}.course-index-button{background:var(--pink);color:var(--ink);cursor:pointer;border:0;font-weight:700}.course-progress-track{background:var(--white);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);height:5px;position:absolute;inset:auto 0 -5px}.course-progress-track i{width:var(--course-progress,0%);background:var(--blue);height:100%;transition:width .16s steps(4,end);display:block}.course-shell{width:min(100% - 2rem,1360px);margin-inline:auto}.mono-label,.course-eyebrow{letter-spacing:.05em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:700}.course-hero{background:var(--blue);min-height:720px;color:var(--white);border-bottom:var(--rule);padding:clamp(4rem,8vw,8rem) max(1rem,50vw - 660px);position:relative;overflow:hidden}.course-hero h1{max-width:1030px;color:var(--acid);letter-spacing:-.07em;text-transform:uppercase;text-shadow:7px 7px 0 var(--ink);margin:.5rem 0 1.5rem;font-size:clamp(4rem,11vw,10rem);line-height:.8}.course-hero .course-subtitle{text-transform:uppercase;margin:0 0 1rem;font-family:IBM Plex Mono,monospace}.course-hero .course-audience{max-width:700px;font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:700;line-height:1.05}.course-hero-actions,.lesson-actions,.exam-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.course-button{background:var(--acid);min-height:48px;color:var(--ink);border:var(--rule);box-shadow:5px 5px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.1rem;font-family:IBM Plex Mono,monospace;font-weight:700;text-decoration:none;display:inline-flex}.course-button:hover{box-shadow:3px 3px 0 var(--ink);translate:2px 2px}.course-button.secondary{background:var(--white)}.course-button.review{background:var(--pink)}.course-button[aria-pressed=true]{background:var(--ink);color:var(--acid);box-shadow:none;translate:4px 4px}.course-stats{background:var(--white);color:var(--ink);border:var(--rule);box-shadow:var(--shadow);flex-wrap:wrap;gap:0;width:fit-content;margin:3rem 0 0;padding:0;list-style:none;display:flex}.course-stats li{border-right:var(--rule);padding:.75rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.8rem}.course-stats li:last-child{border-right:0}.course-portrait{filter:saturate(0)contrast(1.15);width:min(31vw,430px);position:absolute;bottom:-2rem;right:clamp(-4rem,2vw,2rem);transform:rotate(3deg)}.course-portrait img{width:100%;display:block}.course-stamp{border:var(--rule);background:var(--orange);color:var(--ink);box-shadow:var(--shadow);padding:.75rem;font:700 .8rem/1 IBM Plex Mono,monospace;position:absolute;top:18%;right:4%;rotate:8deg}.course-section{border-bottom:var(--rule);padding:clamp(4rem,8vw,7rem) 0}.course-section h2{letter-spacing:-.06em;max-width:900px;margin:0 0 2rem;font-size:clamp(3rem,7vw,7rem);line-height:.86}.course-section-intro{max-width:760px;font-size:1.25rem;line-height:1.45}.refusal-board{background:var(--pink)}.refusal-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1050px;padding:0;list-style:none;display:grid}.refusal-list li{background:var(--paper);border:var(--rule);box-shadow:5px 5px 0 var(--ink);padding:1rem;font-size:clamp(1.2rem,2.3vw,2rem);font-weight:800}.stage{margin-top:4rem}.stage-heading{border-bottom:var(--rule);align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.stage-heading b{color:var(--blue);font:900 clamp(2.5rem,6vw,5rem)/1 Anybody Variable,sans-serif}.stage-heading h3{margin:0 0 .4rem;font-size:clamp(1.6rem,3vw,3rem)}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.unit-card{background:var(--white);border:var(--rule);min-height:360px;box-shadow:var(--shadow);flex-direction:column;padding:1.25rem;text-decoration:none;transition:translate .12s,box-shadow .12s;display:flex}.unit-card:hover{box-shadow:4px 4px 0 var(--ink);translate:3px 3px}.unit-card-number{color:var(--blue);font:900 clamp(4rem,7vw,7rem)/.8 Anybody Variable,sans-serif}.unit-card h4{margin:1rem 0 .75rem;font-size:1.7rem;line-height:1}.unit-card p{line-height:1.45}.unit-card-meta{border-top:2px solid var(--ink);text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;font:.72rem/1.3 IBM Plex Mono,monospace;display:flex}.how-grid,.portfolio-grid,.assessment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.how-step,.portfolio-item,.assessment-grid article{border:var(--rule);background:var(--white);padding:1.25rem}.assessment-section{background:var(--blue);color:var(--white)}.assessment-section h2{color:var(--acid)}.assessment-grid article{color:var(--ink);box-shadow:5px 5px 0 var(--acid)}.assessment-grid h3{margin-top:0}.how-step b{color:var(--orange);margin-bottom:2rem;font:900 4rem/1 Anybody Variable,sans-serif;display:block}.portfolio-section{background-color:var(--paper);background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);background-size:24px 24px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-item{background:var(--acid);box-shadow:5px 5px 0 var(--ink);font-weight:700}.capstone-section{background:var(--ink);color:var(--white)}.capstone-section h2{color:var(--acid)}.capstone-layout{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.capstone-points{background:var(--acid);min-height:360px;color:var(--ink);border:3px solid var(--white);place-items:center;display:grid;rotate:-2deg}.capstone-points strong{font-size:clamp(5rem,12vw,10rem);line-height:.7}.capstone-list{columns:2;padding-left:1.3rem;line-height:1.4}.capstone-list li{break-inside:avoid;margin-bottom:.8rem}.capstone-details{grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem;display:grid}.capstone-details section{border:3px solid var(--white);padding:1.5rem}.capstone-details h3{color:var(--acid);margin-top:0;font-size:2rem}.capstone-rubric{grid-template-columns:1fr auto;gap:.7rem 1rem;display:grid}.capstone-rubric dt,.capstone-rubric dd{border-bottom:1px solid var(--white);margin:0;padding-bottom:.55rem}.capstone-rubric dd{color:var(--acid);font-family:IBM Plex Mono,monospace}.capstone-criteria{padding-left:1.2rem;line-height:1.45}.capstone-criteria li{margin-bottom:.65rem}.source-note{background:var(--white)}.progress-panel{border:var(--rule);box-shadow:var(--shadow);background:var(--acid);max-width:760px;padding:1.5rem}.progress-panel dl{grid-template-columns:1fr 1fr;gap:.5rem 1rem;display:grid}.progress-panel dt{font-family:IBM Plex Mono,monospace}.progress-panel dd{margin:0;font-weight:800}.unit-masthead{background:var(--blue);color:var(--white);border-bottom:var(--rule);padding:clamp(3rem,7vw,7rem) 0 4rem}.unit-breadcrumbs{text-transform:uppercase;flex-wrap:wrap;gap:.5rem;font:.78rem/1.4 IBM Plex Mono,monospace;display:flex}.unit-breadcrumbs a{color:var(--acid)}.unit-title-grid{grid-template-columns:auto 1fr;align-items:end;gap:clamp(1.5rem,4vw,4rem);margin-top:3rem;display:grid}.unit-giant-number{color:var(--acid);text-shadow:7px 7px 0 var(--ink);font:900 clamp(8rem,21vw,20rem)/.65 Anybody Variable,sans-serif}.unit-masthead h1{letter-spacing:-.06em;max-width:900px;margin:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.82}.unit-outcome{background:var(--white);max-width:850px;color:var(--ink);border:var(--rule);box-shadow:var(--shadow);margin:3rem 0 0 auto;padding:1.25rem;font-size:1.25rem;line-height:1.45}.unit-layout{grid-template-columns:250px minmax(0,760px) minmax(180px,250px);justify-content:center;gap:2.5rem;padding:4rem max(1rem,50vw - 670px) 7rem;display:grid}.unit-nav{border:var(--rule);background:var(--acid);box-shadow:5px 5px 0 var(--ink);align-self:start;position:sticky;top:90px}.unit-nav summary{display:none}.unit-nav ol{margin:0;padding:0;list-style:none}.unit-nav a{border-bottom:2px solid var(--ink);padding:.85rem;font:.75rem/1.35 IBM Plex Mono,monospace;text-decoration:none;display:block}.unit-nav li:last-child a{border-bottom:0}.unit-notes{align-self:start}#roadmap,#capstone,#unit-overview{scroll-margin-top:90px}.unit-progress-opt-in{border-top:2px solid var(--ink);margin-top:1.5rem;padding-top:1.25rem}.margin-note{background:var(--pink);border:var(--rule);box-shadow:5px 5px 0 var(--ink);padding:1rem;font-weight:700;line-height:1.35;position:sticky;top:100px;rotate:1deg}.lesson-column{min-width:0}.lesson{border-bottom:5px solid var(--ink);margin-bottom:6rem;padding:0 0 6rem;scroll-margin-top:90px}.lesson-kicker{text-transform:uppercase;justify-content:space-between;gap:1rem;font:.78rem/1.3 IBM Plex Mono,monospace;display:flex}.lesson h2{letter-spacing:-.05em;margin:.6rem 0 1.5rem;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.88}.lesson-lede{font-size:1.3rem;line-height:1.5}.lesson-block{background:var(--white);border:var(--rule);margin-top:2rem;padding:1.4rem}.lesson-block h3{margin:0 0 1rem;font-size:1.65rem}.lesson-block p{font-size:1.08rem;line-height:1.65}.watch-card{background:var(--blue);color:var(--white);box-shadow:var(--shadow)}.watch-card a{color:var(--acid);font-weight:800}.watch-resources{gap:.75rem;padding:0;list-style:none;display:grid}.watch-resources li{border-top:2px solid;padding-top:.75rem}.evidence-check{background:var(--pink)}.evidence-stamps{flex-wrap:wrap;gap:.5rem;display:flex}.evidence-stamps span{background:var(--ink);color:var(--acid);padding:.4rem .55rem;font:.72rem/1 IBM Plex Mono,monospace;rotate:-1deg}.exercise-card{background:var(--orange);box-shadow:var(--shadow)}.quiz-card{background:var(--acid)}.quiz-question{border-top:2px solid var(--ink);padding:1rem 0}.quiz-question p{font-weight:750}.quiz-question details{background:var(--white);border:2px solid var(--ink);margin-top:.75rem}.quiz-question summary{cursor:pointer;padding:.85rem;font-family:IBM Plex Mono,monospace;font-weight:700}.quiz-answer{padding:0 .85rem .85rem;line-height:1.5}.lesson-actions{padding-top:1.5rem}.unit-exam{background:var(--ink);color:var(--white);border:4px solid var(--orange);box-shadow:9px 9px 0 var(--orange);padding:2rem;scroll-margin-top:90px}.unit-exam h2{color:var(--acid);margin-top:0;font-size:clamp(3rem,7vw,6rem);line-height:.86}.exam-part{border-top:2px solid var(--white);padding:1rem 0}.exam-part h3{color:var(--orange)}.exam-guidance{background:var(--paper);color:var(--ink);border:2px solid var(--orange)}.unit-footer-nav{grid-template-columns:1fr auto 1fr;gap:1rem;margin-top:5rem;display:grid}.unit-footer-nav a{border:var(--rule);background:var(--white);padding:1rem;font-weight:800;text-decoration:none}.unit-footer-nav a:last-child{text-align:right}.course-sources{margin-top:5rem;scroll-margin-top:90px}.course-sources li{overflow-wrap:anywhere;margin-bottom:.65rem;line-height:1.45}.course-footer{background:var(--ink);color:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;font:.72rem/1.3 IBM Plex Mono,monospace;display:flex}.course-footer a{color:var(--acid)}.course-footer button{color:var(--white);border:1px solid var(--white);cursor:pointer;background:0 0;padding:.55rem}.course-index{background:var(--acid);border:4px solid var(--ink);width:min(920px,100% - 2rem);max-height:calc(100dvh - 2rem);box-shadow:12px 12px 0 var(--ink);padding:0}.course-index::backdrop{background:#1748ffc7}.course-index-heading{border-bottom:var(--rule);justify-content:space-between;align-items:start;gap:1rem;padding:1rem;display:flex}.course-index-heading h2{margin:0;font-size:3rem}.course-index-heading button{background:var(--pink);border:var(--rule);cursor:pointer;min-height:44px}.course-index nav{grid-template-columns:repeat(2,1fr);display:grid}.course-index nav a{border:1px solid var(--ink);justify-content:space-between;gap:1rem;padding:.8rem;font-weight:750;text-decoration:none;display:flex}.course-index nav a[aria-current=page]{background:var(--blue);color:var(--white)}.course-live{clip-path:inset(50%);width:1px;height:1px;position:fixed;overflow:hidden}@media (width<=1100px){.unit-layout{grid-template-columns:230px minmax(0,760px)}.unit-notes{display:none}.course-portrait{opacity:.55}}@media (width<=850px){.course-header{grid-template-columns:auto 1fr auto}.course-location{display:none!important}.unit-grid,.how-grid,.assessment-grid,.portfolio-grid{grid-template-columns:1fr 1fr}.capstone-layout,.capstone-details,.unit-title-grid{grid-template-columns:1fr}.unit-giant-number{font-size:9rem}.unit-layout{padding-top:1.5rem;display:block}.unit-nav{box-shadow:none;margin-bottom:3rem;position:static}.unit-nav summary{cursor:pointer;padding:1rem;font-family:IBM Plex Mono,monospace;font-weight:700;display:block}.unit-nav:not([open]) ol{display:none}}@media (width<=620px){.course-header{min-height:56px}.course-header>a,.course-header>button{min-height:53px;padding:.6rem .7rem}.course-name{font-size:.72rem}.course-index-button{font-size:.7rem}.course-hero{min-height:760px;padding-top:4rem}.course-hero h1{font-size:clamp(4rem,22vw,6.3rem)}.course-hero .course-audience{font-size:1.45rem}.course-portrait{opacity:.4;width:270px;right:-70px}.course-stamp{display:none}.course-stats{width:100%}.course-stats li{border-bottom:2px solid var(--ink);width:50%}.unit-grid,.how-grid,.portfolio-grid,.assessment-grid,.refusal-list{grid-template-columns:1fr}.course-section h2{font-size:3.7rem}.capstone-list{columns:1}.unit-masthead{padding-top:2.5rem}.unit-giant-number{font-size:7rem}.unit-masthead h1{font-size:3.5rem}.unit-layout{padding-inline:1rem}.lesson{margin-bottom:4rem;padding-bottom:4rem}.lesson h2{font-size:3rem}.lesson-block{padding:1rem}.lesson-actions,.exam-actions{flex-direction:column}.course-button{width:100%}.unit-footer-nav{grid-template-columns:1fr}.unit-footer-nav a:last-child{text-align:left}.course-index nav,.progress-panel dl{grid-template-columns:1fr}.course-footer{flex-direction:column;align-items:flex-start}}@media print{.course-header,.course-footer,.course-index,.unit-nav,.course-button,.course-progress-track{display:none!important}body{background:#fff}.unit-masthead{color:#000;background:#fff}.unit-layout{padding:0;display:block}.lesson,.unit-exam{break-inside:avoid;box-shadow:none}.unit-exam{color:#000;background:#fff;border-color:#000}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
