.usecase-transition{--usecase-intro-opacity:0;--usecase-intro-y:28px;--usecase-curtain-top:0%;--usecase-curtain-bottom:0%;--usecase-preview-opacity:0;--usecase-preview-scale:1.055;z-index:3;background:#fff;height:190svh;position:relative}.usecase-transition__stage{isolation:isolate;background:#fff;height:100svh;position:sticky;top:0;overflow:hidden}.usecase-transition__preview{z-index:0;opacity:var(--usecase-preview-opacity);transform:scale(var(--usecase-preview-scale));transform-origin:50%;will-change:opacity, transform;background:#fff;position:absolute;inset:0}.usecase-transition__preview-frame{background:#f2f3f5;border-radius:32px;position:absolute;inset:clamp(76px,8vh,108px) clamp(74px,12vw,184px) clamp(86px,10vh,132px);overflow:hidden}.usecase-transition__preview-frame video{object-fit:cover;object-position:center;width:100%;height:100%}.usecase-transition__preview-wash{background:linear-gradient(270deg,#fff 0%,#ffffffeb 6%,#0000 30%),linear-gradient(#0000 70%,#ffffffd6 92%,#fff 100%),radial-gradient(67% 62% at 52% 47%,#0000 0% 48%,#ffffff5c 68%,#fff 100%);position:absolute;inset:-2px;box-shadow:inset 0 0 36px 16px #fff}.usecase-transition__preview-label{color:#777b80;letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:760;position:absolute;bottom:clamp(24px,4vh,44px);right:clamp(28px,5vw,76px)}.usecase-transition__curtain{z-index:2;will-change:transform;background:#050505;height:50.2%;position:absolute;left:0;right:0}.usecase-transition__curtain--top{transform:translate3d(0, var(--usecase-curtain-top), 0);top:0}.usecase-transition__curtain--bottom{transform:translate3d(0, var(--usecase-curtain-bottom), 0);bottom:0}.usecase-transition__intro{z-index:3;width:min(calc(100% - (var(--page-padding) * 2)), 980px);color:#fff;opacity:var(--usecase-intro-opacity);text-align:center;transform:translate3d(-50%, calc(-50% + var(--usecase-intro-y)), 0);will-change:opacity, transform;position:absolute;top:50%;left:50%}.usecase-transition__intro>p{color:#ffffff7a;letter-spacing:.16em;text-transform:uppercase;margin-bottom:clamp(22px,3vw,36px);font-size:.65rem;font-weight:760}.usecase-transition__intro h2{letter-spacing:-.07em;text-wrap:balance;max-width:960px;font-size:clamp(3rem,6.5vw,7rem);font-weight:590;line-height:.9}.usecase-transition__intro>span{color:#ffffffa8;text-wrap:balance;max-width:650px;margin:clamp(26px,3vw,40px) auto 0;font-size:clamp(.95rem,1.25vw,1.1rem);line-height:1.65;display:block}@media (max-width:760px){.usecase-transition{height:172svh}.usecase-transition__intro{width:calc(100% - 40px)}.usecase-transition__intro h2{font-size:clamp(2.75rem,13vw,4.1rem);line-height:.94}.usecase-transition__intro>span{max-width:500px;font-size:.95rem}.usecase-transition__preview-frame{border-radius:28px;inset:24vh 14px 18vh}.usecase-transition__preview-label{bottom:46px;right:20px}}@media (prefers-reduced-motion:reduce){.usecase-transition{background:#050505;height:auto}.usecase-transition__stage{background:#050505;min-height:72svh;position:relative}.usecase-transition__preview,.usecase-transition__curtain{display:none}.usecase-transition__intro{opacity:1;transform:translate(-50%,-50%)}}.case-studies.section{touch-action:pan-y;background:#fff;min-height:max(760px,100svh);padding:0;position:relative;overflow:hidden}.case-study-shell.page-shell{width:100%;min-height:max(760px,100svh);margin:0;position:relative}.case-background-frame{z-index:1;background:#f2f3f5;border-radius:32px;position:absolute;inset:clamp(76px,8vh,108px) clamp(74px,12vw,184px) clamp(86px,10vh,132px);overflow:hidden}.case-background-stack,.case-background-video{width:100%;height:100%;position:absolute;inset:0}.case-background-video{opacity:0;object-fit:cover;object-position:center;pointer-events:none;transition:opacity .6s}.case-background-video.is-active{opacity:1;pointer-events:auto}.case-vignette{z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(270deg,#fff 0% 3%,#fffffff5 7%,#ffffffb8 14%,#ffffff47 23%,#fff0 34%),linear-gradient(#fff0 66%,#ffffffc2 87%,#fff 96% 100%),radial-gradient(64% 60% at 53% 48%,#fff0 0% 43%,#ffffff42 61%,#ffffffd1 82%,#fff 100%);position:absolute;inset:-2px;box-shadow:inset 0 0 42px 18px #fff}.case-hit-area{z-index:4;background:0 0;border:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.case-hit-area--left{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='20' fill='%23ffffff' stroke='%23202124'/%3E%3Cpath d='M27 16l-8 8 8 8' fill='none' stroke='%23202124' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 24 24,w-resize;left:0}.case-hit-area--right{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='20' fill='%23ffffff' stroke='%23202124'/%3E%3Cpath d='M21 16l8 8-8 8' fill='none' stroke='%23202124' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 24 24,e-resize;right:0}.case-study-controls{z-index:8;align-items:center;gap:10px;display:flex;position:absolute;top:clamp(96px,12vh,126px);left:clamp(28px,5vw,76px);right:auto}.case-study-controls span{min-width:54px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.72rem;font-weight:700}.case-study-controls .icon-button{border-color:#20212429;border-radius:50%;width:48px;height:44px;box-shadow:0 7px 20px #20212412}.case-study-controls .icon-button:nth-of-type(2){border-radius:50%}.case-study-controls .icon-button:hover{border-color:var(--ink)}.case-copy-stage{z-index:6;pointer-events:none;width:min(37vw,470px);transition:opacity .16s,transform .16s;position:absolute;top:50%;left:clamp(36px,6.5vw,104px);transform:translateY(-52%)}.case-copy-stage.is-hidden{opacity:0;transform:translateY(calc(10px - 52%))}.case-copy-stage.is-visible{opacity:1}.case-client-logo{z-index:7;pointer-events:none;justify-content:flex-end;align-items:center;width:min(22vw,210px);height:52px;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:50%;right:clamp(32px,6vw,104px)}.case-client-logo.is-hidden{opacity:0;transform:translateY(calc(8px - 50%))}.case-client-logo.is-visible{opacity:1;transform:translateY(-50%)}.case-client-logo img{object-fit:contain;object-position:right center;width:auto;max-width:100%;height:100%}.case-client-logo>span{color:var(--ink);letter-spacing:-.04em;text-align:right;font-size:1.1rem;font-weight:800}.case-character-label{color:#20212494;letter-spacing:.18em;text-transform:uppercase;margin-top:14px;font-size:.69rem;font-weight:720;line-height:1}.case-use-case-pill{min-height:28px;color:var(--ink);letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #20212424;border-radius:999px;align-items:center;padding:7px 12px;font-size:.68rem;font-weight:650;line-height:1;display:inline-flex;box-shadow:0 8px 24px #2021240f}.case-copy-stage h2{letter-spacing:-.085em;max-width:540px;margin-top:12px;font-size:clamp(3.7rem,6.2vw,6.9rem);font-weight:650;line-height:.84}.case-copy-stage .case-description{max-width:410px;color:var(--ink);margin-top:24px;font-size:clamp(.92rem,1.08vw,1.02rem);line-height:1.58}.stagger-visual,.stagger-word,.stagger-unit{display:inline}.stagger-word{white-space:nowrap;display:inline-block}.stagger-unit{opacity:0;transform:translateY(15px)}.case-copy-stage.is-visible .stagger-unit{animation:.48s cubic-bezier(.22,1,.36,1) both case-text-rise;animation-delay:calc(min(var(--unit-index), 45) * 15ms);display:inline-block}.case-actions{pointer-events:auto;flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.case-actions .case-chat{margin-top:0}.case-case-link{min-height:49px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #20212447;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:.83rem;font-weight:760;line-height:1.35;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:inline-flex}.case-case-link svg{transition:transform .18s}.case-case-link:hover,.case-case-link:focus-visible{border-color:var(--ink);background:#fff;transform:translateY(-2px)}.case-case-link:hover svg,.case-case-link:focus-visible svg{transform:translate(4px)}.case-chat{background:var(--ink);color:#fff;pointer-events:auto;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:146px;min-height:49px;margin-top:27px;padding:13px 18px;font-size:.83rem;font-weight:760;line-height:1.35;transition:max-width .45s cubic-bezier(.22,1,.36,1),min-height .45s cubic-bezier(.22,1,.36,1),border-radius .45s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 28px #2021242e}.case-chat--link svg{transition:transform .18s}.case-chat--link:hover{background:var(--blue);box-shadow:0 16px 34px #4285f442}.case-chat--link:hover svg{transform:translate(4px)}.case-chat--typing,.case-chat--message{border-radius:27px 27px 27px 8px;max-width:440px;min-height:118px}.case-chat--message{text-align:left;justify-content:flex-start;align-items:flex-start;padding:22px 24px}.case-chat__typing{align-items:center;gap:6px;display:flex}.case-chat__typing i{background:#fff;border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite case-typing-bounce}.case-chat__typing i:nth-child(2){animation-delay:.12s}.case-chat__typing i:nth-child(3){animation-delay:.24s}.case-chat__message{animation:.28s both case-message-in}.case-mini-player{--rotate-x:0deg;--rotate-y:0deg;z-index:9;aspect-ratio:16/9;border-radius:23px;width:clamp(280px,27vw,430px);transition:width .6s cubic-bezier(.22,1,.36,1),right .6s cubic-bezier(.22,1,.36,1),bottom .6s cubic-bezier(.22,1,.36,1),border-radius .6s,box-shadow .6s,transform .6s;animation:5s ease-in-out infinite case-mini-float;position:absolute;bottom:clamp(92px,11vh,135px);right:clamp(36px,5.5vw,90px);box-shadow:0 24px 52px #121c2a3b}.case-mini-player__tilt,.case-mini-player__surface{border-radius:inherit;width:100%;height:100%}.case-mini-player__tilt{transform:perspective(600px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transform-style:preserve-3d;transition:transform .12s ease-out}.case-mini-player__surface{box-shadow:none;color:var(--ink);cursor:zoom-in;background:#111216;border:1px solid #111216;padding:0;display:block;position:relative;overflow:hidden}.case-mini-player__bar{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-bottom:1px solid #2021241a;align-items:center;gap:4px;height:31px;padding:0 11px;display:flex;position:absolute;top:0;left:0;right:0}.case-mini-player__bar i{background:#b9bec4;border-radius:50%;width:5px;height:5px}.case-mini-player__bar em{color:#7c838a;margin-left:5px;font-size:.57rem;font-style:normal;font-weight:700}.case-mini-player__video-stack{border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.case-ui-video{border-radius:inherit;opacity:0;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.case-ui-video.is-active{opacity:1;pointer-events:auto}.case-mini-player__hint{z-index:5;color:#fff;opacity:0;background:#14161bc2;border-radius:999px;padding:6px 9px;font-size:.58rem;font-weight:720;transition:opacity .18s,transform .18s;position:absolute;bottom:11px;right:12px;transform:translateY(4px)}.case-mini-player:hover .case-mini-player__hint{opacity:1;transform:translateY(0)}.case-mini-player__close{z-index:12;background:var(--ink);color:#fff;opacity:0;pointer-events:none;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .18s,transform .24s;display:grid;position:absolute;top:-16px;right:-16px;transform:scale(.78)rotate(-18deg);box-shadow:0 10px 24px #0000003d}.case-mini-player.is-expanded{border-radius:30px;width:min(58vw,760px);animation:none;bottom:7vh;right:4vw;transform:translateY(0);box-shadow:0 40px 100px #0d182961}.case-mini-player.is-expanded .case-mini-player__tilt{transform:perspective(600px)rotateX(0)rotateY(0)}.case-mini-player.is-expanded .case-mini-player__surface{cursor:default}.case-mini-player.is-expanded .case-mini-player__close{opacity:1;pointer-events:auto;transition-delay:.26s;transform:scale(1)rotate(0)}.case-mini-player.is-expanded .case-mini-player__hint{opacity:0}.case-rail{--case-rail-gap:clamp(38px, 5vw, 78px);z-index:8;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:0;margin:0;padding:16px 0 21px;display:block;position:absolute;bottom:16px;left:0;right:0;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.case-rail::-webkit-scrollbar{display:none}.case-rail__track{align-items:center;width:max-content;display:flex}.case-rail__cycle{align-items:center;gap:var(--case-rail-gap);padding-right:var(--case-rail-gap);flex:none;display:flex}.case-rail button{width:max-content;min-height:42px;color:var(--muted);opacity:.46;text-align:center;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:8px 0;transition:opacity .36s,transform .36s cubic-bezier(.22,1,.36,1),color .18s;display:flex;position:relative;transform:scale(.97)}.case-rail button:hover{color:var(--ink);opacity:.74;background:0 0}.case-rail button.is-active{box-shadow:none;color:var(--ink);opacity:1;background:0 0;transform:scale(1.035)}.case-rail span{letter-spacing:.012em;text-shadow:0 0 18px #fff,0 0 34px #fff;font-size:clamp(.75rem,.84vw,.86rem);font-weight:540;line-height:1}@keyframes case-text-rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes case-mini-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes case-typing-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes case-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.case-background-frame{inset-inline:7vw}.case-copy-stage{width:43vw;left:4vw}.case-copy-stage h2{font-size:clamp(3.4rem,7vw,5.6rem)}.case-mini-player{width:35vw;right:3vw}.case-mini-player.is-expanded{width:min(70vw,690px);right:3vw}}@media (max-width:760px){.case-studies.section,.case-study-shell.page-shell{min-height:1240px}.case-background-frame{border-radius:28px;inset:390px 14px 268px}.case-vignette{background:linear-gradient(270deg,#fff 0% 4%,#ffffffe6 10%,#ffffff7a 22%,#fff0 38%),linear-gradient(#fff0 69%,#ffffffeb 93%,#fff 100%),radial-gradient(76% 62% at 52% 43%,#fff0 0% 36%,#ffffffad 78%,#fff 100%);box-shadow:inset 0 0 30px 12px #fff}.case-background-video{object-fit:cover}.case-hit-area{cursor:auto;pointer-events:none;top:340px;bottom:102px}.case-study-controls{margin:0;top:88px;left:20px;right:auto}.case-copy-stage{width:auto;top:132px;left:20px;right:20px;transform:none}.case-copy-stage.is-hidden{transform:translateY(10px)}.case-client-logo{width:135px;height:34px;top:calc(50% + 61px);right:20px}.case-client-logo img{max-width:100%}.case-copy-stage h2{margin-top:11px;font-size:clamp(3.5rem,17vw,5rem)}.case-copy-stage .case-description{max-width:350px;margin-top:17px;font-size:.9rem;line-height:1.5}.case-chat{margin-top:0}.case-actions{margin-top:20px}.case-chat--typing,.case-chat--message{max-width:100%;min-height:122px}.case-mini-player{border-radius:20px;width:min(75vw,330px);bottom:142px;right:18px}.case-mini-player.is-expanded{border-radius:24px;width:calc(100vw - 32px);bottom:178px;right:16px}.case-mini-player__hint{display:none}.case-mini-player__close{width:42px;height:42px;top:-13px;right:-8px}.case-rail{--case-rail-gap:34px;padding:13px 0 18px;bottom:8px;left:0;right:0}.case-rail button{min-height:42px}}@media (prefers-reduced-motion:reduce){.case-mini-player{animation:none}.case-mini-player__tilt{transform:none}}