.ds-case { --ds-blue:#245da8; --ds-yellow:#ffd700; --ds-content-gap:clamp(2rem,4vw,3.5rem); --ds-control-gap:clamp(1.5rem,2.5vw,2rem); }
.ds-title { font-size:clamp(2.8rem,5.6vw,5.6rem); line-height:1.02; letter-spacing:-.035em; margin-bottom:2rem; }
.ds-case .case-hero { padding-top:clamp(6rem,11vh,9rem); }
.ds-case .case-head { margin-top:clamp(2.75rem,5vw,4.25rem); }
@media (min-width:901px) {
  .ds-case .case-head { align-items:stretch; }
  .ds-case .case-head > .main-col { display:flex; flex-direction:column; }
  .ds-case .case-head .btn { align-self:flex-start; margin-top:auto; }
}
.ds-case .back-link { white-space:nowrap; margin-bottom:0; }
.ds-case .back-link svg { width:1rem; height:1rem; flex:none; }
.ds-case figure { margin:0; min-width:0; }
.ds-case .source-copy { max-width:48rem; }
.ds-case .source-copy .lead:last-child { margin-bottom:0; }
.ds-case .source-section + .source-section { padding-top:0; }
.ds-case .footer-col { min-width:0; }
.ds-case .footer-col h3 { font-size:var(--fs-label); font-weight:400; color:rgba(255,255,255,.55); margin-bottom:1.1rem; }
.ds-case .footer-col a[href^="mailto:"] { overflow-wrap:anywhere; }
.ds-opening { padding:0; background:var(--ds-yellow); }
.ds-opening-inner { width:100%; display:grid; grid-template-columns:5fr 7fr; }
.ds-opening-brand { background:var(--ds-yellow); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3rem; padding:clamp(2rem,5vw,6rem); }
.ds-opening-brand > img { width:100%; max-width:35rem; height:auto; }
.ds-opening-brand p { width:100%; max-width:35rem; font-size:clamp(1.25rem,1.75vw,1.75rem); line-height:1.3; }
.ds-opening-photo { width:100%; height:100%; min-height:0; aspect-ratio:7/5; max-height:52rem; object-fit:cover; object-position:80% center; }
.ds-section-heading { margin-bottom:var(--ds-content-gap); }
.ds-section-heading .main-col { display:grid; gap:1.5rem; }
.ds-section-heading h2 { font-size:var(--fs-h2); letter-spacing:-.035em; line-height:1.08; max-width:24ch; }
.ds-section-heading p { max-width:62ch; }
.ds-photos { padding-top:0; }
.ds-photo-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.25rem,3vw,3rem); align-items:start; }
.ds-photo-pair img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:center 45%; }
.ds-photo-pair figcaption { margin-top:1rem; font-size:var(--fs-small); color:var(--muted); }
.ds-stage { border-top:1px solid var(--line); padding-top:1.5rem; margin-top:2rem; }
.ds-activation .source-copy > .ds-stage:first-child,.ds-results-followup .source-copy > .ds-stage:first-child { margin-top:0; }
.ds-stage h3,.ds-stage h2 { font-size:var(--fs-h3); margin-bottom:.85rem; line-height:1.2; letter-spacing:normal; }
.ds-case button:focus-visible,.ds-site-viewport:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.ds-stage p { font-size:var(--fs-body); max-width:65ch; color:var(--ink-2); }
.ds-film { background:var(--ink); color:var(--white); }
.ds-film .rail-label { color:#b9b9b9; }
.ds-film-slot { position:relative; aspect-ratio:16/9; overflow:hidden; background:#1a1a1a; }
.ds-film-slot > img { width:100%; height:100%; object-fit:cover; }
.ds-film-play { position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; padding:clamp(1.5rem,4vw,3.5rem); }
.ds-film-play span { display:flex; align-items:center; gap:.8rem; padding:.9rem 1.5rem; border-radius:999px; background:var(--white); color:var(--ink); font-size:var(--fs-body); transition:background .2s ease; }
.ds-film-play:hover span { background:var(--ds-yellow); }
.ds-film-play svg { width:1.1rem; height:1.1rem; }
.ds-film-slot iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.ds-film-caption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.75rem; margin-top:1rem; font-size:var(--fs-small); color:#b9b9b9; }
.ds-film-caption a { color:var(--white); text-decoration:underline; text-underline-offset:.25em; }
.ds-film-caption a:focus-visible { outline-color:var(--white); }
.ds-social { background:#edf2f8; padding-bottom:var(--ds-content-gap); }
.ds-posts { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1rem,2vw,2rem); }
.ds-art-link { display:block; position:relative; width:100%; padding:0; cursor:zoom-in; }
.ds-art-link img { display:block; width:100%; height:auto; }
.ds-art-link::after { content:''; position:absolute; right:1rem; bottom:1rem; width:2.5rem; height:2.5rem; border-radius:50%; background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%230b0b0b' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='m13 13 4 4M8.5 6v5M6 8.5h5'/%3E%3C/svg%3E") center/20px no-repeat; opacity:0; transition:opacity .2s ease; }
.ds-art-link:hover::after,.ds-art-link:focus-visible::after { opacity:1; }
.ds-art-link:focus-visible { outline:2px solid var(--ds-blue); outline-offset:5px; }
.ds-social-note { margin-top:1.5rem; font-size:var(--fs-small); color:var(--ink-2); }
.ds-stories { background:#edf2f8; border-top:1px solid #d6e0ee; padding-top:var(--ds-content-gap); }
.ds-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.25rem,4vw,3.5rem); align-items:start; }
.ds-story-grid img { width:100%; height:auto; }
.ds-story-grid figcaption { font-size:var(--fs-small); color:var(--muted); padding-top:1.2rem; }
.ds-story-controls { display:none; }
.ds-activation-stats { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:1.5rem; }
.ds-mini-stat { padding-top:1.5rem; border-top:1px solid var(--line); }
.ds-mini-stat strong { display:block; font-weight:400; font-size:clamp(3rem,5vw,4.5rem); line-height:1.05; letter-spacing:-.035em; margin-bottom:.7rem; }
.ds-mini-stat p { font-size:var(--fs-small); max-width:28ch; color:var(--muted); }
.ds-businesses { margin-top:2rem; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.ds-businesses li { border-top:1px solid var(--line); padding:1rem 0; font-size:var(--fs-lead); }
.ds-reach { background:var(--ink); color:var(--white); }
.ds-reach .rail-label { color:#b9b9b9; }
.ds-reach .ds-section-heading .lead { color:#d0d0d0; }
.ds-reach h3 { font-size:var(--fs-lead); line-height:1.35; letter-spacing:normal; }
.ds-reach-channel { border-top:1px solid #343434; padding-top:2rem; margin-top:2.5rem; }
.ds-reach-channel:first-child { margin-top:0; }
.ds-reach-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.25rem,3vw,3rem); }
.ds-reach-grid .ds-mini-stat { border:0; padding-top:0; }
.ds-reach-grid strong { color:var(--ds-yellow); font-size:clamp(2.75rem,4vw,3.75rem); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ds-reach-grid p { color:#b9b9b9; }
.ds-reach-note { margin-top:1.5rem; font-size:var(--fs-small); color:#b9b9b9; line-height:1.7; max-width:65ch; }
.ds-reach-media .ds-reach-note { margin-top:0; }
.ds-reach .ds-art-link:focus-visible { outline-color:var(--white); }
.ds-evidence-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.25rem,3vw,3rem); max-width:1080px; margin:clamp(2.5rem,5vw,4rem) auto 0; align-items:start; }
.ds-evidence-pair figcaption { margin-top:1rem; font-size:var(--fs-small); color:var(--ink-2); }
.ds-reach .ds-evidence-pair { max-width:none; margin-top:2rem; }
.ds-reach .ds-evidence-pair figcaption { color:#d0d0d0; }
.ds-campaign-output { margin-top:1.5rem; font-size:var(--fs-body); color:var(--ink-2); }
.ds-site { background:#edf2f8; }
.ds-site .ds-section-heading { margin-bottom:var(--ds-control-gap); }
.ds-site-tabs { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:var(--ds-control-gap); }
.ds-site-tab { font-size:var(--fs-small); border:1px solid #bbc9da; border-radius:999px; padding:.7rem 1.1rem; min-height:44px; }
.ds-site-tab[aria-pressed=true] { background:var(--ink); color:var(--white); border-color:var(--ink); }
.ds-site-tab:hover { border-color:var(--ink); }
.ds-site-viewport { display:block; width:100%; aspect-ratio:1440/1030; overflow:hidden; background:var(--white); cursor:zoom-in; border:1px solid #d0dbe8; }
.ds-site-viewport img { width:100%; height:auto; }
.ds-site-panel[hidden] { display:none; }
.ds-site-caption { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; margin-top:1.5rem; }
.ds-site-caption p { font-size:var(--fs-small); color:var(--ink-2); max-width:52ch; }
.ds-site-caption .btn { font-size:var(--fs-small); }
.ds-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem 3rem; }
.ds-results-followup { margin-top:var(--ds-content-gap); }
.ds-result-grid .ds-mini-stat strong { font-size:clamp(2.5rem,4vw,3.8rem); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ds-result-note { margin-top:2.5rem; color:var(--muted); font-size:var(--fs-body); }
.ds-credit { margin-top:2.5rem; padding-top:2rem; border-top:1px solid var(--line); font-size:var(--fs-small); color:var(--muted); max-width:70ch; }
.ds-viewer { width:calc(100% - 2rem); max-width:1512px; max-height:calc(100dvh - 2rem); border:0; background:#edf2f8; color:var(--ink); padding:0; margin:auto; overflow:hidden; }
.ds-viewer::backdrop { background:rgb(0 0 0 / .8); }
.ds-viewer-shell { display:flex; flex-direction:column; max-height:calc(100dvh - 2rem); }
.ds-viewer-bar { display:flex; align-items:center; gap:1rem; padding:1rem 1.25rem; background:var(--white); border-bottom:1px solid var(--line); flex:none; }
.ds-viewer-bar h2 { font-size:var(--fs-body); line-height:1.3; letter-spacing:0; }
.ds-viewer-bar a { margin-left:auto; text-decoration:underline; font-size:var(--fs-small); white-space:nowrap; }
.ds-viewer-close { width:44px; height:44px; display:grid; place-items:center; flex:none; }
.ds-viewer-close svg { width:20px; height:20px; }
.ds-viewer-body { overflow:auto; overscroll-behavior:contain; padding:1.5rem; scrollbar-color:#828282 #edf2f8; }
.ds-viewer-body img { width:auto; max-width:100%; max-height:calc(100dvh - 10rem); object-fit:contain; margin:auto; }
.ds-viewer[data-kind=website] .ds-viewer-body img { width:100%; min-width:960px; max-height:none; }
.ds-viewer-hint { font-size:var(--fs-small); padding:.6rem 1.25rem; flex:none; background:var(--white); border-top:1px solid var(--line); color:var(--muted); }
.ds-modal-open { overflow:hidden; }
@media (max-width:900px) {
  .ds-case main > section .row > .rail { margin-bottom:0; }
  .ds-case .case-head { row-gap:2.25rem; }
  .ds-case .case-head .case-meta { margin-top:0; }
  .ds-opening-inner { grid-template-columns:1fr; }
  .ds-opening-brand { display:grid; grid-template-columns:1.1fr 1fr; gap:2rem; align-items:center; padding:2.5rem var(--pad-x); }
  .ds-opening-photo { aspect-ratio:2320/1100; height:auto; }
  .ds-photo-pair { gap:1.5rem; }
  .ds-reach-channel > .rail { margin-bottom:0; }
  .ds-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .ds-title { font-size:clamp(2.5rem,10.5vw,3.5rem); }
  .ds-case .case-meta ul { display:flex; flex-wrap:wrap; gap:.15rem 1rem; margin-top:.65rem; }
  .ds-case .case-meta .rail-label:not(:first-child) { margin-top:1rem; }
  .ds-opening-brand { grid-template-columns:1fr; gap:1.5rem; padding:2.5rem var(--pad-x); }
  .ds-opening-brand > img { max-width:360px; align-self:flex-start; }
  .ds-opening-brand p { max-width:30ch; font-size:1.25rem; }
  .ds-photo-pair { grid-template-columns:1fr; gap:2.5rem; }
  .ds-photo-pair img { aspect-ratio:auto; }
  .ds-evidence-pair { grid-template-columns:1fr; gap:2rem; }
  .ds-posts { grid-template-columns:1fr; }
  .ds-art-link::after { opacity:1; }
  .ds-story-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:1.5rem; scrollbar-width:thin; scrollbar-color:#a6b5c9 #edf2f8; padding-bottom:1.5rem; }
  .ds-story-grid figure { flex:0 0 calc(100% - 2.25rem); scroll-snap-align:start; }
  .ds-story-controls { display:flex; align-items:center; justify-content:space-between; margin-top:1rem; gap:1rem; }
  .ds-story-controls p { font-size:var(--fs-small); }
  .ds-story-controls div { display:flex; gap:.4rem; }
  .ds-story-controls button { width:44px; height:44px; border:1px solid #bbc9da; border-radius:50%; display:grid; place-items:center; }
  .ds-story-controls svg { width:16px; height:16px; }
  .ds-businesses { grid-template-columns:1fr 1fr; }
  .ds-activation-stats { grid-template-columns:1fr; gap:1.5rem; }
  .ds-result-grid { grid-template-columns:1fr; gap:1.5rem; }
  .ds-result-grid .ds-mini-stat strong { font-size:3.25rem; }
  .ds-reach-grid { gap:2rem 1.5rem; }
  .ds-reach-grid strong { font-size:2.7rem; }
  .ds-site-viewport { aspect-ratio:1440/1100; }
  .ds-site-caption { align-items:flex-start; }
  .ds-site-caption .btn { width:100%; justify-content:center; }
  .ds-viewer { width:100%; max-height:100dvh; }
  .ds-viewer-shell { max-height:100dvh; }
  .ds-viewer-bar { padding:.65rem; gap:.5rem; }
  .ds-viewer-bar a { font-size:.75rem; white-space:normal; }
  .ds-viewer-bar h2 { font-size:.85rem; }
  .ds-viewer-body { padding:1rem; }
}
@media (prefers-reduced-motion:reduce) {
  .ds-art-link::after,.ds-film-play span { transition:none; }
  .ds-story-grid { scroll-behavior:auto; }
}