@font-face{font-family:Artistic;src:url(/assets/ArtisticRounded.ttf)format("truetype");font-style:normal;font-weight:500 900;font-display:swap}:root{--blue:#1652ff;--blue-dark:#103cc5;--yellow:#ffe438;--cream:#fffcf2;--ink:#10273b;--muted:#52657a;--display:Artistic,"Arial Rounded MT Bold",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;font-weight:650;line-height:1.08}img{max-width:100%;display:block}button{background:0 0;border:0}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:5px;outline:3px solid #ec9000}::selection{background:var(--yellow);color:var(--ink)}.container{width:min(1280px,100% - 112px);margin:auto}.skip-link{z-index:100;background:var(--yellow);padding:10px 20px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.button{background:var(--blue);color:#fff;min-height:54px;box-shadow:0 5px 0 var(--blue-dark);font-family:var(--display);border-radius:17px;justify-content:center;align-items:center;gap:18px;padding:13px 29px;font-size:20px;line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{box-shadow:0 7px 0 var(--blue-dark);background:#0b45ed;transform:translateY(-2px)}.button:active{box-shadow:0 2px 0 var(--blue-dark);transform:translateY(3px)}.button:disabled{opacity:.7;transform:none}.button.secondary{color:var(--blue);background:#edf1ff;box-shadow:0 4px #cfdaff}.site-header{z-index:20;position:relative}.navigation{justify-content:space-between;align-items:center;gap:28px;min-height:96px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-2px;font-size:45px;font-weight:650;line-height:1}.logo-i{position:relative}.logo-i:after{content:"";background:var(--blue);border-radius:50%;width:.18em;height:.18em;position:absolute;top:.13em;left:18%;transform:rotate(-12deg)}.nav-links{font-family:var(--display);align-items:center;gap:36px;font-size:17px;display:flex}.nav-link{font:inherit;padding:0}.nav-links>a:hover,.nav-link:hover{color:var(--blue)}.nav-cta{border-radius:15px;min-height:43px;margin-left:8px;padding:10px 23px;font-size:17px}.menu-toggle{display:none}.hero{overflow:hidden}.hero-grid{grid-template-columns:1fr 1.08fr;align-items:center;gap:0;min-height:600px;padding-top:12px;padding-bottom:26px;display:grid}.hero-copy{z-index:5;padding-bottom:36px;position:relative}.eyebrow{font-family:var(--display);text-transform:uppercase;color:var(--blue);letter-spacing:.12em;font-size:16px;line-height:1.4}.hero h1{letter-spacing:-.04em;white-space:nowrap;margin:20px 0 32px;font-size:clamp(60px,6.6vw,94px);line-height:.99}.hero h1>span{color:var(--blue);display:inline-block;position:relative}.hero h1 svg{width:105%;height:16px;color:var(--yellow);z-index:-1;position:absolute;bottom:-17px;left:-3%}.hero-description{letter-spacing:-.3px;max-width:460px;margin-bottom:30px;font-size:20px;line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:29px;display:flex}.play-link{color:var(--blue);font-family:var(--display);align-items:center;gap:10px;padding:10px 0;font-size:19px;display:inline-flex}.play-link:hover{text-underline-offset:5px;text-decoration:underline}.platform-note{color:var(--muted);margin-top:23px;font-size:14px}.hero-art{isolation:isolate;height:552px;position:relative}.hero-swoosh{z-index:-1;width:127%;height:140px;position:absolute;bottom:8px;left:-22%}.framed-art{background:#b37318;border:8px solid #e5a52d;border-radius:7px;padding:2px;position:relative;box-shadow:inset 0 0 0 2px #925313,0 0 0 2px #b7791b,0 0 0 4px #ffda69,2px 5px 0 4px #a6671724}.framed-art:after{content:"";pointer-events:none;border:2px solid #ffe08a;border-radius:3px;position:absolute;inset:-6px}.framed-art img{object-fit:cover;width:100%;height:100%}.hero-frame{width:212px;height:232px;position:absolute}.frame-left{top:69px;left:2%;transform:rotate(-10deg)}.frame-right{width:205px;height:228px;top:155px;right:-3%;transform:rotate(11deg)}.bean{display:block;overflow:visible}.hero-bean{z-index:3;filter:drop-shadow(0 11px 2px #1c33421a);width:238px;animation:4s ease-in-out infinite bean-float;position:absolute;bottom:12px;left:-1%}.phone-shell{background:var(--yellow);border:7px solid #1c252b;border-radius:40px;overflow:hidden;box-shadow:0 0 0 2px #747777,0 0 0 4px #c5c3b9,8px 13px #18324712}.path-phone{z-index:2;flex-direction:column;width:266px;height:523px;display:flex;position:absolute;top:12px;left:35%;transform:rotate(3deg)}.phone-status{flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:3px 18px;font-size:10px;display:flex;position:relative}.dynamic-island{background:#111;border-radius:12px;width:72px;height:17px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.battery{border:2px solid var(--yellow);background:#122535;border-radius:2px;width:15px;height:8px;margin-left:3px;display:inline-block;box-shadow:0 0 0 1px #122535}.mini-hud{height:45px;font-family:var(--display);justify-content:space-evenly;align-items:center;gap:3px;padding:0 5px 8px;display:flex}.mini-hud>span{background:var(--cream);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:2px;padding:5px 4px;font-size:9px;display:flex;box-shadow:0 2px #e7ca69}.mini-hud img{object-fit:contain;width:16px;height:19px}.mini-path{background:#f1f4ff;flex:1;padding:10px 10px 0;position:relative;overflow:hidden}.mini-chapter{background:var(--blue);color:#fff;text-align:center;font-family:var(--display);box-shadow:0 3px 0 var(--blue-dark);border-radius:12px;padding:7px 20px;font-size:14px;line-height:1.3;position:relative}.mini-chapter small{letter-spacing:.06em;font-size:9px;display:block}.mini-chapter>span{font-size:29px;position:absolute;top:7px;right:12px}.path-bean{width:64px;position:absolute;top:71px;left:38px}.path-node{background:#b4c8e8;border-radius:50%;width:62px;height:62px;padding:10px;position:absolute;top:90px;left:108px;box-shadow:0 5px #97aed1}.path-node svg{width:100%;height:100%}.path-node.active{background:#2f60ff;top:81px;left:112px;box-shadow:0 5px #1b40c1}.path-node.n2{width:53px;height:53px;top:159px;left:79px}.path-node.n3{width:53px;height:53px;top:223px;left:119px}.path-node.n4{width:53px;height:53px;top:284px;left:80px}.path-present{object-fit:contain;width:65px;height:65px;position:absolute;bottom:8px;right:41px}.mini-footer{height:54px;font-size:6px;font-family:var(--display);text-transform:uppercase;border-top:1px solid #d3ae14;flex-shrink:0;justify-content:space-evenly;align-items:center;padding:6px 3px 4px;display:flex}.mini-footer>span{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.mini-footer img{object-fit:contain;width:27px;height:27px}.mini-footer .current{color:var(--blue)}.mini-footer .current:after{content:"";background:var(--blue);border-radius:2px;width:20px;height:3px;position:absolute;bottom:-4px}.home-indicator{background:#172638;border-radius:5px;flex-shrink:0;width:70px;height:4px;margin:8px auto 5px}.gameplay-section{background:var(--blue);color:#fff;padding:54px 0 48px;scroll-margin-top:0;position:relative}.section-heading{text-align:center}.section-heading h2{letter-spacing:-.025em;font-size:clamp(32px,3.6vw,50px)}.section-heading>p{margin-top:13px;font-size:19px}.interactive-hint{color:#e5ebff;letter-spacing:.02em;align-items:center;gap:7px;margin-top:17px;font-size:12px;display:inline-flex}.interactive-hint>span{background:var(--yellow);border-radius:50%;width:6px;height:6px}.mobile-break{display:none}.gameplay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;max-width:990px;margin:29px auto 0;display:grid}.gameplay-grid article{flex-direction:column;align-items:center;min-width:0;display:flex}.demo-phone{background:var(--cream);width:100%;height:436px;color:var(--ink);border:7px solid #192630;border-radius:33px;flex-direction:column;padding:19px 15px 15px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #90999a,0 0 0 4px #e6e3d5,0 14px 22px #0033b830}.lesson-progress{justify-content:center;gap:4px;width:100%;margin:0 auto 17px;padding:0 5px;display:flex}.lesson-progress i{background:#eee8d5;border:1px solid #e0d7be;border-radius:8px;flex:1;max-width:27px;height:9px;box-shadow:0 2px #e0d7be}.lesson-progress i.filled{background:#ffe438;border-color:#d8b229;box-shadow:0 2px #d8b229}.guide-bubble{align-items:center;gap:11px;min-height:69px;margin-bottom:17px;display:flex}.guide-bubble>img{object-fit:contain;flex-shrink:0;width:54px;height:68px}.guide-bubble>div{background:#fff5d8;border:1.5px solid #dcad21;border-radius:14px;padding:10px;font-size:11px;font-weight:700;line-height:1.4;position:relative;box-shadow:0 3px #e9dfc0}.guide-bubble>div:before{content:"";background:#fff5d8;border-bottom:1.5px solid #dcad21;border-left:1.5px solid #dcad21;width:9px;height:9px;position:absolute;top:24px;left:-6px;transform:rotate(45deg)}.demo-painting{object-fit:contain;object-position:center;border-radius:5px;width:100%;height:153px;margin-bottom:15px}.answer-options{flex-direction:column;gap:9px;margin-top:auto;display:flex}.demo-button{background:#fff;border:1.5px solid #303a39;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 7px;font-size:11px;font-weight:700;line-height:1.3;transition:background .15s,transform .15s;display:flex;box-shadow:0 3px #303a39}.demo-button:hover:not(:disabled){background:#edf2ff;transform:translateY(-1px)}.demo-button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.demo-button.blue{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 0 var(--blue-dark)}.demo-button.blue:hover{background:#0643eb}.demo-button:disabled{opacity:.65}.answer-reveal{text-align:center;flex-direction:column;gap:7px;margin-top:auto;font-size:11px;line-height:1.3;display:flex}.answer-reveal strong{font-family:var(--display);font-size:17px}.positive{color:#247c38}.try-again{color:#a34d17}.answer-reveal small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.answer-reveal .demo-button{margin-top:2px}.game-caption{text-align:center;margin-top:22px}.game-caption h3{font-size:28px}.game-caption p{color:#f1f5ff;margin-top:8px;font-size:16px;line-height:1.4}.matching-demo .guide-bubble{gap:7px;min-height:65px;margin-bottom:12px}.matching-demo .guide-bubble>img{width:43px;height:58px}.matching-demo .guide-bubble>div{padding:8px;font-size:10px}.matching-demo h3{text-align:center;letter-spacing:0;margin-bottom:15px;font-size:17px;line-height:1.12}.matching-labels{text-align:center;letter-spacing:.12em;grid-template-columns:1fr 1fr;margin-bottom:6px;font-size:8px;font-weight:700;display:grid}.matching-grid{grid-template-columns:1fr 1fr;align-items:center;gap:11px;display:grid}.painting-choices{flex-direction:column;gap:8px;display:flex}.match-painting{background:#fff;border:1.5px solid #3c4341;border-radius:10px;justify-content:center;align-items:center;height:66px;padding:5px;display:flex;position:relative;box-shadow:0 2px #3c4341}.match-painting img{object-fit:contain;max-width:100%;height:100%}.match-painting.selected{border-color:var(--blue);box-shadow:0 2px 0 var(--blue-dark);background:#ecf0ff}.match-painting.matched{background:#dcf4b4;border-color:#58ad42;box-shadow:0 2px #58ad42}.match-check{color:#145e24;font-size:10px;font-weight:700;position:absolute;top:3px;right:4px}.artist-choices{flex-direction:column;gap:13px;display:flex}.match-feedback{text-align:center;color:#576353;min-height:24px;margin:auto 0 0;padding-top:10px;font-size:9px;line-height:1.3}.text-action{color:var(--blue);padding:0;font-size:10px;font-weight:700}.quickfire-top{align-items:center;gap:5px;min-height:10px;margin-bottom:17px;display:flex}.quickfire-top .lesson-progress{justify-content:flex-start;width:76%;margin:0;padding:0}.quickfire-top>span{border:1px solid #e5d8b1;border-radius:8px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.1}.quickfire-top>span.urgent{color:#bc391d}.quickfire-start{text-align:center;margin-top:auto}.quickfire-start>p{margin-bottom:11px;font-size:11px}.quickfire-result{text-align:center;margin-top:auto;font-size:12px}.quickfire-result strong{font-family:var(--display);font-size:17px}.quickfire-result p{margin:6px 0 10px;font-size:11px}.quickfire-feedback{text-align:center;min-height:14px;margin-top:10px;font-size:10px}.quickfire-demo .demo-painting{height:149px}.quickfire-demo .guide-bubble{margin-bottom:14px}.artists-section{padding:75px 0 61px}.artists-grid{grid-template-columns:.85fr 1.25fr;align-items:center;gap:45px;display:grid}.section-kicker{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin-bottom:15px;font-size:12px;display:block}.artists-copy h2{font-size:clamp(30px,3.25vw,44px)}.artists-copy>p{max-width:375px;margin-top:20px;font-size:18px;line-height:1.5}.inline-link{font-family:var(--display);color:var(--blue);align-items:center;gap:12px;margin-top:24px;padding:0;font-size:15px;display:flex}.inline-link:hover{text-underline-offset:4px;text-decoration:underline}.artist-pair{align-items:end;gap:25px;display:flex}.artist-figure{width:50%;min-width:0}.artist-scene{height:239px;position:relative}.artist-scene .framed-art{border-width:5px;width:155px;height:155px;padding:1px;position:absolute;top:15px;right:0}.artist-scene .framed-art:after{border-width:1px;inset:-4px}.artist-sprite{object-fit:contain;filter:drop-shadow(0 7px 1px #23304115);width:187px;height:226px;transition:transform .25s;position:absolute;bottom:0;left:-24px}.artist-figure:hover .artist-sprite{transform:translateY(-5px)rotate(-2deg)}.artist-figure figcaption{text-align:center;font-family:var(--display);background:#fff0c8;border-radius:30px;width:max-content;max-width:100%;margin:6px auto 0;padding:5px 12px;font-size:15px}.collection-section{background:#fff5d6;padding:58px 0 61px}.collection-grid{grid-template-columns:1fr 1.12fr;align-items:center;gap:50px;display:grid}.wardrobe h2{font-size:35px}.wardrobe>p{max-width:435px;margin-top:12px;font-size:16px}.bean-looks{justify-content:center;align-items:end;gap:18px;max-width:400px;height:194px;margin-top:15px;display:flex}.bare-bean{filter:drop-shadow(0 7px 1px #23304115);width:125px}.dressed-bean{filter:drop-shadow(0 7px 1px #23304115);width:151px}.wardrobe-arrow{font-size:44px;font-family:var(--display);color:#c5a247;align-self:center;transform:rotate(-10deg)}.look-selector{flex-wrap:wrap;justify-content:center;gap:6px;max-width:410px;margin:22px 0 0;display:flex}.look-selector button{font-family:var(--display);border:1px solid #d8c784;border-radius:30px;padding:7px 12px;font-size:12px;transition:background .2s}.look-selector button:hover{background:#ffeb9e}.look-selector button.selected{background:var(--ink);color:var(--cream);border-color:var(--ink)}.collection-wall{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;padding-top:30px;display:grid}.collection-wall .framed-art{border-width:5px;height:172px}.collection-wall .framed-art:after{border-width:1px;inset:-4px}.collection-wall figcaption{font-family:var(--display);text-align:center;margin-top:13px;font-size:13px;line-height:1.2}.gallery-note{text-align:center;color:#7e704d;grid-column:1/-1;margin-top:10px;font-size:13px}.final-cta{background:var(--yellow);isolation:isolate;padding:57px 0 44px;position:relative}.final-cta:before{content:"";background:var(--yellow);z-index:-1;border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:50px;position:absolute;top:-20px;left:0}.final-cta-inner{text-align:center;justify-content:center;align-items:center;min-height:167px;padding-left:100px;display:flex;position:relative}.final-cta h2{font-size:42px}.final-cta p{margin:12px 0 22px;font-size:16px}.final-cta .button{min-height:48px;font-size:18px}.footer-bean{width:180px;position:absolute;bottom:-90px;left:-18px;transform:rotate(-9deg)}.cta-spark{width:42px;height:42px;color:var(--ink);position:absolute;top:10px;right:15px;transform:rotate(13deg)}.site-footer{z-index:2;background:var(--ink);color:var(--cream);padding:27px 0 23px;position:relative}.site-footer:before{content:"";background:var(--ink);border-radius:50% 50% 0 0/100% 100% 0 0;width:100%;height:25px;position:absolute;top:-12px;left:0}.footer-inner{flex-wrap:wrap;align-items:center;gap:27px;display:flex;position:relative}.site-footer .wordmark{letter-spacing:-1.5px;font-size:35px}.site-footer .logo-i:after{background:var(--cream)}.footer-inner>p{font-size:13px}.footer-inner nav{align-items:center;gap:24px;margin-left:auto;display:flex}.footer-inner nav button{align-items:center;gap:6px;padding:5px 0;font-size:13px;display:flex}.footer-inner nav button:hover{color:var(--yellow)}.footer-inner>small{color:#b5c3cc;text-align:right;flex-basis:100%;margin-top:-9px;font-size:11px}.site-dialog{width:100%;max-width:570px;color:var(--ink);overscroll-behavior:contain;background:0 0;border:0;max-height:95dvh;padding:24px}.site-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1b37a6}.dialog-content{background:var(--cream);border:2px solid #f3dda2;border-radius:28px;padding:38px;position:relative;box-shadow:0 18px 60px #0716233d}.close-dialog{background:#f1ead6;border-radius:50%;place-content:center;width:32px;height:32px;font-size:29px;line-height:1;display:grid;position:absolute;top:12px;right:15px}.close-dialog:hover{background:#ffe387}.dialog-content .eyebrow{margin-top:9px;margin-bottom:17px;font-size:11px}.dialog-content h2{margin-bottom:19px;font-size:37px;line-height:1.08}.dialog-content>p{margin-bottom:17px;font-size:15px;line-height:1.6}.dialog-content form{margin-top:23px}.dialog-content form>label:not(.consent){font-family:var(--display);margin:18px 0 8px;font-size:14px;display:block}.dialog-content input:not([type=checkbox]),.dialog-content select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1.5px solid #d1d7df;border-radius:10px;padding:12px 14px;font-size:16px}.dialog-content .consent{align-items:flex-start;gap:10px;margin:20px 0;font-size:12px;line-height:1.5;display:flex}.consent input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0;margin:2px 0}.dialog-content form>.button{width:100%;font-size:18px}.form-note{color:var(--muted);text-align:center;margin-top:16px;font-size:11px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-error{color:#ae2e21;margin:0 0 15px;font-size:13px}.waitlist-success{text-align:center;padding:0 0 10px}.waitlist-success .bean{width:150px;margin:0 auto -2px}.waitlist-success>p{margin:12px 0 20px;font-size:15px}.waitlist-success .button{margin-top:12px;font-size:17px}.story-bean{background:#fff3ce;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:12px;display:flex}.story-bean .bean{width:105px}.story-bean span{font-family:var(--display);font-size:16px}.removal-form{border-top:1px solid #e4dfcf;padding-top:2px}.removal-form .button{margin-top:16px}.removal-form>p{margin-top:14px;font-size:12px}@keyframes bean-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(0)}}@media (min-width:1550px){.hero-grid{min-height:635px}.hero-art{height:575px}.path-phone{width:280px;height:550px;top:20px;left:35%}.mini-path{padding-top:14px}.path-present{bottom:17px}.hero-bean{width:260px}.hero-frame{width:225px;height:248px}.hero-description{max-width:495px}}@media (max-width:1150px){.container{width:calc(100% - 72px)}.navigation{min-height:84px}.wordmark{font-size:40px}.nav-links{gap:24px;font-size:16px}.hero-grid{grid-template-columns:1fr 1fr;min-height:535px}.hero-art{height:495px}.hero h1{font-size:6.45vw}.hero-description{max-width:390px;font-size:18px}.eyebrow{font-size:13px}.hero-actions{gap:21px}.hero-actions .button{padding:12px 22px;font-size:18px}.play-link{font-size:16px}.hero-copy{padding-bottom:25px}.path-phone{border-width:6px;border-radius:34px;width:232px;height:465px;top:14px;left:35%}.mini-chapter{font-size:11px}.mini-chapter small{font-size:8px}.mini-hud{gap:2px}.mini-hud>span{padding:4px 3px;font-size:8px}.mini-hud img{width:13px;height:17px}.path-node.active{width:54px;height:54px;top:75px;left:98px}.path-bean{width:57px;top:68px;left:34px}.path-node.n2{width:47px;height:47px;top:140px;left:68px}.path-node.n3{width:47px;height:47px;top:198px;left:104px}.path-node.n4{width:47px;height:47px;top:250px;left:69px}.path-present{width:54px;height:54px;bottom:4px;right:40px}.mini-footer{height:47px}.mini-footer img{width:22px;height:22px}.hero-bean{width:205px;bottom:3px;left:-3%}.hero-frame{width:177px;height:204px;top:66px}.frame-right{width:168px;height:188px;top:152px;right:-6%}.hero-swoosh{height:113px;bottom:5px}.gameplay-grid{gap:39px;max-width:905px}.demo-phone{height:427px;padding:17px 12px 12px}.game-caption h3{font-size:25px}.game-caption p{font-size:15px}.artists-grid{grid-template-columns:.95fr 1.25fr;gap:26px}.artist-pair{gap:16px}.artist-scene{height:211px}.artist-scene .framed-art{width:130px;height:140px}.artist-sprite{width:157px;height:198px;left:-15px}.artists-copy>p{font-size:16px}.artist-figure figcaption{font-size:13px}.collection-grid{gap:30px}.wardrobe h2{font-size:29px}.wardrobe>p{font-size:15px}.collection-wall{gap:17px}.collection-wall .framed-art{height:145px}.collection-wall figcaption{font-size:11px}.final-cta h2{font-size:36px}.cta-spark{width:32px;right:-10px}.footer-inner{gap:20px}.footer-inner nav{gap:16px}}@media (max-width:900px){.container{width:calc(100% - 48px)}.nav-links{gap:18px;font-size:14px}.nav-cta{margin-left:0;padding:10px 15px;font-size:15px}.hero-grid{min-height:478px}.hero-art{height:448px}.hero-description{font-size:17px}.hero-actions{gap:18px}.hero-actions .button{border-radius:14px;min-height:46px;padding:12px 17px;font-size:16px}.play-link{font-size:14px}.path-phone{border-radius:31px;width:207px;height:417px;left:31%}.phone-status{height:31px;padding:3px 12px;font-size:8px}.dynamic-island{width:62px;height:14px}.mini-hud{height:36px}.mini-hud>span{padding:4px 2px;font-size:7px}.mini-hud img{width:12px}.mini-path{padding:7px}.mini-chapter{border-radius:9px;padding:6px 13px;font-size:10px;line-height:1.25}.mini-chapter>span{font-size:23px;top:6px;right:8px}.path-bean{width:53px;top:58px;left:24px}.path-node.active{width:49px;height:49px;top:65px;left:84px}.path-node.n2{width:43px;height:43px;top:121px;left:58px}.path-node.n3{width:43px;height:43px;top:169px;left:90px}.path-node.n4{width:43px;height:43px;top:216px;left:60px}.path-present{width:49px;height:49px;bottom:4px;right:29px}.mini-footer{height:42px;font-size:5px}.mini-footer img{width:20px;height:20px}.hero-bean{width:180px;bottom:13px;left:-6%}.hero-frame{width:150px;height:176px;top:58px;left:-3%}.frame-right{width:146px;height:168px;top:139px;left:auto;right:-4%}.gameplay-grid{gap:23px}.demo-phone{border-width:5px;border-radius:27px;height:413px;padding:15px 10px 12px}.guide-bubble{gap:8px}.guide-bubble>img{width:43px;height:58px}.guide-bubble>div{padding:9px;font-size:10px}.demo-painting{height:144px}.demo-button{font-size:10px}.matching-demo h3{font-size:15px}.matching-grid{gap:8px}.match-painting{height:65px}.matching-demo .guide-bubble>img{width:35px}.matching-demo .guide-bubble>div{font-size:9px}.quickfire-demo .demo-painting{height:137px}.quickfire-start>p{font-size:10px}.artists-grid{display:block}.artists-copy{text-align:center;max-width:550px;margin:0 auto 30px}.artists-copy h2{font-size:38px}.artists-copy h2 br{display:none}.artists-copy>p{max-width:450px;margin:18px auto 0}.inline-link{margin:16px auto 0}.artist-pair{gap:40px;max-width:570px;margin:auto}.artist-scene{height:235px}.artist-scene .framed-art{width:170px;height:168px}.artist-sprite{width:190px;height:223px}.collection-grid{grid-template-columns:1fr 1fr;gap:25px}.wardrobe h2{font-size:28px}.bean-looks{gap:5px}.collection-wall{grid-template-columns:1fr 1fr;gap:14px}.collection-wall figure:last-of-type{display:none}.collection-wall .framed-art{height:168px}.collection-wall figcaption{font-size:12px}.final-cta h2{font-size:31px}.final-cta-inner{padding-left:95px}.footer-bean{width:145px;bottom:-77px;left:-16px}.cta-spark{display:none}.footer-inner nav{font-size:12px}.footer-inner>p{font-size:11px}.site-footer .wordmark{font-size:31px}}@media (max-width:680px){.container{width:calc(100% - 40px)}.navigation{min-height:76px}.wordmark{font-size:36px}.menu-toggle{border:1.5px solid #e6e1d3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:flex}.menu-toggle span{background:var(--ink);border-radius:2px;width:18px;height:2px}.nav-links{background:var(--cream);border:1px solid #e6e1d3;border-radius:18px;align-items:stretch;gap:0;padding:15px;display:none;position:absolute;top:67px;left:20px;right:20px;box-shadow:0 9px 30px #10273b24}.nav-links.open{flex-direction:column;display:flex}.nav-links>a,.nav-link{text-align:left;padding:12px 10px;font-size:17px}.nav-cta{margin-top:10px}.hero-grid{flex-direction:column;gap:0;padding-top:24px;padding-bottom:9px;display:flex}.hero-copy{text-align:center;width:100%;padding-bottom:0}.eyebrow{letter-spacing:.1em;font-size:11px}.hero h1{margin:19px 0 27px;font-size:clamp(51px,10.5vw,70px);line-height:1.02}.hero h1 svg{height:13px;bottom:-11px}.hero-description{max-width:355px;margin:0 auto 24px;font-size:16px;line-height:1.5}.hero-actions{justify-content:center;gap:23px}.hero-actions .button{min-height:48px;padding:12px 20px;font-size:17px}.play-link{font-size:15px}.platform-note{margin-top:20px;font-size:12px}.hero-art{width:100%;max-width:470px;height:448px;margin-top:20px}.path-phone{width:216px;height:433px;top:6px;left:34%}.hero-bean{width:190px;bottom:6px;left:0%}.hero-frame{width:150px;height:174px;top:53px;left:1%}.frame-right{width:143px;height:164px;top:140px;left:auto;right:-2%}.hero-swoosh{width:112%;height:95px;bottom:4px;left:-6%}.mini-path{padding:9px}.path-node.active{left:94px}.path-bean{left:35px}.path-node.n2{top:127px;left:66px}.path-node.n3{top:180px;left:106px}.path-node.n4{top:232px;left:69px}.gameplay-section{padding:42px 0 40px}.section-heading h2{font-size:33px;line-height:1.1}.mobile-break{display:initial}.section-heading>p{max-width:300px;margin:14px auto 0;font-size:15px;line-height:1.5}.interactive-hint{margin-top:15px;font-size:10px}.gameplay-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a5bdff #1549e0;gap:31px;margin:29px -20px 0;padding:5px max(20px,50vw - 146px) 18px;display:flex;overflow-x:auto}.gameplay-grid article{scroll-snap-align:center;flex:0 0 270px}.demo-phone{border-width:6px;border-radius:30px;width:264px;height:425px;padding:18px 14px 14px}.guide-bubble>img{width:49px;height:63px}.guide-bubble>div{font-size:11px}.demo-painting{height:153px}.demo-button{font-size:11px}.matching-demo h3{font-size:17px}.matching-demo .guide-bubble>img{width:43px}.matching-demo .guide-bubble>div{font-size:10px}.match-painting{height:65px}.matching-grid{gap:11px}.quickfire-demo .demo-painting{height:147px}.game-caption{margin-top:22px}.game-caption h3{font-size:26px}.game-caption p{font-size:14px}.artists-section{padding:49px 0 43px}.artists-copy h2{font-size:33px}.artists-copy h2 br{display:initial}.artists-copy>p{max-width:320px;margin-top:16px;font-size:16px}.inline-link{font-size:13px}.section-kicker{margin-bottom:12px;font-size:10px}.artist-pair{gap:18px;max-width:380px}.artist-scene{height:201px}.artist-scene .framed-art{width:113px;height:131px;top:17px;right:2px}.artist-sprite{width:147px;height:187px;bottom:0;left:-12px}.artist-figure figcaption{padding:5px 9px;font-size:12px}.collection-section{padding:42px 0 61px}.collection-grid{display:block}.wardrobe{text-align:center}.wardrobe h2{font-size:30px}.wardrobe>p{max-width:320px;margin:13px auto 0;font-size:15px;line-height:1.5}.bean-looks{gap:16px;max-width:340px;height:190px;margin:20px auto 0}.bare-bean{width:125px}.dressed-bean{width:145px}.wardrobe-arrow{font-size:38px}.look-selector{gap:7px;max-width:none;margin-top:21px}.look-selector button{padding:9px 12px;font-size:12px}.collection-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;max-width:400px;margin:39px auto 0;padding-top:0}.collection-wall figure:last-of-type{display:block}.collection-wall .framed-art{border-width:4px;height:130px;padding:1px}.collection-wall .framed-art:after{inset:-3px}.collection-wall figcaption{font-size:10px;line-height:1.25}.gallery-note{margin-top:3px;font-size:12px}.final-cta{padding:40px 0 38px}.final-cta-inner{text-align:center;min-height:0;padding-left:0;display:block}.final-cta h2{max-width:350px;margin:auto;font-size:33px}.final-cta p{max-width:270px;margin:15px auto 21px;font-size:14px}.final-cta .button{font-size:17px}.footer-bean{display:none}.site-footer{padding:27px 0 21px}.footer-inner{justify-content:center;gap:13px 25px}.footer-inner>p{font-size:12px}.footer-inner nav{flex-basis:100%;justify-content:center;gap:24px;margin:8px auto 0}.footer-inner nav button{font-size:12px}.footer-inner>small{text-align:center;margin-top:8px;font-size:10px}.dialog-content{padding:29px 25px}.dialog-content h2{font-size:31px}.site-dialog{max-height:96dvh;padding:12px}.dialog-content .eyebrow{font-size:10px}.dialog-content>p{font-size:14px}.waitlist-success .bean{width:125px}.story-bean{padding:10px}.story-bean span{font-size:15px}}@media (max-width:375px){.container{width:calc(100% - 32px)}.hero-actions{gap:16px}.hero-actions .button{padding:11px 15px;font-size:15px}.play-link{font-size:14px}.hero-art{height:411px}.path-phone{width:197px;height:397px;left:32%;transform:rotate(3deg)}.path-present{width:43px;height:43px;right:28px}.path-node.active{width:45px;height:45px;top:60px;left:85px}.path-bean{width:48px;top:55px;left:28px}.path-node.n2{width:40px;height:40px;top:112px;left:60px}.path-node.n3{width:40px;height:40px;top:159px;left:93px}.path-node.n4{width:40px;height:40px;top:205px;left:60px}.hero-bean{width:167px;bottom:6px;left:-2%}.hero-frame{width:132px;height:153px;left:0}.frame-right{width:125px;height:150px;top:126px;right:-2%}.artist-scene{height:177px}.artist-scene .framed-art{width:99px;height:115px}.artist-sprite{width:130px;height:169px}.artist-figure figcaption{font-size:11px}.collection-wall{gap:13px}.collection-wall .framed-art{height:111px}.footer-inner nav{gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:375px){.gameplay-grid{margin-left:-16px;margin-right:-16px}.bean-looks{gap:9px;height:170px;overflow:hidden}.bare-bean{width:105px}.dressed-bean{width:127px}.wardrobe-arrow{font-size:32px}}.footer-inner nav a{padding:5px 0;font-size:13px}.footer-inner nav a:hover{color:var(--yellow)}.home-learn-links{grid-template-columns:1fr 1fr;gap:24px;padding-top:12px;padding-bottom:54px;display:grid}.home-learn-links>a{border:2px solid #dfd9c4;border-radius:20px;padding:25px 28px;transition:border-color .2s}.home-learn-links>a:hover{border-color:var(--blue)}.home-learn-links strong{font:600 25px/1.2 var(--display);margin-bottom:8px;display:block}.home-learn-links span{color:var(--muted);font-size:16px}.editorial-navigation{justify-content:space-between;align-items:center;gap:28px;min-height:96px;display:flex}.editorial-navigation nav{font:550 16px/1.3 var(--display);align-items:center;gap:28px;display:flex}.editorial-navigation nav>a:not(.button):hover{color:var(--blue)}.editorial-main{overflow:hidden}.learn-hero{padding-top:42px;padding-bottom:64px}.breadcrumb-link{color:var(--muted);margin-bottom:26px;font-size:14px;display:inline-block}.learn-hero .eyebrow{margin-bottom:17px;font-size:12px}.learn-hero h1{letter-spacing:-.035em;font-size:clamp(42px,5vw,70px);line-height:1.03}.learn-hero h1>span{color:var(--blue)}.learn-intro{max-width:670px;margin-top:26px;font-size:20px;line-height:1.6}.learn-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.learn-actions .inline-link{margin:0;font-size:16px}.how-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;display:grid}.how-art{padding:20px 0 50px 30px;position:relative}.how-art figure{background:#fff;border:8px solid #f1bf45;border-radius:12px;padding:9px;transform:rotate(3deg);box-shadow:0 7px #d9a626}.how-art figure>img{aspect-ratio:1.25;object-fit:contain;background:#fff;width:100%;height:auto}.how-art figcaption{text-align:center;font:550 17px/1.35 var(--display);padding:15px 5px 8px}.how-art figcaption span{color:var(--muted);font:13px/1.7 Arial,sans-serif}.how-vincent{object-fit:contain;filter:drop-shadow(0 6px #10273b12);width:145px;height:190px;position:absolute;bottom:5px;left:-35px}.how-steps{background:#eaf0ff;padding:58px 0 64px}.how-steps h2{text-align:center;margin-bottom:40px;font-size:38px}.learning-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.learning-steps article{border-top:3px solid #cbd8ff;padding-top:23px}.learning-steps img{object-fit:contain;margin-bottom:23px}.learning-steps h3{margin-bottom:16px;font-size:26px}.learning-steps p{color:#3c5368;font-size:17px;line-height:1.7}.how-details{grid-template-columns:1.15fr 1fr;align-items:center;gap:72px;padding-top:72px;padding-bottom:54px;display:grid}.how-details .eyebrow{margin-bottom:17px;font-size:12px}.how-details h2,.how-faq h2,.art-guide h2,.painting-library h2{margin-bottom:23px;font-size:36px}.how-details p:not(.eyebrow){margin-bottom:18px;line-height:1.75}.guide-duo{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex}.guide-duo img{object-fit:contain;width:42%;max-width:180px;height:240px}.guide-duo p{text-align:center;width:100%;color:var(--muted);font:550 15px/1.4 var(--display);padding-top:12px}.how-faq{max-width:920px;padding-top:15px;padding-bottom:70px}.how-faq details,.painting-index details{border-bottom:1px solid #dcd8ca}.how-faq summary,.painting-index summary{cursor:pointer;font:550 19px/1.4 var(--display);padding:20px 30px 20px 0}:is(.how-faq summary:focus-visible,.painting-index summary:focus-visible){outline-offset:3px;outline:3px solid #ec9000}.how-faq details p{color:#3c5368;padding:0 24px 23px 0;line-height:1.75}.learn-cta{background:var(--yellow);padding:45px 0}.learn-cta>.container{align-items:center;gap:30px;display:flex}.learn-cta img{object-fit:contain;flex-shrink:0}.learn-cta h2{margin-bottom:13px;font-size:33px}.learn-cta p{max-width:570px;font-size:16px;line-height:1.6}.learn-cta .button{flex-shrink:0;margin-left:auto}.editorial-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;font-size:14px;display:flex}.editorial-footer>a{font:600 30px/1 var(--display)}.editorial-footer nav{flex-wrap:wrap;gap:25px;display:flex}.editorial-footer nav a:hover{color:var(--yellow)}.editorial-footer small{color:#cbd5df}.quiz-page-hero{text-align:center;max-width:900px;padding-bottom:34px}.quiz-page-hero .learn-intro{margin-left:auto;margin-right:auto}.quiz-page-hero .breadcrumb-link{margin-bottom:24px}.quiz-section{max-width:880px;padding-bottom:56px}.artist-quiz{text-align:center;background:#fff;border:2px solid #d5def5;border-radius:28px;padding:32px;box-shadow:0 7px #d5def5}.artist-quiz h2{margin-bottom:24px;font-size:31px;line-height:1.15}.artist-quiz h2:focus,.quiz-feedback:focus{outline:none}.quiz-intro{background:#eef3ff;padding:40px 25px 44px}.quiz-intro p{color:var(--muted);margin-bottom:28px;line-height:1.7}.quiz-guides{justify-content:center;align-items:center;gap:22px;margin-bottom:25px;display:flex}.quiz-guides img{object-fit:contain}.quiz-guides span{font:550 24px/1 var(--display);color:var(--muted)}.quiz-progress{font:550 14px/1.4 var(--display);color:var(--muted);justify-content:space-between;gap:15px;margin-bottom:12px;display:flex}.artist-quiz progress{-webkit-appearance:none;appearance:none;width:100%;height:11px;accent-color:var(--blue);background:#edf0f7;border:0;border-radius:10px;margin:0 0 28px;overflow:hidden}.artist-quiz progress::-webkit-progress-bar{background:#edf0f7;border-radius:10px}.artist-quiz progress::-webkit-progress-value{background:var(--blue);border-radius:10px}.artist-quiz progress::-moz-progress-bar{background:var(--blue);border-radius:10px}.quiz-artwork{object-fit:contain;background:#f8f7f1;border-radius:10px;width:100%;height:350px;margin:0 auto 24px;padding:14px}.quiz-options{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.quiz-options .demo-button{background:#fff;border:2px solid #cbd4df;flex:180px;min-height:58px;padding:14px 20px;font-size:17px;line-height:1.35;box-shadow:0 4px #cbd4df}.quiz-options .demo-button:hover{border-color:var(--blue);background:#edf2ff}.quiz-feedback{max-width:650px;margin:auto}.quiz-feedback>strong{font:600 24px/1.2 var(--display);margin-bottom:15px;display:block}.quiz-feedback h3{margin-bottom:7px;font-size:24px;line-height:1.25}.painting-byline{color:var(--muted);margin-bottom:16px;font-size:15px}.quiz-feedback>p:not(.painting-byline){margin-bottom:24px;font-size:16px;line-height:1.65}.quiz-feedback .button{min-width:200px;font-size:18px}.quiz-result{padding-top:40px;padding-bottom:40px}.quiz-result>img{object-fit:contain;margin:0 auto 22px}.quiz-result>p{max-width:500px;color:var(--muted);margin:auto}.quiz-result .learn-actions{justify-content:center}.quiz-result .quiz-note{margin-top:29px;font-size:13px}.art-guide{max-width:850px;padding-bottom:45px}.art-guide>p{margin-bottom:18px;line-height:1.8}.art-guide .inline-link{font-size:16px}.painting-library{max-width:1000px;padding-top:15px;padding-bottom:65px;scroll-margin-top:30px}.painting-library>p{color:var(--muted);line-height:1.7}.painting-index{margin-top:20px}.painting-entry{grid-template-columns:240px 1fr;align-items:start;gap:28px;padding:0 0 28px;display:grid}.painting-entry>img{object-fit:contain;background:#f0eddf;border-radius:10px;width:100%;height:200px;padding:10px}.painting-entry h3{margin-bottom:8px;font-size:23px;line-height:1.3}.painting-entry p{margin-bottom:14px;font-size:16px;line-height:1.7}.source-link{color:var(--blue);text-underline-offset:3px;font-size:14px;line-height:1.5;text-decoration:underline}.painting-library .source-note{margin-top:24px;font-size:13px}@media (max-width:1000px){.how-hero{gap:35px}.how-vincent{width:110px;height:150px;left:-15px}.learn-actions .button{font-size:17px}.how-details{gap:35px}.learn-cta img{width:75px;height:75px}.learn-cta .button{padding:13px 20px;font-size:17px}.editorial-navigation nav{gap:18px;font-size:14px}}@media (max-width:680px){.home-learn-links{grid-template-columns:1fr;gap:15px;padding-bottom:40px}.home-learn-links>a{padding:21px}.home-learn-links strong{font-size:23px}.home-learn-links span{font-size:14px}.footer-inner nav{flex-wrap:wrap;gap:14px 22px}.footer-inner nav a{font-size:12px}.editorial-navigation{flex-wrap:wrap;justify-content:center;gap:18px;padding-top:22px;padding-bottom:22px}.editorial-navigation nav{justify-content:center;gap:16px;width:100%;font-size:13px}.editorial-navigation .nav-cta{border-radius:12px;min-height:38px;margin:0;padding:10px 13px;font-size:13px}.learn-hero{padding-top:24px;padding-bottom:42px}.learn-hero h1{font-size:43px}.learn-intro{margin-top:22px;font-size:17px;line-height:1.65}.breadcrumb-link{margin-bottom:20px}.how-hero{display:block}.how-art{max-width:360px;margin:40px auto 0;padding:10px 5px 40px 35px}.how-vincent{width:110px;height:145px;bottom:0;left:-7px}.how-art figcaption{font-size:15px}.how-art figcaption span{font-size:12px}.learn-actions{gap:20px;margin-top:24px}.learn-actions .inline-link{font-size:14px}.learn-actions .button{font-size:16px}.how-steps{padding:40px 0}.how-steps h2{text-align:left;margin-bottom:28px;font-size:30px}.learning-steps{grid-template-columns:1fr;gap:27px}.learning-steps article{padding-top:20px}.learning-steps img{width:50px;height:50px;margin-bottom:17px}.learning-steps h3{font-size:25px}.learning-steps p{font-size:16px}.how-details{padding-top:43px;padding-bottom:30px;display:block}.how-details h2,.how-faq h2,.art-guide h2,.painting-library h2{font-size:29px}.how-details p:not(.eyebrow){font-size:16px}.guide-duo{margin-top:35px}.guide-duo img{max-width:145px;height:190px}.how-faq{padding-bottom:45px}.how-faq summary,.painting-index summary{font-size:17px}.how-faq details p{padding-right:0;font-size:16px}.learn-cta{padding:35px 0}.learn-cta>.container{flex-wrap:wrap;gap:19px}.learn-cta img{width:64px;height:64px}.learn-cta>.container>div{flex:1;min-width:200px}.learn-cta h2{font-size:29px}.learn-cta p{font-size:15px}.learn-cta .button{margin:6px 0 0}.editorial-footer{text-align:center;justify-content:center;gap:23px}.editorial-footer nav{justify-content:center;gap:16px 22px;font-size:13px}.editorial-footer small{width:100%}.quiz-page-hero h1{font-size:43px}.quiz-page-hero .platform-note{font-size:12px}.quiz-section{padding-bottom:43px}.artist-quiz{border-radius:22px;padding:22px 16px}.artist-quiz h2{font-size:25px}.quiz-intro{padding:30px 18px}.quiz-guides{gap:12px}.quiz-guides img{width:100px;height:135px}.quiz-intro p{font-size:15px}.quiz-intro .button{font-size:18px}.quiz-progress{gap:8px;font-size:12px}.quiz-artwork{height:270px;padding:7px}.quiz-options{gap:12px}.quiz-options .demo-button{flex-basis:100%;min-height:53px;font-size:16px}.quiz-feedback h3{font-size:22px}.quiz-feedback>p:not(.painting-byline){font-size:15px}.quiz-feedback .button{min-width:180px;font-size:17px}.quiz-result>p,.art-guide>p{font-size:16px}.art-guide .inline-link{font-size:15px}.painting-entry{grid-template-columns:1fr;gap:20px}.painting-entry>img{height:240px}.painting-entry h3{font-size:22px}.painting-library{padding-bottom:45px}}
