.case-icon-mask{display:inline-block;flex:0 0 auto;width:20px;height:20px;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.case-icon-arrow{-webkit-mask-image:url(assets/icons/right-arrow.png);mask-image:url(assets/icons/right-arrow.png);transition:transform .18s ease}.gallery-button:hover .case-icon-arrow,.case-download:hover .case-icon-arrow,.case-footer a:hover .case-icon-arrow,.case-conversion-cta a:hover .case-icon-arrow,.zg-alt-cta a:hover .case-icon-arrow,.mobile-role-summary a:hover .case-icon-arrow{transform:translate(4px)}.lightbox-toolbar button:first-child .case-icon-arrow,.zg-broadcast-controls button:first-child .case-icon-arrow{transform:rotate(180deg)}.lightbox-toolbar button:first-child:hover .case-icon-arrow,.zg-broadcast-controls button:first-child:hover .case-icon-arrow{transform:rotate(180deg) translate(3px)}@media(min-width:1101px){body[data-project] .case-navbar{grid-template-columns:var(--sidebar-width) minmax(0,1fr) auto}}@media(min-width:821px)and (max-width:1100px){body[data-project] .case-navbar{grid-template-columns:90px minmax(0,1fr) auto}}body[data-project=eafc][data-case-view=alternative] .alt-eafc-board,body[data-project=eafc][data-case-view=alternative] .alt-eafc-process-board,body[data-project=eafc][data-case-view=alternative] .alt-eafc-results-board{background:transparent;border-color:rgba(var(--accent-rgb),.16);box-shadow:none}.case-content-shell--zg-alt .zg-alt-hero h1{line-height:.84;letter-spacing:-.025em}.case-content-shell--zg-alt .zg-alt-heading h2{line-height:1.08;letter-spacing:-.012em}.case-content-shell--zg-alt :is(.zg-alt-narrative,.zg-alt-process,.zg-alt-master-copy,.zg-alt-system-block) h3,.case-content-shell--zg-alt .zg-broadcast-copy h4{letter-spacing:0}.case-content-shell--zg-alt .zg-alt-cta h2{line-height:1.02;letter-spacing:-.018em}@media(max-width:620px){.case-content-shell--zg-alt .zg-alt-hero h1{line-height:.9;letter-spacing:-.015em}}html{overflow-x:clip}:where(.case-navbar,.case-content-shell,.case-hero,.case-panel,.story-header,.section-gallery,.support-cards,.visual-system-row,.zg-alt-hero,.zg-alt-heading,.zg-alt-overview-grid,.zg-alt-language-grid,.zg-alt-system-block,.zg-alt-cta)>*{min-width:0}:where(.project-image,.project-image img,.card-hero-stack,.zg-broadcast-slider){max-width:100%}@media(min-width:1680px)and (max-width:2399px){:root{--content-max: 1580px}body[data-case-view=alternative] .case-content-shell--zg-alt{width:min(calc(100% - 96px),1700px)}}@media(min-width:2400px)and (max-width:3439px){:root{--header-height: 76px;--sidebar-width: 220px;--content-max: 1760px}body[data-case-view=alternative] .case-content-shell--zg-alt{width:min(calc(100% - 120px),1900px);padding-inline:clamp(56px,4vw,88px)}.zg-alt-hero-visual{width:min(100%,760px)}.zg-alt-section{margin-top:clamp(130px,6vw,170px)}}@media(min-width:3440px){:root{--header-height: 82px;--sidebar-width: 240px;--content-max: 1960px}.case-brand img{width:44px;height:44px}body[data-case-view=alternative] .case-content-shell--zg-alt{width:min(calc(100% - 160px),2120px);padding:82px 100px 0}.zg-alt-hero{grid-template-columns:minmax(620px,.92fr) minmax(680px,1.08fr);min-height:min(980px,calc(100svh - 164px))}.zg-alt-hero h1,.case-content-shell--matcha-alt .zg-alt-hero h1{font-size:clamp(132px,3.9vw,154px)}.zg-alt-hero-visual{width:min(100%,860px)}.zg-alt-heading>p,.zg-alt-prose p{font-size:21px}.zg-alt-section{margin-top:170px}}@media(max-width:1180px){body[data-case-view=alternative] .case-content-shell--zg-alt{width:100%;padding-inline:clamp(24px,4vw,44px)}.zg-alt-heading>p{max-width:760px}}@media(max-width:900px){.case-content-shell,body[data-case-view=alternative] .case-content-shell--zg-alt{width:100%;padding-right:22px;padding-left:22px}.zg-alt-narrative,.zg-alt-results-grid,.zg-alt-adaptations,.zg-alt-components{grid-template-columns:repeat(2,minmax(0,1fr))}.zg-alt-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}.zg-alt-process:before{content:none}.zg-alt-process article:nth-child(odd){border-left:0}}@media(orientation:portrait)and (min-width:901px)and (max-width:1100px){.zg-alt-narrative,.zg-alt-results-grid,.zg-alt-adaptations,.zg-alt-components,.zg-alt-process{grid-template-columns:repeat(2,minmax(0,1fr))}.zg-alt-process{gap:30px 0}.zg-alt-process:before{content:none}.zg-alt-process article:nth-child(odd){border-left:0}}@media(max-width:620px){:root{--case-phone-gutter: 16px}.case-content-shell,body[data-case-view=alternative] .case-content-shell--zg-alt{padding-right:var(--case-phone-gutter);padding-left:var(--case-phone-gutter)}.mobile-section-nav{padding-inline:var(--case-phone-gutter);scroll-padding-inline:var(--case-phone-gutter)}.zg-alt-narrative,.zg-alt-results-grid,.zg-alt-adaptations,.zg-alt-components,.zg-alt-process,.zg-alt-data-strip,.alt-eafc-anatomy,.alt-ingredient-icon-grid{grid-template-columns:minmax(0,1fr)}.zg-alt-data-strip{position:static;margin-top:28px}.zg-alt-data-strip>div{padding:15px 18px;border-right:0;border-bottom:1px solid rgba(var(--accent-rgb),.18)}.zg-alt-data-strip>div:last-child{border-bottom:0}.zg-alt-hero{padding-bottom:42px}.zg-alt-narrative article{min-height:0}.zg-alt-process article,.zg-alt-process article+article{padding-inline:0;border-left:0}.zg-alt-system-block,.zg-alt-overview-grid,.zg-alt-cta{padding-right:18px;padding-left:18px}.zg-broadcast-stage,.zg-alt-system-block>header{grid-template-columns:minmax(0,1fr)}.zg-broadcast-copy{min-height:250px;border-top:1px solid rgba(var(--accent-rgb),.16);border-left:0}.zg-broadcast-nav{grid-template-columns:minmax(0,1fr)}.zg-alt-cta h2 br{display:none}}@media(max-width:360px){:root{--case-phone-gutter: 12px}.case-view-switch a{padding-inline:6px;font-size:9px}.zg-alt-hero h1,.case-content-shell--matcha-alt .zg-alt-hero h1{font-size:clamp(48px,16vw,58px)}}@media(max-width:900px)and (max-height:500px)and (orientation:landscape){.case-primary-nav{max-height:calc(100dvh - var(--header-height));overflow-y:auto}.mobile-section-nav{position:relative;top:auto}}body[data-project] .case-navbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0 clamp(12px,2.4vw,40px)}body[data-project] .case-brand{align-self:center;justify-self:start;width:30px;height:30px;border-right:0}body[data-project] .case-brand img{width:30px;height:30px}body[data-project] .case-primary-nav{grid-column:2;gap:clamp(24px,4vw,58px)}body[data-project] .case-talk{grid-column:3;justify-self:end;margin-right:0}@media(max-width:820px){body[data-project] .case-navbar{grid-template-columns:1fr auto 1fr}body[data-project] .case-view-switch{grid-column:2;justify-self:center}body[data-project] .case-talk{display:none}body[data-project] .case-menu-toggle{grid-column:3;justify-self:end}}.sidebar-step.is-active span,.case-hero.is-visible .case-hero-visual,.hero-scroll-cue i:after,body[data-case-view=alternative] .zg-alt-hero.is-visible .zg-alt-hero-visual,body[data-case-view=alternative] .zg-alt-hero-note{animation:none!important}@media(max-width:900px){[data-case-navbar]{backdrop-filter:none}}.case-primary-nav{gap:clamp(24px,4vw,58px);font-size:12px;font-weight:800;line-height:1;text-transform:uppercase}.case-primary-nav>a,.case-nav-work-menu>a{display:inline-flex;align-items:center;align-self:stretch;min-height:34px;padding:0 10px;border-radius:999px;color:#fffc;letter-spacing:0;transition:color .18s ease,background .18s ease}.case-primary-nav>a:hover,.case-nav-work-menu>a:hover{color:#fff;background:#ffffff0f}.case-nav-work-menu>a.is-active{color:#fff}.case-nav-work-menu>a:after{right:10px;bottom:3px;left:10px}.case-talk{min-width:0;min-height:32px;padding:0 18px;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#007effe6;box-shadow:0 12px 34px #007eff52;font-size:12px;font-weight:800;letter-spacing:0}.case-nav-work-menu{position:relative;display:flex;align-self:stretch;align-items:center}.case-nav-work-toggle{display:none}.case-nav-work-dropdown{position:absolute;top:calc(100% - 6px);left:50%;display:grid;min-width:184px;padding:8px;visibility:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#020611f7;box-shadow:0 20px 48px #00000061;opacity:0;transform:translate(-50%,8px);transition:opacity .16s ease,transform .18s ease,visibility .16s ease}.case-nav-work-menu:hover .case-nav-work-dropdown,.case-nav-work-menu:focus-within .case-nav-work-dropdown{visibility:visible;opacity:1;transform:translate(-50%)}.case-primary-nav .case-nav-work-dropdown a{align-self:auto;min-height:38px;padding:0 12px;border-radius:9px;color:#ffffffb8;white-space:nowrap}.case-primary-nav .case-nav-work-dropdown a:after{content:none}.case-primary-nav .case-nav-work-dropdown a:hover,.case-primary-nav .case-nav-work-dropdown a:focus-visible,.case-primary-nav .case-nav-work-dropdown a.is-current-project{color:#fff;background:rgba(var(--accent-rgb),.16)}@media(max-width:820px){.case-primary-nav>a,.case-nav-work-menu>a{min-height:48px}.case-nav-work-menu{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 44px;align-items:center}.case-nav-work-dropdown{position:static;display:none;grid-column:1 / -1;min-width:0;margin:0 8px 8px;padding:4px;visibility:hidden;border-color:#ffffff14;background:#ffffff09;box-shadow:none;opacity:0;transform:none}.case-nav-work-menu:hover .case-nav-work-dropdown,.case-nav-work-menu:focus-within .case-nav-work-dropdown{visibility:hidden;opacity:0;transform:none}.case-nav-work-menu.is-submenu-open .case-nav-work-dropdown,.case-nav-work-menu.is-submenu-open:hover .case-nav-work-dropdown,.case-nav-work-menu.is-submenu-open:focus-within .case-nav-work-dropdown{display:grid;visibility:visible;opacity:1}.case-nav-work-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;color:#fff;border:0;background:transparent}.case-nav-work-toggle span{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.case-nav-work-menu.is-submenu-open .case-nav-work-toggle span{transform:translateY(2px) rotate(225deg)}.case-primary-nav .case-nav-work-dropdown a{min-height:42px;padding-inline:14px}}@media(max-width:620px){.case-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:64px;padding:32px 0 26px;text-align:left}.case-footer p,.case-footer a,.case-footer>span{grid-column:1;grid-row:auto}.case-footer a{width:100%;justify-content:space-between;font-size:clamp(22px,7vw,28px);line-height:1.08}.case-footer a svg{flex:0 0 auto;width:24px}.case-footer>span{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}}@media(max-width:480px){.case-footer{width:100%;min-width:0;padding-bottom:max(26px,env(safe-area-inset-bottom))}.case-footer p,.case-footer a,.case-footer>span{min-width:0;max-width:100%}.case-footer a{gap:12px;font-size:clamp(20px,6.6vw,27px);overflow-wrap:anywhere}.case-footer a svg,.case-footer a .case-icon-arrow{flex:0 0 22px;width:22px;height:22px}}@media(max-width:360px){.case-footer a{font-size:20px}}html.is-page-hidden *,html.is-page-hidden *:before,html.is-page-hidden *:after{animation-play-state:paused!important}html.low-power [data-parallax-media]{--media-shift: 0px !important;will-change:auto!important}html.low-power .sidebar-step.is-active span,html.low-power .hero-scroll-cue i:after,html.low-power .case-hero-visual,html.low-power .zg-alt-hero-visual,html.low-power .zg-alt-hero-note{animation:none!important;will-change:auto!important}html.low-power{scroll-behavior:auto!important}html.low-power .case-reading-progress{display:none!important}html.low-power *,html.low-power *:before,html.low-power *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.low-power :where(.reveal-child,.reveal-media,.case-stat strong){transition:none!important;animation:none!important}html.low-power :where([data-parallax-media],.case-hero-visual img,.zg-alt-hero-visual img,.card-stack-item,.matcha-can,.eafc-card,.zg-broadcast-stage img){filter:none!important;will-change:auto!important}html.low-power :where([data-case-navbar],.case-sidebar,.mobile-section-nav,.project-switcher,.case-view-switch,.case-lightbox,.case-hero-visual,.zg-alt-hero-visual){box-shadow:none!important}:root{--header-height: 68px}body [data-case-navbar],body [data-case-navbar].is-scrolled{height:var(--header-height);border-bottom:1px solid rgba(255,255,255,.08);background:#03070d;box-shadow:0 10px 30px #0000002e;backdrop-filter:none}body[data-project] .case-navbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-inline:clamp(16px,2.4vw,40px)}body[data-project] .case-brand{grid-column:1;justify-self:start;width:30px;height:30px;border:0}body[data-project] .case-brand img{width:30px;height:30px;filter:none}body[data-project] .case-primary-nav{grid-column:2;gap:clamp(24px,4vw,58px);font-family:Inter,SF Pro Display,Arial,sans-serif;font-size:12px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase}body[data-project] .case-primary-nav>a,body[data-project] .case-nav-work-menu>a{min-height:34px;padding-inline:10px;border-radius:999px;font-family:Inter,SF Pro Display,Arial,sans-serif;font-size:12px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase}body[data-project] .case-nav-work-menu>a.is-active{color:#fff}body[data-project] .case-nav-work-menu>a:after{background:#007eff;box-shadow:0 0 16px #007effa6}body[data-project] .case-talk{display:inline-flex;align-items:center;justify-content:center;grid-column:3;justify-self:end;min-width:0;min-height:32px;margin-right:0;padding-inline:18px;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#007effe6;box-shadow:0 12px 34px #007eff52;font-family:Inter,SF Pro Display,Arial,sans-serif;font-size:12px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,background-color .22s ease}body[data-project] .case-talk:hover,body[data-project] .case-talk:focus-visible{background:#007eff;box-shadow:0 16px 38px #007eff61;transform:translateY(-2px)}body[data-project] .case-talk:active{box-shadow:0 10px 24px #007eff47;transform:scale(.985)}body[data-project] .case-nav-work-dropdown{border-color:#ffffff1f;background:#03070d}body[data-project] .case-primary-nav .case-nav-work-dropdown a:hover,body[data-project] .case-primary-nav .case-nav-work-dropdown a:focus-visible,body[data-project] .case-primary-nav .case-nav-work-dropdown a.is-current-project{background:#007eff29}@media(max-width:900px){body[data-project] .case-navbar{grid-template-columns:48px minmax(0,1fr) 48px;padding-inline:16px}body[data-project] .case-brand{grid-column:1}body[data-project] .case-talk{display:none}body[data-project] .case-menu-toggle{position:relative;grid-column:3;display:grid;place-items:center;justify-self:end;width:44px;height:44px;padding:0;color:#fff;border:0;background:transparent}body[data-project] .case-menu-toggle span{position:absolute;width:20px;height:1px;background:currentColor;transition:transform .18s ease}body[data-project] .case-menu-toggle span:first-child{transform:translateY(-4px)}body[data-project] .case-menu-toggle span:last-child{transform:translateY(4px)}body.menu-open .case-menu-toggle span:first-child{transform:rotate(45deg)}body.menu-open .case-menu-toggle span:last-child{transform:rotate(-45deg)}body[data-project] .case-primary-nav{position:fixed;inset:var(--header-height) 12px auto;display:flex;flex-direction:column;gap:0;align-items:stretch;max-height:calc(100dvh - var(--header-height) - 16px);padding:10px;overflow-y:auto;visibility:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#03070d;box-shadow:0 24px 54px #00000057;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}body.menu-open .case-primary-nav{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}body[data-project] .case-primary-nav>a,body[data-project] .case-nav-work-menu>a{min-height:48px;padding-inline:14px;border-radius:10px}body[data-project] .case-primary-nav a:after{display:none}body[data-project] .case-nav-work-menu{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 44px;align-items:center}body[data-project] .case-nav-work-dropdown{position:static;display:none;grid-column:1 / -1;min-width:0;margin:0 8px 8px;padding:4px;visibility:hidden;border-color:#ffffff14;background:#ffffff09;box-shadow:none;opacity:0;transform:none}body[data-project] .case-nav-work-menu:hover .case-nav-work-dropdown,body[data-project] .case-nav-work-menu:focus-within .case-nav-work-dropdown{visibility:hidden;opacity:0}body[data-project] .case-nav-work-menu.is-submenu-open .case-nav-work-dropdown,body[data-project] .case-nav-work-menu.is-submenu-open:hover .case-nav-work-dropdown,body[data-project] .case-nav-work-menu.is-submenu-open:focus-within .case-nav-work-dropdown{display:grid;visibility:visible;opacity:1}body[data-project] .case-nav-work-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;color:#fff;border:0;background:transparent}body[data-project] .case-nav-work-toggle span{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}body[data-project] .case-nav-work-menu.is-submenu-open .case-nav-work-toggle span{transform:translateY(2px) rotate(225deg)}}