.brand-email-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;align-items:start}
.story .brand-email-grid figure{margin:0;padding:0;background:transparent;border:0}
.brand-email-grid img{display:block;width:100%;height:auto;border-radius:12% / 6%;clip-path:inset(1px round 12% / 6%)}
.brand-email-grid figcaption{text-align:center;margin-top:16px}
@media(max-width:1000px){.brand-email-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:600px){.brand-email-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.story .brand-email-grid figure{width:100%;min-width:0}.brand-email-grid figcaption{margin-top:12px}}

.rebrand-content-hero{margin-block:0 48px;padding:0;overflow:hidden;border-radius:4px}.rebrand-content-hero img{display:block;width:100%;height:auto}

/* Fixed viewport layer avoids repeating backgrounds on iPad Safari. */
.disney-rebrand-page{isolation:isolate;background-color:#06141c}
.disney-rebrand-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(5,12,18,.75),rgba(5,12,18,.75)),url('assets/disney-stars-background-1600w.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
@media(max-width:700px){.disney-rebrand-page::before{background-image:linear-gradient(rgba(5,12,18,.8),rgba(5,12,18,.8)),url('assets/disney-stars-background-640w.webp')}}

/* Staggered overlapping screens, following the Food Network photo stack. */
.disney-rebrand-page .rebrand-header-screens{position:relative;display:block;padding:0;background:transparent;border-radius:0;aspect-ratio:1.06;scale:.85;transform-origin:center;overflow:visible;isolation:isolate}
.disney-rebrand-page .rebrand-header-screens img{position:absolute;top:8%;display:block;width:38%;height:auto;max-height:none;border-radius:12% / 6%;clip-path:inset(1px round 12% / 6%);transform:rotate(var(--screen-angle));filter:drop-shadow(0 12px 18px #0006)}
.rebrand-header-screens img:nth-child(1){left:22%;--screen-angle:-10deg;--screen-delay:0s;z-index:1}
.rebrand-header-screens img:nth-child(2){left:40%;top:7%;--screen-angle:9deg;--screen-delay:.4s;z-index:2}
.disney-rebrand-page .disney-motion-photo.is-ready>.rebrand-header-screens{animation:none}
@media(prefers-reduced-motion:no-preference){
 .disney-rebrand-page .disney-motion-photo:not(.is-ready) .rebrand-header-screens img{opacity:0}
 .disney-rebrand-page .disney-motion-photo.is-ready .rebrand-header-screens img{animation:rebrandScreenReveal .22s ease-out var(--screen-delay) both}
}
@keyframes rebrandScreenReveal{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}

.disney-rebrand-page #case-introduction .disney-hero-grid>div>.eyebrow{display:none}

.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.opportunity-card{padding:28px;background:rgba(5,35,52,.75);border:1px solid var(--line,#34373a);border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}
.opportunity-card h3{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px;color:var(--text,#f5f5f5)}
.story .opportunity-card p{margin:0;font-size:16px;line-height:1.6}
@media(max-width:600px){.opportunity-grid{grid-template-columns:minmax(0,1fr);gap:16px}.opportunity-card{padding:24px}.opportunity-card h3{font-size:22px}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.opportunity-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.18)}}
@media(prefers-reduced-motion:reduce){.opportunity-card{transition:none}}

.mobile-title-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:36px}
.story .mobile-title-grid figure{margin:0;padding:0;background:transparent;border:0;min-width:0}
.mobile-title-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px}
.mobile-title-grid figcaption{margin-top:14px;text-align:center}
@media(max-width:600px){.mobile-title-grid{grid-template-columns:minmax(0,1fr);gap:28px}}

/* Equal image heights keep the desktop-to-mobile comparison proportional. */
.email-device-scale{display:grid;grid-template-columns:minmax(0,3.196fr) minmax(0,1fr);gap:clamp(12px,3vw,32px);align-items:start;margin-block:36px}
.story .email-device-scale figure{margin:0;padding:0;background:transparent;border:0;min-width:0}
.email-device-scale img{display:block;width:100%;height:auto}
.email-device-scale figure:last-child img{border-radius:12% / 6%;clip-path:inset(1px round 12% / 6%)}
.email-device-scale figcaption{margin-top:14px;text-align:center}
@media(max-width:600px){.email-device-scale figcaption{font-size:12px;margin-top:10px}}

.tv-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;align-items:start}
.story .tv-message-grid figure{margin:0;padding:0;background:transparent;border:0;min-width:0}
.tv-message-grid img{display:block;width:100%;height:auto}
.tv-message-grid figcaption{text-align:center;margin-top:14px}
@media(max-width:700px){.tv-message-grid{grid-template-columns:minmax(0,1fr);gap:28px}}

/* Reveal the page around the TV silhouettes, retaining the screen and stand. */
.tv-message-grid img{mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.tv-message-grid img[src*="/nature-"]{mask-image:url("assets/tv-messaging/nature-mask.svg");-webkit-mask-image:url("assets/tv-messaging/nature-mask.svg")}
.tv-message-grid img[src*="/pixar-"]{mask-image:url("assets/tv-messaging/pixar-mask.svg");-webkit-mask-image:url("assets/tv-messaging/pixar-mask.svg")}
.tv-message-grid img[src*="/marvel-"]{mask-image:url("assets/tv-messaging/marvel-mask.svg");-webkit-mask-image:url("assets/tv-messaging/marvel-mask.svg")}

/* A shared campaign adapted to three device proportions. */
.in-app-device-grid{display:grid;grid-template-columns:1.561827957fr .709359606fr .481961147fr;align-items:end;gap:clamp(16px,2.5vw,32px);margin-top:36px}
.story .in-app-device-grid figure{margin:0;padding:0;min-width:0;border:0;background:transparent}
.in-app-device-grid img{display:block;width:100%;height:auto}
.in-app-device-grid figcaption{text-align:center;margin-top:16px;font-size:14px}
.in-app-device-tv img{mask:url("assets/in-app-device-scale/tv-mask-v2.svg") center/100% 100% no-repeat;-webkit-mask:url("assets/in-app-device-scale/tv-mask-v2.svg") center/100% 100% no-repeat}
.in-app-device-tablet img{clip-path:inset(0 round 6% / 4%)}
.in-app-device-mobile img{clip-path:inset(1px round 12% / 6%)}
@media(max-width:600px){.in-app-device-grid{gap:12px}.in-app-device-grid figcaption{margin-top:10px;font-size:12px}}

/* Match the phone bezel to the tablet at their shared display height. */
.in-app-device-mobile{position:relative;container-type:inline-size}
.in-app-device-mobile::after{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:521 / 1081;box-sizing:border-box;border:5.11cqw solid #303030;border-radius:12% / 6%;pointer-events:none}

.espn-email-feature{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px)}
.espn-email-copy{max-width:620px}.espn-email-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}
.story.espn-email-feature figure{margin:0;padding:0;background:transparent;border:0;justify-self:center;width:min(100%,300px)}
.espn-email-feature img{display:block;width:100%;height:auto;clip-path:inset(1px round 12% / 6%)}
@media(max-width:600px){.espn-email-feature{grid-template-columns:1fr;gap:28px}.story.espn-email-feature figure{width:min(75%,260px)}}

/* One navy surface behind each complete device comparison. */
.email-device-scale,.in-app-device-grid{background:rgba(5,35,52,.75);padding:clamp(16px,3vw,36px);border-radius:16px}

.story .email-device-scale figure:first-child img{border:0;outline:0;box-shadow:none;border-radius:8px;clip-path:inset(1px round 8px)}
@media(max-width:700px){
 .disney-rebrand-page .email-device-scale{display:grid;grid-template-columns:minmax(0,3.196fr) minmax(0,1fr);gap:10px;padding:12px}
 .disney-rebrand-page .in-app-device-grid{display:grid;grid-template-columns:minmax(0,1.561827957fr) minmax(0,.709359606fr) minmax(0,.481961147fr);gap:10px;padding:12px}
 .disney-rebrand-page .brand-email-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .disney-rebrand-page .email-device-scale>figure,.disney-rebrand-page .in-app-device-grid>figure,.disney-rebrand-page .brand-email-grid>figure{min-width:0;width:100%;grid-column:auto}
}

/* Lift each complete mockup, including its interactive overlays. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .mobile-title-grid>figure,.brand-email-grid>figure,.espn-email-feature>figure,.tv-message-grid>figure{transition:transform .2s ease}
 .mobile-title-grid>figure:hover,.brand-email-grid>figure:hover,.espn-email-feature>figure:hover,.tv-message-grid>figure:hover{transform:translateY(-6px)}
}

.disney-rebrand-page .stats{gap:24px;align-items:stretch}
.disney-rebrand-page .stat{padding:28px;background:rgba(5,35,52,.75);border:1px solid var(--line,#34373a);border-radius:16px;min-width:0;transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.disney-rebrand-page .stat:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.18)}}
@media(max-width:700px){.disney-rebrand-page .stat{padding:24px}}

/* Match the gentle zoom used by the portfolio image previews. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .rebrand-content-hero img{transition:transform .5s ease}
 .rebrand-content-hero:hover img{transform:scale(1.025)}
}

.disney-rebrand-page .experiment-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0}
.disney-rebrand-page .email-impact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.disney-rebrand-page .email-impact-stats{grid-template-columns:1fr}}

.disney-rebrand-page .stat .stat-unit{font-size:.5em;letter-spacing:normal}

@media(max-width:700px){.disney-rebrand-page .experiment-stats{grid-template-columns:1fr}}

/* Disney case study card accents. */
.disney-rebrand-page .stat strong{color:#fff}
.disney-rebrand-page .stat,.disney-rebrand-page .opportunity-card{border-color:rgba(130,180,205,.3)}
.disney-rebrand-page .email-device-scale,.disney-rebrand-page .in-app-device-grid{border-radius:12px}

/* Match the NBCU campaign impact headline size. */
.disney-rebrand-page .stat strong{font-size:clamp(26px,3vw,36px)}

.disney-rebrand-page .more-work .card{background:#163D50}

/* Full-width framing question below the two communication systems. */
.opportunity-grid .challenge-question{grid-column:1 / -1}
.opportunity-card.challenge-question h3{margin:0;line-height:1.4}