:root{--blue:#07377f;--orange:#ff5126;--ink:#102b4d;--cream:#fffaf2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Nunito Sans',sans-serif}.site-header,main,.site-footer{max-width:1200px;margin:auto}.site-header{height:82px;display:flex;align-items:center;gap:32px;padding:0 18px}.brand{font-family:'Baloo 2';font-size:42px;font-weight:800;color:var(--blue);text-decoration:none;white-space:nowrap}.mark{color:#ff6b36;text-shadow:-13px 0 #1765b5,13px 0 #ffc238}.site-header nav{margin-left:auto}.site-header ul,.site-footer ul{display:flex;list-style:none;gap:24px;padding:0;margin:0}.site-header li a,.site-footer li a{font-size:13px;font-weight:800;color:#17283e;text-decoration:none}.site-header li:first-child a{color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:12px}.join-mini,.button{border-radius:99px;text-decoration:none;font-weight:800;color:#fff}.join-mini{background:var(--orange);padding:14px 18px}.search{border:0;background:transparent;font-size:30px;color:var(--blue)}.hero{min-height:375px;position:relative;overflow:hidden;display:flex;padding-left:48px}.hero-copy{width:45%;z-index:1;padding-top:46px}.hero h1,.heading h2,.community h2{font:800 64px/1 'Baloo 2';letter-spacing:-1.5px;margin:0;color:var(--blue)}.hero h1 span,.heading h2 span{color:var(--orange)}.hero p{font-size:18px;line-height:1.45}.hero-actions{display:flex;gap:14px;margin-top:20px}.button{display:inline-block;padding:14px 25px}.orange{background:var(--orange);box-shadow:inset 0 -3px #e5411f}.pale{background:#e4e3ff;color:var(--blue)}.hero-art{position:absolute;inset:0 0 0 39%;background-size:250%;background-position:74% 8%;border-radius:48px 0 0 48px}.crop{background-repeat:no-repeat}.player{position:relative;z-index:2;margin:-10px 40px 35px;background:#fff;border-radius:22px;min-height:150px;display:flex;align-items:center;padding:24px;gap:20px;box-shadow:0 8px 20px #233b6018}.album{width:92px;height:105px;border-radius:7px;background-size:780%;background-position:8% 38%}.track{min-width:185px;display:grid;font-size:19px}.track strong{font-weight:800}.track em{font-size:13px;font-style:normal;font-weight:800;color:var(--orange);margin-top:15px}.play{height:75px;width:75px;border-radius:50%;border:3px solid #ffca6e;background:var(--orange);color:#fff;font-size:26px}.wave{color:#0756e9;font-size:25px;letter-spacing:1px;flex:1}.volume{font-size:18px}.section{padding:0 44px 35px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.heading h2{font-size:36px}.heading a{color:#0756d9;font-weight:800;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{height:199px;border-radius:10px;position:relative;overflow:hidden;background-size:400%;background-position:0 49%}.card img{width:100%;height:100%;object-fit:cover}.program-p1{background-position:33% 50%}.program-p2{background-position:58% 50%}.program-p3{background-position:86% 50%}.card-title{position:absolute;left:14px;bottom:12px;color:#fff;display:grid;text-shadow:0 1px 4px #000}.card-title strong{font:700 30px/1 'Baloo 2'}.card-title small:first-child{position:absolute;bottom:85px;font-weight:800}.content-cards{grid-template-columns:repeat(3,1fr)}.content-card{border-radius:10px;overflow:hidden;background:#fff}.content-art{height:155px;background-size:310%;background-position:5% 70%}.content-1{background-position:49% 70%}.content-2{background-position:95% 70%}.content-card h3{font-size:18px;margin:12px 18px;color:var(--ink)}.community{margin:0 20px 40px;border-radius:24px;min-height:210px;background:#dedcff;display:flex;align-items:center;overflow:hidden}.community-art{height:210px;width:54%;background-size:210%;background-position:12% 91%}.community>div:last-child{padding:22px;width:42%}.community h2{font-size:30px}.community p{font-size:16px;line-height:1.35}.site-footer{border-top:1px solid #eee;padding:24px 48px;display:flex;align-items:center;gap:20px}.site-footer .brand{font-size:33px}.site-footer p{font-size:12px}.site-footer ul{margin-left:auto}.social{color:var(--orange);font-weight:bold}.generic{max-width:800px;padding:50px}.generic h1{font-family:'Baloo 2';color:var(--blue)}@media(max-width:800px){.site-header nav,.site-header .join-mini{display:none}.site-header{justify-content:space-between}.hero{padding:20px;min-height:570px}.hero-copy{width:100%;padding-top:20px}.hero h1{font-size:50px}.hero-art{inset:300px 0 0;background-size:250%;background-position:73% 0;border-radius:30px 30px 0 0}.player{margin:-15px 15px 30px;gap:10px;padding:15px}.volume,.wave{display:none}.track{min-width:0;flex:1}.section{padding:0 16px 30px}.heading h2{font-size:29px}.heading a{font-size:12px}.cards{overflow:auto;display:flex}.card{min-width:220px}.content-card{min-width:270px}.community{margin:0 16px 28px;display:block}.community-art{width:100%;height:170px;background-size:200%}.community>div:last-child{width:100%}.site-footer{display:block;padding:25px}.site-footer ul{display:none}.social{margin-top:16px}}