/* Homepage-inspired cards for the case-study footer. */
.more-work{padding:64px 0;border-top:1px solid #37393d}.more-work>h2{font-size:44px;line-height:48px;letter-spacing:-1.5px;font-weight:600;margin:0}.more-work>p{color:var(--muted);margin:16px 0 32px}
.more-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.more-work .card{display:block;min-width:0;padding:10px;background:#1c1e21;color:#f5f5f1;border-radius:16px;text-decoration:none;transition:box-shadow .2s}.more-work .art{position:relative;overflow:hidden;aspect-ratio:1.45;border-radius:10px}.more-work .art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.more-work .art .goggles{position:absolute;inset:20%;width:60%;height:60%;object-fit:contain}.more-work .item-2 .art>img{object-position:top}.more-work .item-6 .art>img{object-fit:contain;background:radial-gradient(ellipse,#226487,#1c193a)}
.more-work .copy{padding:16px 6px 10px}.more-work .meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.more-work .brand-logos{display:flex;align-items:center;gap:10px;height:36px}.more-work .brand-logos img{display:block;width:58px;height:36px;object-fit:contain}.more-work .brand-logos i{height:22px;width:1px;background:#707478}.more-work .item-3 .brand-logos img{width:36px}.more-work .item-5 .brand-logos img{width:90px}.more-work .item-6 .brand-logos img{width:130px}.more-work .meta small{font-size:10px;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.more-work .card h3{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.7px;margin:16px 0 0}
@media(hover:hover){.more-work .card:hover{box-shadow:0 12px 32px #0004}.more-work .card:hover .art>img{transform:scale(1.025)}}.more-work .card:focus-visible{outline:2px solid #a8d9f3;outline-offset:4px}
@media(max-width:1000px) and (min-width:701px){.more-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.more-work{padding:40px 0}.more-work-grid{grid-template-columns:1fr;gap:20px}.more-work>h2{font-size:30px;line-height:33px;letter-spacing:-1px}.more-work .copy{padding:8px 0 15px}.more-work .card h3{font-size:20px;line-height:22px;margin-top:12px}}@media(prefers-reduced-motion:reduce){.more-work .card,.more-work .art>img{transition:none}.more-work .card:hover .art>img{transform:none}}

/* Reuse the complete homepage thumbnail compositions at the card width. */
.more-work .nbcu-figma-preview{position:relative;aspect-ratio:680/469;background:#191f22}
.nbcu-thumbnail-layers{position:absolute;inset:0;transition:transform .35s ease}
.more-work .project:hover .nbcu-thumbnail-layers{transform:scale(1.025)}
.more-work .nbcu-figma-preview img{position:absolute;max-width:none;object-fit:fill;transition:none}
.more-work .nbcu-figma-preview .nbcu-thumb-glow-right,.more-work .project:hover .nbcu-figma-preview .nbcu-thumb-glow-right{left:70.771034%;top:-38.322089%;width:58.422637%;height:160.294499%;transform:rotate(0deg)}
.more-work .nbcu-figma-preview .nbcu-thumb-glow-bottom,.more-work .project:hover .nbcu-figma-preview .nbcu-thumb-glow-bottom{left:-25.647794%;top:67.284947%;width:105.854412%;height:96.133731%;transform:rotate(0deg)}
.more-work .nbcu-figma-preview .nbcu-thumb-glow-top,.more-work .project:hover .nbcu-figma-preview .nbcu-thumb-glow-top{left:-29.224393%;top:-38.327711%;width:92.404669%;height:84.706595%;transform:rotate(0deg)}
.more-work .nbcu-figma-preview .nbcu-thumb-glow-center,.more-work .project:hover .nbcu-figma-preview .nbcu-thumb-glow-center{left:-19.356540%;top:-4.056310%;width:138.713079%;height:104.568910%;transform:rotate(0deg)}
.more-work .nbcu-figma-preview .nbcu-thumb-right,.more-work .project:hover .nbcu-figma-preview .nbcu-thumb-right{left:69.699485%;top:26.113966%;width:32.864706%;height:52.478252%;transform:rotate(19.71deg)}
.more-work .nbcu-figma-preview .nbcu-thumb-center,.more-work .project:hover .nbcu-figma-preview .nbcu-thumb-center{left:19.630882%;top:12.865672%;width:59.830441%;height:70.842644%;transform:rotate(0deg)}
.more-work .nbcu-figma-preview .nbcu-thumb-left,.more-work .project:hover .nbcu-figma-preview .nbcu-thumb-left{left:-9.683382%;top:26.328998%;width:33.923971%;height:52.487846%;transform:rotate(-17.22deg)}
@media(prefers-reduced-motion:reduce){.nbcu-thumbnail-layers{transition:none}.more-work .project:hover .nbcu-thumbnail-layers{transform:none}}
.more-work .more-work-home-art{position:relative;display:block;width:100%;height:auto;aspect-ratio:1.45;margin:0;border-radius:10px;overflow:hidden}
.more-work .card.project{border:0;overflow:hidden}
.more-work .item-6 .brand-logos{position:relative;width:130px;height:25px;overflow:hidden}
.more-work .item-6 .brand-logos img{position:absolute;max-width:none;left:-7.34%;top:50%;width:114.68%;height:auto;transform:translateY(-50%)}

/* Reduce compact-grid brand marks together, including paired logos. */
.more-work .brand-logos{zoom:.85}

.more-work>h2 + .more-work-grid{margin-top:32px}

/* Keep discovery cards readable within the light case study and coming-soon page. */
.more-work .meta small{color:#a7abb1}.more-work .card h3{color:#f5f5f1}
.coming-soon .more-work{width:100%;text-align:left;margin-top:64px}
.coming-soon:has(.more-work){display:block}.coming-soon:has(.more-work)>h1{padding-block:80px}

/* Optical adjustment for Hulu across every compact project grid. */
.more-work .brand-logos img[alt="Hulu"]{scale:.9}

/* Reuse the homepage Food Network composition and playback. */
.more-work .recipe-thumbnail .recipe-mockup-background{filter:none}
.home-save-phone{position:relative;z-index:1;width:19%;aspect-ratio:424/858;pointer-events:none}
.home-save-phone iframe{display:block;width:100%;height:100%;border:0;background:transparent}
@media(max-width:700px){.home-save-phone{width:29%}}

.home-save-phone iframe{color-scheme:normal}

/* Figma background and Help Centers-style zoom, first homepage card only. */
.more-work .recipe-thumbnail{container-type:inline-size}
.home-save-background{position:absolute;inset:0;transition:transform .5s;transform:scale(1)}
.more-work .recipe-thumbnail .home-save-background .recipe-mockup-background{inset:auto 0 -5.69cqw;width:100%;height:auto;object-fit:cover;filter:none;transform:none;transition:none}
.home-save-background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.more-work .project:hover .home-save-background{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.home-save-background{transition:none}.more-work .project:hover .home-save-background{transform:none}}

/* Supporting screens enter once the homepage save story has finished. */
.home-companion{position:absolute;top:50%;width:17%;aspect-ratio:424/858;pointer-events:none;opacity:0;z-index:1;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .8s ease}
.home-companion--left{left:17%;transform:translate(-150%,-45%) rotate(-8deg)}
.home-companion--right{right:17%;transform:translate(150%,-45%) rotate(8deg);transition-delay:.18s}
.home-companion iframe{display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:normal}
.home-companion.is-ready{opacity:1;transform:translate(0,-50%) rotate(0)}
@media(max-width:700px){.home-companion{width:24%}.home-companion--left{left:4%}.home-companion--right{right:4%}}
@media(prefers-reduced-motion:reduce){.home-companion{transition:none}}
.more-work .compact-food-thumbnail{aspect-ratio:1.45;border-radius:10px;overflow:hidden;display:grid;place-items:center;padding:0}.more-work .compact-food-thumbnail .home-save-phone{width:29%}.more-work .compact-food-thumbnail .home-companion{width:24%}.more-work .compact-food-thumbnail .home-companion--left{left:4%}.more-work .compact-food-thumbnail .home-companion--right{right:4%}

/* Darker cards distinguish discovery links from the NBCU page background. */
.nbcu-page .more-work .card{background:#20292d}

/* Deep blue companion to the Metro Vein Centers light-blue page. */
.mvc-page .more-work .card{background:#163D50}

/* Match the homepage Disney+ and muted brand-family logo treatment. */
.more-work .brand-systems-lockup{gap:6px;min-width:0}
.more-work .brand-systems-family{display:flex;align-items:center;gap:4px;position:relative;top:4px;width:92px;min-width:92px;overflow:hidden;filter:grayscale(1);opacity:.65;mask-image:linear-gradient(to right,#000 64px,transparent 92px);-webkit-mask-image:linear-gradient(to right,#000 64px,transparent 92px)}
.more-work .brand-systems-family img{display:block;flex:none;width:auto;height:15.18px;max-width:45.54px;object-fit:contain}

/* Use compact labels based on the card width, including desktop grids. */
.more-work a[href="disney-rebrand.html"] .copy{container-type:inline-size;container-name:related-brand-card}
.more-work a[href="disney-rebrand.html"] .meta{flex-wrap:nowrap}
.more-work .brand-label-mobile{display:none}
.more-work a[href="disney-rebrand.html"] .meta small{white-space:nowrap}
@container related-brand-card (max-width:450px){
 .more-work .brand-label-full{display:none}
 .more-work .brand-label-mobile{display:inline}
}

.more-work a[href="disney-help-centers.html"] .brand-logos img[alt="Hulu"]{transform:translateY(4px)}

.more-work a[href="disney-help-centers.html"] .brand-logos i{height:26px;margin-top:8px}