.story-page{background:#f4f2ed;color:#17191c}.story-back{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;text-decoration:none}.story-back span{font-size:25px}.story-intro{padding-top:48px;padding-bottom:82px}.story-intro-top{display:flex;justify-content:space-between;align-items:center;margin-top:77px}.story-edition{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.story-intro h1{font-size:clamp(90px,13.8vw,180px);line-height:.96;letter-spacing:-.085em;font-weight:600;margin:32px 0 42px}.story-intro h1>span{color:#2458ed}.story-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px}.story-scroll{font-size:60px;font-weight:300}.story-intro-bottom p{max-width:430px;font-size:17px;line-height:1.8;margin:0}.history{border-top:1px solid #d0cec9;padding-top:38px}.history-heading{display:flex;justify-content:space-between;gap:40px;padding-bottom:78px}.history-heading h2{font-size:38px;line-height:1.18;letter-spacing:-.05em;font-weight:500;margin:0;width:49%}.chapters{list-style:none;padding:0;margin:0;position:relative}.chapters:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d0cec9}.chapter{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:104px;padding-bottom:104px;align-items:center}.chapter-marker{position:absolute;left:50%;top:0;transform:translateX(-50%);width:32px;height:32px;background:#f4f2ed;display:grid;place-items:center;font-size:11px;letter-spacing:.03em;color:#757773;z-index:1}.chapter-art{min-height:370px;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:30px;overflow:hidden}.chapter-date{font-size:64px;line-height:1;letter-spacing:-.065em;font-weight:500;margin:0}.chapter-date>span{display:block;font-size:35px;letter-spacing:-.05em;margin-top:8px}.chapter-date>small{display:block;font-size:13px;letter-spacing:.01em;margin-bottom:13px;font-weight:500}.chapter-copy h3{font-size:clamp(27px,3vw,39px);line-height:1.19;letter-spacing:-.055em;margin:18px 0 23px;font-weight:500;max-width:410px}.chapter-copy p{font-size:15px;line-height:1.85;color:#5a5b5b;margin:0}.chapter-copy .eyebrow{font-size:10px;letter-spacing:.1em}.chapter-tags{display:block;font-size:10px;letter-spacing:.055em;text-transform:uppercase;color:#73746f;margin-top:28px;padding-top:20px;border-top:1px solid #d0cec9;line-height:1.7}.chapter:nth-child(even) .chapter-art{grid-column:2;grid-row:1}.chapter:nth-child(even) .chapter-copy{grid-column:1;grid-row:1}.art-origins{border:1px solid #c7c5bf}.origin-map{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;font-size:19px;letter-spacing:-.035em}.origin-map span{border-top:1px solid #aaa9a4;padding-top:15px}.origin-map span:last-child{grid-column:2}.origin-map i{grid-column:2;font-style:normal;font-size:50px;color:#2458ed}.art-format{background:#dfd94b}.format-window{width:78%;align-self:flex-end;font-size:11px;margin-top:22px}.format-frame{border:1px solid #17191c;padding:20px;display:flex;justify-content:space-between;align-items:flex-end;margin:10px 0;font-size:37px;line-height:1.02;letter-spacing:-.055em}.format-frame i{font-style:normal;font-size:40px}.format-window small{font-size:9px;letter-spacing:.05em}.art-agency{background:#e4e2dc}.agency-names{padding-top:45px}.agency-names>span{display:flex;justify-content:space-between;font-size:30px;line-height:1.8;letter-spacing:-.045em;border-bottom:1px solid #b8b8b1}.agency-names>span:last-child{border:0;color:#2458ed}.art-pivots{background:#e5eafa}.pivot-path{margin-top:25px;font-size:14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pivot-path b{color:#2458ed;font-size:22px;font-weight:400;padding-left:8px}.pivot-path span{padding:8px 12px;border:1px solid #b3bfdc;border-radius:2px}.art-bad{background:#17191c;color:#fff}.story-bad-logo{width:75%;max-height:115px;object-fit:contain;object-position:left center;margin:30px 0}.art-caption{font-size:10px;letter-spacing:.06em;line-height:1.6}.art-strategy{background:#e4e2dc}.strategy-note{margin-top:36px}.strategy-note>span{font-size:11px}.strategy-note strong{display:block;margin-top:18px;font-size:41px;line-height:1.04;letter-spacing:-.06em;font-weight:500;position:relative}.strategy-note strong>span{position:absolute;right:0;bottom:0;color:#2458ed;font-size:64px}.art-showfi{background:#2458ed;color:#fff}.story-showfi-logo{width:74%;max-height:95px;object-fit:contain;object-position:left center;margin:45px 0}.story-now{display:grid;grid-template-columns:1fr 1fr;gap:52px;border-top:1px solid #c7c5bf;padding-top:48px;padding-bottom:100px}.now-label{display:flex;justify-content:space-between;padding-right:52px}.now-copy h2{font-size:clamp(40px,5.5vw,68px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0 0 28px}.now-copy p{font-size:15px;color:#5a5b5b;line-height:1.85;margin:0 0 30px}.story-page .wordmark-dot{color:#2458ed}.story-page .site-footer{border-top:1px solid #c7c5bf}.story-page a:focus-visible{outline:2px solid #2458ed;outline-offset:5px}
@media(min-width:1500px){.story-intro h1{font-size:180px}}@media(max-width:1000px){.chapter{gap:64px}.chapter-art{padding:24px;min-height:350px}.chapter-date{font-size:53px}.strategy-note strong{font-size:34px}.format-frame{font-size:30px}.history-heading h2{width:47%}}@media(max-width:760px){.story-intro{padding-top:25px;padding-bottom:50px}.story-intro-top{margin-top:48px}.story-intro h1{font-size:clamp(80px,18vw,125px);margin:28px 0 32px}.story-edition{font-size:10px}.story-intro-bottom{align-items:flex-start}.story-intro-bottom p{font-size:15px;max-width:320px}.story-scroll{font-size:40px}.history{padding-top:28px}.history-heading{display:block;padding-bottom:45px}.history-heading h2{width:100%;font-size:32px;margin-top:20px}.chapters:before{left:12px}.chapter{display:flex;flex-direction:column;gap:28px;padding-left:38px;padding-bottom:64px;align-items:stretch}.chapter-marker{left:12px;width:26px;font-size:10px}.chapter-art{min-height:330px;padding:24px}.chapter-copy h3{font-size:30px;margin:14px 0 18px;max-width:100%}.chapter-copy p{font-size:14px}.chapter-tags{margin-top:22px;padding-top:17px}.chapter-date{font-size:58px}.chapter-date>span{font-size:31px}.agency-names>span{font-size:27px}.strategy-note strong{font-size:35px}.story-now{grid-template-columns:1fr;gap:28px;padding-top:30px;padding-bottom:60px}.now-label{padding:0;align-items:center}.now-copy h2{font-size:48px}.now-copy p{font-size:14px}.story-showfi-logo{max-width:260px}.story-bad-logo{max-width:260px}}
@media(prefers-reduced-motion:reduce){.story-page *{scroll-behavior:auto;animation:none;transition:none}}

/* Dates carry the sequence; chapter counters and decorative arrows are omitted. */
.chapter-marker{width:16px;height:1px;background:#aaa9a4;top:0}
.story-intro-bottom{justify-content:flex-end}
.origin-map{grid-template-columns:1fr;gap:20px}
.origin-map span:last-child{grid-column:auto}
.format-frame{border:0;padding:15px 0}
@media(max-width:760px){.chapter-marker{width:16px}.story-intro-bottom{justify-content:flex-start}}

/* Original user-supplied company marks, shown in their source colors. */
.history-logo-defs{position:absolute;overflow:hidden;pointer-events:none}
.history-logo{display:block;width:100%;flex-shrink:0;overflow:hidden}
.art-format{background:#ff0}
.history-snap{width:220px;height:220px;max-width:100%;align-self:center;margin:18px 0 0}
.art-agency{background:#335bac;color:white;justify-content:space-between}
.history-event{height:auto;aspect-ratio:826/186;margin:45px 0 40px}
.history-pivot-logos{background:#e4e2dc;gap:28px;padding:25px 30px}
.history-brand-year{margin:0 0 14px;font-size:30px;line-height:1;letter-spacing:-.04em}
.history-deal{aspect-ratio:826/188}
.history-scale{aspect-ratio:824/337}
@media(max-width:760px){.history-snap{width:200px;height:200px}.history-pivot-logos{padding:24px;gap:28px}.history-brand-year{font-size:28px}}

/* Each historical company has its own dated chapter. */
.art-deal{background:#0b345f;color:#fff}
.art-scalekit{background:#fff;color:#17191c}
.art-deal .history-deal{margin:45px 0 40px}
.art-scalekit .history-scale{margin:30px 0 15px}