.footage{border-block:1px solid #eeded8;padding:15px 0 19px}
.footage h3{margin:0 0 13px;border-inline-start:4px solid #d14a2b;padding-inline-start:10px;color:#922e18;font-size:clamp(1.12rem,4vw,1.42rem);line-height:1.45}
.clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.clip{display:flex;align-items:center;text-align:start;gap:9px;width:100%;min-height:58px;padding:8px 11px;border:1px solid #d9b6aa;border-radius:12px;background:white;color:#261b18;font:inherit;font-weight:650;cursor:pointer;box-shadow:0 2px 5px #43201712}
.clip span{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff0e9;color:#9b3018;font-size:1.15rem}
.clip .night{background:#f0edf7;color:#514271}
@media(hover:hover){.clip:hover{border-color:#b73d21;background:#fff8f4}}
.clip:focus-visible{outline:3px solid #a83319;outline-offset:3px}
.clip:active{background:#ffece3;box-shadow:none}
.footage-compare{margin-top:10px}
.footage .clips p{grid-column:1/-1;margin:0;color:#624236;font-weight:650}
@media(max-width:560px){.footage .clips{grid-template-columns:minmax(0,1fr)}}