@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#fffdf4;background:#203cd5;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.masthead,main,footer{width:min(1280px,calc(100% - 96px));margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-mark{color:#fff17e;font-size:43px;line-height:1}.collection-link{text-decoration:none;font-size:14px;padding:12px 0}.collection-link span{font-size:22px;margin-left:12px}.intro{padding:46px 0 62px}h1{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(56px,7.7vw,108px);line-height:1.02;letter-spacing:-.065em;margin:0}.period{color:#fff17e}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.intro p{color:#dbe1ff;font-size:18px;line-height:1.65;margin:0}.play-note{display:flex;gap:10px;align-items:center;color:#fff17e;font-size:16px;transform:rotate(-5deg)}.play-note svg{width:80px;height:58px;fill:none;stroke:currentColor;stroke-width:2}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px}.collection-heading h2{font-size:18px;font-weight:500;margin:0}.collection-heading>span{color:#dbe1ff;font-size:13px}.experiments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.experiment{color:#202a50;background:#fffdf4;border-radius:14px;text-decoration:none;overflow:hidden;display:block}.art{position:relative;height:300px;overflow:hidden}.art canvas{width:100%;height:100%;display:block;transition:transform .25s ease}.genre{position:absolute;top:22px;left:24px;z-index:1;font-size:12px;background:#fffdf4cf;padding:7px 12px;border-radius:30px}.launch{position:absolute;right:22px;bottom:20px;width:45px;height:45px;display:grid;place-items:center;background:#fffdf4;font-size:29px;border-radius:50%}.experiment-copy{padding:25px 28px 24px}h3{font-family:Space Grotesk,sans-serif;font-size:36px;letter-spacing:-.05em;margin:0 0 10px}.experiment-copy p{font-size:15px;line-height:1.65;color:#596079;max-width:45ch;margin:0 0 26px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e4e3db;padding-top:20px}.card-bottom>span:first-child{font-size:11px;color:#596079}.play{font-size:13px;white-space:nowrap;font-weight:700}.play span{margin-left:6px}.experiment:hover .art canvas{transform:scale(1.035)}.experiment:hover .play{text-decoration:underline}a:focus-visible{outline:4px solid #fff17e;outline-offset:6px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0 32px;font-size:12px;color:#dbe1ff}footer>span:first-child{color:#fff17e}footer a{text-decoration:none;padding:10px 0}@media(min-width:1500px){.intro{padding-top:70px}}@media(max-width:900px){.masthead,main,footer{width:calc(100% - 48px)}.art{height:250px}.card-bottom{align-items:flex-start;flex-direction:column;gap:12px}.play-note{display:none}}@media(max-width:620px){.masthead,main,footer{width:calc(100% - 36px)}.masthead{padding:22px 0}.wordmark{font-size:22px}.collection-link{font-size:0}.collection-link span{font-size:27px}.intro{padding:36px 0 44px}h1{font-size:clamp(42px,10.7vw,66px)}.intro p{font-size:15px}.intro-bottom{margin-top:24px}.collection-heading{align-items:flex-start}.collection-heading h2{font-size:16px}.collection-heading>span{font-size:11px;padding-top:3px}.experiments{grid-template-columns:1fr;gap:24px}.art{height:245px}.experiment-copy{padding:22px}h3{font-size:32px}.card-bottom{flex-direction:row;align-items:center;gap:8px}.card-bottom>span:first-child{max-width:145px;line-height:1.5}footer{flex-wrap:wrap;gap:12px;padding:30px 0}footer>span:nth-child(2){order:3;width:100%}footer a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art canvas{transition:none}.experiment:hover .art canvas{transform:none}}
