/* Orange Bat QC story composition on the shared WRD campaign components (bobcat-launch.css). */
.ob-launch { --ob-cut:#1289c0; }
.ob-launch .btn { min-height:44px; padding:11px 17px; }
.ob-launch .bc-hero-grid { grid-template-columns:.9fr 1.2fr; }
.ob-launch h1 { font-size:clamp(52px,5.6vw,80px); line-height:.98; letter-spacing:-.05em; margin-bottom:22px; }
.ob-launch .ob-qc-mark { display:inline-block; margin-left:.14em; padding:.02em .14em .04em; background:var(--bc-orange); color:#fff; border-radius:4px; font-size:.82em; letter-spacing:-.03em; vertical-align:.06em; }
.ob-launch .bc-headline { font-size:clamp(30px,3.2vw,44px); font-weight:700; line-height:1.12; }
.ob-launch .bc-intro { max-width:400px; line-height:1.7; }
.ob-launch .bc-section { padding-block:76px; }
.ob-launch .ob-section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:40px; margin-bottom:40px; }
.ob-launch .ob-section-heading h2 { font-size:clamp(32px,3.4vw,46px); line-height:1.12; }
.ob-launch .ob-section-heading > p { max-width:445px; font-size:15px; color:#606060; }
.ob-launch .ob-section-heading > p .bc-text-link { display:inline-block; margin-top:12px; color:var(--bc-rust); }
.ob-launch .ob-section-heading .bc-eyebrow { margin-bottom:14px; }

/* What's new: four numbered upgrades. Studio stills are white; multiply blends them into the paper band. */
.ob-launch .ob-new { background:var(--bc-paper); border-block:1px solid var(--bc-line); }
.ob-launch .ob-upgrades { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; margin:0; padding:0; counter-reset:none; }
.ob-launch .ob-upgrades a { display:block; height:100%; color:inherit; text-decoration:none; border-top:3px solid var(--bc-ink); padding-top:0; transition:border-color .2s; }
.ob-launch .ob-upgrades a:hover { border-top-color:var(--bc-orange); }
.ob-launch .ob-upgrades img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; mix-blend-mode:multiply; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.ob-launch .ob-upgrades a:hover img { transform:scale(1.04); }
.ob-launch .ob-upgrades li { overflow:hidden; }
.ob-launch .ob-upgrade-index { display:block; margin-top:6px; color:var(--bc-orange); font-size:12px; font-weight:800; letter-spacing:.12em; font-variant-numeric:tabular-nums; }
.ob-launch .ob-upgrades h3 { margin-top:6px; font-size:21px; line-height:1.25; }
.ob-launch .ob-upgrades p { margin-top:8px; color:#606060; font-size:14px; line-height:1.6; }

/* Quick Connect: motion + copy, then attachment cards. */
.ob-launch .ob-qc-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:64px; align-items:center; }
.ob-launch .ob-qc-media .bc-motion { margin:0; }
.ob-launch .ob-qc-media > img { width:100%; height:auto; }
.ob-launch .ob-qc-copy h2 { font-size:clamp(32px,3.4vw,46px); line-height:1.12; }
.ob-launch .ob-qc-copy > p:not(.bc-eyebrow):not(.ob-small) { margin-top:20px; color:#444; font-size:16px; }
.ob-launch .ob-qc-spec > div { display:grid; grid-template-columns:70px 1fr; gap:14px; align-items:center; padding-block:8px; }
.ob-launch .ob-qc-spec dt { font-size:13px; }
.ob-launch .ob-qc-spec dd { margin:0; font-size:14px; font-weight:600; line-height:1.5; }
.ob-launch .ob-qc-spec dd img { display:block; width:140px; height:auto; }
.ob-launch .ob-small { margin-top:16px; color:#666; font-size:12px; line-height:1.6; }
.ob-launch .ob-attachments { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:56px; }
.ob-launch .ob-attachment { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; padding:20px; border:1px solid var(--bc-line); border-top:3px solid var(--ob-cut); border-radius:3px; background:#fff; }
.ob-launch .ob-attachment img { width:100%; height:auto; border-radius:2px; }
.ob-launch .ob-attachment h3 { margin-top:8px; font-size:20px; line-height:1.25; }
.ob-launch .ob-attachment p:not(.bc-kit-sku) { margin-top:8px; color:#606060; font-size:14px; }
.ob-launch .ob-attachment .bc-text-link { display:inline-block; margin-top:14px; color:var(--bc-rust); }

/* Feature rows: blend white studio stills into paper bands. */
.ob-launch .bc-feature-row--paper .bc-detail-image { mix-blend-mode:multiply; }
.ob-launch .bc-feature-text a { color:var(--bc-rust); }
.ob-launch .ob-anchor-media { display:flex; justify-content:center; }
.ob-launch .ob-anchor-media img { width:78%; max-height:360px; object-fit:contain; }

/* At the glass: dark band for the in-vehicle renders. */
.ob-launch .ob-glass { background:#1c1c1c; color:#f4f4f4; }
.ob-launch .ob-glass .bc-eyebrow { color:#f49660; }
.ob-launch .ob-glass .ob-section-heading > p { color:#bdbdbd; }
.ob-launch .ob-glass .ob-section-heading a { color:#f49660; }
.ob-launch .ob-glass-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:20px; }
.ob-launch .ob-glass-grid figure { overflow:hidden; border-radius:4px; }
.ob-launch .ob-glass-grid img { display:block; width:100%; height:100%; object-fit:cover; }
.ob-launch .ob-caption { margin-top:14px; color:#9a9a9a; font-size:11px; }

.ob-launch .ob-upgrade { grid-template-columns:1.1fr 1fr 1.6fr; align-items:center; }
.ob-launch .ob-upgrade-note { align-self:center; max-width:280px; }
.ob-launch .ob-compare-links { list-style:none; margin:20px 0 0; padding:0; }
.ob-launch .ob-compare-links li .bc-text-link { margin-top:10px; }
.ob-launch .ob-close-word { color:#d7591726; bottom:-28px; right:0; letter-spacing:-.04em; }

@media (max-width:991px) {
    .ob-launch .ob-upgrades { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:36px; }
    .ob-launch .ob-qc-grid { grid-template-columns:1fr; gap:32px; }
    .ob-launch .ob-attachments { grid-template-columns:1fr; }
    .ob-launch .ob-upgrade { grid-template-columns:1fr 1fr; }
}
@media (max-width:767px) {
    .ob-launch .bc-hero-grid { grid-template-columns:1fr; }
    .ob-launch .bc-headline { font-size:34px; }
    .ob-launch .bc-section { padding-block:52px; }
    .ob-launch .ob-section-heading { grid-template-columns:1fr; gap:16px; margin-bottom:28px; }
    .ob-launch .ob-upgrades { gap:28px 16px; }
    .ob-launch .ob-upgrades h3 { font-size:17px; }
    .ob-launch .ob-upgrades p { font-size:13px; }
    .ob-launch .ob-attachment { grid-template-columns:1fr; }
    .ob-launch .ob-glass-grid { grid-template-columns:1fr; }
    .ob-launch .ob-upgrade { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
    .ob-launch .ob-upgrades img, .ob-launch .ob-upgrades a { transition:none; }
    .ob-launch .ob-upgrades a:hover img { transform:none; }
}