.mada-project-previews { margin:2rem 0; color:var(--mada-text); }
.mada-project-previews h2 { color:inherit; font-size:clamp(1.3rem,3vw,2rem); }
.mada-reels-summary { color:var(--mada-muted); margin-bottom:24px; }
.mada-reels-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; }
.mada-reel-card { min-width:0; width:100%; max-width:360px; margin-inline:auto; overflow:hidden; border:1px solid rgba(var(--mada-text-rgb),.15); border-radius:20px; background:var(--mada-surface); }
.mada-reel-card h3 { margin:0; padding:16px; font-size:1rem; line-height:1.6; color:var(--mada-text); }
.mada-reel-frame { position:relative; width:100%; aspect-ratio:9/16; overflow:hidden; background:#000; }
.mada-reel-frame iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; }
.mada-project-introduction { max-width:860px; margin:0 auto 2rem; color:var(--mada-muted); font-size:clamp(1rem,2vw,1.2rem); line-height:1.9; }
@media(max-width:900px) { .mada-reels-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media(max-width:600px) { .mada-reels-grid { grid-template-columns:minmax(0,1fr); } }