/* Collaboration reel stills and product-led setup covers. */
#collaborations .campaign-cover {
 position:relative; isolation:isolate; overflow:hidden;
 min-height:320px; background:#170d12; color:#fff3ed;
}
#collaborations .brand-cover-image {
 position:absolute; inset:0; width:100%; height:100%;
 object-fit:cover; object-position:center 45%; z-index:-2;
 filter:brightness(.78); transition:transform .45s ease;
}
#collaborations .campaign-cover::after {
 content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
 background:linear-gradient(180deg,rgba(8,5,7,.6) 0%,rgba(8,5,7,.12) 32%,rgba(8,5,7,.68) 65%,rgba(8,5,7,.94) 100%);
}
#collaborations .campaign-cover h4 {
 margin:auto 0 .2rem; padding-top:4.5rem;
 font-size:clamp(2rem,3.4vw,3.4rem); line-height:1.02;
 text-shadow:0 2px 20px #000c; overflow-wrap:normal;
}
#collaborations .campaign-cover>.eyebrow {
 align-self:flex-start; padding:.45rem .65rem;
 border:1px solid #f4d9cf40; border-radius:4px; background:#12090dc9;
 color:#fff0e9; font-size:.65rem; letter-spacing:.1em;
}
#collaborations .campaign-cover>span:last-child {color:#f4d9cf;font-size:.85rem}
#collaborations .nlr-cover h4 {font-size:clamp(1.9rem,3vw,3rem)}
#collaborations .torras-cover .brand-cover-image {object-position:center 48%}
#collaborations .temu-cover .brand-cover-image {object-position:center 30%}
#gear .gear-lane .lane-top {margin-bottom:1rem}
#gear .setup-cover {
 display:grid; place-items:center; height:170px; flex-shrink:0;
 position:relative; overflow:hidden; border-radius:6px; margin-bottom:.6rem;
 background:radial-gradient(ellipse at 50% 35%,#e0c9b5,#927c71);
 border:1px solid #e8cbb333;
}
#gear .setup-cover img {
 display:block; width:100%; height:100%; object-fit:contain;
 padding:12px; mix-blend-mode:multiply; filter:drop-shadow(0 12px 9px #160c1055);
 transition:transform .45s ease;
}
#gear .lane-pc .setup-cover {background:radial-gradient(ellipse at 50% 35%,#bdc4bb,#747e79)}
#gear .lane-affiliate .setup-cover {background:radial-gradient(ellipse at 50% 35%,#c7b0b5,#8b6974)}
#gear .lane-affiliate .setup-cover img {padding:18px}
#gear .gear-lane h3 {margin-top:.7rem}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 #collaborations .campaign-cover:hover .brand-cover-image {transform:scale(1.045)}
 #gear .gear-lane:hover .setup-cover img {transform:translateY(-3px) scale(1.035)}
}
#collaborations .campaign-cover:focus-visible,#gear .gear-lane:focus-visible {
 outline:3px solid #ff6680; outline-offset:4px;
}
@media(max-width:700px){
 #collaborations .campaign-cover {min-height:300px}
 #collaborations .campaign-cover h4 {font-size:clamp(2rem,9vw,3.3rem)}
 #collaborations .nlr-cover h4 {font-size:clamp(1.9rem,8vw,2.8rem)}
 #gear .setup-cover {height:155px}
}
@media(prefers-reduced-motion:reduce){
 #collaborations .brand-cover-image,#gear .setup-cover img {transition:none}
}

/* Selected original photography; light blur only on the compact overview. */
.compact-branch .corner-cover {filter:blur(1px) brightness(.83)}
.compact-branch .feature-panel .corner-cover {filter:brightness(.85)}
#tutorials .corner-cover {object-position:center 47%}
#unboxings .corner-cover {object-position:center 48%}
#sim-racing .corner-cover {object-position:center 39%}
#talking-head .corner-cover {object-position:center 40%}
#coffee-bar .corner-cover {object-position:center 49%}
#tesla-cars .corner-cover {object-position:center 60%}
#collaborations .nlr-cover .brand-cover-image {object-position:center 52%}
#collaborations .autofull-cover .brand-cover-image {object-position:60% center}
#collaborations .moza-cover .brand-cover-image {object-position:center 37%}
#collaborations .torras-cover .brand-cover-image {object-position:center 45%}
#collaborations .temu-cover .brand-cover-image {object-position:center 25%}



#coffee-bar .feature-panel .corner-cover{object-position:50% 49%;object-fit:cover;filter:none;background:#160d12}

/* Keep the driver visible within the expanded Sim Racing panel. */
#sim-racing .feature-panel .corner-cover{object-position:65% 25%}