/* Approved commercial reel example, shared by the homepage and Reels page. */
.reel-sample{scroll-margin-top:32px}
.reel-sample .eyebrow{margin-bottom:12px}
.reel-sample-heading{margin-bottom:28px}
.reel-sample-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:40px;align-items:center}
.reel-sample-copy{min-width:0}
.reel-sample-copy h3{font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.12;margin:0 0 18px}
.reel-sample-copy p{color:var(--muted);max-width:52ch;line-height:1.8}
.reel-sample .reel-sample-meta{font-size:.875rem;color:var(--accent);margin-bottom:20px}
.reel-sample-player{min-width:0;margin:0}
.reel-sample-video{aspect-ratio:16/9;background:#191a16;border:1px solid var(--line)}
.reel-sample-video iframe{display:block;width:100%;height:100%;border:0}
.reel-sample-player figcaption{font-size:.875rem;color:var(--muted);line-height:1.7;margin-top:12px}
.portfolio-update .reel-sample-shortcut{margin-top:20px;min-height:48px;gap:18px}
@media(max-width:800px){.reel-sample-layout{grid-template-columns:1fr;gap:24px}.reel-sample-copy p{max-width:65ch}.reel-sample-heading{margin-bottom:24px}}
@media(max-width:480px){.reel-sample-copy h3{font-size:1.875rem}.reel-sample-shortcut{width:100%}}