/* Editorial stories and the client strip for the local film iteration. */

.client-marks>a{opacity:.8;flex-shrink:0;display:flex;align-items:center;min-height:46px}
.client-marks>a:hover{opacity:1}

.case-opportunity{border-top:1px solid var(--line);padding-top:25px;margin-top:12px}
.case-opportunity>strong{font-size:clamp(42px,4.2vw,66px);font-weight:500;line-height:1.1;letter-spacing:-.06em}
.case-opportunity>strong>span{font-size:24px;letter-spacing:-.04em;color:var(--muted)}
.case-opportunity>p{margin-top:12px;font-size:14px;line-height:1.65}

.testimonial-feature>img{filter:none;object-position:50% 40%}
.testimonial-feature blockquote{max-width:31ch}
.editorial-story{width:min(1180px,calc(100% - 48px));max-height:94svh;overscroll-behavior:contain;scroll-padding-top:90px}
.story-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;border-bottom:1px solid var(--line);background:var(--paper)}
.story-topbar>span{font-size:12px;font-weight:600;letter-spacing:.02em}
.story-topbar .dialog-close{position:static;float:none;margin:0;flex-shrink:0;width:42px;height:42px}
.case-story-header{padding:60px 72px 0}
.case-story-header h2{font-size:clamp(44px,5.4vw,72px);max-width:18ch;line-height:1.06;letter-spacing:-.055em;text-wrap:balance}
.case-story-header>.case-category{margin-bottom:28px;font-size:11px;color:var(--muted)}
.story-deck{font-size:clamp(19px,2vw,24px);line-height:1.6;max-width:53ch;margin-top:28px;color:var(--muted)}

