/* R12 — visible interactive shoes and looping motion, without disclosure clicks. */
.campaign-showcase{border-top:1px solid #dbc5a8}
.showcase-heading{max-width:960px;margin-bottom:34px}
.showcase-heading h2{font-size:clamp(30px,4.1vw,60px);line-height:1.08;margin:18px 0}
.showcase-heading>p{font-size:17px;line-height:1.6;max-width:65ch;margin:0}
.showcase-examples{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.8fr);gap:clamp(24px,4vw,64px);align-items:start}
.showcase-examples figure{margin:0;min-width:0}
.showcase-label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin-bottom:12px}
.showcase-label>span:last-child:not(.eyebrow){font-size:12px}
.campaign-showcase .comparison.shoes-comparison{height:auto;min-height:0;aspect-ratio:4/3;width:100%;border-radius:16px;overflow:hidden}
.campaign-showcase .compare-labels{inset:16px 16px auto;align-items:flex-start;gap:10px}
.campaign-showcase .compare-labels span{height:auto;min-height:0;align-self:flex-start;white-space:nowrap;padding:7px 10px;font-size:9px}
.campaign-showcase .comparison input{touch-action:pan-y}
.showcase-stage{background:#111716;border-radius:16px;overflow:hidden;aspect-ratio:9/16}
.showcase-stage video{display:block;width:100%;height:100%;object-fit:contain}
.showcase-examples figcaption{padding-top:18px}
.showcase-examples figcaption h3{font-size:clamp(19px,1.8vw,25px);line-height:1.2;margin:0 0 8px}
.showcase-examples figcaption p{font-size:14px;line-height:1.65;margin:0 0 8px}
.showcase-examples figcaption .small{font-size:12px}
.film-toggle{font-size:12px;padding:8px 15px;margin:0 0 15px}
.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #d6bda2;margin-top:28px;padding-top:24px}
.showcase-bottom p{max-width:70ch;margin:0;font-size:12px;line-height:1.7}
.showcase-bottom button{flex-shrink:0}
.strategy-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.strategy-actions a{display:inline-flex;align-items:center;padding:13px 18px;border-radius:9px;text-decoration:none;border:1px solid #bc9573;font-size:14px}
.strategy-actions a.primary{background:#ff650a;color:#231b16}
.strategy-brief{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 var(--sans);max-height:260px;overflow:auto;padding:16px;background:#f4ebd9;border-radius:10px}
.strategy-delivery{font-size:13px;line-height:1.65;border-left:3px solid #c94700;padding-left:14px}
.pricing-grid.manual-pricing{grid-template-columns:1fr 1fr}

@media(max-width:850px){.showcase-examples{grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);gap:24px}.showcase-label .eyebrow{font-size:9px}.showcase-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.showcase-examples{grid-template-columns:minmax(0,1fr);gap:32px}.showcase-heading h2{font-size:clamp(28px,7vw,40px)}.showcase-heading>p{font-size:15px}.showcase-motion{width:100%;max-width:330px}.campaign-showcase .compare-labels{inset:12px 10px auto}.campaign-showcase .compare-labels span{font-size:8px;padding:6px 8px}.pricing-grid.manual-pricing{grid-template-columns:1fr}.strategy-actions{flex-direction:column;align-items:stretch}.strategy-actions a{justify-content:center;text-align:center;white-space:normal}}
@media(prefers-reduced-motion:reduce){.showcase-stage{animation:none;transition:none}}