@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#100f18;--panel:#191824;--panel2:#211f2d;--text:#f5f0e8;--muted:#a6a1b2;--line:#302d3b;--yellow:#f4cb72;--pink:#f18eaa;--teal:#82d9c2;--purple:#9c8df4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.5;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2;background:#100f18}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.7px;font-size:19px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--yellow);color:#191521;display:grid;place-items:center;font-size:12px;letter-spacing:-1px;box-shadow:3px 3px 0 #8c6c3c}.accent{color:var(--yellow)}.nav-links{display:flex;gap:32px;font-size:13px;color:var(--muted)}.nav-links a.active,.nav-links a:hover{color:var(--text)}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:25px;width:40px;height:40px;border-radius:50%;cursor:pointer}
.hero{min-height:510px;padding:64px 8% 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 45%,#29213a 0,transparent 42%),linear-gradient(120deg,#12111b,#15121e 65%,#1a1622)}.eyebrow,.section-kicker,.count,.floating-label,.poster-stamp,.poster-bottom,.quote-band>div>span{font-family:'DM Mono',monospace;letter-spacing:1.4px;font-size:10px}.eyebrow{color:var(--teal);display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px #82d9c2}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6.1vw,78px);letter-spacing:-4.5px;line-height:.99;margin:22px 0 20px;font-weight:600}.hero h1 em{color:var(--yellow);font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}.hero-copy>p{color:var(--muted);max-width:430px;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:17px;padding:13px 17px;border-radius:8px;font-size:12px;font-weight:700}.btn-primary{background:var(--yellow);color:#211b26}.btn-primary span{font-size:17px}.text-link{font-size:12px;color:#d5d0dd}.text-link span{color:var(--yellow);margin-left:6px}.hero-meta{display:flex;gap:27px;margin-top:43px;color:var(--muted);font-size:10px}.hero-meta b{font-family:'DM Mono',monospace;color:var(--text);margin-right:6px}.hero-art{height:355px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #454052;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:370px;height:255px}.orbit-two{width:430px;height:310px;transform:rotate(35deg);border-color:#312b40}.tv{width:270px;height:210px;border-radius:28px 28px 24px 24px;background:#d4a75f;box-shadow:inset 0 -10px 0 #9a7043,0 25px 60px #08070d99;position:relative;transform:rotate(-5deg);padding:17px;display:flex;gap:10px;z-index:1}.tv-screen{flex:1;border-radius:48% 44% 43% 47%;border:8px solid #45394a;background:linear-gradient(#ee9b86 0%,#f4ca85 56%,#6fbd9e 57%,#3d776b 100%);position:relative;overflow:hidden}.screen-sun{position:absolute;width:65px;height:65px;border-radius:50%;background:#ffe3a0;top:28px;left:32px}.screen-hill{position:absolute;width:180px;height:80px;border-radius:50%;bottom:-37px}.hill-a{background:#4c8d77;left:-34px;transform:rotate(-12deg)}.hill-b{background:#2f635d;right:-60px;bottom:-48px}.screen-stars{position:absolute;top:17px;right:12px;color:#fff4cf;font-size:15px}.screen-caption{position:absolute;left:13px;bottom:18px;font-family:'DM Mono',monospace;font-weight:500;font-size:10px;line-height:1.15;letter-spacing:1px;color:#fff6df;text-shadow:0 2px 5px #333}.screen-caption small{font-size:7px}.tv-side{width:32px;display:flex;flex-direction:column;align-items:center;gap:7px;padding-top:17px}.tv-side>span{width:7px;height:7px;border-radius:50%;background:#6c5039;box-shadow:inset 0 1px 2px #342619}.tv-knob{width:22px;height:22px;border-radius:50%;border:4px solid #896441;background:#d9b06f;margin-top:8px;box-shadow:inset 0 0 0 2px #efcf8c}.tv-feet{position:absolute;bottom:-12px;left:36px;width:20px;height:18px;background:#90643e;transform:skew(-20deg);z-index:-1}.spark{position:absolute;color:var(--yellow);font-size:28px}.spark-a{top:30px;right:13%}.spark-b{bottom:42px;left:12%;color:var(--pink);font-size:35px}.floating-label{position:absolute;color:#d4ccdf;font-size:8px}.label-top{top:28px;left:7%;transform:rotate(-8deg)}.label-bottom{bottom:25px;right:4%;border:1px solid #4a4057;background:#171321;padding:9px 12px;border-radius:5px;transform:rotate(3deg)}.label-bottom span{color:var(--yellow);margin-left:8px}
.search-row,.collections{padding:53px 8% 0}.search-row{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-kicker{color:var(--pink);font-size:9px}.search-row h2,.section-heading h2{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-1px;margin:6px 0 0}.search-box{display:flex;align-items:center;gap:10px;width:min(390px,100%);border:1px solid var(--line);background:#171620;border-radius:8px;padding:0 13px;height:46px;color:var(--muted)}.search-box>span{font-size:23px}.search-box input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font:12px 'DM Sans',sans-serif}.search-box kbd{font:10px 'DM Mono',monospace;border:1px solid #413c4c;padding:3px 6px;border-radius:4px}
.collections{padding-top:57px;padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px}.section-note{color:var(--muted);font-size:11px}.category-list{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0 48px}.category-chip{padding:10px 13px;background:#191824;border:1px solid #302d3b;border-radius:6px;color:#b9b4c3;font:11px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}.category-chip:hover{border-color:#766b87;color:var(--text)}.category-chip.selected{background:#f4cb72;color:#201a24;border-color:#f4cb72;font-weight:700}.card-heading{margin-bottom:22px}.tiny-star{font-size:17px;color:var(--yellow);vertical-align:top}.count{color:#827d8e;font-size:9px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 19px}.cartoon-card{min-width:0;cursor:pointer}.poster{height:245px;border-radius:9px;position:relative;overflow:hidden;padding:16px;isolation:isolate;transition:transform .25s}.cartoon-card:hover .poster{transform:translateY(-4px)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000008 40%,#00000042);z-index:-1}.poster-stamp{position:absolute;top:15px;left:15px;font-size:8px;color:#ffffffcf;border:1px solid #ffffff70;padding:5px 7px}.poster-title{position:absolute;left:18px;bottom:48px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:35px;letter-spacing:-1.8px;line-height:.92;color:#fff8e8;text-shadow:0 3px 10px #2226}.poster-bottom{position:absolute;left:18px;bottom:17px;font-size:7px;color:#fff9e8;letter-spacing:1.2px}.poster-gold{background:linear-gradient(140deg,#d88b43,#f4c979 54%,#4c8474)}.poster-sun{position:absolute;width:135px;height:135px;right:20px;top:36px;border-radius:50%;background:#ffe5a2;box-shadow:0 0 0 14px #ffe5a225}.poster-hill{position:absolute;width:330px;height:160px;right:-70px;bottom:-70px;border-radius:50%;background:#396e64;transform:rotate(-17deg)}.poster-pink{background:linear-gradient(145deg,#b54c7a,#ee91a9 60%,#f4c5a3)}.poster-ring{position:absolute;width:175px;height:175px;border:23px solid #ffd8bc77;border-radius:50%;top:30px;right:-25px}.poster-pink .poster-title{font-size:33px}.doodle{position:absolute;top:82px;right:35px;color:#fff0d2;font-size:53px}.poster-blue{background:linear-gradient(145deg,#344a86,#779fd2 58%,#d2c5b6)}.poster-moon{position:absolute;right:35px;top:39px;width:72px;height:72px;border-radius:50%;background:#f9e7ba;box-shadow:0 0 0 13px #f9e7ba22}.poster-cloud{position:absolute;width:110px;height:34px;border-radius:30px;background:#dbe6f1a8}.cloud-one{top:110px;right:10px}.cloud-two{top:140px;right:60px;transform:scale(.7)}.poster-purple{background:linear-gradient(145deg,#48366f,#9880d0 57%,#ed9bb7)}.hero-burst{position:absolute;right:23px;top:49px;font-size:95px;color:#f9d17d;text-shadow:0 0 30px #f8d27a77}.poster-green{background:linear-gradient(145deg,#235f5b,#67a99b 58%,#d2d9ad)}.moon-two{background:#f4e8b5;box-shadow:0 0 0 13px #f4e8b52b}.poster-orange{background:linear-gradient(145deg,#a95d38,#f0a75d 58%,#e7d38b)}.explorer-sun{position:absolute;right:25px;top:42px;color:#ffe6a5;font-size:90px}.card-info{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 0}.card-info h3{font-family:'Space Grotesk',sans-serif;font-size:14px;margin:0 0 4px;font-weight:600}.card-info p{font-size:10px;color:var(--muted);margin:0}.play{display:grid;place-items:center;width:31px;height:31px;border:1px solid #3d3948;border-radius:50%;font-size:10px;color:var(--yellow);padding-left:2px}.empty-state{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:9px}.demo-note{font-size:10px;color:#777282;margin-top:25px}
.quote-band{margin:0 8% 65px;padding:30px 35px;border:1px solid #373142;background:radial-gradient(ellipse at 80% 50%,#30243b,#191722 65%);border-radius:10px;display:flex;align-items:center;gap:24px}.quote-mark{font:80px Georgia,serif;color:var(--yellow);line-height:1}.quote-band p{font-family:'Space Grotesk',sans-serif;font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:0 0 14px}.quote-band p em{color:var(--pink);font-family:Georgia,serif}.quote-band>div>span{color:var(--muted);font-size:8px}.quote-spark{margin-left:auto;font-size:45px;color:var(--teal)}footer{border-top:1px solid var(--line);padding:25px 8%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.footer-brand{color:var(--text);font-size:15px}.footer-brand .brand-mark{width:28px;height:28px;font-size:10px}footer>a:last-child{color:var(--yellow)}
@media(min-width:1200px){.hero,.search-row,.collections{padding-left:max(8%,calc((100% - 1120px)/2));padding-right:max(8%,calc((100% - 1120px)/2))}.quote-band{max-width:1120px;margin-left:auto;margin-right:auto}}
@media(max-width:760px){.topbar{height:66px;padding:0 5%}.nav-links{gap:14px;font-size:11px}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.hero{grid-template-columns:1fr;padding:49px 7% 25px;gap:10px}.hero h1{font-size:58px}.hero-art{height:290px;transform:scale(.92);margin-top:0}.hero-copy>p{font-size:13px}.hero-meta{margin-top:30px}.search-row,.collections{padding-left:6%;padding-right:6%}.search-row{align-items:stretch;flex-direction:column}.search-box{width:100%}.section-heading h2,.search-row h2{font-size:24px}.section-note{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.poster{height:225px;padding:12px}.poster-title{font-size:29px;left:13px}.poster-bottom{left:13px;font-size:6px}.poster-stamp{left:11px;font-size:7px}.card-info h3{font-size:12px}.card-info p{font-size:9px}.play{width:27px;height:27px}.quote-band{margin:0 6% 45px;padding:23px 18px;gap:13px}.quote-band p{font-size:19px}.quote-mark{font-size:58px}.quote-spark{font-size:28px}footer{padding:22px 6%;gap:12px;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(max-width:390px){.nav-links{gap:9px}.nav-links a:last-child{display:none}.hero h1{font-size:49px;letter-spacing:-3px}.hero-art{transform:scale(.8);margin:-20px -30px}.gallery{gap:20px 10px}.poster{height:195px}.poster-title{font-size:25px}.card-info h3{font-size:11px}.section-heading h2{font-size:21px}.hero-actions{gap:12px}.btn{padding:12px;font-size:11px}.text-link{font-size:10px}}
