:root{--bg: #fff;--fg: #111;--muted: #555}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--fg);background:var(--bg);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100%}.site-header{border-bottom:1px solid #eee}.site-header nav{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:20px}.brand{font-weight:700;color:inherit;text-decoration:none}.nav-links a{margin-left:16px;color:var(--muted);text-decoration:none}.content{max-width:900px;margin:40px auto;padding:0 16px;flex:1}.content a{text-decoration:none;color:inherit}.content h1{font-size:clamp(20px,4vw,28px);margin:0}.content h2{margin:8px 0 16px;color:var(--muted)}.site-footer{border-top:1px solid #eee;padding:20px;text-align:center}.site-footer a{color:var(--muted);text-decoration:none;margin:0 6px}.linkedin-posts{margin-top:3rem;padding:2rem;background:#f0f8ff;border-radius:8px}.featured-music{margin:2rem 0;padding:1.5rem;background:#f5f5f5;border-radius:8px}.featured-music-content{display:flex;justify-content:center;align-items:center}.featured-music iframe{border-radius:4px}.linkedin-posts h3{margin-top:0;color:#0056b3}.linkedin-post-card{background:#fff;border-left:4px solid #0a66c2;border-radius:4px;padding:1.5rem;margin:1rem 0}.linkedin-post-card a{text-decoration:none;color:inherit}.linkedin-post-card h4{margin:0 0 .5rem;color:#000}.linkedin-post-card p{margin:0;color:#0a66c2;font-weight:600}.social-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin:2rem 0}.social-post-card{background:#f9f9f9;border-left:4px solid #0a66c2;border-radius:8px;padding:1.5rem;position:relative;overflow:hidden}.post-image{width:100%;height:auto;max-height:250px;object-fit:cover;border-radius:4px;margin-bottom:1rem}.post-badge{display:inline-block;background:#0a66c2;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;margin-bottom:1rem}.social-post-card h3{margin:.5rem 0;font-size:1.1rem}.post-date{margin:.5rem 0;color:#666;font-size:.9rem}.post-link{display:inline-block;margin-top:1rem;color:#0a66c2;font-weight:600;text-decoration:none;transition:color .2s ease}.post-link:hover{color:#005a8b}.social-links-section{margin-top:3rem;padding:2rem;background:#f0f8ff;border-radius:8px}.social-links-section h2{margin-top:0;color:#0056b3}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.social-link-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:#fff;border:2px solid #0a66c2;border-radius:8px;text-decoration:none;color:#0a66c2;font-weight:600;transition:all .2s ease}.social-link-card:hover{background:#0a66c2;color:#fff;transform:translateY(-2px)}.social-icon{font-size:2rem;margin-bottom:.5rem}@media(max-width:600px){.nav-links{display:none}}.site-header nav{position:relative}.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.hamburger{display:block;width:24px;height:2px;background:var(--fg);position:relative;transition:all .2s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--fg);transition:transform .2s ease}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:transparent}.hamburger.open:before{transform:translateY(7px) rotate(45deg)}.hamburger.open:after{transform:translateY(-7px) rotate(-45deg)}.music-links{display:flex;flex-direction:column;gap:12px;margin-top:20px}.music-links a{display:inline-block;padding:12px 16px;background:#f5f5f5;border-radius:8px;text-decoration:none;color:var(--fg);transition:background .2s ease}.music-links a:hover{background:#eee}.personas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.persona-card{border:1px solid #ddd;border-radius:8px;padding:1.5rem;background:#f9f9f9}.persona-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:1rem}.persona-card h2{margin-top:0}.persona-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.persona-links a{padding:.75rem 1rem;background:#007bff;color:#fff;border-radius:4px;text-decoration:none;text-align:center;transition:background .2s ease}.persona-links a:hover{background:#0056b3}@media(max-width:600px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:60px;right:16px;background:var(--bg);padding:12px;border-radius:8px;box-shadow:0 8px 24px #00000014;flex-direction:column;z-index:1000}.nav-links.open{display:flex}.nav-links a{margin:8px 0}}