.hub-nav{font-size:13px;color:#667661}.hub-nav span{margin-left:14px}.sound-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:55px 0 35px;min-height:400px}.sound-copy h1{font-size:clamp(32px,4vw,49px);line-height:1.55;letter-spacing:.025em;margin:16px 0}.sound-copy h1 span{color:#75905c}.sound-copy>p{font-size:14px;line-height:1.95;color:#7a826d;margin:0 0 24px}.sound-art{height:325px;position:relative;display:flex;align-items:center;justify-content:center}.sound-orbit{border:1px dashed #b5c5a3;border-radius:50%;position:absolute;transform:rotate(-17deg)}.orbit-outer{width:390px;height:270px}.orbit-inner{width:290px;height:200px;border-color:#d2d9ba;transform:rotate(25deg)}.ear-friend{position:relative;width:154px;height:170px;border-radius:48% 48% 42% 42%;background:#edc47a;box-shadow:inset -9px -5px 0 #d7a85c;transform:rotate(-8deg)}.ear-friend:before{content:"";position:absolute;width:157px;height:151px;left:-12px;top:-17px;border:12px solid #47715b;border-bottom:0;border-radius:50% 50% 0 0}.friend-ear{position:absolute;width:30px;height:69px;border-radius:16px;background:#66896a;top:63px;z-index:1;box-shadow:4px 0 0 #345941}.friend-ear.left{left:-19px;transform:rotate(-7deg)}.friend-ear.right{right:-16px;transform:rotate(7deg)}.friend-face{display:flex;gap:27px;position:absolute;top:77px;left:47px}.friend-face i{width:6px;height:9px;background:#496044;border-radius:50%}.friend-face b{position:absolute;top:16px;left:9px;width:23px;height:12px;border:3px solid #8a7046;border-top:0;border-radius:0 0 20px 20px}.friend-cheek{position:absolute;top:97px;width:21px;height:12px;border-radius:50%;background:#df9774;opacity:.7}.cheek-left{left:24px}.cheek-right{right:24px}.sound-doodle{position:absolute;z-index:1}.doodle-note{top:18px;right:80px;font-size:58px;color:#7d926a;transform:rotate(13deg)}.doodle-star{top:77px;left:48px;font-size:31px;color:#d5a96c}.doodle-wave{right:31px;top:167px;font-size:37px;color:#c38c6e;transform:rotate(80deg)}.hello-bubble{position:absolute;left:18px;bottom:44px;font-size:12px;padding:12px 20px;border-radius:20px 20px 4px 20px;background:#e8edda;color:#72845f;transform:rotate(-8deg)}.tiny-keyboard{position:absolute;right:34px;bottom:27px;display:flex;border:7px solid #698773;border-radius:9px;transform:rotate(13deg);background:#698773}.tiny-keyboard i{position:relative;width:24px;height:56px;background:#f9f5e4;border:1px solid #dcd7c2;border-bottom:5px solid #d6cdb5;border-radius:0 0 4px 4px}.tiny-keyboard i:nth-child(1):after,.tiny-keyboard i:nth-child(2):after,.tiny-keyboard i:nth-child(4):after{content:"";position:absolute;right:-7px;top:0;width:11px;height:29px;background:#41634c;z-index:1;border-radius:0 0 3px 3px}.sound-tag{position:absolute;bottom:-11px;font-size:10px;letter-spacing:.1em;color:#8d947b}.hub-count{color:#929880;font-size:11px}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hub-card{display:grid;grid-template-columns:43% 1fr;border:1px solid #dfe3d3;border-radius:19px;overflow:hidden;background:#fffdf7;min-height:235px;transition:transform .18s,box-shadow .18s}.hub-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #2b4a3710}.hub-card-visual{position:relative;background:#e8eddb;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:16px 12px}.hub-card-visual>.pill{align-self:flex-start;font-size:10px}.hub-card-visual>.card-art{width:205px;margin:-3px -15px 0;height:140px;transform:scale(.9)}.visual-caption{font-size:10px;color:#7e8869;position:absolute;bottom:16px}.animal-hub .hub-card-visual{background:#f1e6d5}.rhythm-hub .hub-card-visual{background:#f7e8d8}.song-hub .hub-card-visual{background:#e8ecf3}.cat-face{position:relative;width:97px;height:80px;background:#d79c62;border-radius:45% 45% 42% 42%;margin:43px 0 27px;display:flex;justify-content:center;gap:24px;padding-top:30px;box-shadow:inset -6px -2px 0 #c48b55}.cat-face:before,.cat-face:after{content:"";position:absolute;top:-24px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:44px solid #d79c62}.cat-face:before{left:-2px;transform:rotate(-23deg)}.cat-face:after{right:-2px;transform:rotate(23deg)}.cat-face i{width:6px;height:8px;border-radius:50%;background:#654d35;z-index:1}.cat-face b{position:absolute;top:43px;color:#8b6744;left:37px;font-size:25px}.hub-card-copy{padding:26px 23px 18px;display:flex;flex-direction:column}.hub-category{font-size:10px;letter-spacing:.08em;color:#8f977e}.hub-card h3{font-size:23px;margin:13px 0 12px}.hub-card p{font-size:12px;color:#7f8870;line-height:1.9}.hub-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;gap:5px;font-size:10px;color:#929980}.hub-meta .card-arrow{width:29px;height:29px;display:flex}.together{display:flex;align-items:center;gap:22px;padding:25px 28px;background:#ecefdf;border-radius:15px;margin-top:35px}.together-icon{font-size:49px;color:#b9b77f}.together h2{font-size:17px;margin:0 0 9px}.together p{font-size:12px;line-height:1.8;color:#7f896e}.together-note{margin-left:auto;flex-shrink:0;font-size:11px;line-height:1.8;color:#8d967d;text-align:right}#games{scroll-margin-top:20px}@media(max-width:850px){.sound-hero{gap:0;padding-top:40px}.sound-art{transform:scale(.8);transform-origin:center right;margin-left:-40px}.sound-copy h1{font-size:34px}.hub-card{grid-template-columns:1fr}.hub-card-visual{height:205px}.hub-card-visual>.card-art{margin-top:-3px}.hub-card-copy{min-height:220px}.together-note{display:none}}@media(max-width:540px){.sound-hero{grid-template-columns:1fr;padding:29px 0 22px;gap:0}.sound-copy h1{font-size:34px;line-height:1.5}.sound-copy>p{font-size:12px}.sound-copy .primary{font-size:12px;padding:13px 18px;min-height:45px}.sound-art{height:210px;transform:scale(.7);transform-origin:center;margin:-10px -30px 0}.sound-tag{bottom:-40px}.doodle-note{right:40px;top:-15px}.doodle-star{left:23px;top:20px}.hello-bubble{left:-5px;bottom:-4px}.tiny-keyboard{right:0;bottom:-5px}.hub-nav{font-size:11px}.hub-grid{grid-template-columns:1fr;gap:14px}.hub-card{grid-template-columns:39% 1fr;min-height:210px}.hub-card-visual{height:auto;padding:14px 10px}.hub-card-visual>.card-art{width:170px;top:38px;right:auto;left:50%;margin-left:-85px;transform:scale(.75);position:absolute}.hub-card-copy{padding:21px 16px 17px;min-height:210px}.hub-card h3{font-size:21px;margin:12px 0 9px}.hub-card p{font-size:11px}.hub-category{font-size:9px}.hub-meta{font-size:9px;padding-top:13px}.hub-meta .card-arrow{width:24px;height:24px;flex-shrink:0}.visual-caption{font-size:8px;bottom:17px}.cat-face{transform:scale(.85);margin-top:43px}.hub-count{font-size:9px;max-width:75px;text-align:right;line-height:1.8}.together{padding:20px 17px;gap:13px;margin-top:23px}.together-icon{font-size:35px}.together h2{font-size:14px}.together p{font-size:10px}footer>span{font-size:9px;line-height:1.9;max-width:50%}footer>span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){.hub-card{transition:none}}

.sound-hero{overflow:hidden}