.client-collection .study-grid{align-items:stretch;gap:24px}.client-collection .client-study{isolation:isolate;border:1px solid #14161530;flex-direction:column;padding:0;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;translate:none;color:#141615!important;background:#f2ede4!important}.client-collection .client-study:hover,.client-collection .client-study:focus-visible{transform:translateY(-8px)translate(0,0);box-shadow:0 20px 45px #0002}.client-scene{background:var(--case-bg);height:280px;color:var(--case-fg);isolation:isolate;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative;overflow:hidden}.client-mcdonalds{--case-bg:#c9162a;--case-fg:#ffcf32}.client-tesla{--case-bg:#e82127;--case-fg:#fff}.client-walmart{--case-bg:#0053e2;--case-fg:#ffc220}.client-scene:before{content:"";opacity:.17;z-index:-1;border:1px solid;border-radius:50%;width:240px;height:240px;transition:transform .7s;position:absolute;top:-90px;right:-90px;box-shadow:0 0 0 35px #ffffff10,0 0 0 70px #ffffff08}.client-study:hover .client-scene:before{transform:scale(1.3)rotate(20deg)}.scene-top{font:11px/1.5 var(--mono);letter-spacing:.04em;justify-content:space-between;gap:15px;display:flex}.scene-open{font:26px var(--body);transition:rotate .3s}.client-study:hover .scene-open{rotate:45deg}.client-scene .client-study-logo{justify-content:center;height:90px;margin:12px 0}.client-scene .client-study-logo img{width:100px;max-width:180px;height:85px;max-height:85px;transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:none!important}.client-tesla .client-scene .client-study-logo img{filter:brightness(0)invert()!important}.client-study:hover .client-study-logo img,.client-study:focus-visible .client-study-logo img{transform:translateY(-5px)scale(1.08)}.scene-caption{font:10px/1.5 var(--mono);letter-spacing:.06em}.scene-system{justify-content:center;align-items:center;gap:7px;height:40px;display:flex}.client-mcdonalds .scene-system i{font:8px var(--mono);border:1px solid;padding:8px;font-style:normal}.client-mcdonalds .scene-system b{background:currentColor;width:18px;height:1px;transition:width .4s}.client-mcdonalds:hover .scene-system b{width:26px}.client-tesla .scene-system{align-items:flex-end;gap:7px}.client-tesla .scene-system b{transform-origin:bottom;background:#ffffff75;width:24px;height:25%;transition:transform .5s,background .5s}.client-tesla .scene-system b:nth-child(2){height:40%}.client-tesla .scene-system b:nth-child(3){height:48%}.client-tesla .scene-system b:nth-child(4){height:65%}.client-tesla .scene-system b:nth-child(5){height:78%}.client-tesla .scene-system b:nth-child(6){height:100%}.client-tesla:hover .scene-system b{background:#fff;transform:scaleY(1.25)}.client-walmart .scene-system{gap:15px}.client-walmart .scene-system i{border:1px solid;border-radius:50%;width:10px;height:10px;transition:background .3s,box-shadow .3s;box-shadow:0 0 0 4px #ffc22015}.client-walmart:hover .scene-system i{background:#ffc220;box-shadow:0 0 0 7px #ffc22025}.client-card-body{flex-direction:column;flex:1;padding:26px;display:flex}.client-card-body h3{font:700 44px/1 var(--display);margin:16px 0 0}.client-card-body>p{max-width:30ch;margin:15px 0;font-size:17px;line-height:1.5}.client-card-body .client-study-result{border-top:1px solid #14161525;gap:8px;margin:8px 0 20px;padding:22px 0}.client-card-body .client-study-result strong{color:#141615;font-size:64px}.client-card-body .client-study-result span{font-size:14px}.client-card-cta{font:12px/1.5 var(--mono);border-top:1px solid #14161525;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:20px;display:flex}.client-card-cta>span{font-size:24px;transition:translate .25s}.client-study:hover .client-card-cta>span{translate:4px -4px}.client-card-summary{opacity:.8;font-size:15px!important}.case-filters{flex-wrap:wrap;gap:10px;margin:10px 0 32px;display:flex}.case-filters button{font:14px var(--body);color:inherit;background:0 0;border:1px solid;border-radius:40px;padding:13px 18px}.case-filters button[aria-pressed=true]{background:var(--ember);color:#141615;border-color:var(--ember)}.case-filters button span{margin-left:10px}.case-index-hero{grid-template-columns:1.5fr 1fr;align-items:center;gap:5vw;padding:55px 5vw 70px;display:grid}.case-index-hero h1{font:800 clamp(54px,6.8vw,112px)/.95 var(--display);letter-spacing:-.02em;margin:28px 0}.case-index-hero em,.case-next em{color:var(--ember);font-style:normal}.case-index-hero p,.case-next p{font:18px/1.7 var(--body);max-width:530px}.case-index-art{color:#f2ede4;min-height:390px;box-shadow:12px 12px 0 var(--ember);background:#141615;border:1px solid #ffffff35;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative;rotate:3deg}.case-index-art>span{font:12px/1.5 var(--mono);letter-spacing:.06em}.case-index-art>div{gap:12px;margin:25px 0;display:grid}.case-index-art i{font:13px var(--mono);border-bottom:1px solid #ffffff40;padding:12px 0;font-style:normal}.case-index-art>b{font:700 100px/.9 var(--display);color:var(--ember);position:absolute;bottom:22px;right:22px}.case-index-band{background:var(--ember);color:#141615;font:13px var(--mono);justify-content:space-around;align-items:center;gap:20px;padding:25px 5vw;display:flex}.case-index-band i{font-size:24px}.case-next{color:#f2ede4;background:#141615;padding:75px 5vw}.case-next h2{font:700 clamp(48px,6vw,88px)/1 var(--display);margin:28px 0}.case-next .page-link{margin-left:25px}.collection-expanded .client-card-body{padding:30px}.client-study-hero .client-study-logo img{filter:none!important}@media (width<=1000px){.client-collection .study-grid{grid-template-columns:1fr}.client-collection .client-study{grid-template-columns:1fr 1fr;display:grid}.client-scene{height:100%;min-height:310px}.case-index-hero{grid-template-columns:1fr}.case-index-art{display:none}.case-index-band{gap:10px;font-size:11px}}@media (width<=600px){.client-collection .client-study{display:flex}.client-scene{height:270px;min-height:0}.client-card-body,.collection-expanded .client-card-body{padding:24px}.case-index-hero{padding:35px 23px 45px}.case-index-band{flex-wrap:wrap;justify-content:flex-start;line-height:1.6}.case-index-band i{display:none}.case-next{padding:50px 23px}.case-next .page-link{margin-left:0;display:table}}@media (prefers-reduced-motion:reduce){.client-collection .client-study,.client-study *,.client-scene:before{transition:none!important}.client-collection .client-study:hover,.client-study:hover .client-study-logo img{transform:none}}.client-nothing{--case-bg:#222;--case-fg:#fff}.client-samsung{--case-bg:#1428a0;--case-fg:#fff}.client-google{--case-bg:#e8f0fe;--case-fg:#174ea6}.client-nothing .client-scene .client-study-logo img,.client-samsung .client-scene .client-study-logo img{width:170px;filter:brightness(0)invert()!important}.client-google .client-scene .client-study-logo img{width:160px;filter:none!important}.client-nothing .scene-system i,.client-samsung .scene-system i,.client-google .scene-system i{opacity:.6;background:currentColor;border-radius:50%;width:12px;height:12px;transition:transform .3s}.client-nothing:hover .scene-system i,.client-samsung:hover .scene-system i,.client-google:hover .scene-system i{transform:translateY(-4px)}@property --case-glow{syntax:"<color>";inherits:true;initial-value:#f04b32}.collection-carousel{--case-gutter:5vw;--glass:#ffffff6b;--glass-edge:#ffffffb3;--glass-ink:#141615;--glass-muted:#141615b3;--glass-line:#1416152b;transition:--case-glow 1.2s;position:relative;overflow:hidden}:root[data-theme=night] .collection-carousel{--glass:#f2ede40f;--glass-edge:#f2ede429;--glass-ink:#f2ede4;--glass-muted:#f2ede4b8;--glass-line:#f2ede424}.collection-carousel .case-viewport{scrollbar-width:thin;padding:12px 0 28px;overflow-x:auto}.collection-carousel .study-grid{gap:24px;display:flex}.collection-carousel .client-study{flex:0 0 calc(33.3333% - 16px);min-width:0}.collection-carousel.carousel-ready .case-viewport{margin-inline:calc(var(--case-gutter) * -1);touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;padding:34px 0 46px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.collection-carousel.is-dragging .case-viewport{cursor:grabbing}.collection-carousel.is-dragging .client-study{pointer-events:none}.collection-carousel.carousel-ready .study-grid{z-index:1;will-change:transform;width:max-content;position:relative}.collection-carousel.carousel-ready .client-study{flex:0 0 calc((100vw - var(--case-gutter) * 2 - 48px) / 3.25);max-width:440px}.case-ambient{z-index:0;pointer-events:none;position:absolute;inset:0}.case-ambient i{filter:blur(70px);opacity:.45;border-radius:50%;animation:18s ease-in-out infinite alternate case-orb;position:absolute}.case-ambient i:first-child{background:var(--case-glow);width:46vw;max-width:620px;height:46vw;max-height:620px;top:-10%;left:18%}.case-ambient i:nth-child(2){opacity:.35;background:#f04b32;width:30vw;max-width:420px;height:30vw;max-height:420px;animation-duration:23s;animation-delay:-6s;top:30%;right:8%}.case-ambient i:nth-child(3){opacity:.22;background:#ffc220;width:26vw;max-width:360px;height:26vw;max-height:360px;animation-duration:27s;animation-delay:-12s;bottom:-12%;left:-4%}:root[data-theme=night] .case-ambient i{opacity:.42}:root[data-theme=night] .case-ambient i:nth-child(2){opacity:.26}:root[data-theme=night] .case-ambient i:nth-child(3){opacity:.14}@keyframes case-orb{0%{translate:0;scale:1}50%{translate:6vw 3vw;scale:1.12}to{translate:-4vw -2vw;scale:.95}}.collection-carousel.carousel-ready .client-study{border:1px solid var(--glass-edge);backdrop-filter:blur(18px)saturate(1.4);transform:perspective(1000px) scale(calc(1 - var(--depth,0) * .07)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));opacity:calc(1 - var(--depth,0) * .25);border-radius:18px;transition:transform .3s ease-out,box-shadow .3s,opacity .3s,border-color .3s;translate:none;box-shadow:inset 0 1px #ffffff40,0 18px 40px #0000001f;background:var(--glass)!important;color:var(--glass-ink)!important}.collection-carousel.carousel-ready .client-study:hover,.collection-carousel.carousel-ready .client-study:focus-visible{transform:perspective(1000px) translateY(-8px) scale(calc(1 - var(--depth,0) * .07)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:color-mix(in srgb,var(--case-bg) 60%,var(--glass-edge));opacity:1;box-shadow:inset 0 1px #fff5,0 28px 55px #0000002e}.collection-carousel.carousel-ready .client-study:focus-visible{outline-offset:4px;outline:3px solid #f04b32}.collection-carousel.carousel-ready .client-scene{background:color-mix(in srgb,var(--case-bg) 80%,transparent);border-bottom:1px solid #ffffff2e;border-radius:12px;margin:8px 8px 0}.collection-carousel.carousel-ready .client-card-body{background:0 0;padding:22px 24px 24px}@media (width>=1001px){.collection-carousel.carousel-ready .client-scene{height:228px}.collection-carousel.carousel-ready .client-card-body h3{font-size:40px}.collection-carousel.carousel-ready .client-card-body .client-study-result{margin:4px 0 14px;padding:16px 0}.collection-carousel.carousel-ready .client-card-body .client-study-result strong{font-size:56px}}.collection-carousel.carousel-ready .client-card-body>p,.collection-carousel.carousel-ready .client-card-body .client-study-result span{color:var(--glass-muted)}.collection-carousel.carousel-ready .client-card-body .client-study-result{border-top-color:var(--glass-line)}.collection-carousel.carousel-ready .client-card-body .client-study-result strong{color:var(--glass-ink)}.collection-carousel.carousel-ready .client-card-cta{border-top:1px solid var(--glass-line);padding-top:14px;transition:color .2s}.collection-carousel.carousel-ready .client-study:hover .client-card-cta{color:#f04b32}.collection-carousel .client-scene:after{content:"";opacity:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#fff4,transparent 62%);pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.collection-carousel .client-study:hover .client-scene:after{opacity:1}.collection-carousel .client-study .client-study-logo{translate:0 var(--scroll-lift,0px);transition:translate .15s ease-out}.collection-carousel .client-study .scene-system{translate:0 calc(var(--scroll-lift,0px) * -.5);transition:translate .15s ease-out}.collection-carousel.carousel-ready .client-scene:before{animation:8s ease-in-out infinite case-scene-orbit}.collection-carousel.carousel-ready .scene-system i,.collection-carousel.carousel-ready .scene-system b{transform-origin:bottom;animation:3s ease-in-out infinite case-signal-breathe}.collection-carousel .scene-system :nth-child(2n){animation-delay:-1s!important}.collection-carousel .scene-system :nth-child(3n){animation-delay:-2s!important}.collection-carousel[data-motion=paused] .case-ambient i,.collection-carousel[data-motion=paused] .client-scene:before,.collection-carousel[data-motion=paused] .scene-system>*{animation-play-state:paused}@keyframes case-scene-orbit{0%,to{transform:scale(1)}50%{transform:scale(1.15)translate(-8px,6px)}}@keyframes case-signal-breathe{0%,to{opacity:.65;scale:1 .85}50%{opacity:1;scale:1 1.1}}.client-mcdonalds .scene-system i{padding:7px;font-size:10px}.case-carousel-controls{z-index:1;border-bottom:1px solid #7775;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:4px 0 24px;display:flex;position:relative}.case-carousel-controls[hidden]{display:none}.case-carousel-controls>div:last-of-type{align-items:center;gap:10px;display:flex}.case-carousel-controls button{color:inherit;min-height:46px;font:12px var(--mono);background:0 0;border:1px solid #7777;border-radius:30px;padding:12px 18px;transition:background .2s,transform .2s,color .2s}.case-carousel-controls button:hover{color:#141615;background:#f04b32;transform:translateY(-2px)}.case-carousel-controls [data-carousel-next],.case-carousel-controls [data-carousel-prev]{width:48px;padding:8px;font-size:22px}.case-carousel-count{font:12px var(--mono);flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.case-carousel-count [data-carousel-count]{font:700 35px var(--display);color:#f04b32}.case-progress{gap:5px;margin-left:8px;display:inline-flex}.case-progress i{opacity:.22;background:currentColor;border-radius:4px;width:22px;height:4px;transition:width .4s,opacity .4s,background .4s}.case-progress i.is-current{opacity:1;background:#f04b32;width:40px}.case-carousel-count small{font:11px var(--mono);opacity:.75;letter-spacing:.04em;margin-left:8px}@media (width<=1050px){.collection-carousel.carousel-ready .client-study{flex-basis:calc((100vw - var(--case-gutter) * 2 - 24px) / 2.2)}}@media (width<=1000px){.collection-carousel .client-study{display:flex}.collection-carousel .client-scene{gap:10px;height:auto;min-height:250px}}@media (width<=800px){.collection-carousel{--case-gutter:23px}}@media (width<=650px){.collection-carousel .client-study,.collection-carousel.carousel-ready .client-study{flex-basis:76vw}.collection-carousel .study-grid{gap:16px}.collection-carousel.carousel-ready .case-viewport{padding:22px 0 30px;-webkit-mask-image:linear-gradient(90deg,#0006,#000 3% 97%,#0006);mask-image:linear-gradient(90deg,#0006,#000 3% 97%,#0006)}.collection-carousel.carousel-ready .client-study{backdrop-filter:blur(12px)saturate(1.3)}.collection-carousel .client-scene{height:auto;min-height:220px}.collection-carousel .client-scene .client-study-logo{height:72px;margin:8px 0}.case-carousel-count small{flex-basis:100%;margin:0}.case-progress i{width:14px}.case-progress i.is-current{width:26px}.case-carousel-controls{gap:10px}.case-carousel-controls button{padding:10px;font-size:11px}.case-carousel-controls>div:last-of-type{gap:6px}}@media (hover:none){.collection-carousel.carousel-ready .case-viewport{cursor:auto}.collection-carousel .client-scene:after{display:none}}@media (prefers-reduced-transparency:reduce){.collection-carousel.carousel-ready .client-study{backdrop-filter:none;background:color-mix(in srgb,var(--glass-ink) 6%,#f2ede4)!important}:root[data-theme=night] .collection-carousel.carousel-ready .client-study{background:#202a24!important}}@media (prefers-reduced-motion:reduce){.collection-carousel *{transition:none!important}.case-ambient i,.collection-carousel.carousel-ready .client-scene:before,.collection-carousel.carousel-ready .scene-system>*{animation:none!important}.collection-carousel .client-study .client-study-logo,.collection-carousel .client-study .scene-system{translate:none!important}}
