.case-page .topbar{position:fixed;width:100%;top:0;background:transparent;color:#222}.case-page .topbar.over-hero{color:white}.case-tailormed .topbar.over-hero{color:#222}.case-tailormed .topbar{color:#222}.case-hero{height:800px;min-height:640px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:104px var(--gutter);overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.hero-nayax::after,.hero-nestle::after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(transparent 35%,#0008)}.case-hero-copy{width:100%;max-width:1232px;margin:0 auto;color:white;position:relative}.case-hero h1{font:italic 72px/1.2 var(--serif);margin-top:24px}.client-logo{height:36px;display:flex;align-items:center}.client-logo img{max-width:130px;max-height:36px;width:auto;height:auto}.logo-nayax img{width:87.443px;height:24.372px}.logo-tailormed{width:90px;height:23px;position:relative;overflow:hidden}.logo-tailormed img{position:absolute;max-width:none;max-height:none;width:90px;height:90.2px;top:-33.6px}.logo-reshet img{width:90px;height:33px}.logo-nestle img{width:122px;height:35px}.case-facts{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0 0;font-size:18px;line-height:1.38}.case-facts dt{font:italic 16px/1.4 var(--serif);margin-bottom:3px}.case-facts dd{margin:0;font-weight:400}.designit-logo{width:112px;height:auto;max-height:20px;object-fit:contain;object-position:left}.case-tailormed .designit-logo{filter:none}.case-hero-art{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:min(1002px,85%);height:443px;z-index:-1;overflow:hidden}.case-hero-art>img{width:100%;height:100%;object-fit:cover}.hero-tailormed{background:linear-gradient(257.85deg,#ecd3a033 11.15%,#fffaf233 86.08%),linear-gradient(209.3deg,#fffaf2 59.17%,#e7e3dd 107.33%)}.hero-tailormed .case-hero-copy{color:#000}.hero-reshet{background:linear-gradient(138.14deg,#222 19.42%,#010543 89.46%)}.hero-reshet .case-hero-art{width:min(1106px,85%);height:450px;top:80px}.hero-reshet .case-hero-art>img{object-fit:contain}.hero-nestle .hero-background{object-position:50% 65%}.case-content{max-width:1232px;width:calc(100% - var(--gutter)*2);margin:72px auto 0}.case-row{display:grid;grid-template-columns:400fr 816fr;gap:16px;margin:0 0 72px;align-items:start}.case-row>h2{font:italic 26px/1.15 var(--serif)}.case-prose{font-size:22px;line-height:1.38;min-width:0}.case-prose p+p{margin-top:24px}.case-point+.case-point{margin-top:24px}.case-prose>p+.case-point{margin-top:24px}.case-point h3{font:italic 26px/1.15 var(--serif);margin-bottom:8px}.case-statement{text-align:center;margin:72px auto;max-width:1232px}.case-statement h2{font:italic 26px/1.15 var(--serif);margin-bottom:24px}.case-statement p{font-size:40px;line-height:1.32;font-weight:500}.case-media{background:var(--panel-bg);margin:0 0 72px;padding:40px;min-width:0}.case-media-inner{width:100%;max-width:var(--media-max);margin:auto}.media-zoom{display:block;appearance:none;background:none;border:0;padding:0;width:100%;cursor:zoom-in}.media-zoom img{width:100%;height:auto;display:block}.case-media figcaption{font-size:22px;line-height:1.38;text-align:center;margin-top:24px;color:inherit;font-weight:400}.case-media[style*="#222"]{color:white}.case-media[style*="#181a3e"]{color:white}.case-media.full-bleed{width:100vw;margin-left:calc(50% - 50vw);padding-left:var(--gutter);padding-right:var(--gutter)}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:72px}.case-pair .case-media{margin:0;padding:40px 24px}.framework{border-radius:32px;overflow:hidden;margin-bottom:72px;box-shadow:0 0 27px #0000001f}.framework-tabs{padding:8px 24px;display:flex;justify-content:center;gap:8px;background:#f2f2f7}.framework-tabs button{width:114px;padding:8px 12px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:16px;line-height:24px;cursor:pointer;font-weight:400}.framework-tabs button[aria-selected=true]{background:white;border-color:#e2defd}.framework-panel{background:#000}.framework-panel[hidden]{display:none}.project-navigation{display:flex;justify-content:space-between;gap:40px;width:calc(100% - var(--gutter)*2);max-width:1232px;padding:48px 0 72px;margin:auto}.project-navigation a{max-width:48%}.project-navigation a:last-child{text-align:right}.project-navigation span{font-size:18px;display:block;margin-bottom:16px}.project-navigation strong{font:italic 64px/1.2 var(--serif)}.project-navigation a:hover{color:#ff0080}.image-viewer{max-width:96vw;max-height:94vh;width:fit-content;border:0;background:var(--paper);padding:56px 16px 16px;overflow:auto}.image-viewer::backdrop{background:#000b}.image-viewer img{max-width:none;width:auto;max-height:none;height:auto}.image-viewer form{position:sticky;top:-48px;text-align:right;z-index:2;height:0}.image-viewer form button{border:1px solid #222;border-radius:999px;background:#fffcfc;padding:9px 16px;transform:translateY(-44px);cursor:pointer}.case-motion{position:relative;aspect-ratio:1232/624;border-radius:32px;overflow:hidden;margin:0 0 72px}.interfaces-motion{background:radial-gradient(#b6adfb,#e2defd)}.interface-device{position:absolute;left:22.24%;top:13.65%;width:55.52%;height:65%;border:clamp(3px,.7vw,10px) solid #272727;border-radius:12px;overflow:hidden}.timeline-layer{position:absolute;inset:0;opacity:0}.timeline-layer.base-frame{opacity:1}.timeline-layer img{width:100%;height:100%;object-fit:cover}.case-motion figcaption{position:absolute;bottom:6%;left:4%;right:4%;text-align:center;font-size:22px;line-height:1.38;color:#5a576d}.laundry-stage{position:absolute;inset:0}.laundry-background{position:absolute;width:377.65%;height:514.22%;max-width:none;left:-.03%;top:-207.12%}.laundry-shade{position:absolute;inset:0;background:linear-gradient(transparent 43.59%,#0006 92.55%)}.laundry-device{position:absolute;left:26.1%;top:.074%;width:47.78%;height:94.19%;filter:drop-shadow(0 5px 37px #000b)}.laundry-screen{position:absolute;left:41.96%;top:20.43%;width:15.02%;height:29.65%;overflow:hidden}.laundry-motion figcaption{color:#ebf3ff}
@media(min-width:1600px){.case-hero{height:850px}}
@media(max-width:1000px){.case-hero{height:720px;padding-bottom:72px}.case-hero h1{font-size:56px}.case-hero-art{top:64px;height:360px}.hero-reshet .case-hero-art{height:370px}.case-row{grid-template-columns:30% minmax(0,1fr);gap:32px}.case-prose{font-size:20px}.case-statement p{font-size:34px}.case-media{padding:32px}.case-media figcaption,.case-motion figcaption{font-size:18px}.case-pair .case-media{padding:24px 16px}.project-navigation strong{font-size:48px}}
@media(max-width:760px){.case-page .topbar{font-size:18px}.case-hero{height:auto;min-height:660px;padding:100px var(--gutter) 40px}.case-hero-copy{margin-top:310px}.case-hero h1{font-size:42px;line-height:1.16;margin-top:20px}.hero-nayax .case-hero-copy,.hero-nestle .case-hero-copy{margin-top:260px}.hero-nayax .hero-background{object-position:52% center}.hero-nestle .hero-background{object-position:58% center}.case-facts{font-size:14px;gap:16px 24px;display:grid;grid-template-columns:1fr 1fr}.case-facts dt{font-size:15px}.case-facts>div:last-child{grid-column:1/-1}.case-hero-art{height:280px;width:calc(100% - 24px);top:90px}.hero-reshet .case-hero-art{height:280px;width:calc(100% - 24px);top:90px}.case-hero-art>img{object-fit:cover}.case-content{margin-top:48px}.case-row{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.case-row>h2{font-size:26px}.case-prose{font-size:18px;line-height:1.5}.case-point h3{font-size:24px}.case-statement{margin:48px auto}.case-statement h2{font-size:24px}.case-statement p{font-size:28px}.case-media{padding:24px 16px;margin-bottom:48px}.case-media figcaption{font-size:16px;line-height:1.4;margin-top:20px}.case-pair{grid-template-columns:1fr;gap:16px;margin-bottom:48px}.case-pair .case-media{padding:24px 16px}.framework{border-radius:16px;margin-bottom:48px}.framework-tabs{padding:8px;gap:4px}.framework-tabs button{width:auto;flex:1;font-size:13px;padding:8px}.project-navigation{padding:0 0 48px;gap:20px}.project-navigation span{font-size:13px;margin-bottom:12px}.project-navigation strong{font-size:34px}.image-viewer{max-width:96vw;max-height:90vh}.image-viewer img{width:auto;min-width:100%;max-height:75vh}.case-motion{aspect-ratio:1/1;margin-bottom:48px;border-radius:20px}.interface-device{width:90%;height:auto;aspect-ratio:684/405;left:5%;top:15%}.case-motion figcaption{font-size:16px;line-height:1.4;bottom:7%}.laundry-stage{inset:0 -45%}.laundry-motion figcaption{left:8%;right:8%;bottom:7%}}
@media(prefers-reduced-motion:reduce){[data-motion-node]{animation:none!important}.timeline-layer:not(.base-frame){opacity:0!important}}
@media(min-width:1001px){.case-hero h1{font-size:clamp(56px,5vw,72px)}}
/* Preserve the crop exported from the Nestlé desktop hero. */
@media(min-width:761px){.hero-nestle .hero-background{top:-28.14%;height:134.74%;width:100%;object-fit:fill;object-position:center}}
/* Nayax media correction pass. */
.hero-nayax .case-facts>div:last-child dt{margin-bottom:8px}
.case-nayax .case-media figcaption,.case-nayax .case-motion figcaption{color:#9592a5}
.case-video{position:relative;min-width:0;overflow:hidden}
.case-video video{display:block;width:100%;height:100%;object-fit:cover}
.hero-video{position:absolute;inset:0;z-index:-2}
.hero-video video{position:absolute;inset:0}
.case-video-toggle{position:absolute;right:8px;bottom:8px;z-index:2;border:1px solid #ffffff80;background:#222b;color:white;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}
.hero-video .case-video-toggle{right:24px;bottom:24px}
.wallet-screens{display:grid;grid-template-columns:218fr 218fr 217fr;gap:24px;max-width:701px;align-items:center;margin:auto}
.wallet-screens>img{width:100%;height:auto}
.wallet-screens .case-video{aspect-ratio:376/812;border-radius:16px}
.wallet-screens .case-video-toggle{font-size:10px;padding:4px 7px}
.products-stage{position:relative}
.buy-now-motion{position:absolute;left:3.365%;top:0;width:23.896%;height:59.413%;mix-blend-mode:lighten}
.buy-now-motion video{object-fit:fill}
.buy-now-motion .case-video-toggle{opacity:0}
.buy-now-motion:hover .case-video-toggle,.buy-now-motion:focus-within .case-video-toggle{opacity:1}
.eshop-prototype iframe{display:block;width:100%;height:760px;border:0;background:white;border-radius:12px}
.eshop-prototype figcaption a{text-decoration:underline;text-underline-offset:4px}
.fuel-motion{background:#f2f2f7}
.case-nayax .laundry-motion [data-motion-node],.case-nayax .fuel-motion [data-motion-node]{animation-duration:19.708333s}
@media(max-width:760px){.wallet-screens{gap:10px}.wallet-screens .case-video{border-radius:7px}.wallet-screens .case-video-toggle{right:3px;bottom:3px}.eshop-prototype iframe{height:560px}.buy-now-motion .case-video-toggle{font-size:9px;padding:2px 5px}}
/* Preserve the yellow center while replacing the baked-in lettering with motion. */
.buy-now-motion{mix-blend-mode:normal;isolation:isolate}
.buy-now-motion::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 47%,#f2f2f7 48%);z-index:-1}
.buy-now-motion video{filter:invert(1);mix-blend-mode:multiply;mask-image:radial-gradient(circle at center,transparent 0 47%,black 48%)}
.eshop-prototype{position:relative}
.prototype-preview{position:relative;max-width:1230px;margin:auto}
.prototype-preview img{display:block;width:100%;height:auto}
.prototype-launch{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;border:0;border-radius:999px;background:#262626;color:white;font:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 4px 24px #0003}
.eshop-prototype iframe[hidden],.prototype-preview[hidden]{display:none}
@media(max-width:760px){.prototype-launch{font-size:13px;padding:10px 14px;bottom:12px}}

/* Updated Figma segmented control: independent pill tabs above rounded artwork. */
.case-nayax .framework{border-radius:0;overflow:visible;box-shadow:none}
.case-nayax .framework-tabs{padding:0;margin-bottom:40px;gap:0;background:transparent}
.case-nayax .framework-tabs button{width:auto;min-height:60px;padding:16px 24px;border:2px solid transparent;border-radius:40px;font-size:18px;line-height:1.38}
.case-nayax .framework-tabs button[aria-selected=true]{background:#daf8e1;border-color:#00f441;font:italic 20px/1.4 var(--serif);padding-top:18px;padding-bottom:15px}
.case-nayax .framework-panel{border-radius:32px;overflow:hidden}
.case-nayax .framework-tabs button:focus-visible{outline:2px solid #222;outline-offset:4px}
.eshop-prototype figcaption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px}
.fuel-video-media .case-video{border:10px solid #272727;border-radius:12px;aspect-ratio:8/5;box-sizing:content-box}
.fuel-video-media .case-video video{object-fit:contain}
@media(max-width:760px){.case-nayax .framework-tabs{margin-bottom:24px}.case-nayax .framework-tabs button{min-height:48px;padding:10px 12px;font-size:14px;flex:0 1 auto}.case-nayax .framework-tabs button[aria-selected=true]{font-size:17px;padding:10px 12px}.case-nayax .framework-panel{border-radius:16px}.eshop-prototype figcaption{gap:12px 18px}.fuel-video-media .case-video{border-width:5px}}
/* TailorMed corrections: Figma pill labels align alongside each paragraph. */
.hero-tailormed .case-facts>div:last-child dt{margin-bottom:8px}
.case-tailormed .case-media figcaption,.case-tailormed .case-motion figcaption{color:#94929e}
.case-tailormed .tm-tagged-row .case-point{display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;align-items:start}
.case-tailormed .tm-tagged-row .case-point h3{font:400 18px/1.38 var(--sans,Helvetica Neue,Helvetica,Arial,sans-serif);border:1px solid #222;border-radius:24px;padding:4px 12px;margin:0;justify-self:start;white-space:nowrap}
.tm-illustrations .case-media{padding:0;aspect-ratio:608/386;overflow:hidden}
.tm-illustrations .case-media-inner{max-width:none}
.tm-ball-panel{background:#afcdff}
.tm-ball-stage{width:100%;height:100%;display:grid;place-items:center}
.tm-ball-stage>.case-video{width:55.592%;aspect-ratio:338/212}
.case-tailormed .tm-video-media .case-video{aspect-ratio:1;overflow:hidden}
.case-tailormed .tm-video-media video{object-fit:contain}
.case-tailormed .case-pair:has([data-zoom*="tailormed-main"]) .case-media{padding:64px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:32px}
.case-tailormed .case-pair:has([data-zoom*="tailormed-main"]) .case-media-inner{width:min(100%,212px)}
.case-tailormed .case-pair:has([data-zoom*="tailormed-main"]) .media-zoom{aspect-ratio:212/471.111;border-radius:16px;overflow:hidden;box-shadow:none}
.case-tailormed .case-pair:has([data-zoom*="tailormed-main"]) .media-zoom img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.case-tailormed .tm-tagged-row .case-point{grid-template-columns:96px minmax(0,1fr);gap:16px}}
@media(max-width:760px){.case-tailormed .tm-tagged-row .case-point{grid-template-columns:84px minmax(0,1fr);gap:12px}.case-tailormed .tm-tagged-row .case-point h3{font-size:14px;padding:4px 10px}.case-tailormed .case-pair:has([data-zoom*="tailormed-main"]) .case-media{padding:40px 24px;border-radius:20px}}

/* Reveal video controls only while interacting with the video. */
.case-video-toggle{opacity:0;pointer-events:none;transition:opacity .15s}
.case-video:is(:hover,:focus-within) .case-video-toggle,.case-hero:is(:hover,:focus-within) .hero-video .case-video-toggle{opacity:1;pointer-events:auto}
/* Nestlé interactive case study. */
.hero-nestle .case-facts>div:last-child dt{margin-bottom:8px}
.case-nestle figcaption{color:#94929e;font-size:22px;line-height:1.38;text-align:center;margin-top:24px}
.case-nestle .ns-tagged-row .case-point{display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;align-items:start}
.case-nestle .ns-tagged-row .case-point h3{font:400 18px/1.38 "Helvetica Neue",Helvetica,Arial,sans-serif;border:1px solid #222;border-radius:24px;padding:4px 12px;margin:0;justify-self:start;white-space:nowrap}
.nestle-journey,.nestle-conversation{margin:0 0 72px;min-width:0}
.nestle-component-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
.journey-stage{position:relative;aspect-ratio:1232/598;background:#f7f7f7;container-type:inline-size;min-width:900px}
.journey-art{position:absolute;left:11.77%;top:2.08%;width:76.45%;height:95.84%;object-fit:fill}
.journey-marker{position:absolute;width:var(--marker-width);z-index:2;filter:drop-shadow(0 2px 24px #0005)}
.journey-marker:focus-within,.journey-marker.is-open{z-index:5}
.journey-marker>button{width:100%;min-height:4.87cqw;display:flex;align-items:center;justify-content:space-between;gap:1.3cqw;border:2px solid #00f441;border-radius:40px;background:#daf8e1;padding:1.22cqw 1.95cqw;font:italic 1.461cqw/1.15 var(--serif);color:#222;white-space:nowrap;cursor:pointer}
.journey-marker>button:is(:hover,:focus-visible){background:#00f441}
.journey-marker>button img{width:1.461cqw;height:1.461cqw;flex-shrink:0}
.journey-marker.is-open{width:17.4513cqw}
.journey-marker.is-open>button{border-radius:32px 32px 0 0;background:#daf8e1}
.journey-marker.is-open>button img{transform:rotate(45deg)}
.journey-detail{background:white;border:2px solid #00f441;border-top:0;border-radius:0 0 32px 32px;padding:1.461cqw 1.95cqw 1.22cqw;font-size:1.461cqw;line-height:1.38;color:#222}
.journey-detail[hidden]{display:none}
.conversation-board{position:relative;aspect-ratio:1230/697;min-width:760px;background:#e6e1de;isolation:isolate}
.conversation-base{display:block;width:100%;height:100%;object-fit:fill}
.conversation-hotspot{position:absolute;appearance:none;border:0;padding:0;background:none;cursor:pointer;z-index:1}
.conversation-hotspot img{display:block;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .2s;pointer-events:none}
.conversation-hotspot.is-active{z-index:3}
.conversation-hotspot.is-active img,.conversation-hotspot:focus-visible img{opacity:1}
.conversation-hotspot:focus-visible{outline:2px solid #00f441;outline-offset:3px;z-index:4}
.nestle-demo-media{padding:0;background:transparent}
.nestle-demo{position:relative;aspect-ratio:1230/692;border-radius:32px;overflow:hidden}
.nestle-demo video{display:block;width:100%;height:100%;object-fit:contain}
.nestle-video-controls{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s}
.nestle-demo:is(:hover,:focus-within) .nestle-video-controls{opacity:1;pointer-events:auto}
.nestle-video-controls button{border:1px solid #ffffff80;border-radius:999px;background:#222c;color:white;padding:8px 12px;font:14px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}
@media(max-width:1000px){.case-nestle .ns-tagged-row .case-point{grid-template-columns:120px minmax(0,1fr);gap:16px}}
@media(max-width:760px){.case-nestle .ns-tagged-row .case-point{grid-template-columns:104px minmax(0,1fr);gap:12px}.case-nestle .ns-tagged-row .case-point h3{font-size:14px;padding:4px 10px}.nestle-journey,.nestle-conversation{margin-bottom:48px}.case-nestle figcaption{font-size:16px;margin-top:20px}.nestle-demo{border-radius:16px}.nestle-video-controls{right:8px;bottom:8px;gap:6px}.nestle-video-controls button{font-size:12px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.conversation-hotspot img{transition:none}}
/* Keep the lowest expanded journey card fully readable inside the scroll area. */
.nestle-journey .nestle-component-scroll:has(.journey-marker:last-child.is-open){padding-bottom:220px}

/* Reshet13: shared metadata alignment and inline challenge labels. */
.hero-reshet .case-facts>div:last-child dt{margin-bottom:8px}
.case-reshet figcaption{color:#94929e;font-size:22px;line-height:1.38;text-align:center}
.case-reshet .rs-tagged-row .case-point{display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;align-items:start}
.case-reshet .rs-tagged-row .case-point h3{font:400 18px/1.38 "Helvetica Neue",Helvetica,Arial,sans-serif;border:1px solid #222;border-radius:24px;padding:4px 12px;margin:0;justify-self:start;white-space:nowrap}
.reshet-ia{border-radius:0;overflow:visible;box-shadow:none}
.reshet-ia .framework-tabs{padding:0;margin-bottom:40px;gap:0;background:transparent}
.reshet-ia .framework-tabs button{width:auto;min-height:60px;padding:16px 24px;border:2px solid transparent;border-radius:40px;font-size:18px;line-height:1.38}
.reshet-ia .framework-tabs button[aria-selected=true]{background:#daf8e1;border-color:#00f441;font:italic 20px/1.4 var(--serif);padding-top:18px;padding-bottom:15px}
.reshet-ia .framework-tabs button:focus-visible{outline:2px solid #222;outline-offset:4px}
.reshet-ia .framework-panel{background:transparent}
.reshet-ia-figure{margin:0}
.ia-art{display:grid;place-items:center;min-height:600px;background:#f2f2f2;border-radius:32px;padding:40px}
#ia-panel-1 .ia-art{background:#e5e5e5}
.ia-art img{width:auto;max-width:100%;height:auto;max-height:540px;margin:auto}
.reshet-navigation{padding:0;background:transparent}
.reshet-nav-stage{background:#f7f7f7;padding:100px 24px;border-radius:32px;display:grid;place-items:center}
.reshet-nav{width:412.8px;max-width:100%;height:70.38px;display:flex;justify-content:space-between;padding:0 30.45px;background:rgba(0,7,33,.8);border-top:.55px solid white;border-radius:6.4px;box-shadow:0 4px 48px #0000001a}
.reshet-nav button{width:87.97px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8.8px;padding:0 0 14px;border:0;background:transparent;cursor:pointer}
.reshet-nav-icon{position:relative;display:block;width:26.4px;height:26.4px}
.reshet-nav-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .15s ease-out}
.nav-active{opacity:0}
.reshet-nav button:is(:hover,:focus-visible,[aria-pressed=true]) .nav-active{opacity:1}
.reshet-nav button:is(:hover,:focus-visible,[aria-pressed=true]) .nav-default{opacity:0}
.nav-label{height:8px;object-fit:contain}
.reshet-screens,.reshet-story{margin:0 0 72px}
.reshet-phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
.reshet-phone-grid>img,.reshet-phone-grid .case-video{width:100%;aspect-ratio:295/566;height:auto;object-fit:contain}
.reshet-phone-grid .case-video video{width:100%;height:100%;object-fit:contain}
.reshet-story-gallery{aspect-ratio:1240/698;background:#222}
.reshet-story-gallery .misc-slide{transition-duration:.3s}
/* Consistent 40px artwork-to-caption spacing on all project pages. */
body.case-page figcaption{margin-top:40px}
.case-motion{aspect-ratio:auto;border-radius:0;overflow:visible;background:transparent}
.motion-art{position:relative;aspect-ratio:1232/624;border-radius:32px;overflow:hidden}
.interfaces-motion .motion-art{background:radial-gradient(#b6adfb,#e2defd)}
.case-motion figcaption{position:static;margin:40px 0 0}
@media(max-width:1000px){.case-reshet .rs-tagged-row .case-point{grid-template-columns:96px minmax(0,1fr);gap:16px}.ia-art{min-height:440px}}
@media(max-width:760px){.case-reshet .rs-tagged-row .case-point{grid-template-columns:84px minmax(0,1fr);gap:12px}.case-reshet .rs-tagged-row .case-point h3{font-size:14px;padding:4px 10px}.case-reshet figcaption{font-size:16px}.reshet-ia .framework-tabs{margin-bottom:24px}.reshet-ia .framework-tabs button{min-height:48px;padding:10px 12px;font-size:14px;flex:0 1 auto}.reshet-ia .framework-tabs button[aria-selected=true]{font-size:17px;padding:10px 12px}.ia-art{padding:24px 12px;min-height:230px;border-radius:16px}.reshet-nav-stage{padding:72px 12px;border-radius:16px}.reshet-nav{padding:0 12px}.reshet-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.reshet-screens,.reshet-story{margin-bottom:48px}.motion-art{aspect-ratio:1/1;border-radius:20px}}
.reshet-nav-stage{grid-template-columns:minmax(0,1fr)}
.reshet-nav{width:100%;max-width:412.8px;min-width:0;justify-self:center}

/* Eager header media: locked geometry and a matching first-frame poster. */
.reshet-hero-video{width:100%;height:100%;aspect-ratio:1136/450}
.reshet-hero-video video{display:block;width:100%;height:100%;object-fit:contain}

/* Reshet refinements: generous section separation and captions inside panels. */
.case-reshet .rs-tagged-row{margin-bottom:120px}
.reshet-navigation{background:#f7f7f7;border-radius:32px;padding:100px 24px 40px}
.reshet-nav-stage{padding:0;border-radius:0;background:transparent}
.reshet-navigation figcaption{width:100%}
.reshet-screens{margin-bottom:120px}
.reshet-phone-shell{min-width:0;position:relative;aspect-ratio:295/566;border-radius:14.62% / 7.62%;border:1px solid #7c7c7c;overflow:hidden;isolation:isolate;background:transparent;box-shadow:none;filter:none}
.reshet-phone-shell>img,.reshet-phone-shell>.case-video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:fill;box-shadow:none;filter:none}
.reshet-phone-shell .case-video video{object-fit:fill}
@media(max-width:760px){.reshet-navigation{padding:72px 12px 32px;border-radius:16px}.reshet-nav-stage{padding:0}.reshet-screens{margin-bottom:120px}}

/* Shared 32px visual frames; full-bleed sections retain square edges. */
.case-page .case-media:not(.full-bleed),.case-page .motion-art,.case-page .framework-panel,.case-page .nestle-component-scroll,.case-page .nestle-demo,.case-page .reshet-story-gallery,.case-page .ia-art{border-radius:32px;overflow:hidden}
.case-page .case-media.full-bleed{border-radius:0}
.case-tailormed .case-prose>p+.case-point{margin-top:48px}
.case-reshet .case-prose>p+.case-point{margin-top:48px}
.case-nestle .ns-tagged-row{margin-bottom:120px}
.case-nestle .ns-tagged-row+.case-statement{margin-top:120px}
.tm-ball-animation{position:relative;width:55.592%;aspect-ratio:262/164}
.tm-ball-gif{width:100%;height:100%;object-fit:contain}
.tm-ball-animation:is(:hover,:focus-within) .case-video-toggle{opacity:1;pointer-events:auto}
.case-tailormed .tm-video-media:has([data-src*="posts-video"]){background:#85e3cb}
.interfaces-motion .motion-art{aspect-ratio:auto;padding:72px 40px 40px}
.interfaces-motion .interface-device{position:relative;left:auto;top:auto;margin:auto;width:60%;height:auto;aspect-ratio:684/405}
.interfaces-motion figcaption{margin:40px 0 0;color:#9592a5}
.journey-stage{aspect-ratio:1232/760}
.journey-art{top:1.636%;height:75.41%}
.nestle-journey .nestle-component-scroll:has(.journey-marker:last-child.is-open){padding-bottom:0}
.journey-marker>button,.journey-marker>button img{transition:background-color .2s ease,transform .2s ease,border-radius .2s ease}
.journey-detail{animation:quick-dissolve .22s ease-out}
@keyframes quick-dissolve{from{opacity:0}to{opacity:1}}
.case-media:has([data-zoom*="nestle-ai-map"]){background:#f5f5f5;padding:64px}
.case-media:has([data-zoom*="nestle-avatar"]){padding:0;background:transparent}
.case-media:has([data-zoom*="nestle-avatar"]) .case-media-inner{max-width:1230px}
.image-viewer:has(img[src*="nestle-ai-map"]){background:#f5f5f5;padding:80px;max-width:96vw}
.image-viewer:has(img[src*="nestle-ai-map"]) img{width:min(760px,70vw);height:auto}
.image-viewer[open]{animation:quick-dissolve .2s ease-out}
.story-video-slide video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.story-video-controls{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;z-index:5;opacity:0;transition:opacity .18s ease;pointer-events:none}
.story-video-slide.is-active{pointer-events:none}
.reshet-story-gallery:is(:hover,:focus-within) .story-video-slide.is-active .story-video-controls{opacity:1;pointer-events:auto}
.reshet-story-gallery .story-video-controls button{position:static;width:auto;border:1px solid #ffffff80;border-radius:999px;background:#222c;color:white;padding:8px 12px;font:14px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}
.reshet-story-gallery .story-video-slide.is-active{z-index:3}
@media(max-width:760px){.interfaces-motion .motion-art{padding:48px 20px 32px}.interfaces-motion .interface-device{width:95%}.case-media:has([data-zoom*="nestle-ai-map"]){padding:40px 24px}.image-viewer:has(img[src*="nestle-ai-map"]){padding:64px 24px 24px}.story-video-controls{right:8px;bottom:8px;gap:6px}.reshet-story-gallery .story-video-controls button{font-size:12px;padding:6px 9px}}

.avatar-art{display:block;position:relative;width:100%;aspect-ratio:1230/700}
.avatar-art img{position:absolute;left:50%;top:50%;width:56.91%;max-width:none;height:auto;transform:translate(-50%,-50%) rotate(90deg) scaleY(-1)}
.image-viewer:has(img[src*="nestle-avatar-source"]){background:transparent}
.image-viewer img[src*="nestle-avatar-source"]{width:min(564px,80vw);height:auto}

.image-viewer{border-radius:32px}
.eshop-prototype iframe{animation:quick-dissolve .22s ease-out}

.image-viewer::backdrop{transition:background-color .18s ease-out}
.image-viewer.is-closing::backdrop{background:transparent}

/* Fine spacing, caption, and typography refinements. */
.case-nayax .framework-tabs button,.case-nayax .framework-tabs button[aria-selected=true]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;padding-top:16px;padding-bottom:16px}
.framework-panels{position:relative;aspect-ratio:1232/693;isolation:isolate;border-radius:32px;overflow:hidden;background:#000}
.framework-panels>.framework-panel{position:absolute;inset:0}
.framework-panels>.tab-crossfade{z-index:2;pointer-events:none}
.framework-art{position:relative;container-type:inline-size;aspect-ratio:1232/693;background:#000}
.framework-native-text{position:absolute;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;white-space:normal;pointer-events:none;box-shadow:0 0 0 2px #000}
.framework-expanded{width:min(1232px,88vw)}
.framework-art>img{width:100%;height:auto}
.case-nayax .case-pair:has([data-zoom*="nayax-before"]) .case-media{padding:72px 48px 40px}
.case-nayax .products-media{padding:72px 80px}
.case-nayax .laundry-motion .motion-art>figcaption{position:absolute;bottom:40px;left:24px;right:24px;margin:0;color:#edf4ef;text-shadow:0 1px 6px #0009}
.case-tailormed .case-media:has([data-zoom*="tailormed-brand"]) .media-zoom{border-radius:32px;overflow:hidden}
.nestle-journey .nestle-component-scroll{background:#f7f7f7;padding-bottom:40px}
.nestle-journey .nestle-component-scroll:has(.journey-marker:last-child.is-open){padding-bottom:40px}
.nestle-journey figcaption{padding:0 32px}
.case-nestle .case-media:has(.avatar-art)>figcaption{margin-top:56px;margin-bottom:120px}
@media(max-width:760px){.case-nayax .framework-tabs button,.case-nayax .framework-tabs button[aria-selected=true]{font-size:14px;padding-top:10px;padding-bottom:10px}.case-nayax .case-pair:has([data-zoom*="nayax-before"]) .case-media{padding:48px 32px 32px}.case-nayax .products-media{padding:48px 32px}.case-nayax .laundry-motion .motion-art>figcaption{bottom:28px;left:20px;right:20px}.nestle-journey figcaption{padding:0 24px}.case-nestle .case-media:has(.avatar-art)>figcaption{margin-top:56px;margin-bottom:88px}}

.image-viewer>img[hidden]{display:none}
@media(max-width:760px){.framework-expanded{width:1232px}}

/* Persistent, predecoded panels dissolve without creating new layers per tap. */
.framework-panels>.framework-panel,.framework-panels>.framework-panel[hidden]{display:block;opacity:0;pointer-events:none;transition:opacity .48s cubic-bezier(.2,.6,.3,1)}
.framework-panels>.framework-panel.is-active{opacity:1;pointer-events:auto;z-index:1}
.interface-device>.case-video{position:absolute;inset:0;width:100%;height:100%}
.interface-device>.case-video video{object-fit:fill}
.journey-art>img{display:block;width:100%;height:100%;object-fit:fill}
@media(max-width:760px){
 .nestle-conversation .nestle-component-scroll{overflow:hidden}
 .conversation-board{width:100%;min-width:0;aspect-ratio:1230/697}
 .nestle-journey .nestle-component-scroll{overflow:visible}
 .journey-stage{width:100%;min-width:0;aspect-ratio:auto;position:relative;display:flex;flex-direction:column;gap:14px;padding:24px 20px 216px}
 .journey-art{position:static;display:block;width:100%;height:auto;max-width:none}
 .journey-art>img{width:100%;height:auto;object-fit:contain}
 .nestle-journey .journey-marker,.nestle-journey .journey-marker.is-open{position:static;width:100%;filter:none}
 .journey-marker>button{font-size:16px;line-height:1.3;padding:12px 16px;min-height:48px;gap:12px;border-radius:32px}
 .journey-marker.is-open>button{border-radius:32px}
 .journey-marker>button img{width:18px;height:18px}
 .journey-detail{position:absolute;left:20px;right:20px;bottom:20px;height:176px;overflow:auto;border:2px solid #00f441;border-radius:24px;padding:16px;font-size:16px;line-height:1.4}
 .journey-detail[hidden]{display:none}
}
@media(max-width:760px){.journey-stage{background:transparent}}