/* Evidence in the opening, a compact photographic stream beside the services. */
.studio-story { --studio-green:#516240; }
.story-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; padding:32px 0 40px; min-height:470px; }
.story-intro-copy { min-width:0; }
.story-intro-copy h2 { margin:18px 0 22px; }
.story-intro-bottom { flex-direction:column; align-items:flex-start; gap:18px; }
.story-intro-copy .story-evidence { margin-top:23px; font-size:10px; }
.story-intro > .studio-motion { z-index:4; top:5px; }
.photo-wall { justify-self:center; width:100%; max-width:360px; height:400px; display:grid; grid-template-columns:1fr 1fr; gap:12px; overflow:hidden; mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent); }
.wall-column { min-width:0; }
.column-right { padding-top:26px; }
.photo-track { will-change:transform; }
.photo-group { display:grid; gap:12px; padding-bottom:12px; }
.wall-photo { overflow:hidden; border-radius:3px; background:#f2f0eb; }
.wall-photo.portrait { height:220px; }
.wall-photo.landscape { height:164px; }
.wall-photo img { display:block; width:100%; height:100%; object-fit:cover; user-select:none; }
.column-left .portrait img { object-position:49% center; }
.column-right .portrait img { object-position:37% center; }
.column-right .landscape img { object-position:43% center; }
.story-formats { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; padding:40px 0; align-items:center; }
.formats-editorial { min-width:0; }
.formats-editorial > .format-tabs { margin-top:26px; }
.formats-editorial > .format-panel { min-height:225px; }
.story-formats .format-copy { max-width:600px; }
.format-tabs.tabs-animated:after { background:var(--studio-green); }
.format-tabs button[aria-selected="true"] { color:var(--studio-green); }
.studio-story .story-kicker { color:#7f8977; }
.studio-story .story-link { border-color:#97a786; }
@media(max-width:1050px) and (min-width:801px) { .story-intro, .story-formats { gap:24px; }.format-tabs { gap:18px; }.photo-wall { max-width:320px; height:375px; } }
@media(max-width:800px) {
 .story-intro { grid-template-columns:1fr; gap:24px; padding:46px 0 24px; min-height:0; }
 .photo-wall { max-width:310px; height:320px; gap:10px; }
 .photo-group { gap:10px; padding-bottom:10px; }
 .wall-photo.portrait { height:180px; }.wall-photo.landscape { height:135px; }
 .column-right { padding-top:18px; }
 .story-formats { grid-template-columns:1fr; gap:18px; padding:30px 0; }
 .formats-editorial > .format-tabs { margin-top:26px; }
 .formats-editorial > .format-panel { min-height:225px; }
}
@media(prefers-reduced-motion:reduce) { .photo-track { will-change:auto; } }

/* The editorial introduction leads; evidence remains secondary. */
.story-intro-copy { align-self:start; padding-top:20px; }
.story-intro-copy > .story-kicker { color:#405334; font-size:11px; font-weight:600; letter-spacing:.09em; padding-left:10px; border-left:2px solid #71875d; line-height:1.4; }
.story-intro-copy h2 { font-weight:500; color:#252b22; }
.story-intro-bottom > p { color:#5b6355; }

/* Matching evidence panels: shared header, metric, plot and source baselines. */
.story-intro { grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr)); gap:36px; }
.story-trust, .story-cost { margin:0; padding:20px 0 0; min-width:0; width:100%; border-top:1px solid #e1e5dc; align-self:center; }
.story-trust { display:grid; grid-template-rows:96px 164px auto; row-gap:16px; }
.story-cost { display:grid; grid-template-rows:96px auto; row-gap:16px; }
.evidence-heading { min-width:0; margin:0; }
.story-trust h3, .story-intro .cost-copy h2 { margin:0 0 12px; min-height:48px; font-size:16px; line-height:1.5; font-weight:400; letter-spacing:-.025em; }
.trust-metric, .cost-change { display:flex; align-items:baseline; gap:10px; margin:0; line-height:1.25; }
.trust-metric strong, .cost-change strong { font-size:28px; font-weight:400; letter-spacing:-.04em; color:var(--studio-green); white-space:nowrap; }
.cost-change span { font-size:10px; color:#85877f; }
.evidence-plot { height:164px; display:flex; align-items:center; justify-content:center; min-width:0; }
.trust-ring { position:relative; width:150px; height:150px; margin:0; }
.trust-ring svg { display:block; width:100%; height:100%; transform:rotate(-90deg); }
.trust-ring circle { fill:none; stroke-width:3; }
.trust-track { stroke:#edf0e9; }
.trust-value { stroke:#788b65; stroke-dasharray:100; stroke-dashoffset:29; stroke-linecap:butt; }
.ad-cost-chart { margin:0; width:100%; display:grid; grid-template-rows:164px auto; row-gap:16px; }
.ad-cost-chart svg { display:block; width:100%; max-height:164px; overflow:visible; }
.cost-grid path { stroke:#eceee7; stroke-width:1; fill:none; }
.cost-grid text { font-size:11px; text-anchor:end; fill:#a3aa9b; }
.cost-line { stroke:#526448; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; fill:none; stroke-dasharray:1; stroke-dashoffset:0; }
.cost-area { fill:#758768; opacity:.055; }
.cost-point circle { fill:white; stroke:#9aa38f; stroke-width:1.5; }
.cost-point text { fill:#7b8373; font-size:12px; text-anchor:middle; }
.cost-point-last circle { fill:#526448; stroke:#526448; }
.cost-point-last text { fill:#526448; }
.cost-years text { font-size:11px; fill:#91968a; text-anchor:middle; }
.evidence-caption { min-height:72px; margin:0; color:#7d8275; font-size:11px; line-height:1.8; }
.evidence-caption p { margin:0; min-height:40px; }
.evidence-caption a { color:#858d7c; text-decoration:underline; text-underline-offset:3px; }
.story-trust .evidence-caption > a, .cost-sources { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; font-size:10px; line-height:1.5; }
@media(min-width:801px) and (max-width:1200px) {
 .story-intro { grid-template-columns:1fr 1fr; gap:32px; }
 .story-intro-copy { grid-column:1 / -1; }
}
@media(max-width:800px) {
 .story-intro { grid-template-columns:1fr; gap:30px; }
 .story-trust, .story-cost { max-width:390px; justify-self:center; }
}