/* One editorial stage, four complete brand stories. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-browser{margin-top:60px;scroll-margin-top:40px}.case-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid #ffffff16;padding-bottom:22px;margin-bottom:38px}.case-selector{display:flex;align-items:center;gap:30px}.case-selector button{position:relative;padding:14px 0;font-size:12px;color:#73808b;transition:color .25s;white-space:nowrap}.case-selector button:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ffad77,#ffad7700);transition:transform .4s}.case-selector button[aria-pressed=true]{color:#f2f3f4}.case-selector button[aria-pressed=true]:after{transform:scaleX(1)}.case-selector button:hover{color:#fff}.case-navigation{display:flex;align-items:center;gap:9px}.case-position{display:flex;align-items:baseline;gap:8px;font-size:10px;font-variant-numeric:tabular-nums;margin-right:17px}.case-position b{font-weight:400;font-size:14px}.case-position>span{color:#606b76}.case-navigation>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff24;border-radius:50%;transition:background .25s,border-color .25s,color .25s}.case-navigation svg{width:19px;height:19px}.case-navigation #case-prev svg{rotate:180deg}.case-navigation>button:hover{background:#ffffff0c;border-color:#ffb07a75;color:#ffc394}.case-browser button:focus-visible,.case-browser a:focus-visible{outline:2px solid #ffc394;outline-offset:5px}.case-panel[hidden]{display:none!important}.case-panel{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:'art overview' 'art metrics';gap:28px 10%;min-height:640px;align-items:start}.case-art{grid-area:art;margin:0 auto;width:min(100%,334px);position:relative;align-self:center}.case-cover,.case-identity{display:block;width:100%;aspect-ratio:9/16;height:auto;border-radius:24px;object-fit:cover;box-shadow:0 0 0 1px #ffffff14}.case-art figcaption{font-size:8px;letter-spacing:.1em;color:#778591;margin-top:17px;text-align:center}.case-overview{grid-area:overview;padding-top:6px}.case-logo{object-fit:contain;object-position:left;width:110px;height:29px;filter:brightness(0) invert(1);opacity:.82}.case-logo.logo-ferrari{width:25px;height:39px}.case-logo.logo-loreal{filter:invert(1);width:115px;height:42px}.case-overview h3{font-size:clamp(43px,4.45vw,69px);line-height:1.04;letter-spacing:-.06em;margin:20px 0}.case-overview>p{font-size:12px;color:#9aa5af;max-width:390px;line-height:1.65}.case-original{display:inline-flex;align-items:center;gap:13px;margin-top:18px;font-size:10px;color:#c3cbd2}.case-original svg{width:13px;height:13px;color:#ffa76e}.case-original:hover{color:white}.case-metrics{grid-area:metrics;align-self:end;padding-bottom:5px}.case-numbers{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:26px}.case-numbers>div{display:flex;flex-direction:column;gap:9px;white-space:nowrap}.case-numbers strong{font-weight:400;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.case-total>strong{font-size:76px}.case-total>strong>span{font-size:.66em;color:#ffac77;margin-left:1px}.case-numbers>div>span{font-size:9px;color:#82909d}.case-lead>strong,.case-platform-count>strong{font-size:29px;line-height:1.4}.case-lead>strong>span{font-size:18px;margin-left:2px;color:#a7b3bf}.case-platform-count{padding-right:6px}.channels-heading{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#74828e;border-top:1px solid #ffffff1c;padding-top:19px;margin-bottom:18px}.case-channels{list-style:none;padding:0;margin:0;min-height:148px;display:flex;flex-direction:column;gap:14px}.channel-row{display:grid;grid-template-columns:16px 1fr auto 39px;gap:4px 10px;align-items:center;font-size:10px;font-variant-numeric:tabular-nums}.channel-icon{grid-row:1 / 3;align-self:start;display:grid;place-items:center;margin-top:1px;color:#9eabb7}.channel-icon>img{filter:invert(1);opacity:.62;object-fit:contain;width:13px;height:13px}.facebook-glyph{font-family:Arial,sans-serif;font-weight:700;font-size:16px;line-height:14px}.channel-name{color:#a6b0b9}.channel-value{color:#e4e8eb}.channel-share{text-align:right;color:#778591;font-size:9px}.channel-track{grid-column:2/-1;width:100%;height:2px;margin-top:2px;background:#ffffff0a;overflow:hidden;border-radius:2px}.channel-track i{display:block;height:100%;width:var(--channel-share);background:#747e8980;transform-origin:left}.leading .channel-track i{background:linear-gradient(90deg,#ff985c,#ffcd9d)}.case-identity{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 65% 40%,#17202970,transparent 62%),#07090b;isolation:isolate}.case-identity .case-logo{width:58%;height:auto;max-height:80px;object-position:center;position:relative;z-index:1;opacity:.88}.case-identity .logo-loreal{width:67%}.case-identity>span{position:absolute;bottom:34px;left:15px;right:15px;text-align:center;letter-spacing:.17em;font-size:6px;color:#72818e}.identity-orbit{position:absolute;width:145%;height:80%;border:1px solid #ffffff10;border-radius:50%;rotate:-37deg;box-shadow:15px 0 45px #97b8cd08}.identity-orbit:after{content:'';position:absolute;inset:19px;border:1px solid #ffffff08;border-radius:50%}.case-art-identity+.case-overview .case-logo{opacity:.7}
/* The replacement is the actual 1080 x 1920 source, with no extra crop or hover zoom. */
.reel[data-case="tom-cruise"]>img{object-fit:contain;object-position:center;transform:none!important}
@media(max-width:1000px){.case-panel{gap:28px 7%;min-height:620px}.case-overview h3{font-size:45px}.case-total>strong{font-size:65px}.case-numbers{gap:12px}.case-selector{gap:24px}.case-platform-count{display:none}.case-cover,.case-identity{border-radius:21px}}
@media(max-width:600px){.case-browser{margin-top:34px}.case-toolbar{flex-wrap:wrap;gap:12px;padding-bottom:18px;margin-bottom:26px}.case-selector{width:100%;justify-content:space-between;gap:15px}.case-selector button{font-size:11px;padding:10px 0}.case-navigation{margin-left:auto}.case-position{font-size:9px;margin-right:10px}.case-position b{font-size:12px}.case-navigation>button{width:40px;height:40px}.case-panel{grid-template-columns:.85fr 1.15fr;grid-template-areas:'art overview' 'metrics metrics';min-height:0;gap:30px 23px}.case-art{align-self:start;width:100%;margin:0}.case-cover,.case-identity{border-radius:15px}.case-art figcaption{font-size:6px;text-align:left;line-height:1.65;margin-top:11px;letter-spacing:.04em}.case-overview{padding-top:0}.case-logo{width:72px;height:19px}.case-logo.logo-ferrari{width:18px;height:27px}.case-logo.logo-loreal{width:85px;height:30px}.case-overview h3{font-size:31px;line-height:1.04;margin:14px 0}.case-overview>p{font-size:10px;line-height:1.65}.case-original{font-size:9px;gap:8px;margin-top:13px}.case-original svg{width:11px;height:11px}.case-numbers{padding-bottom:24px;gap:14px}.case-total>strong{font-size:60px}.case-numbers>div>span{font-size:8px}.case-lead>strong,.case-platform-count>strong{font-size:25px}.case-lead>strong>span{font-size:16px}.case-platform-count{display:flex;padding:0}.case-channels{min-height:150px;gap:16px}.channel-row{font-size:10px}.case-identity>span{font-size:4px;bottom:19px;letter-spacing:.05em}.case-identity .case-logo{max-height:60px}.case-browser+.source-note{font-size:7px;margin-top:15px;line-height:1.7}}
@media(max-width:360px){.case-panel{gap:25px 15px}.case-overview h3{font-size:27px}.case-overview>p{font-size:9px}.case-total>strong{font-size:52px}.case-lead>strong,.case-platform-count>strong{font-size:21px}.case-numbers>div>span{font-size:7px}.case-numbers{gap:9px}}
@media(prefers-reduced-motion:reduce){.case-selector button:after{transition:none}}
