/* Original evidence, framed by Jblah's identity. */
.results-section{background:#f4f1ea;color:#15243c;padding-block:70px 48px}
.results-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:8%;margin-bottom:32px}
.results-heading .eyebrow{color:#08348b;margin-bottom:18px;font-size:11px}
.results-heading h2{font-size:clamp(30px,3.6vw,54px);line-height:1.5;max-width:600px}
.results-heading>div:last-child>p{font-size:14px;line-height:1.9;color:#576576;max-width:440px}
.results-heading .line-link{font-size:12px;margin-top:17px;min-height:44px}
.result-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #12386b2b;border-bottom:0;background:#e9e7e0}
.result-tabs button{padding:17px 15px;min-height:74px;text-align:start;display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.65;border-inline-end:1px solid #12386b26;color:#536277}
.result-tabs button:last-child{border-inline-end:0}
.result-tab-number{font-family:var(--en);font-size:10px;opacity:.65}
.result-tabs button[aria-selected=true]{background:#08348b;color:#fff;box-shadow:inset 0 3px #b9cdf4}
.result-tabs button:hover{background:#d8e0eb;color:#08348b}
.result-tabs button[aria-selected=true]:hover{background:#08348b;color:#fff}
.result-panel{display:grid;grid-template-columns:1.1fr .9fr;min-width:0;border:1px solid #1e4d9733;background:#08348b;color:white}
.result-panel[hidden],.result-tabs[hidden],.result-image-tools[hidden]{display:none!important}
.result-copy{padding:36px 8%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 0 100%,#164ca433,transparent 70%);min-width:0}
.result-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#d3e0f7}
.result-kicker>span:last-child{font-size:34px;font-family:var(--en);color:#adc8f5}
.result-period{font-size:11px;color:#bfd1f0;line-height:1.8;margin-top:10px}
.result-client-name{font-size:23px;line-height:1.6;margin-top:4px}
.result-image-open[hidden]{display:none!important}
.result-comparison-heading{font-size:14px;font-weight:600;line-height:1.8;margin-top:27px;color:#e4edff}
.result-followers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;padding:0;margin-block:12px 18px;border:0}
.result-followers>.result-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;padding:22px 12px;text-align:center;border:1px solid #ffffff45;border-radius:8px;background:#06265f;color:#fff}
.result-followers>.result-stat-after{background:#f4f7ff;border-color:#f4f7ff;color:#08348b;box-shadow:0 7px 20px #03193620}
.result-stat .result-stat-phase{font-size:19px;font-weight:700;line-height:1.5;color:inherit}
.result-stat .result-stat-period{font-size:11px;line-height:1.8;color:#c5d6f2;margin-top:3px}
.result-stat-after .result-stat-period{color:#53657f}
.result-followers strong{display:block;align-self:center;max-width:100%;font-family:var(--en);font-size:clamp(30px,3.6vw,58px);font-weight:600;line-height:1.15;letter-spacing:-.035em;white-space:nowrap;text-align:center;margin-top:20px;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.result-stat .result-stat-unit{font-size:13px;line-height:1.8;color:inherit;margin-top:5px}
.result-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:21px}
.result-secondary>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;padding:19px 13px;background:#ffffff0b;border:1px solid #ffffff26;border-radius:8px;text-align:center}
.result-secondary strong{font-family:var(--en);font-size:30px;font-weight:500;line-height:1.3;text-align:center;unicode-bidi:isolate}
.result-secondary span{font-size:12px;line-height:1.9;color:#d5e2f8;max-width:230px}
.result-copy>.line-link{align-self:flex-start;margin-top:8px;font-size:12px;min-height:44px}
.result-evidence{padding:26px;background:#e7e9ee;display:flex;flex-direction:column;justify-content:center;min-width:0}
.result-image-open{display:block;border:1px solid #233e6222;background:#f9f7f2;box-shadow:0 14px 30px #14284a15;color:#163a70}
.result-image-open img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.result-image-open>span{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;gap:15px;font-size:11px;background:#fff;border-top:1px solid #163a7017}
.result-image-open:hover>span{background:#edf3fc}
.result-image-tools{display:flex;gap:10px;flex-wrap:wrap;padding-top:13px}
.result-image-tools button{background:white;border:1px solid #163a7044;color:#163a70;padding:11px;font-size:12px}
.results-footnote{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-top:21px}
.results-footnote p{font-size:11px;line-height:1.9;color:#657282;max-width:740px}
.results-footnote>a{font-size:11px;white-space:nowrap;min-height:44px;display:flex;align-items:center;border-bottom:1px solid #163a7033;color:#163a70}
.results-editing .result-panel+.result-panel{margin-top:24px}
.results-section :is(a,button):focus-visible{outline:3px solid #b69030;outline-offset:4px}
.results-zoom{background:#f6f3ed;color:#16315a;width:min(970px,95vw);max-height:94svh;border-radius:5px}
.results-zoom-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 21px;background:#08348b;color:#fff;position:sticky;top:0;z-index:1}
.results-zoom-head h2{font-size:18px;line-height:1.7;letter-spacing:0}
.results-zoom-close{width:44px;height:44px;font-size:28px;flex:none;border:1px solid #ffffff60}
.results-zoom-image{display:block;width:100%;height:auto;object-fit:contain}
.results-zoom-footer{position:sticky;bottom:0;background:#f6f3edf5;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid #17365422;backdrop-filter:blur(8px)}
.results-zoom-footer button,.results-zoom-footer a{font-size:12px;min-height:44px;padding:10px 15px;border:1px solid #12386b40}
.results-zoom-footer button:disabled{opacity:.35;cursor:default}
.results-zoom-position{font:12px var(--en);white-space:nowrap}
body:has(.results-zoom[open]){overflow:hidden}
.story-details{margin-top:25px;border-block:1px solid #ffffff30}
.story-details>summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0;font-size:16px;cursor:pointer;list-style:none}
.story-details>summary::-webkit-details-marker{display:none}
.story-details>summary>span:last-child{font-size:27px;font-weight:400;color:#b6cbed}
.story-details[open]>summary>span:last-child{transform:rotate(45deg)}
.story-details-body{padding-block:12px 30px}
.story-milestone{padding:18px 23px;border-inline-start:2px solid #d1dff7;background:#ffffff09;margin-top:-12px;margin-bottom:27px}
.story-milestone>span{font-size:10px;letter-spacing:.03em;color:#abc8f3}
.story-milestone p{font-size:13px;line-height:1.9;color:#e2ebfa;margin-top:6px;max-width:860px}
.case-stats span{line-height:1.8}
.about,.about-visual{min-height:530px}
.about-copy{padding-block:55px}
.about h2{font-size:clamp(30px,3.5vw,48px)}
.services{padding-block:68px}
.service-small-image{display:none}
.statement.statement-showreel{min-height:390px;height:auto;padding-block:52px}
.statement-showreel .showreel-brand{width:145px;margin-bottom:15px}
.statement-showreel .statement-copy h2{font-size:clamp(30px,3.5vw,49px)}
html[lang=en] .results-heading h2{font-size:clamp(30px,3.2vw,49px);letter-spacing:-1.5px;line-height:1.2}
@media(max-width:1050px){.result-tabs button{font-size:11px;padding:14px 10px;gap:8px}.result-copy{padding:28px 6%}.result-evidence{padding:20px}.result-followers{gap:10px}.result-secondary{gap:18px}.result-secondary strong{font-size:26px}.result-secondary span{font-size:12px}.result-period{font-size:10px}}
@media(max-width:700px){.results-section{padding-block:46px 30px}.results-heading{grid-template-columns:1fr;gap:18px;margin-bottom:23px}.results-heading h2{font-size:34px;line-height:1.45}.results-heading .eyebrow{font-size:10px;margin-bottom:13px}.results-heading>div:last-child>p{font-size:13px}.results-heading .line-link{margin-top:10px}.result-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#819dcb #e9e7e0}.result-tabs button{flex:0 0 auto;min-width:148px;min-height:63px;font-size:12px;padding:14px;scroll-snap-align:start}.result-panel{grid-template-columns:1fr}.result-copy{padding:25px}.result-kicker{font-size:12px}.result-period{font-size:11px}.result-comparison-heading{font-size:14px;margin-top:24px}.result-followers{padding:0;margin-block:12px 14px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-followers>.result-stat{padding:20px 10px}.result-followers strong{font-size:clamp(27px,7.8vw,44px);margin-top:16px}.result-stat .result-stat-phase{font-size:18px}.result-stat .result-stat-period{font-size:11px}.result-stat .result-stat-unit{font-size:12px}.result-secondary{gap:12px;margin-bottom:15px}.result-secondary strong{font-size:30px}.result-secondary span{font-size:12px}.result-evidence{padding:18px}.result-image-open{display:grid;grid-template-columns:100px 1fr;align-items:center}.result-image-open>span{border:0;padding:17px;font-size:12px;background:transparent}.result-image-open img{width:100px;height:100px;object-fit:contain;border-inline-end:1px solid #12386b22}.results-footnote{flex-direction:column;gap:8px;padding-top:17px}.results-footnote p{font-size:10px}.results-footnote>a{font-size:11px}.story-details>summary{font-size:14px;min-height:65px}.story-milestone{padding:15px 18px}.story-milestone p{font-size:12px}.about,.about-visual{min-height:0}.about-visual{height:310px}.about-copy{padding:35px 6%}.about h2{font-size:35px}.services{padding-block:48px}.statement.statement-showreel{min-height:335px;padding-block:38px}.statement-showreel .showreel-brand{width:125px}.statement-showreel .statement-copy h2{font-size:28px}.results-zoom-head{padding:12px 15px}.results-zoom-head h2{font-size:15px}.results-zoom-footer{padding:10px;gap:6px;flex-wrap:wrap}.results-zoom-footer button,.results-zoom-footer a{padding:8px 12px;font-size:11px}.results-zoom-footer a{margin-inline-start:auto}html[lang=en] .results-heading h2{font-size:34px;line-height:1.2}}
