/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}@font-face{font-family:Geist Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/geist-latin.woff2)format("woff2")}:root{--font-main:"Geist Variable";--ink:#31213f;--paper:#faf8f0;--purple:#6d4895;--lav:#d7c4ec;--yellow:#f7edb0;--coral:#f08466;--line:#dcd6df}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-main),Arial,sans-serif;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #c15f36}h1,h2,h3,p{margin:0}img{max-width:100%;height:auto;display:block}em{font-family:Georgia,serif;font-weight:400}::selection{background:var(--lav)}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:#fff;padding:15px;position:fixed;top:-100px;left:15px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:40px;height:100px;padding:0 5%;display:flex;position:relative}.logo{letter-spacing:-3px;align-items:center;font-size:46px;font-weight:850;display:inline-flex}.logo>span{color:var(--purple);margin:0 0 0 4px;font-size:36px;line-height:1}.brand-note{font-size:10px;line-height:1.5}.header nav{align-items:center;gap:28px;margin-left:auto;font-size:12px;display:flex}.header nav>a{padding:14px 0}.header nav>a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}.header nav>.nav-studio{border:1px solid var(--ink);border-radius:25px;padding:13px 23px}.menu{display:none}.eyebrow{letter-spacing:1.1px;font-size:10px;font-weight:600;line-height:1.6}.pill{border:1px solid var(--ink);border-radius:20px;padding:7px 12px;font-size:9px;display:inline-block}.hero{background:var(--yellow);grid-template-columns:1fr 1.1fr;align-items:center;min-height:630px;display:grid;overflow:hidden}.hero-copy{z-index:2;padding:60px 0 55px 11%;position:relative}.hero h1{letter-spacing:-.065em;margin:26px -120px 25px 0;font-size:clamp(58px,6.2vw,98px);font-weight:650;line-height:1.02}.hero h1 em{color:var(--purple)}.hero-copy>p{max-width:390px;font-size:13px;line-height:1.85}.button-row{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.hero .button-row{margin-top:30px}.button{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);border-radius:28px;justify-content:center;align-items:center;padding:15px 23px;font-size:12px;font-weight:500;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:var(--purple);border-color:var(--purple);transform:translateY(-2px)}.text-button{background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:8px;min-height:44px;padding:12px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--purple)}.hero-note{letter-spacing:.8px;align-items:center;gap:15px;margin-top:50px;font-size:8px;display:flex}.hero-note b{color:var(--purple);font-size:14px;font-weight:400}.mascot{aspect-ratio:1.5;min-width:0;position:relative}.mascot img{object-fit:contain;width:100%;height:100%}.hero-mascot{margin-right:-5%;transform:scale(1.08);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8%);mask-image:linear-gradient(90deg,#0000,#000 8%)}.pupil{width:4.1%;height:8.5%;transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px)));background:#21172d;border-radius:50%;transition:transform .15s ease-out;position:absolute;top:42.8%;box-shadow:inset -3px -3px 6px #05020780}.pupil:after{content:"";background:#fff;border-radius:50%;width:26%;height:21%;position:absolute;top:16%;left:23%}.pupil.left{left:42.3%}.pupil.right{left:57.6%}.hello{text-align:center;background:var(--paper);border:1px solid var(--ink);border-radius:50%;padding:12px 18px;font-family:Georgia,serif;font-size:16px;font-style:italic;position:absolute;top:7%;right:14%;transform:rotate(9deg)}.ribbon{background:var(--lav);letter-spacing:1px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:space-around;align-items:center;gap:30px;padding:20px 4%;font-size:10px;font-weight:600;display:flex}.ribbon b{font-size:24px;line-height:1}.section{padding:72px 5%}.section-title{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.section-title h2{letter-spacing:-1.8px;margin-top:12px;font-size:42px;font-weight:550;line-height:1.1}.workshop-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.workshop-grid.featured{grid-template-columns:repeat(3,1fr)}.workshop-card{border:1px solid var(--ink);background:var(--paper);border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.workshop-card:hover{box-shadow:5px 7px 0 var(--lav);transform:translateY(-5px)}.art{border-bottom:1px solid var(--ink);justify-content:center;align-items:center;height:270px;display:flex;position:relative;overflow:hidden}.palette{background:#b9cbae;gap:0}.palette>i{background:#503a75;border-radius:60px;width:17%;height:65%;transform:rotate(17deg);box-shadow:5px 4px #0001}.palette>i:nth-child(2){background:#c6afe8;margin-left:-4%;transform:rotate(-9deg)}.palette>i:nth-child(3){background:#f8edb1;margin-left:-4%;transform:rotate(10deg)}.palette>i:nth-child(4){background:#f17757;margin-left:-4%;transform:rotate(-12deg)}.palette>i:nth-child(5){background:#dff0d0;margin-left:-4%;transform:rotate(13deg)}.palette>span{letter-spacing:-.5px;font-size:12px;font-weight:750;line-height:1.1;position:absolute;bottom:15px;left:20px}.zine{background:var(--coral)}.zine>b{background:var(--paper);letter-spacing:-1.4px;width:55%;padding:25px 25px 35px;font-size:29px;font-weight:700;line-height:1.05;transform:rotate(-10deg);box-shadow:8px 8px #54294140}.zine>b em{color:var(--purple)}.zine>span{font-size:10px;position:absolute;bottom:30px;right:25px;transform:rotate(90deg)}.poster{background:#a9bfd5}.poster>b{letter-spacing:-3px;color:#382952;font-size:55px;font-weight:900;line-height:.91;transform:rotate(-8deg)}.poster>b>em{color:#f8f0bb;-webkit-text-stroke:1px #382952;font-family:inherit;font-style:normal}.draw{background:#e8d2e4}.draw>b{z-index:2;letter-spacing:-1px;font-size:37px;font-weight:550;line-height:1.05;position:relative;transform:rotate(-7deg)}.draw-shape{border:3px solid var(--purple);border-radius:40% 60% 30% 70%;width:180px;height:180px;position:absolute;transform:rotate(25deg)}.draw-shape.two{border-color:#bd6848;transform:translate(60px,10px)rotate(75deg)}.draw-shape.three{border-color:#717d53;transform:translate(-50px,-10px)rotate(-35deg)}.card-content{padding:23px}.card-meta{justify-content:space-between;align-items:center;margin-bottom:17px;font-size:10px;display:flex}.card-meta>span:first-child{background:#ece8ef;border-radius:20px;padding:5px 9px}.card-content h3{letter-spacing:-.8px;justify-content:space-between;gap:15px;font-size:23px;font-weight:600;line-height:1.15;display:flex}.card-content h3>span{font-size:20px;font-weight:400}.card-content p{color:#6d6273;min-height:42px;margin:15px 0 22px;font-size:12px;line-height:1.7}.card-foot{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:15px;font-size:9px;display:flex}.card-foot>span:last-child{color:var(--purple);font-weight:600}.play-banner{background:var(--lav);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:65px 8%;display:grid;overflow:hidden}.play-banner h2{letter-spacing:-2.8px;margin:24px 0;font-size:58px;font-weight:550;line-height:1.03}.play-banner p{margin-bottom:25px;font-size:12px;line-height:1.8}.colour-stack{max-width:420px;height:300px;position:relative}.colour-stack span{border:1px solid var(--ink);background:var(--purple);border-radius:14px;width:65%;height:58%;position:absolute;top:0;left:6%;transform:rotate(-12deg);box-shadow:8px 9px #31213f15}.colour-stack span:nth-child(2){background:var(--coral);top:30px;left:12%;transform:rotate(8deg)}.colour-stack span:nth-child(3){background:#b5cead;top:60px;left:16%;transform:rotate(-5deg)}.colour-stack span:nth-child(4){background:var(--paper);top:90px;left:23%;transform:rotate(12deg)}.colour-stack span:nth-child(5){background:var(--yellow);top:120px;left:28%;transform:rotate(-8deg)}.manifesto{text-align:center}.manifesto>h2{letter-spacing:-2.4px;margin:25px 0 50px;font-size:55px;font-weight:500;line-height:1.07}.principles{text-align:left;grid-template-columns:repeat(3,1fr);gap:60px;padding-top:30px;display:grid}.principles b{color:var(--purple);font-size:10px}.principles h3{letter-spacing:-.8px;margin:15px 0;font-size:25px;font-weight:500}.principles p{color:#6d6273;max-width:300px;font-size:13px;line-height:1.8}.footer{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr;gap:45px;padding:50px 5% 25px;display:grid}.footer .logo{font-size:62px}.footer .logo>span{color:var(--lav);font-size:45px}.footer>div:first-child{align-items:center;gap:50px;display:flex}.footer p{font-size:12px;line-height:1.8}.footer>div:nth-child(2){flex-direction:column;align-items:flex-end;gap:20px;font-size:12px;display:flex}.footer-bottom{color:#c9bfce;border-top:1px solid #ffffff35;grid-column:1/-1;justify-content:space-between;gap:20px;padding-top:24px;font-size:9px;display:flex}.page{padding:0 5% 75px}.page-title{padding:50px 0 45px}.page-title h1,.about-hero h1,.empty h1{letter-spacing:-.065em;margin:24px 0;font-size:clamp(65px,7.5vw,112px);font-weight:600;line-height:1}.page-title h1>em,.about-hero h1>em{color:var(--purple)}.page-title p{color:#6d6273;font-size:14px;line-height:1.8}.filter-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:24px 0;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{border:1px solid var(--line);background:0 0;border-radius:25px;min-height:44px;padding:11px 17px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.time-filter{align-items:center;gap:12px;font-size:10px;display:flex}.time-filter select{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:44px;padding:12px 28px 12px 10px;font-size:11px}.result-count{color:#6d6273;margin:0 0 22px;font-size:11px}.empty{text-align:center;padding:65px 20px}.empty h2{letter-spacing:-1.3px;margin:20px 0;font-size:36px;font-weight:550}.empty p{color:#6d6273;max-width:470px;margin:20px auto 30px;font-size:14px;line-height:1.8}.empty-star{color:var(--purple);font-size:60px}.workshop-intro{padding-top:25px;padding-bottom:0}.intro-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:35px 0;display:grid}.intro-grid .art{border:1px solid var(--ink);border-radius:16px;height:350px}.intro-grid h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(50px,5.5vw,80px);font-weight:600;line-height:1.03}.intro-grid p{color:#6d6273;max-width:450px;margin-bottom:25px;font-size:15px;line-height:1.8}.supplies{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;padding:25px 0 40px;display:grid}.supplies ul{padding-left:18px;font-size:13px;line-height:2}.supplies p{max-width:400px;margin-top:15px;font-size:13px;line-height:1.8}.lesson-shell{border-top:1px solid var(--line);background:#efebf4;padding:60px 5% 80px;scroll-margin-top:15px}.lesson-layout{grid-template-columns:260px 1fr;gap:7%;max-width:1200px;margin:auto;display:grid}.lesson-layout aside ol{margin:25px 0;padding:0;list-style:none}.lesson-layout aside button{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:48px;padding:14px 0;font-size:12px;display:flex}.lesson-layout aside button>span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.lesson-layout aside button[aria-current=step]{color:var(--purple);font-weight:650}.lesson-layout aside button[aria-current=step]>span{background:var(--purple);color:#fff}.lesson-layout aside>p{color:#6d6273;max-width:220px;font-size:11px;line-height:1.7}.lesson{background:var(--paper);border:1px solid var(--line);border-radius:20px;min-width:0;padding:35px 40px}.lesson-progress{background:#e5ddeb;border-radius:10px;height:5px;margin-bottom:32px;overflow:hidden}.lesson-progress>span{background:var(--purple);border-radius:10px;height:100%;display:block}.lesson h2{letter-spacing:-1.3px;margin:15px 0 20px;scroll-margin-top:30px;font-size:36px;font-weight:550;line-height:1.15}.instruction{color:#62586a;font-size:15px;line-height:1.9}.notes-label{margin:30px 0 13px;font-size:13px;font-weight:550;line-height:1.7;display:block}.notes-label>span{color:#796a82;margin-top:5px;font-size:10px;font-weight:400;display:block}.lesson textarea{border:1px solid var(--line);resize:vertical;background:#fffcf5;border-radius:10px;width:100%;padding:16px;font-size:14px;line-height:1.7;display:block}.lesson-controls{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.reset-line{border-top:1px solid var(--line);flex-wrap:wrap;gap:15px;margin-top:35px;padding-top:20px;font-size:10px;display:flex}.reset-line>button{background:0 0;border:0;min-height:36px;text-decoration:underline}.complete{text-align:center;max-width:650px;margin:auto}.complete-star{color:var(--purple);font-size:80px}.complete h2{letter-spacing:-2.5px;margin:22px 0;font-size:57px;line-height:1.03}.complete>p:not(.eyebrow){color:#6d6273;font-size:14px;line-height:1.8}.complete .button-row{justify-content:center;margin-top:30px}.studio-stats{background:var(--yellow);border:1px solid var(--ink);border-radius:15px;grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:30px;margin-bottom:45px;padding:30px;display:grid}.studio-stats strong{letter-spacing:-3px;font-size:50px;display:block}.studio-stats span{font-size:11px}.studio-stats p{justify-self:end;font-family:Georgia,serif;font-size:25px;line-height:1.3}.palette-workspace{border:1px solid var(--ink);border-radius:16px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.swatch label{cursor:pointer;height:310px;display:block;position:relative}.swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch label:focus-within{outline-offset:-8px;outline:4px solid #fff}.swatch-edit{background:var(--paper);pointer-events:none;white-space:nowrap;border-radius:25px;padding:8px 15px;font-size:10px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.swatch>span{text-align:center;background:var(--paper);padding:16px 4px;font-family:monospace;font-size:11px;display:block}.palette-controls{justify-content:space-between;align-items:flex-end;gap:35px;margin:30px 0 20px;display:flex}.palette-controls>label{flex:1;min-width:250px;font-size:11px}.palette-controls input{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;width:100%;max-width:380px;padding:12px 0;font-size:18px;display:block}.palette-controls .button-row{gap:18px}.play-status{color:#6d6273;min-height:24px;font-size:12px}.palette-preview{border:1px solid var(--ink);border-radius:15px;min-height:280px;margin-top:40px;padding:50px;position:relative;overflow:hidden}.palette-preview>span{z-index:2;color:#211a28;border-radius:20px;padding:8px 12px;font-size:9px;display:inline-block;position:relative}.palette-preview h2{letter-spacing:-2px;z-index:2;overflow-wrap:anywhere;max-width:65%;margin:35px 0 5px;font-size:clamp(32px,4vw,65px);line-height:1.1;position:relative}.palette-preview>div{border-radius:45px;width:230px;height:230px;position:absolute;top:15%;right:5%;transform:rotate(15deg)}.palette-preview i{border-radius:50%;position:absolute;inset:20%}.small-note{color:#6d6273;margin-top:15px;font-size:10px;line-height:1.6}.about-hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:50px;display:grid}.about-hero p{color:#6d6273;max-width:460px;margin-bottom:20px;font-size:14px;line-height:1.85}.about-hero .button{margin-top:10px}.about-hero .mascot{border-radius:30px;overflow:hidden}.about-note{max-width:770px;margin:auto;padding:50px 25px 90px}.about-note h2{letter-spacing:-2px;margin:25px 0;font-size:55px;font-weight:550;line-height:1.1}.about-note p{color:#6d6273;margin:25px 0;font-size:15px;line-height:1.9}.storage-notice{background:var(--ink);color:#fff;z-index:50;padding:15px;font-size:12px;position:fixed;bottom:15px;left:5%;right:5%}@media (width>=1600px){body{max-width:1920px;margin:auto}.hero{min-height:760px}.hero h1{font-size:112px}}@media (width<=1100px){.brand-note{display:none}.header{gap:20px}.hero h1{font-size:7vw}.hero-copy{padding-top:50px;padding-bottom:45px}.hero{min-height:570px}.hero .button-row{gap:15px}.hero-note{gap:10px;font-size:7px}.hero-mascot{transform:scale(1.14)}.featured .card-content{padding:18px}.featured .card-content h3{font-size:21px}.featured .art{height:230px}.play-banner h2{font-size:47px}.filter-row{flex-direction:column;align-items:flex-start}.lesson-layout{grid-template-columns:220px 1fr;gap:30px}.lesson{padding:28px}.palette-controls{flex-direction:column;align-items:flex-start}.about-hero{gap:10px}.about-hero h1{font-size:7vw}}@media (width<=800px){.header{justify-content:space-between;height:82px;padding:0 5%}.logo{font-size:40px}.logo>span{font-size:30px}.menu{border:1px solid var(--ink);background:0 0;border-radius:25px;min-height:44px;padding:10px 18px;font-size:12px;display:block}.header nav{background:var(--paper);border-bottom:1px solid var(--ink);padding:15px 5% 25px;display:none;position:absolute;top:82px;left:0;right:0;box-shadow:0 12px 20px #31213f12}.header nav.open{flex-direction:column;align-items:stretch;gap:5px;display:flex}.header nav>a{padding:16px 0;font-size:18px}.header nav>.nav-studio{text-align:center;margin-top:8px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 6% 10px}.hero h1{margin:24px 0;font-size:clamp(55px,10vw,82px)}.hero-copy>p{font-size:13px}.hero .button-row{gap:20px;margin-top:25px}.hero-note{gap:14px;margin-top:30px;font-size:8px}.hero-mascot{aspect-ratio:1.5;width:100%;max-height:500px;margin:0;transform:none;-webkit-mask-image:none;mask-image:none}.hero-mascot img{object-fit:fill}.hello{font-size:13px;top:6%;right:13%}.ribbon{gap:15px;padding:15px 5%;font-size:8px}.ribbon span:last-child,.ribbon>b:last-of-type{display:none}.ribbon b{font-size:20px}.section{padding:48px 5%}.section-title{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:25px}.section-title h2{font-size:34px}.workshop-grid.featured{grid-template-columns:1fr 1fr}.workshop-grid.featured>.workshop-card:last-child{grid-column:1/-1;max-width:100%}.featured .art{height:260px}.workshop-grid.featured>.workshop-card:last-child>a{grid-template-columns:1fr 1fr;display:grid}.workshop-grid.featured>.workshop-card:last-child .art{border-right:1px solid var(--ink);border-bottom:0}.workshop-grid.featured>.workshop-card:last-child .card-content{align-self:center}.play-banner{grid-template-columns:1fr;gap:25px;padding:45px 6%}.play-banner h2{font-size:47px}.colour-stack{justify-self:center;width:80%;height:300px;margin-top:15px}.manifesto>h2{letter-spacing:-1.8px;font-size:44px}.principles{gap:30px}.principles h3{font-size:22px}.footer>div:first-child{flex-direction:column;align-items:flex-start;gap:20px}.footer-bottom{flex-wrap:wrap;line-height:1.7}.page{padding:0 5% 55px}.page-title{padding-top:38px}.page-title h1{font-size:70px}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-grid h1{font-size:58px}.intro-grid .art{height:300px}.supplies{gap:35px}.lesson-layout{grid-template-columns:1fr}.lesson-layout aside ol{grid-template-columns:1fr 1fr;gap:5px 15px;margin:15px 0;display:grid}.lesson-layout aside>p{max-width:none}.lesson-shell{padding:35px 5% 50px}.lesson{padding:30px}.studio-stats{gap:15px;padding:25px}.studio-stats p{font-size:20px}.studio-stats strong{font-size:40px}.swatch label{height:240px}.palette-preview{padding:35px}.palette-preview>div{width:180px;height:180px;right:-20px}.palette-preview h2{max-width:78%;font-size:40px}.about-hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.about-hero h1{font-size:70px}.about-hero .mascot{max-width:550px}.about-note h2{font-size:45px}}@media (width<=540px){.hero h1{font-size:clamp(48px,11.5vw,64px)}.hero-copy{padding-top:35px}.hero-copy>p br{display:none}.hero-note{gap:11px;font-size:7px}.hero .button{padding:14px 19px;font-size:11px}.hero .text-button{font-size:11px}.hello{padding:10px 13px;font-size:12px}.workshop-grid,.workshop-grid.featured{grid-template-columns:1fr;gap:26px}.workshop-grid.featured>.workshop-card:last-child>a{display:block}.workshop-grid.featured>.workshop-card:last-child .art{border-right:0;border-bottom:1px solid var(--ink)}.art,.featured .art{height:270px}.card-content,.featured .card-content{padding:23px}.card-content h3,.featured .card-content h3{font-size:25px}.card-content p{min-height:0}.section-title h2{letter-spacing:-1.3px;font-size:32px}.play-banner h2{font-size:41px}.colour-stack{width:100%;height:270px}.manifesto>h2{letter-spacing:-1.5px;font-size:35px}.principles{grid-template-columns:1fr;gap:28px}.principles>div{border-bottom:1px solid var(--line);padding-bottom:25px}.principles h3{margin:10px 0;font-size:25px}.footer{gap:30px}.footer .logo{font-size:51px}.footer .logo>span{font-size:37px}.footer>div:nth-child(2){font-size:11px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.page-title h1,.about-hero h1{font-size:62px}.page-title p{font-size:13px}.page-title p br{display:none}.filters{gap:6px}.filters button{padding:10px 13px;font-size:11px}.time-filter{justify-content:space-between;width:100%}.supplies{grid-template-columns:1fr;gap:15px}.intro-grid h1{font-size:50px}.intro-grid .eyebrow{font-size:9px}.intro-grid .art{height:280px}.lesson-layout aside ol{grid-template-columns:1fr}.lesson-layout aside button{min-height:44px;padding:7px 0}.lesson{padding:24px 19px}.lesson h2{letter-spacing:-1px;font-size:30px}.instruction{font-size:14px}.notes-label{font-size:12px}.lesson-controls{flex-wrap:wrap;gap:15px}.lesson-controls .button{padding:14px 19px;font-size:11px}.complete h2{font-size:43px}.studio-stats{grid-template-columns:1fr 1fr}.studio-stats p{grid-column:1/-1;justify-self:start;margin-top:12px;font-size:21px}.studio-stats p br{display:none}.studio-stats span{font-size:10px}.empty h2{font-size:30px}.empty p{font-size:13px}.palette-workspace{border-radius:12px}.swatch label{height:205px}.swatch>span{padding:12px 2px;font-size:9px}.swatch-edit{padding:7px 10px;font-size:8px}.palette-controls{gap:20px}.palette-controls>label{width:100%;min-width:0}.palette-controls .button-row{gap:12px}.palette-controls .button{padding:13px 18px;font-size:11px}.palette-preview{min-height:290px;padding:26px}.palette-preview>div{width:130px;height:130px;top:auto;bottom:-15px;right:-15px}.palette-preview h2{letter-spacing:-1.6px;max-width:100%;padding-bottom:45px;font-size:37px}.about-note{padding:30px 6% 50px}.about-note h2{font-size:38px}.about-note p{font-size:14px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) *,html:not([data-motion=on]) :before,html:not([data-motion=on]) :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html:not([data-motion=on]) .pupil{transform:translate(-50%,-50%)!important}html:not([data-motion=on]) .workshop-card:hover,html:not([data-motion=on]) .button:hover{transform:none}}.motion-control{white-space:nowrap;background:0 0;border:1px solid #6d489555;border-radius:20px;min-height:38px;padding:9px 12px;font-size:9px}.character-plane{transform-origin:50% 90%;position:absolute;inset:0}.character-plane img{object-fit:fill;width:100%;height:100%}.hero-mascot{overflow:visible}.mascot{isolation:isolate;overflow:hidden}.mascot .hello{z-index:3}.hero-copy h1{z-index:4;position:relative}.hero h1 em{transform-origin:0 100%;display:inline-block}.hero-copy .pill{transform:rotate(-3deg)}html[data-motion=on] .character-plane{animation:4s ease-in-out infinite odd-breathe}html[data-motion=on] .hello{animation:5s ease-in-out infinite hello-wiggle}html[data-motion=on] .hero h1 em{animation:5s cubic-bezier(.22,1,.36,1) infinite word-pop}html[data-motion=on] .hero-copy>h1{animation:1s cubic-bezier(.16,1,.3,1) both odd-arrive}html[data-motion=on] .hero-copy>p{animation:.8s .18s both odd-arrive}html[data-motion=on] .hero-copy>.button-row{animation:.8s .32s both odd-arrive}html[data-motion=on] .ribbon>b{animation:12s linear infinite odd-spin}html[data-motion=on] .logo>span{animation:18s linear infinite odd-spin}html[data-motion=on] .palette>i{animation:4s ease-in-out infinite swatch-dance}html[data-motion=on] .palette>i:nth-child(2n){animation-delay:-2s}html[data-motion=on] .zine>b{animation:6s ease-in-out infinite zine-wiggle}html[data-motion=on] .poster>b{animation:5s ease-in-out infinite poster-beat}html[data-motion=on] .draw-shape{animation:10s ease-in-out infinite alternate shape-wander}html[data-motion=on] .draw-shape.two{animation-direction:alternate-reverse;animation-delay:-4s}html[data-motion=on] .draw-shape.three{animation-delay:-7s}html[data-motion=on] .colour-stack span{animation:6s ease-in-out infinite alternate colour-fan}html[data-motion=on] .colour-stack span:nth-child(2){animation-delay:-1s}html[data-motion=on] .colour-stack span:nth-child(3){animation-delay:-2s}html[data-motion=on] .colour-stack span:nth-child(4){animation-delay:-3s}html[data-motion=on] .colour-stack span:nth-child(5){animation-delay:-4s}html[data-motion=on] main{animation:.55s ease-out both page-arrive}html[data-motion=on] .complete-star{animation:12s linear infinite odd-spin;display:inline-block}html[data-motion=on] .palette-preview>div{animation:7s ease-in-out infinite alternate colour-fan}html[data-motion=on] .entrance{opacity:0;transition:opacity .8s var(--delay,0s),transform 1s cubic-bezier(.16,1,.3,1) var(--delay,0s);transform:translateY(45px)rotate(1deg)}html[data-motion=on] .entrance.arrived{opacity:1;transform:none}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}.workshop-card .art{perspective:900px}.workshop-card:hover{transform:translateY(-8px)rotate(-1deg)}.workshop-card:nth-child(2n):hover{transform:translateY(-8px)rotate(1deg)}.button:active{transform:scale(.95)}.lesson-progress>span{transition:width .5s cubic-bezier(.22,1,.36,1)}@keyframes odd-breathe{0%,to{transform:translateY(0)rotate(-1deg)scale(1)}50%{transform:translateY(-12px)rotate(1.5deg)scale(.985,1.025)}}@keyframes hello-wiggle{0%,70%,to{transform:rotate(9deg)translateY(0)}80%{transform:rotate(2deg)translateY(-8px)}90%{transform:rotate(14deg)translateY(-3px)}}@keyframes word-pop{0%,60%,to{transform:rotate(0)translateY(0)}70%{transform:rotate(-3deg)translateY(-6px)}80%{transform:rotate(2deg)translateY(0)}}@keyframes odd-spin{to{transform:rotate(360deg)}}@keyframes swatch-dance{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-18px)rotate(10deg)}}@keyframes zine-wiggle{0%,to{transform:rotate(-10deg)translateY(0)}50%{transform:rotate(3deg)translateY(-12px)}}@keyframes poster-beat{0%,65%,to{transform:rotate(-8deg)scale(1)}80%{transform:rotate(-3deg)scale(1.08)}}@keyframes shape-wander{0%{transform:translate(-40px,-15px)rotate(0)}to{transform:translate(40px,15px)rotate(100deg)}}@keyframes colour-fan{0%{transform:rotate(-12deg)translateY(0)}to{transform:rotate(15deg)translateY(-18px)}}@keyframes odd-arrive{0%{opacity:0;transform:translateY(45px)rotate(2deg)}to{opacity:1;transform:none}}@keyframes page-arrive{0%{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=1100px){.header{gap:18px}.header nav{gap:20px}.motion-control{padding:9px;font-size:8px}.header .brand-note{display:none}}@media (width<=800px){.header .motion-control{margin-left:auto}.header{gap:14px}.character-plane{inset:0}.hero-mascot{max-height:none}.hello{right:10%}}@media (width<=370px){.header{gap:9px}.motion-control{padding:8px;font-size:7px}.menu{padding:10px 12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@font-face{font-family:OddDisplay;src:url(/fonts/anton.woff2)format("woff2");font-weight:400;font-display:swap}:root{--cream:#fff8e7;--ink:#232324;--purple:#4740e4;--yellow:#e3f456;--line:#232324;--lavender:#f5b6d0}body{color:#232324;background:#fff8e7}.header{background:#fff8e7;border-bottom:2px solid #232324;gap:32px;height:88px;padding-inline:4%}.logo{letter-spacing:-.045em;font-family:OddDisplay,Impact,sans-serif;font-size:48px;font-weight:400;line-height:1}.logo span{color:#ff481e;font-size:36px}.brand-note{letter-spacing:.03em;font:9px/1.6 monospace}.header nav{font-size:12px}.nav-studio{box-shadow:3px 3px #232324;color:#232324!important;background:#e3f456!important;border:2px solid!important;border-radius:0!important;padding:12px 18px!important}.motion-control{border-color:#232324;border-radius:0;font:9px monospace}.header .menu{border-radius:0}.mess-hero{background:#f5b6d0;padding-bottom:36px;position:relative;overflow:hidden}.mess-corner{z-index:5;pointer-events:none;justify-content:space-between;padding:24px 4% 0;font:9px/1.5 monospace;display:flex;position:absolute;top:0;left:0;right:0}.mess-corner>span:last-child{text-align:right}.mess-stage{height:690px;position:relative;overflow:hidden}.mess-stage h1{letter-spacing:-.035em;pointer-events:none;z-index:2;flex-direction:column;align-items:center;font-family:OddDisplay,Impact,sans-serif;font-size:clamp(115px,15.2vw,260px);font-weight:400;line-height:.93;display:flex;position:absolute;top:18%;left:10%;right:10%}.mess-stage h1>span{animation:1.3s cubic-bezier(.16,1,.3,1) both odd-type-drop;display:block}.mess-stage h1>span:nth-child(2){white-space:nowrap;animation-delay:.15s}.mess-stage h1 i{color:#ff481e;-webkit-text-stroke:1px #232324;font-family:inherit;font-style:normal;animation:6s ease-in-out infinite mess-word;display:inline-block}.mess-sticker{z-index:4;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;color:#232324;border:2px solid #232324;flex-direction:column;justify-content:center;align-items:center;padding:15px;font:20px/.95 OddDisplay,Impact,sans-serif;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:5px 6px #232324}.mess-sticker:active{cursor:grabbing;z-index:8}.sticker-smile{background:#e3f456;border-radius:50%;width:150px;height:150px;display:block}.sticker-smile i{background:#232324;border-radius:50%;width:13px;height:26px;position:absolute;top:28%;left:28%;transform:rotate(-7deg)}.sticker-smile i:nth-child(2){left:61%;transform:rotate(7deg)}.sticker-smile b{border-bottom:5px solid #232324;border-radius:50%;height:28%;position:absolute;top:47%;left:26%;right:26%}.sticker-star{color:#fff8e7;clip-path:polygon(50% 0,60% 20%,78% 5%,78% 30%,100% 27%,88% 49%,100% 67%,77% 70%,79% 95%,58% 82%,48% 100%,39% 80%,16% 93%,21% 69%,0 65%,14% 48%,0 30%,23% 29%,21% 6%,41% 20%);width:150px;height:150px;box-shadow:none;background:#4942e8;border:0;font-size:24px}.sticker-note{background:#fff8e7;width:135px;min-height:116px;font-size:24px;box-shadow:4px 5px #232324}.sticker-flower{box-shadow:none;color:#ff481e;text-shadow:3px 3px #232324;background:0 0;border:0;width:180px;height:180px;padding:0;font-size:200px;line-height:1}.sticker-tape{box-shadow:none;clip-path:polygon(0 8%,100% 0,97% 20%,100% 40%,97% 60%,100% 86%,0 100%,3% 75%,0 50%,3% 25%);background:#fff8e7b8;border:0;width:210px;min-height:42px;font:10px monospace}.sticker-squiggle{color:#4942e8;width:130px;height:85px;box-shadow:none;background:0 0;border:0;font:120px/1 Georgia,serif}.sticker-oval{color:#fff8e7;background:#4942e8;border-radius:50%;width:125px;height:85px;font-size:23px;box-shadow:4px 4px #232324}.mess-doodle{z-index:0;opacity:.25;position:absolute;inset:13% 14% 18%;transform:rotate(-12deg)}.mess-doodle svg{fill:none;stroke:#ff481e;stroke-width:4px;stroke-dasharray:1300;width:100%;height:100%;animation:7s ease-in-out infinite draw-line}.mess-bottom{z-index:5;justify-content:space-between;align-items:end;gap:35px;padding:0 5%;display:flex;position:relative}.mess-bottom>div:first-child{align-items:center;gap:40px;display:flex}.mess-bottom p{font-size:13px;line-height:1.5}.mess-cta{color:#fff8e7;background:#232324;border:2px solid #232324;justify-content:space-between;align-items:center;gap:28px;min-height:60px;padding:18px 23px;font:15px OddDisplay,Impact,sans-serif;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:5px 5px #ff481e}.mess-cta>span{font-size:27px}.mess-cta:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #ff481e}.mess-shake{text-align:right;flex-direction:column;align-items:end;gap:10px;display:flex}.mess-shake button{border:0;border-bottom:2px solid;min-height:48px;padding:10px 0;font:15px OddDisplay,Impact,sans-serif;animation:.5s shake-bounce}.mess-shake button span{margin-left:13px;font:28px Arial,sans-serif;display:inline-block}.mess-shake>span{font:8px monospace}.oddly-running-type{color:#e3f456;z-index:6;background:#232324;border-block:2px solid #232324;margin-block:-1px 0;padding:17px 0;position:relative;overflow:hidden;transform:rotate(-2deg)scale(1.03)}.oddly-running-type>div{width:max-content;animation:22s linear infinite odd-running;display:flex}.oddly-running-type span{white-space:nowrap;font:36px/1 OddDisplay,Impact,sans-serif}.rabbit-holes{padding:110px 5% 90px}.rabbit-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px;display:flex}.rabbit-heading h2{text-transform:uppercase;letter-spacing:-.02em;font:clamp(60px,7.5vw,120px)/.95 OddDisplay,Impact,sans-serif}.rabbit-heading h2>span{color:#4942e8}.rabbit-heading p{max-width:270px;padding-bottom:5px;font-size:13px;line-height:1.8}.rabbit-row{border-top:2px solid #232324;grid-template-columns:75px 1fr 130px 65px;align-items:center;gap:25px;padding:35px 20px;transition:background .3s,transform .4s;display:grid;position:relative}.rabbit-row:last-child{border-bottom:2px solid #232324}.rabbit-row h3{text-transform:uppercase;letter-spacing:-.015em;z-index:2;max-width:720px;font:clamp(33px,4vw,64px)/1.05 OddDisplay,Impact,sans-serif;position:relative}.rabbit-no{font:16px monospace}.rabbit-time{text-transform:uppercase;font:10px/1.7 monospace}.rabbit-arrow{font-size:55px;transition:transform .4s}.rabbit-art{pointer-events:none;z-index:3;opacity:0;width:240px;height:210px;transition:opacity .3s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;right:23%;transform:translateY(25px)rotate(-15deg)scale(.75)}.rabbit-art>.art{border:2px solid #232324;height:100%;overflow:hidden;box-shadow:8px 8px #232324}.rabbit-art .art>span,.rabbit-art .art>b{font-size:35px}.rabbit-row:hover .rabbit-art{opacity:1;transform:translateY(-25px)rotate(9deg)scale(1)}.rabbit-row:hover .rabbit-arrow{transform:rotate(45deg)}.rabbit-palette:hover{background:#e3f456}.rabbit-zine:hover{background:#f5b6d0}.rabbit-poster:hover{background:#c4bff4}.rabbit-draw:hover{background:#ffcbb8}.scribble-section{background:#e3f456;border-block:2px solid #232324;grid-template-columns:1fr 1.25fr;gap:8%;padding:85px 6%;display:grid}.scribble-label{font:10px monospace}.scribble-section h2{text-transform:uppercase;margin:30px 0;font:clamp(70px,9vw,140px)/.92 OddDisplay,Impact,sans-serif}.scribble-section h2>span{color:#4942e8}.scribble-section p{max-width:340px;font-size:13px}.scribble-tools{gap:13px;margin:28px 0 18px;display:flex}.scribble-tools button{border:2px solid #232324;border-radius:50%;width:40px;height:40px}.scribble-tools button[aria-pressed=true]{outline-offset:4px;outline:2px solid #232324}.wipe-button{background:0 0;border:0;min-height:44px;font:12px monospace;text-decoration:underline;display:block}.scribble-section>div>a{border-bottom:1px solid;margin-top:15px;padding:12px 0;font-size:11px;display:inline-block}.drawing-paper{background:#fff8e7 radial-gradient(#2323242b 1px,#0000 1px) 0 0/20px 20px;border:2px solid #232324;min-height:550px;position:relative;transform:rotate(3deg);box-shadow:10px 12px #232324}.drawing-paper canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.drawing-paper>span{pointer-events:none;opacity:.13;font:65px/.95 OddDisplay,Impact,sans-serif;position:absolute;top:25%;left:15%;transform:rotate(-7deg)}.drawing-paper>span i{font:130px/.9 Arial,sans-serif;display:block}.drawing-paper>small{pointer-events:none;font:8px monospace;position:absolute;bottom:15px;left:15px}.oddly-last-word{text-align:center;color:#fff8e7;background:#4942e8;padding:110px 5%;position:relative;overflow:hidden}.oddly-last-word p{font:11px monospace}.oddly-last-word h2{letter-spacing:-.025em;margin:30px 0;font:clamp(60px,10vw,160px)/.93 OddDisplay,Impact,sans-serif}.oddly-last-word h2>span{color:#e3f456;animation:5s ease-in-out infinite on-hold;display:inline-block}.oddly-last-word a{border-bottom:1px solid;padding:12px 0;font-size:12px;display:inline-block}.footer{color:#fff8e7;background:#232324;flex-wrap:wrap;gap:50px;padding:55px 5% 30px;display:flex}.odd-footer-type{letter-spacing:-.035em;color:#f5b6d0;flex:0 0 100%;padding-bottom:45px;font:clamp(120px,21vw,350px)/.84 OddDisplay,Impact,sans-serif;display:block;position:relative}.odd-footer-type>span{color:#e3f456}.odd-footer-type>b{font:400 clamp(100px,22vw,360px)/1 Arial,sans-serif;animation:6s ease-in-out infinite odd-footer-arrow;position:absolute;top:20%;right:5%}.footer-bottom{border-color:#fff8e750;width:100%}.footer .logo>span{color:#e3f456}.page-heading h1,.workshop-hero h1,.about-hero h1,.studio-header h1{text-transform:uppercase;letter-spacing:-.025em;font-family:OddDisplay,Impact,sans-serif;font-weight:400;line-height:1.02}.page-heading h1 em,.workshop-hero h1 em,.about-hero h1 em{font:inherit;color:#4942e8}.page-heading .eyebrow,.eyebrow{letter-spacing:.04em;font-family:monospace}.button,.button.secondary{border:2px solid #232324;border-radius:0;transition:transform .2s,box-shadow .2s;box-shadow:3px 3px #232324}.button{color:#fff8e7;background:#4942e8}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #232324}.button.secondary{color:#232324;background:#fff8e7}.workshop-card{border:2px solid #232324;border-radius:0;overflow:visible;box-shadow:5px 5px #232324}.workshop-card h3{text-transform:uppercase;font:33px/1.05 OddDisplay,Impact,sans-serif}.workshop-card .art{border-bottom:2px solid #232324;border-radius:0}.card-content{background:#fff8e7}.filters button{border:1px solid #232324;border-radius:0}.filters button[aria-pressed=true]{color:#232324;background:#e3f456}.studio-stats{background:#e3f456;border:2px solid #232324}.studio-stats strong{font-family:OddDisplay,Impact,sans-serif}.palette-workspace{border:2px solid #232324;border-radius:0;box-shadow:7px 7px #232324}.palette-preview{border:2px solid #232324;border-radius:0;box-shadow:5px 5px #232324}.palette-preview h2{text-transform:uppercase;font-family:OddDisplay,Impact,sans-serif;font-size:70px}.lesson{border:2px solid #232324;border-radius:0;box-shadow:6px 6px #232324}.lesson h2,.complete h2{text-transform:uppercase;font-family:OddDisplay,Impact,sans-serif;font-size:50px;line-height:1.05}.lesson textarea{border:1px solid #232324;border-radius:0}.art{border-radius:0}.art.palette>span,.art.poster>b{font-family:OddDisplay,Impact,sans-serif}.art.poster>b>em{font:inherit}.art.zine{background:#f5b6d0}.art.palette{background:#e3f456}.art.draw{background:#c4bff4}.about-note{background:#e3f456}.complete{background:#e3f456;border:2px solid #232324;border-radius:0}.complete-star{color:#4942e8}@keyframes odd-type-drop{0%{opacity:0;transform:translateY(-160px)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes mess-word{0%,to{transform:rotate(-3deg)scaleX(1)}50%{transform:rotate(3deg)scaleX(1.06)}}@keyframes draw-line{0%,to{stroke-dashoffset:1300px}50%{stroke-dashoffset:0}}@keyframes odd-running{to{transform:translate(-50%)}}@keyframes on-hold{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)scale(1.08)}}@keyframes shake-bounce{30%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}}@keyframes odd-footer-arrow{50%{transform:translate(-25px,-25px)rotate(12deg)}}@media (width<=1100px){.header{gap:20px}.brand-note{display:none}.mess-stage{height:610px}.mess-stage h1{font-size:15vw;top:25%}.mess-bottom>div:first-child{gap:25px}.mess-bottom p{font-size:11px}.mess-cta{gap:18px;padding:14px 17px;font-size:12px}.mess-shake button{font-size:13px}.mess-shake>span{font-size:7px}.sticker-smile{width:120px;height:120px}.sticker-star{width:125px;height:125px;font-size:20px}.sticker-flower{width:140px;height:140px;font-size:150px}.sticker-note{width:110px;min-height:100px;font-size:20px}.rabbit-row{grid-template-columns:45px 1fr 90px 45px;gap:20px;padding:30px 10px}.rabbit-row h3{font-size:42px}.rabbit-time{font-size:9px}.scribble-section{gap:6%;padding-inline:5%}.drawing-paper{min-height:500px}.drawing-paper>span{font-size:53px}.scribble-section h2{font-size:100px}}@media (width<=800px){.header{gap:20px;height:80px}.header nav{background:#fff8e7;border-bottom:2px solid #232324;top:79px}.logo{font-size:42px}.mess-stage{height:540px}.mess-stage h1{font-size:16vw;top:26%}.mess-corner{font-size:8px}.mess-bottom{align-items:start}.mess-bottom>div:first-child{display:block}.mess-bottom p{margin-bottom:20px;font-size:12px}.mess-shake{padding-top:52px}.sticker-tape{width:170px;font-size:8px}.sticker-oval{width:100px;height:73px;font-size:20px}.rabbit-holes{padding:80px 5%}.rabbit-heading{margin-bottom:45px}.rabbit-heading h2{font-size:65px}.rabbit-heading p{font-size:11px}.rabbit-row h3{font-size:34px}.rabbit-row{grid-template-columns:35px 1fr 85px 35px;gap:15px}.rabbit-arrow{font-size:40px}.rabbit-art{display:none}.scribble-section{grid-template-columns:1fr;gap:45px;padding:65px 6%}.scribble-section h2{font-size:90px}.scribble-section>div:first-child{grid-template-columns:1fr 1fr;align-items:start;column-gap:25px;display:grid}.scribble-label{grid-column:1/-1}.scribble-section h2{grid-area:2/1/5}.scribble-section p{grid-area:2/2;margin-top:30px;font-size:12px}.scribble-tools{grid-column:2;margin-top:20px}.wipe-button{text-align:left;grid-column:2}.scribble-section>div>a{grid-column:1/-1;justify-self:start;margin:0}.drawing-paper{min-height:480px;transform:rotate(2deg)}.oddly-last-word h2{font-size:11.5vw}.page-heading h1{font-size:76px}.palette-preview h2{font-size:55px}}@media (width<=540px){.header{gap:13px;padding-inline:5%}.logo{font-size:39px}.logo span{font-size:29px}.motion-control{min-height:44px;padding:10px;font-size:8px}.header .menu{min-height:44px;padding:10px 14px;font-size:11px}.mess-corner{padding:20px 5% 0;font-size:7px}.mess-stage{height:470px}.mess-stage h1{z-index:3;font-size:20.7vw;line-height:.98;top:29%;left:5%;right:5%}.mess-stage h1>span:first-child{align-self:start;margin-left:9%}.mess-stage h1>span:nth-child(2){align-self:end}.sticker-smile{width:86px;height:86px}.sticker-smile i{width:8px;height:17px}.sticker-smile b{border-bottom-width:3px}.sticker-star{width:91px;height:91px;font-size:15px}.sticker-note{width:80px;min-height:83px;padding:10px;font-size:16px;box-shadow:3px 3px}.sticker-flower{width:100px;height:100px;font-size:110px}.sticker-tape{width:150px;min-height:35px;font-size:7px}.sticker-squiggle{width:90px;height:60px;font-size:85px}.sticker-oval{width:85px;height:65px;font-size:17px;box-shadow:3px 3px}.mess-doodle{inset:20% 0 10%}.mess-bottom{flex-direction:column;gap:25px;padding-inline:6%}.mess-bottom>div:first-child{flex-direction:column;align-items:start;gap:18px;width:100%;display:flex}.mess-bottom p{margin:0;font-size:13px}.mess-cta{width:100%;min-height:58px;padding:16px 20px;font-size:16px}.mess-shake{text-align:left;align-items:start;width:100%;padding:0}.mess-shake button{min-height:44px;padding:8px 0;font-size:13px}.mess-shake>span{font-size:8px;line-height:1.5}.mess-hero{padding-bottom:35px}.oddly-running-type{padding:15px 0}.oddly-running-type span{font-size:28px}.rabbit-holes{padding:65px 5%}.rabbit-heading{margin-bottom:30px;display:block}.rabbit-heading h2{font-size:57px;line-height:1}.rabbit-heading p{margin-top:25px;font-size:12px}.rabbit-row{grid-template-columns:25px 1fr 26px;gap:10px;padding:25px 4px}.rabbit-row h3{font-size:29px;line-height:1.12}.rabbit-no{align-self:start;padding-top:5px;font-size:11px}.rabbit-time{grid-area:2/2;gap:10px;font-size:8px;line-height:1.3;display:flex}.rabbit-time br{display:none}.rabbit-arrow{grid-area:1/3;font-size:33px}.scribble-section>div:first-child{display:block}.scribble-section h2{margin:25px 0;font-size:90px}.scribble-section p{margin:0;font-size:13px}.scribble-tools{margin-top:25px}.scribble-section>div>a{margin-top:10px;font-size:11px}.drawing-paper{min-height:400px;box-shadow:6px 7px #232324}.drawing-paper>span{font-size:50px}.drawing-paper>small{font-size:6px;left:10px}.oddly-last-word{padding:70px 4%}.oddly-last-word p{font-size:8px}.oddly-last-word h2{margin:25px 0;font-size:12vw;line-height:1.06}.oddly-last-word a{font-size:11px}.footer{gap:30px;padding:40px 6% 25px}.odd-footer-type{padding-bottom:20px;font-size:30vw}.odd-footer-type>b{font-size:29vw;top:28%;right:0}.page-heading h1,.workshop-hero h1,.about-hero h1{font-size:clamp(44px,12vw,66px);line-height:1.07}.workshop-card h3{font-size:30px}.palette-preview h2{font-size:40px}.lesson h2,.complete h2{font-size:36px}.lesson,.workshop-card,.palette-workspace{box-shadow:4px 4px}}.oddly-running-shell{z-index:6;margin-block:-14px;padding:14px 0;position:relative;overflow:hidden}.footer{grid-template-columns:1fr 1fr;display:grid}.odd-footer-type{grid-column:1/-1}.footer>div{min-width:0}.footer>div:nth-child(2){align-items:flex-start}.footer-bottom{overflow-wrap:anywhere;width:auto;min-width:0}.footer-bottom>span{white-space:normal;min-width:0}@media (width<=540px){.footer{grid-template-columns:1fr}.footer>div:nth-child(3){flex-direction:column;align-items:flex-start;gap:15px;font-size:12px;display:flex}.footer-bottom{grid-column:1}}:root{--site-header-height:88px;--navigation-accent:#4942e8}html{scroll-behavior:auto;scroll-padding-top:calc(var(--site-header-height) + 16px)}.header{z-index:100;position:sticky;top:0}.skip{z-index:1001}.navigation-progress{z-index:1000;pointer-events:none;background:var(--navigation-accent);transform-origin:0;height:3px;animation:8s ease-out forwards navigation-pending;position:fixed;inset:0 0 auto}.navigation-progress>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes navigation-pending{0%{transform:scaleX(.12)}to{transform:scaleX(.9)}}@media (width<=800px){:root{--site-header-height:80px}.header nav{max-height:calc(100dvh - var(--site-header-height));overscroll-behavior:contain;top:100%;overflow-y:auto}}.footer>div.footer-links{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;display:flex}.footer-links>a{align-items:center;max-width:100%;min-height:44px;padding-block:8px;display:inline-flex}