.preview-section { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr); gap:36px; align-items:center; padding-block:90px 30px; }
.preview-copy .eyebrow { color:var(--lavender); }
.preview-copy h2 { font-size:clamp(32px,3.5vw,52px); line-height:1.1; letter-spacing:-2px; }
.preview-copy > p:not(.eyebrow) { color:#c6c4bf; line-height:1.75; margin:24px 0; max-width:380px; }
.preview-section figure { margin:0; min-width:0; }
.preview-section img,.preview-section video { display:block; width:100%; height:auto; border:5px solid #30312b; border-radius:24px; background:#101010; box-sizing:border-box; }
.preview-section video { aspect-ratio:9/20; object-fit:contain; }
.preview-section figcaption { text-align:center; color:#c6c4bf; font-size:13px; line-height:1.5; padding-top:16px; }
@media(max-width:760px) { .preview-section { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 16px; padding-block:60px 20px; } .preview-copy { grid-column:1/-1; } .preview-copy h2 { max-width:440px; font-size:38px; } .preview-section img,.preview-section video { border-width:3px; border-radius:18px; } }