.story-cover{margin:38px 0 56px}.story-cover>img{width:100%;height:auto;aspect-ratio:2.15;object-fit:cover;object-position:center 45%}
.story-cover>figcaption{font-size:11px;color:var(--muted);margin-top:12px}
.story-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:46px;padding:0 72px 70px;align-items:start}
.story-index{position:sticky;top:98px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:22px}
.story-index>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.story-index>a{font-size:12px;line-height:1.5;padding-block:3px;color:var(--muted)}
.story-index>a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.story-prose{min-width:0}.story-chapter{scroll-margin-top:95px;margin-top:64px}.story-chapter:first-child{margin-top:0}
.story-chapter>h3{font-size:clamp(29px,3vw,40px);margin-bottom:25px;line-height:1.16;letter-spacing:-.045em}
.story-chapter>p,.story-finding>p{font-size:17px;line-height:1.85;color:#46564e;max-width:65ch;margin-top:21px}
.story-finding{margin-top:35px}.story-finding>h4{font-size:22px;letter-spacing:-.035em;line-height:1.4}.story-finding>p{margin-top:11px}
.story-source-note{margin-top:45px;padding-top:23px;border-top:1px solid var(--line);font-size:12px;line-height:1.75;color:var(--muted)}
.story-close-cta{margin-top:55px;padding-top:37px;border-top:1px solid var(--line)}.story-close-cta>h3{font-size:38px}.story-close-cta>.button{margin-top:26px}
.story-visual{margin:38px 0 45px;padding:32px;background:#e9ede5;border:1px solid #cdd5c6}
.visual-heading>span{font-size:10px;letter-spacing:.065em;text-transform:uppercase;display:block;margin-bottom:17px}
.visual-heading>h4{font-size:29px;font-weight:500;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}
.story-visual>figcaption{font-size:11px;line-height:1.7;margin-top:24px;max-width:65ch;color:var(--muted)}
.quote-loss{background:#172c2a;color:#edf2e6;border-color:#172c2a}.quote-loss .visual-heading>span{color:#c1cdbd}.quote-loss>figcaption{color:#c1cdbd}
.quote-path{list-style:none;padding:0;margin:29px 0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:11px;line-height:1.5}
.quote-path>li{border-top:1px solid #bfcab671;padding-top:13px}.quote-path>.path-gap{border-top-style:dashed;color:#edc19b}.quote-path>.path-end{color:#edc19b;border-top-color:#bc825d}
.loss-stat{display:flex;align-items:center;gap:23px}.loss-stat>strong{font-weight:500;font-size:65px;line-height:1.1;letter-spacing:-.055em}.loss-stat>strong>span{font-size:34px}.loss-stat>p{font-size:14px;line-height:1.6;color:#d6e0ce}
.loss-bar{display:flex;height:15px;gap:3px;margin-top:26px}.loss-bar>span:first-child{width:30%;background:#cb9a73}.loss-bar>span:last-child{width:70%;background:#738b7b}
.bar-key{display:flex;gap:24px;flex-wrap:wrap;margin-top:13px;font-size:10px;color:#d9e4d1}.bar-key>span{display:flex;gap:7px;align-items:center}.bar-key i{width:7px;height:7px;background:#cb9a73}.bar-key>span:last-child i{background:#738b7b}
.freight-row{margin-top:28px}.freight-row>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;font-size:12px}.freight-row strong{font-size:19px;font-weight:550;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.freight-bar{height:12px;background:#dce2d7}.freight-bar>span{display:block;height:100%;background:#9b7962}.better .freight-bar>span{background:#4b6856}
.brief-flow{display:grid;grid-template-columns:.85fr 24px 1.2fr;align-items:center;gap:17px;margin-top:30px}.brief-input>span,.brief-output>span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;color:var(--muted)}.brief-input>p{font-size:12px;border-top:1px solid #c2cbbb;padding-block:11px}.brief-input>p:last-child{border-bottom:1px solid #c2cbbb}.brief-connector{font-size:24px;text-align:center;color:#68806a}
.brief-output{border:1px solid #c1cdbb;padding:19px;background:#f7f8f4}.brief-output>ol{list-style:none;padding:0;margin:0}.brief-output li+li{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.brief-output li>strong{display:block;font-size:13px;font-weight:600}.brief-output li>span{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:3px}.brief-human{font-size:12px;border-top:1px solid #c2cbbb;margin-top:23px;padding-top:16px;display:flex;gap:12px}.brief-human>span{color:#4b6856}
.qf-story-header{padding-bottom:56px}.story-person{display:flex;gap:18px;align-items:center;border-block:1px solid var(--line);padding-block:23px;margin-top:38px}.story-person>img{width:64px;height:72px;object-fit:cover}.story-person>p>strong{display:block;font-size:14px;font-weight:600}.story-person>p>span{font-size:12px;color:var(--muted)}.story-person-note{margin-left:auto;font-size:12px;line-height:1.65;color:var(--muted)}
.department-workflows{margin:32px 0 40px;border-block:1px solid var(--line)}.workflow-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-top:7px}.workflow-tabs>button{padding:13px 12px 15px;font-size:12px;font-weight:550;border-bottom:2px solid transparent;line-height:1.5}.workflow-tabs>button:first-child{padding-left:0}.workflow-tabs>button:hover{color:#3c663f}.workflow-tabs>[aria-selected=true]{border-color:var(--ink)}
.workflow-panel{padding:28px 0}.workflow-panel[hidden]{display:none}.workflow-panel>h4{font-size:26px;line-height:1.3;letter-spacing:-.04em;margin-bottom:27px}.workflow-comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px}.comparison-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;padding-bottom:11px;border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:13px}.workflow-comparison>div:last-child .comparison-label{color:#315439;border-color:#8a9e7f}.workflow-comparison p{font-size:14px;line-height:1.8;color:#46564e}.workflow-spec{margin:27px 0 0}.workflow-spec>div{display:grid;grid-template-columns:115px 1fr;gap:15px;border-top:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.65}.workflow-spec dt{color:var(--muted)}.workflow-spec dd{margin:0}
.context-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;font-size:12px;text-align:center;line-height:1.6}.context-sources>span{padding-bottom:13px;border-bottom:1px solid #99ad92}.context-spine{width:1px;height:25px;background:#99ad92;margin:auto}.context-skill{padding:20px;background:#172c2a;color:#edf2e6;text-align:center}.context-skill>strong,.context-review>strong{display:block;font-size:16px;font-weight:500}.context-skill>span{display:block;font-size:11px;color:#c4d0bf;margin-top:6px}.context-review{text-align:center;border:1px solid #aebeaa;padding:19px}.context-review>span{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.story-pullquote{font-family:'Source Serif 4',serif;font-size:clamp(28px,3vw,37px);line-height:1.35;letter-spacing:-.025em;margin:35px 0;padding:28px 0;border-block:1px solid var(--line)}.story-pullquote>cite{display:block;font-family:'Manrope',sans-serif;font-size:12px;font-style:normal;letter-spacing:0;line-height:1.7;margin-top:19px;color:var(--muted)}
@media(max-width:900px){.case-story-header{padding:46px 40px 0}.story-layout{grid-template-columns:1fr;padding:0 40px 50px;gap:35px}.story-index{position:static;display:flex;flex-flow:row wrap;gap:8px 18px;border-block:1px solid var(--line);padding:18px 0}.story-index>span{width:100%;margin-bottom:3px}.qf-story-header{padding-bottom:35px}.case-story-header h2{font-size:52px}.story-prose{max-width:720px}.story-chapter{scroll-margin-top:86px}}
@media(max-width:650px){.case-opportunity>strong{font-size:53px}.case-opportunity>p{font-size:13px}.editorial-story{width:calc(100% - 16px);max-height:96svh}.story-topbar{padding:8px 16px}.story-topbar>span{font-size:11px}.story-topbar .dialog-close{width:38px;height:38px}.case-story-header{padding:35px 23px 0}.case-story-header h2{font-size:41px;line-height:1.09}.case-story-header>.case-category{font-size:10px;margin-bottom:22px}.story-deck{font-size:18px;margin-top:23px}.story-cover{margin:28px 0 30px}.story-cover>img{aspect-ratio:1.35}.story-cover>figcaption{font-size:10px}.story-layout{padding:0 23px 40px;gap:31px}.story-index{gap:7px 16px}.story-index>a{font-size:11px}.story-chapter{margin-top:46px;scroll-margin-top:76px}.story-chapter>h3{font-size:30px;margin-bottom:20px}.story-chapter>p,.story-finding>p{font-size:16px;line-height:1.8;margin-top:18px}.story-finding{margin-top:29px}.story-finding>h4{font-size:21px}.story-visual{padding:22px 18px;margin:28px 0 33px}.visual-heading>h4{font-size:25px}.visual-heading>span{font-size:9px}.quote-path{grid-template-columns:1fr 1fr;gap:17px;margin-block:24px}.loss-stat{gap:15px}.loss-stat>strong{font-size:55px}.loss-stat>p{font-size:12px}.loss-stat>strong>span{font-size:28px}.bar-key{gap:15px;font-size:9px}.story-visual>figcaption{font-size:10px}.brief-flow{grid-template-columns:1fr;gap:12px;margin-top:23px}.brief-input>p{font-size:12px}.brief-connector{transform:rotate(90deg);height:28px}.brief-output{padding:18px}.brief-human{font-size:11px}.qf-story-header{padding-bottom:30px}.story-person{gap:13px;margin-top:28px;flex-wrap:wrap}.story-person-note{width:100%;margin:5px 0 0;font-size:11px}.story-person-note br{display:none}.workflow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0}.workflow-tabs>button,.workflow-tabs>button:first-child{font-size:11px;padding:13px 6px}.workflow-panel>h4{font-size:25px}.workflow-comparison{grid-template-columns:1fr;gap:24px}.workflow-comparison p{font-size:14px}.workflow-spec>div{grid-template-columns:1fr;gap:4px;font-size:12px}.workflow-spec dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em}.context-sources{gap:10px;font-size:10px;line-height:1.5}.context-skill>strong,.context-review>strong{font-size:14px}.context-skill>span,.context-review>span{font-size:11px}.story-close-cta>h3{font-size:31px}.story-close-cta>.button{font-size:12px;gap:20px}.story-pullquote{font-size:29px}}

/* Client review figures remain on the local-only draft story. */
.review-findings{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px;background:#e3e9dd;margin:30px 0}
.review-findings strong{display:block;font-family:'Source Serif 4',serif;font-size:clamp(26px,3vw,36px);line-height:1.2;font-weight:400;color:#193f35}
.review-findings p{font-size:13px;line-height:1.6;margin:10px 0 0;color:#596c61}
.review-findings .review-findings-note{grid-column:1/-1;margin:0;font-size:11px}
@media(max-width:650px){.review-findings{grid-template-columns:1fr;padding:22px;gap:22px}.review-findings strong{font-size:30px}}
