.family{background:#10131b}.family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.family-grid article{display:flex;gap:20px;align-items:center;padding:25px;background:#151925;border:1px solid #30384b}.family-grid h3{margin:7px 0;font-size:21px}.family-grid p{font-size:13px;color:#b5bac5;line-height:1.5;margin:0}.family-grid small,.media small{font-size:9px;letter-spacing:.16em;color:#f4c542}.orb{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;font:900 28px Impact,Arial Black,sans-serif;color:#0b0d12}.blue{background:#6ca9e9}.red{background:#df4b4b}.green{background:#7aa85b}.gold{background:#e0bb47}.media{background:linear-gradient(130deg,#0d1018,#17110d)}.media-note{max-width:540px;color:#afb3bc;font-size:14px;line-height:1.6;margin:-8px 0 30px}.media-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.media-grid article{min-height:245px;padding:26px;background:#12151c;border:1px solid #34333a;display:flex;flex-direction:column}.media-grid article:first-child{grid-row:span 2;background:radial-gradient(circle at 70% 20%,#4d3b12,#16130d 49%,#101115)}.media-grid h3{font-size:25px;margin:14px 0 8px}.media-grid p{font-size:13px;line-height:1.6;color:#b7b9bd}.media-grid a{margin-top:auto;color:#f4c542;font-size:10px;letter-spacing:.1em;text-decoration:none}.play{font-size:47px;color:#f4c542;filter:drop-shadow(0 0 10px #e4c14a88)}.sound{font:34px Georgia,serif;color:#f4c542;letter-spacing:-.22em;margin-bottom:10px}.media-strip{margin-top:15px;padding:18px;border:1px solid #3f3b29;background:#090a0e;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.media-strip span{color:#f4c542;font-size:9px;letter-spacing:.16em}.media-strip b{font-size:12px;margin-right:auto}.media-strip button{background:transparent;border:1px solid #4a4640;padding:8px;color:#ccc;font-size:9px}.media-strip button:hover{border-color:#f4c542;color:#f4c542}.lights .family{background:#e8edf5}.lights .media{background:#e7e0d7}.lights .media-grid article,.lights .media-strip{background:#fff}@media(max-width:760px){.family-grid,.media-grid{grid-template-columns:1fr}.media-grid article:first-child{grid-row:auto}.media-grid article{min-height:190px}.media-strip b{width:100%}}