.project-case-study-hero-preview-module__SaWqKW__shell{--project-gradient:linear-gradient(135deg, #12283f 0%, #26678f 45%, #d6f0ff 100%);--pointer-x:0;--pointer-y:0;background:radial-gradient(circle at 12% 10%, #ffffff57, transparent 24%), radial-gradient(circle at 82% 16%, #ffffff24, transparent 28%), var(--project-gradient);isolation:isolate;border:1px solid #ffffff24;border-radius:2rem;gap:1rem;min-height:clamp(25rem,36vw,33rem);padding:clamp(1rem,2vw,1.4rem);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #11182733,inset 0 1px #ffffff4d}.project-case-study-hero-preview-module__SaWqKW__shell:before{content:"";opacity:.45;pointer-events:none;background:linear-gradient(#07121f0a,#07121f3d),linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/56px 56px;position:absolute;inset:0}.project-case-study-hero-preview-module__SaWqKW__topbar,.project-case-study-hero-preview-module__SaWqKW__scene,.project-case-study-hero-preview-module__SaWqKW__footer{z-index:1;position:relative}.project-case-study-hero-preview-module__SaWqKW__topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-case-study-hero-preview-module__SaWqKW__badge,.project-case-study-hero-preview-module__SaWqKW__tab{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fffaf5;letter-spacing:.14em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;min-height:2.6rem;padding:0 .95rem;font-size:.73rem;font-weight:800;display:inline-flex}.project-case-study-hero-preview-module__SaWqKW__tabs{flex-wrap:wrap;gap:.45rem;display:flex}.project-case-study-hero-preview-module__SaWqKW__tab{transition:transform .18s,background .18s,border-color .18s,color .18s}.project-case-study-hero-preview-module__SaWqKW__tab:hover,.project-case-study-hero-preview-module__SaWqKW__tab:focus-visible{background:#ffffff38;outline:none;transform:translateY(-1px)}.project-case-study-hero-preview-module__SaWqKW__tabActive{color:#132032;background:#fff8ebeb;border-color:#fff8eb9e;box-shadow:0 10px 26px #11182729}.project-case-study-hero-preview-module__SaWqKW__scene{perspective:1800px;flex:1;min-height:clamp(19rem,30vw,25rem);position:relative}.project-case-study-hero-preview-module__SaWqKW__browserShell,.project-case-study-hero-preview-module__SaWqKW__phoneShell,.project-case-study-hero-preview-module__SaWqKW__infoCard{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s,filter .4s;position:absolute}.project-case-study-hero-preview-module__SaWqKW__browserShell{transform:translate3d(calc(var(--pointer-x) * 10px), calc(var(--pointer-y) * 8px), 0) rotateX(calc(var(--pointer-y) * -4deg)) rotateY(calc(var(--pointer-x) * 7deg)) rotateZ(-2deg);background:#0a121fcc;border:1px solid #ffffff2e;border-radius:1.6rem;padding:.8rem;inset:12% 10% 10% 2%;box-shadow:0 30px 70px #1118273d,inset 0 1px #ffffff24}.project-case-study-hero-preview-module__SaWqKW__browserChrome{color:#e2e8f0db;letter-spacing:.12em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff14;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem;padding:.72rem .9rem;font-size:.72rem;font-weight:800;display:flex}.project-case-study-hero-preview-module__SaWqKW__browserStatus{color:#93c5fd}.project-case-study-hero-preview-module__SaWqKW__browserScreen{background:#0f172ae6;border:1px solid #ffffff14;border-radius:1.15rem;height:calc(100% - 3.45rem);position:relative;overflow:hidden}.project-case-study-hero-preview-module__SaWqKW__browserImage{object-fit:cover;object-position:top}.project-case-study-hero-preview-module__SaWqKW__phoneShell{width:clamp(7rem,10vw,8.5rem);transform:translate3d(calc(var(--pointer-x) * -8px), calc(var(--pointer-y) * -8px), 0) rotateX(calc(var(--pointer-y) * -3deg)) rotateY(calc(var(--pointer-x) * -9deg)) rotateZ(6deg);background:#07111deb;border:1px solid #ffffff38;border-radius:2rem;padding:.45rem;top:4%;right:3%;box-shadow:0 26px 58px #1118273d,inset 0 1px #ffffff24}.project-case-study-hero-preview-module__SaWqKW__shell[data-device-mode=mobile-only] .project-case-study-hero-preview-module__SaWqKW__phoneShell{width:clamp(10rem,18vw,13rem);transform:translate3d(calc(var(--pointer-x) * -8px), calc(var(--pointer-y) * -8px), 0) translateX(50%) rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * -6deg)) rotateZ(2deg);top:3%;right:50%}.project-case-study-hero-preview-module__SaWqKW__shell[data-device-mode=mobile-only] .project-case-study-hero-preview-module__SaWqKW__infoCard{width:min(20rem,100% - 2rem);max-width:none;bottom:1.25rem;left:50%;transform:translate(-50%)}.project-case-study-hero-preview-module__SaWqKW__phoneNotch{z-index:2;background:#94a3b8c2;border-radius:999px;width:3.2rem;height:.42rem;position:absolute;top:.62rem;left:50%;transform:translate(-50%)}.project-case-study-hero-preview-module__SaWqKW__phoneScreen{aspect-ratio:9/19;background:#0f172af0;border-radius:1.6rem;position:relative;overflow:hidden}.project-case-study-hero-preview-module__SaWqKW__phoneImage{object-fit:contain;object-position:center}.project-case-study-hero-preview-module__SaWqKW__infoCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff2e,#ffffff1a);border:1px solid #ffffff29;border-radius:1.25rem;max-width:14rem;padding:.95rem 1rem;bottom:1.3rem;left:1.2rem;box-shadow:0 20px 42px #1118272e,inset 0 1px #ffffff1f}.project-case-study-hero-preview-module__SaWqKW__infoLabel{color:#fff8ebcc;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.project-case-study-hero-preview-module__SaWqKW__infoValue{color:#fff;margin-top:.45rem;font-size:1rem;font-weight:800;display:block}.project-case-study-hero-preview-module__SaWqKW__infoText{color:#f8fafcdb;margin:.55rem 0 0;font-size:.85rem;line-height:1.6}.project-case-study-hero-preview-module__SaWqKW__footer{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.project-case-study-hero-preview-module__SaWqKW__footerLabel{color:#fff8ebd1;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.project-case-study-hero-preview-module__SaWqKW__stackRow{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.project-case-study-hero-preview-module__SaWqKW__stackRow span{color:#eef2ff;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:2rem;padding:.45rem .75rem;font-size:.74rem;font-weight:800;display:inline-flex}.project-case-study-hero-preview-module__SaWqKW__metric{color:#fffaf5;justify-items:end;gap:.2rem;display:grid}.project-case-study-hero-preview-module__SaWqKW__metric strong{font-size:2rem;line-height:1}.project-case-study-hero-preview-module__SaWqKW__metric span{color:#f8fafccc;font-size:.8rem}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=web] .project-case-study-hero-preview-module__SaWqKW__browserShell{transform:translate3d(calc(var(--pointer-x) * 12px), calc(var(--pointer-y) * 8px), 0) rotateX(calc(var(--pointer-y) * -3deg)) rotateY(calc(var(--pointer-x) * 5deg)) rotateZ(0deg);inset:10% 3% 12% 1%}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=web] .project-case-study-hero-preview-module__SaWqKW__phoneShell{opacity:.18;filter:blur(.4px);transform:translate(18px,18px)scale(.84)rotate(10deg)}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=mobile] .project-case-study-hero-preview-module__SaWqKW__browserShell{opacity:.22;filter:blur(1px);inset:22% 18% 22% 8%;transform:translate(-10px,14px)scale(.9)rotateX(12deg)rotateY(16deg)rotate(-6deg)}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=mobile] .project-case-study-hero-preview-module__SaWqKW__phoneShell{opacity:1;width:clamp(8.5rem,13vw,10rem);transform:translate3d(50%, 0, 0) rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * -6deg)) rotateZ(0deg);top:3%;right:50%}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=combo] .project-case-study-hero-preview-module__SaWqKW__browserShell,.project-case-study-hero-preview-module__SaWqKW__shell[data-view=combo] .project-case-study-hero-preview-module__SaWqKW__phoneShell{opacity:1}@media (max-width:900px){.project-case-study-hero-preview-module__SaWqKW__shell{min-height:26rem}.project-case-study-hero-preview-module__SaWqKW__scene{min-height:18.5rem}.project-case-study-hero-preview-module__SaWqKW__browserShell{top:15%;bottom:14%;right:12%}.project-case-study-hero-preview-module__SaWqKW__phoneShell{width:6.8rem;top:8%;right:2%}}@media (max-width:640px){.project-case-study-hero-preview-module__SaWqKW__shell{border-radius:1.45rem;min-height:auto;padding:.85rem}.project-case-study-hero-preview-module__SaWqKW__topbar{justify-content:start;gap:.6rem}.project-case-study-hero-preview-module__SaWqKW__badge,.project-case-study-hero-preview-module__SaWqKW__tab{min-height:2.35rem;padding-inline:.78rem;font-size:.66rem}.project-case-study-hero-preview-module__SaWqKW__scene{gap:.75rem;min-height:auto;margin-top:.2rem;display:grid}.project-case-study-hero-preview-module__SaWqKW__browserShell{width:100%;padding:.55rem;position:relative;inset:auto;transform:none}.project-case-study-hero-preview-module__SaWqKW__browserChrome{padding:.62rem .74rem;font-size:.62rem}.project-case-study-hero-preview-module__SaWqKW__browserScreen{aspect-ratio:16/10;height:auto}.project-case-study-hero-preview-module__SaWqKW__phoneShell{justify-self:end;width:5.5rem;position:relative;top:auto;right:auto;transform:none}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=mobile] .project-case-study-hero-preview-module__SaWqKW__phoneShell{width:6.3rem;transform:none}.project-case-study-hero-preview-module__SaWqKW__infoCard{background:linear-gradient(#07111dd1,#0b1b2ebd);max-width:none;margin:0;padding:.85rem .9rem;position:relative;bottom:auto;left:auto;right:auto}.project-case-study-hero-preview-module__SaWqKW__footer{flex-direction:column;align-items:start}.project-case-study-hero-preview-module__SaWqKW__metric{justify-items:start}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=web] .project-case-study-hero-preview-module__SaWqKW__browserShell,.project-case-study-hero-preview-module__SaWqKW__shell[data-view=mobile] .project-case-study-hero-preview-module__SaWqKW__browserShell,.project-case-study-hero-preview-module__SaWqKW__shell[data-view=combo] .project-case-study-hero-preview-module__SaWqKW__browserShell,.project-case-study-hero-preview-module__SaWqKW__shell[data-view=web] .project-case-study-hero-preview-module__SaWqKW__phoneShell,.project-case-study-hero-preview-module__SaWqKW__shell[data-view=mobile] .project-case-study-hero-preview-module__SaWqKW__phoneShell,.project-case-study-hero-preview-module__SaWqKW__shell[data-view=combo] .project-case-study-hero-preview-module__SaWqKW__phoneShell{opacity:1;filter:none}.project-case-study-hero-preview-module__SaWqKW__shell[data-view=web] .project-case-study-hero-preview-module__SaWqKW__browserShell,.project-case-study-hero-preview-module__SaWqKW__shell[data-view=mobile] .project-case-study-hero-preview-module__SaWqKW__browserShell{inset:auto}}@media (prefers-reduced-motion:reduce){.project-case-study-hero-preview-module__SaWqKW__browserShell,.project-case-study-hero-preview-module__SaWqKW__phoneShell,.project-case-study-hero-preview-module__SaWqKW__infoCard,.project-case-study-hero-preview-module__SaWqKW__tab{transition:none}}