.home{--radius:999px;--shadow-sheet:0 1px 0 #0000000a, 0 22px 40px -22px #4e341f73, 0 4px 12px -6px #4e341f2e;line-height:1.6}@supports (color:lab(0% 0 0)){.home{--shadow-sheet:0 1px 0 lab(0% 0 0/.04), 0 22px 40px -22px lab(24.4297% 9.88549 18.3115/.45), 0 4px 12px -6px lab(24.4297% 9.88549 18.3115/.18)}}.home h1,.home h2,.home h3{font-weight:380;line-height:1.02}.home a{color:inherit}.home .defs{width:0;height:0;position:absolute}.home .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.78rem;font-weight:600}.home .hero{background:var(--paper);height:100svh;min-height:580px;position:relative;overflow:clip}.home .hero>.sheet,.home .hero>.sheet-fallback{width:100%;height:100%;position:absolute;inset:0}.home .hero-veil{pointer-events:none;background:radial-gradient(48% 58% at 22% 72%,#fdfaf2d1,#fdfaf200 72%);background:radial-gradient(48% 58% at 22% 72%,lab(98.1953% .123143 4.20799/.82),lab(98.1953% .123143 4.20799/0) 72%);position:absolute;inset:0}.home .hero-copy{left:var(--gutter);pointer-events:none;max-width:min(40rem,88vw);position:absolute;bottom:clamp(5.5rem,13vh,9rem)}.home .hero-copy a{pointer-events:auto}.home .hero h1{font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;margin-block:.8rem 1.2rem;font-size:clamp(3rem,7.4vw,7.2rem);font-weight:330;line-height:.94}.home .hero h1 em{color:var(--ultramarine);font-style:italic;font-weight:300}.home .lede{max-width:32rem;color:var(--ink-soft);font-size:clamp(1.05rem,1rem + .35vw,1.25rem)}.home .cta{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.home .hero .hint{left:var(--gutter);color:var(--ink-faint);pointer-events:none;font-size:.85rem;position:absolute;bottom:1.6rem}.home .hero .palette{right:var(--gutter);position:absolute;bottom:1.2rem}.home .hero .touch-paint{top:auto;right:var(--gutter);bottom:4.9rem}@media (max-width:700px){.home .hero-copy{bottom:7.5rem}.home .hero-veil{background:linear-gradient(#fdfaf200 30%,#fdfaf2eb 62%);background:linear-gradient(lab(98.1953% .123143 4.20799/0) 30%,lab(98.1953% .123143 4.20799/.92) 62%)}.home .hero .palette{width:max-content;max-width:calc(100% - 2rem);bottom:1rem;left:50%;right:auto;translate:-50%}.home .hero .touch-paint{bottom:4.5rem;left:50%;right:auto;translate:-50%}.home .hero .hint{display:none}}.home .intro{max-width:44rem;padding:clamp(5rem, 14vh, 9rem) var(--gutter) clamp(1rem, 4vh, 3rem);text-align:center;margin:0 auto}.home .intro h2{margin-block:.8rem 1.2rem;font-size:clamp(2.3rem,5vw,4rem)}.home .intro p:last-child{color:var(--ink-soft);font-size:1.1rem}.home .study{max-width:1380px;padding:clamp(3.5rem, 10vh, 7rem) var(--gutter);grid-template-columns:minmax(18rem,5fr) 7fr;align-items:center;gap:clamp(2rem,5vw,5.5rem);margin:0 auto;display:grid;container-type:inline-size}.home .study-flip{grid-template-columns:7fr minmax(18rem,5fr)}.home .study-flip .study-copy{order:2}@media (max-width:900px){.home .study,.home .study-flip{grid-template-columns:1fr}.home .study-flip .study-copy{order:0}}.home .numeral{font-family:var(--type-display);color:var(--pigment);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:clamp(3.6rem,7vw,5.5rem);font-style:italic;font-weight:300;line-height:.8}.home .study h2{margin-block:.4rem 1.1rem;font-size:clamp(2.2rem,4vw,3.4rem)}.home .study-copy>p:not(.numeral){color:var(--ink-soft);max-width:34rem}.home .try{background:color-mix(in oklch, var(--pigment) 13%, var(--paper));border-radius:2px 14px 14px 2px;margin-top:1.4rem;padding:1rem 1.2rem 1rem 1.4rem;position:relative;color:var(--ink)!important}.home .try:before{content:"";background:var(--pigment);border-radius:4px;width:4px;position:absolute;inset:0 auto 0 0}.home .try strong{letter-spacing:.14em;text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem;display:block}.home .facts{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem;padding-top:1.2rem;display:grid}.home .facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.7rem;font-weight:600}.home .facts dd{font-size:.92rem}.home .sheet-frame{aspect-ratio:4/3;background:var(--paper);box-shadow:var(--shadow-sheet);rotate:var(--tilt,0deg);position:relative}.home .sheet-frame>.sheet,.home .sheet-frame>.sheet-fallback{width:100%;height:100%;position:absolute;inset:0}@media (max-width:600px){.home .sheet-frame{aspect-ratio:4/5}}.home .sheet-frame:before,.home .sheet-frame:after{content:"";z-index:2;clip-path:polygon(2% 0,98% 4%,100% 22%,97% 40%,100% 61%,98% 82%,99% 100%,3% 96%,0 78%,2% 58%,0 37%,2% 19%);mix-blend-mode:multiply;pointer-events:none;background:#ece0c8d1;background:lab(89.684% 1.28695 13.5571/.82);width:clamp(5rem,12%,7.5rem);height:1.8rem;position:absolute;top:-.85rem;box-shadow:0 1px 2px #5644302e;box-shadow:0 1px 2px lab(30.3699% 5.54141 15.3105/.18)}.home .sheet-frame:before{left:6%;rotate:-5deg}.home .sheet-frame:after{right:6%;rotate:4deg}.home .sheet-frame .palette{z-index:3;max-width:calc(100% - 2rem);position:absolute;bottom:1rem;left:1rem}@media (max-width:480px){.home .sheet-frame .palette{max-width:calc(100% - 1.2rem);bottom:.6rem;left:.6rem}}.home .sheet-frame .hint{color:var(--ink-faint);font-size:.85rem;position:absolute;top:calc(100% + 1rem);left:0}.home .study-acrylic .sheet-frame{box-shadow:var(--shadow-sheet), inset 0 0 0 1px #ffffff0a;background:#171d37;background:lab(11.3537% 3.96735 -17.9471);border-radius:2px}@supports (color:lab(0% 0 0)){.home .study-acrylic .sheet-frame{box-shadow:var(--shadow-sheet), inset 0 0 0 1px lab(100% 0 0/.04)}}.home .study-acrylic .sheet-frame:before,.home .study-acrylic .sheet-frame:after{display:none}.home .ages{max-width:62rem;padding:clamp(4rem, 10vh, 7rem) var(--gutter) 2rem;text-align:center;margin:0 auto}.home .ages h2{font-size:clamp(2rem,4vw,3rem)}.home .ages>p{color:var(--ink-soft);margin-top:.7rem}.home .ages ul{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.8rem;display:flex}.home .ages li{border-radius:var(--radius);background:var(--paper);padding:.55rem 1.05rem .55rem .8rem;font-size:.95rem;box-shadow:0 1px #0000000a;box-shadow:0 1px lab(0% 0 0/.04)}.home .ages li:before{content:"";vertical-align:-.05rem;background:radial-gradient(circle at 35% 30%, color-mix(in oklch, var(--c) 50%, white), var(--c) 70%);border-radius:55% 45% 50% 50%/50% 55% 45% 50%;width:.8rem;height:.8rem;margin-right:.55rem;display:inline-block}.home .ways{max-width:1280px;padding:clamp(4rem, 10vh, 7rem) var(--gutter);margin:0 auto}.home .ways>h2{text-align:center;margin-bottom:clamp(2rem,5vh,3.5rem);font-size:clamp(2.2rem,4.5vw,3.6rem)}.home .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:clamp(1rem,2.5vw,2rem);display:grid}.home .card{background:var(--paper);box-shadow:var(--shadow-sheet);flex-direction:column;gap:.55rem;padding:1.6rem 1.6rem 1.8rem;display:flex;position:relative;overflow:clip}.home .card .wash{isolation:isolate;height:10rem;margin:-1.6rem -1.6rem .8rem;position:relative}.home .card .wash:before,.home .card .wash:after{content:"";background:radial-gradient(circle at 40% 45%, color-mix(in oklch, var(--wash-a) 70%, transparent), color-mix(in oklch, var(--wash-a) 30%, transparent) 62%, transparent 72%);filter:url(#bleed);mix-blend-mode:multiply;border-radius:44% 56% 52% 48%/55% 45%;position:absolute;inset:12% 18% 8% 6%}.home .card .wash:after{background:radial-gradient(circle at 55% 50%, color-mix(in oklch, var(--wash-b) 65%, transparent), color-mix(in oklch, var(--wash-b) 25%, transparent) 60%, transparent 72%);inset:22% 4% 0 36%}.home .card-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem;font-weight:600}.home .card h3{font-size:2rem}.home .card p:not(.card-kicker){color:var(--ink-soft)}.home .card-link{margin-top:auto;padding-top:.8rem;font-weight:600;text-decoration:none}.home .card-link span{transition:translate .25s;display:inline-block}.home .card-link:hover span{translate:.3rem}.home .tray{max-width:1280px;padding:clamp(3rem, 8vh, 5rem) var(--gutter);margin:0 auto;scroll-margin-top:5rem}.home .tray h2{font-size:clamp(1.9rem,3.5vw,2.6rem)}.home .tray-empty{color:var(--ink-soft);margin-top:.6rem}.home .tray:has(.tray-list li) .tray-empty{display:none}.home .tray-list{scroll-snap-type:x mandatory;gap:1.3rem;margin-top:1.4rem;padding:.6rem .2rem 1.4rem;display:flex;overflow-x:auto}.home .tray-list li{scroll-snap-align:start;flex:none;width:min(18rem,70vw)}.home .tray-list img{aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--shadow-sheet);background:var(--paper)}.home .tray-list .meta{justify-content:space-between;align-items:baseline;gap:.6rem;margin-top:.7rem;font-size:.9rem;display:flex}.home .tray-list .meta span{color:var(--ink-faint);font-size:.8rem}.home .tray-list .meta a{font-size:.85rem;font-weight:600}.home[data-paint=off] .tray{display:none}.home .visit{max-width:44rem;padding:clamp(4rem, 12vh, 8rem) var(--gutter);text-align:center;margin:0 auto}.home .visit h2{font-variation-settings:"SOFT" 100, "WONK" 1;font-size:clamp(2.6rem,6vw,5rem);font-style:italic;font-weight:300}.home .visit p{color:var(--ink-soft);margin-block:1rem 1.8rem;font-size:1.1rem}.home .btn{--tint:color-mix(in oklch, var(--lemon) 55%, transparent);border-radius:var(--radius);border:1px solid color-mix(in oklch, var(--ink) 22%, transparent);background:radial-gradient(circle at 30% 65%, var(--tint) calc(var(--bloom) * .8), transparent var(--bloom)), #fdfaf2b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;padding:.8rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:--bloom .6s cubic-bezier(.2,.8,.2,1),border-color .2s;display:inline-flex}@supports (color:lab(0% 0 0)){.home .btn{background:radial-gradient(circle at 30% 65%, var(--tint) calc(var(--bloom) * .8), transparent var(--bloom)), lab(98.1953% .123143 4.20799/.7)}}.home .btn:hover{--bloom:120%;border-color:color-mix(in oklch, var(--ink) 40%, transparent)}.home .btn-primary{--tint:color-mix(in oklch, var(--ultramarine) 70%, var(--carmine));background:radial-gradient(circle at 30% 65%, var(--tint) calc(var(--bloom) * .8), transparent var(--bloom)), var(--ink);border-color:var(--ink);color:var(--paper)}.home .palette{-webkit-backdrop-filter:blur(12px)saturate(1.25);backdrop-filter:blur(12px)saturate(1.25);background:#fdfaf2c7;background:lab(98.1953% .123143 4.20799/.78);border-radius:1.45rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;padding:.4rem;display:flex;box-shadow:0 6px 22px -10px #40271273,0 0 0 1px #52453614;box-shadow:0 6px 22px -10px lab(18.6164% 10.1142 18.838/.45),0 0 0 1px lab(30.3878% 3.96913 11.2524/.08)}.home .palette:empty{display:none}.home .study-acrylic .palette{color:var(--paper);background:#191e32b8;background:lab(11.4859% 2.63867 -14.4551/.72);box-shadow:0 6px 22px -10px #0009,0 0 0 1px #ffffff14;box-shadow:0 6px 22px -10px lab(0% 0 0/.6),0 0 0 1px lab(100% 0 0/.08)}.home .palette .divider{background:color-mix(in oklch, currentColor 18%, transparent);width:1px;height:1.4rem;margin-inline:.2rem}.home .swatch{background:radial-gradient(circle at 34% 30%, color-mix(in oklch, var(--c) 45%, white) 0 12%, var(--c) 48%, color-mix(in oklch, var(--c) 78%, black) 100%);cursor:pointer;border:0;border-radius:48% 52% 46% 54%/55% 45%;width:1.9rem;height:1.9rem;padding:0;transition:scale .18s;position:relative;box-shadow:inset 0 -2px 3px #0000002e;box-shadow:inset 0 -2px 3px lab(0% 0 0/.18)}.home .swatch:hover{scale:1.1}.home .swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.home .study-acrylic .swatch[aria-pressed=true]{outline-color:var(--paper)}.home .tool,.home .action{border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:0;grid-auto-flow:column;place-items:center;gap:.35rem;min-width:2.1rem;height:2.1rem;padding:0 .5rem;font-size:.82rem;font-weight:600;display:inline-grid}.home .tool svg,.home .action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.home .tool:hover,.home .action:hover{background:color-mix(in oklch, currentColor 9%, transparent)}.home .tool[aria-pressed=true]{background:var(--ink);color:var(--paper)}.home .study-acrylic .tool[aria-pressed=true]{background:var(--paper);color:var(--ink)}.home .action[aria-pressed=true]{background:color-mix(in oklch, var(--carmine) 18%, transparent)}.home .action .label{display:none}@media (max-width:480px){.home .palette{gap:.2rem;padding:.3rem}.home .palette .divider{margin-inline:.1rem}.home .swatch{width:1.75rem;height:1.75rem}.home .tool,.home .action{min-width:2rem;height:2rem;padding:0 .35rem}}@container (min-width:640px){.home .action.labelled .label{display:inline}}@media (min-width:1100px){.home .hero .action.labelled .label{display:inline}}.home .sheet{touch-action:pan-y}@media (hover:hover) and (pointer:fine){.home .sheet{touch-action:none}}.home [data-touch-paint=on] .sheet{touch-action:none}.home .touch-paint{z-index:3;border-radius:var(--radius);background:#fdfaf2d9;background:lab(98.1953% .123143 4.20799/.85);border:0;padding:.5rem .9rem;font-size:.82rem;font-weight:600;display:none;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 16px -8px #40271280;box-shadow:0 4px 16px -8px lab(18.6164% 10.1142 18.838/.5)}.home .touch-paint[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (pointer:coarse){.home[data-paint=on] .touch-paint{display:inline-block}}.home[data-paint=on] .sheet{cursor:none}.home .brush-cursor{--size:30px;--c:transparent;z-index:60;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border:1.5px solid color-mix(in oklch, var(--c) 60%, var(--ink));background:radial-gradient(circle, color-mix(in oklch, var(--c) 22%, transparent), transparent 70%);pointer-events:none;opacity:0;border-radius:50%;transition:opacity .15s,width .12s,height .12s,margin .12s;position:fixed;top:0;left:0}.home .brush-cursor.on{opacity:1}.home .sheet-fallback{background:var(--paper);display:none;overflow:hidden}.home[data-paint=off] .sheet-fallback,.home .sheet-failed .sheet-fallback{display:block}.home[data-paint=off] .palette,.home .sheet-failed .palette{display:none}.home .sheet-fallback i{filter:url(#bleed)blur(2px);mix-blend-mode:multiply;opacity:.8;border-radius:50%;position:absolute}.home .sheet-fallback i:first-child{aspect-ratio:1;background:radial-gradient(circle, var(--lemon), transparent 70%);width:42%;top:18%;left:44%}.home .sheet-fallback i:nth-child(2){aspect-ratio:1;background:radial-gradient(circle, var(--carmine), transparent 68%);width:46%;top:46%;left:56%}.home .sheet-fallback i:nth-child(3){aspect-ratio:1;background:radial-gradient(circle, var(--ultramarine), transparent 70%);width:40%;top:-6%;left:70%}.home .study-acrylic .sheet-fallback{background:#171d37;background:lab(11.3537% 3.96735 -17.9471)}.home .toast{z-index:70;border-radius:var(--radius);background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;padding:.7rem 1.1rem;font-size:.9rem;transition:opacity .25s,translate .25s;position:fixed;bottom:1.4rem;left:50%;translate:-50% 1rem}.home .toast.on{opacity:1;translate:-50%}@supports (animation-timeline:view()){.home .study-copy>*,.home .intro>*,.home .ages>*,.home .card{animation:linear both home-settle;animation-timeline:view();animation-range:entry cover 28%}.home .study-copy>:nth-child(2){animation-range:entry 4% cover 31%}.home .study-copy>:nth-child(3){animation-range:entry 8% cover 34%}.home .study-copy>:nth-child(n+4){animation-range:entry 12% cover 37%}}@media (prefers-reduced-motion:reduce){.home .study-copy>*,.home .intro>*,.home .ages>*,.home .card{animation:none!important}.home .btn,.home .swatch,.home .card-link span,.home .brush-cursor,.home .toast{transition:none}}@property --bloom{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes home-settle{0%{opacity:0;filter:blur(7px);translate:0 1.2rem}to{opacity:1;filter:blur();translate:0}}html:has(.home){scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html:has(.home){scroll-behavior:auto}}.site-header[data-over-painting]{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:fixed;inset:0 0 auto}@supports (animation-timeline:scroll()){.site-header[data-over-painting]{animation:linear both home-header-settle;animation-timeline:scroll(root);animation-range:0 50vh}}@keyframes home-header-settle{to{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#f6efe4db;background:lab(94.8315% .771403 6.08828/.86);box-shadow:0 1px #5245361a;box-shadow:0 1px lab(30.3878% 3.96913 11.2524/.1)}}.paint-controls{align-items:center;gap:.5rem;display:flex}.paint-controls .pause,.paint-controls .kept-pill{border:1px solid color-mix(in oklch, var(--ink) 16%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:2.2rem;color:var(--ink);cursor:pointer;background:#fdfaf2a6;background:lab(98.1953% .123143 4.20799/.65);border-radius:999px;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.82rem;text-decoration:none;display:inline-flex}.paint-controls .kept-pill[hidden]{display:none}.paint-controls .pause svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:.95rem;height:.95rem}.paint-controls .pause[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.paint-controls .kept-pill{padding-left:.25rem;font-weight:600}.paint-controls .kept-pill img{object-fit:cover;border-radius:50%;width:1.7rem;height:1.7rem}@media (max-width:520px){.paint-controls .pause-label{display:none}}html:has(.home)::view-transition-old(root){animation:none}html:has(.home)::view-transition-new(root){animation:none}::view-transition-group(kept-sheet){animation-duration:.8s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(fresh-sheet){animation:.7s both home-wash-away}::view-transition-new(fresh-sheet){animation:none}@keyframes home-wash-away{to{opacity:0;filter:blur(14px)saturate(1.6);scale:1.02}}.home .mixing-tray{background:radial-gradient(at 40% 30%,#fafcfe,#e4e8ed);background:radial-gradient(at 40% 30%,lab(98.837% -.443995 -1.43219),lab(91.8735% -.877559 -2.85842));border-radius:1.2rem;width:9.6rem;height:3.3rem;position:relative;box-shadow:inset 0 1px 2px #0000001f,0 1px #ffffff14;box-shadow:inset 0 1px 2px lab(0% 0 0/.12),0 1px lab(100% 0 0/.08)}.home .tray-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.home .tray-canvas:active{cursor:grabbing}.home .tray-piles{pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.home .tray-pile{pointer-events:none;background:0 0;border:0;border-radius:50%;margin:.35rem}.home .tray-pile:focus-visible{outline:2px solid var(--lemon);outline-offset:1px}.home .swatch.well{width:1.6rem;height:1.6rem}@media (max-width:480px){.home .mixing-tray{width:7.8rem;height:2.8rem}}.home .staff-only{background:color-mix(in oklch, var(--ink) 8%, transparent);color:var(--ink-soft);border-radius:999px;margin:0 0 .6rem;padding:.2rem .7rem;font-size:.78rem;font-weight:600;display:inline-block}