.studio-theme .scroll-work{background:#eaf0ff;border-radius:38px;margin:28px 20px 0}.scroll-work-stage{isolation:isolate;max-width:1320px;margin:0 auto;padding:44px 38px;position:relative}.scroll-work-wordmark,.scroll-work-chip,.scroll-work-controls{display:none}.scroll-work-heading{z-index:20;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px;display:flex;position:relative}.studio-theme .scroll-work-heading .eyebrow{margin-bottom:13px}.scroll-work-heading h2{max-width:680px;font:600 clamp(34px,3.7vw,52px)/1.12 var(--display);letter-spacing:-.05em;margin:0}.scroll-work-heading>p{color:#64718a;align-items:center;gap:12px;max-width:225px;margin:0 0 3px;font-size:12px;line-height:1.65;display:flex}.scroll-work-heading>p .arrow-icon{color:#4f5eff}.scroll-work-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid;position:relative}.scroll-work-card{background:#fff;border:1px solid #fffffff2;border-radius:23px;min-width:0;overflow:hidden;box-shadow:0 24px 65px #233a6f21}.scroll-work-card>a{color:#14213a;text-decoration:none;display:block}.scroll-work-card a:focus-visible{outline-offset:-5px;border-radius:23px}.scroll-work-chrome{color:#64718a;height:34px;font:9px/1.4 var(--body);border-bottom:1px solid #edf1f8;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;display:flex}.scroll-work-chrome>.arrow-icon{width:17px;height:17px}.scroll-work-card img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.scroll-work-caption{justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;display:flex}.scroll-work-caption>div>span{color:#64718a;font-size:10px;line-height:1.5}.scroll-work-caption h3{font:600 25px/1.15 var(--display);letter-spacing:-.04em;margin:5px 0 0}.scroll-work-open{color:#4f5eff;background:#edf1ff;border-radius:999px;grid-auto-flow:column;place-items:center;gap:7px;width:auto;min-height:35px;padding:6px 9px 6px 13px;display:grid}.scroll-work-open-label{font:600 10px/1.4 var(--body)}.studio-theme .scroll-work[data-motion=ready]{height:180svh;min-height:1050px}.scroll-work[data-motion=ready] .scroll-work-stage{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;height:calc(100svh - 132px);max-height:800px;padding:32px 38px 27px;display:grid;position:sticky;top:112px;overflow:clip}.scroll-work[data-motion=ready] .scroll-work-heading{margin:0}.scroll-work[data-motion=ready] .scroll-work-deck{perspective:1400px;min-height:0;transform-style:preserve-3d;display:block}.scroll-work[data-motion=ready] .scroll-work-card{width:min(66vw,640px,110svh - 396px);transform:translate3d(calc(-50% + var(--work-x,0%)),calc(-50% + var(--work-y,0px)),var(--work-z,0px)) rotateZ(var(--work-rz,0deg)) rotateY(var(--work-ry,0deg)) scale(var(--work-scale,1));opacity:var(--work-opacity,1);will-change:transform,opacity;pointer-events:none;position:absolute;top:50%;left:50%}.scroll-work[data-motion=ready][data-active="0"] .scroll-work-card:first-of-type,.scroll-work[data-motion=ready][data-active="1"] .scroll-work-card:nth-of-type(2),.scroll-work[data-motion=ready][data-active="2"] .scroll-work-card:nth-of-type(3){pointer-events:auto}.scroll-work[data-motion=ready] .scroll-work-wordmark{z-index:-1;color:#4f5eff0e;font:650 clamp(190px,33vw,460px)/1 var(--display);letter-spacing:-.09em;transform:translate3d(calc(-50% + var(--work-background-x,0px)),-50%,0);-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute;top:45%;left:50%}.scroll-work[data-motion=ready] .scroll-work-chip{z-index:18;color:#64718a;transform:translate3d(0,var(--work-chip-y,0px),0) rotate(-6deg);pointer-events:none;background:#ffffffeb;border:1px solid #fff;border-radius:15px;align-items:center;gap:10px;padding:13px 17px;font-size:11px;display:flex;position:absolute;top:16%;left:3%;box-shadow:0 9px 26px #233a6f14}.scroll-work-chip>span{color:#4f5eff;font-size:23px;line-height:1}.scroll-work[data-motion=ready] .scroll-work-controls{z-index:20;justify-items:center;gap:16px;display:grid;position:relative}.scroll-work-nav{justify-content:center;gap:8px;display:flex}.scroll-work-nav button{min-height:44px;font:550 11px/1.4 var(--body);color:#64718a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;transition:background-color .18s,color .18s;display:flex}.scroll-work-nav button[aria-pressed=true]{color:#14213a;background:#fff;border-color:#dfe6f7;box-shadow:0 5px 18px #233a6f0d}.scroll-work-progress{background:#d6dff4;border-radius:3px;width:126px;height:3px;overflow:hidden}.scroll-work-progress>span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--work-progress,0));background:#6574ff;display:block}@media (max-width:760px){.studio-theme .scroll-work{border-radius:28px;margin:24px 10px 0}.scroll-work-stage{padding:30px 20px}.scroll-work-heading{margin-bottom:28px;display:block}.scroll-work-heading h2{max-width:350px;font-size:35px}.studio-theme .scroll-work-heading .eyebrow{margin-bottom:12px;font-size:10px}.scroll-work-heading>p{gap:8px;max-width:100%;margin-top:15px;font-size:11px}.scroll-work-heading>p .arrow-icon{width:17px;height:17px}.scroll-work-deck{grid-template-columns:1fr;gap:23px}.scroll-work-card{border-radius:19px}.scroll-work-chrome{height:29px;padding:0 11px;font-size:8px}.scroll-work-chrome .browser-dots i{width:4px;height:4px}.scroll-work-caption{padding:14px 16px}.scroll-work-caption h3{font-size:23px}.scroll-work-caption>div>span{font-size:9px}.scroll-work-open{gap:4px;min-height:31px;padding:5px 7px 5px 10px}.scroll-work-open .arrow-icon{width:18px;height:18px}.studio-theme .scroll-work[data-motion=ready]{height:185svh;min-height:1100px}.scroll-work[data-motion=ready] .scroll-work-stage{gap:13px;height:calc(100svh - 105px);max-height:780px;padding:26px 17px 24px;top:88px}.scroll-work[data-motion=ready] .scroll-work-card{width:calc(100% - 14px);max-width:510px}.scroll-work[data-motion=ready] .scroll-work-chip{border-radius:12px;gap:7px;padding:9px 12px;font-size:9px;top:6%;left:0}.scroll-work-chip>span{font-size:19px}.scroll-work[data-motion=ready] .scroll-work-wordmark{font-size:55vw}.scroll-work[data-motion=ready] .scroll-work-controls{gap:13px}.scroll-work-nav{gap:2px;width:100%}.scroll-work-nav button{gap:5px;padding:0 10px;font-size:9px}.scroll-work-progress{width:100px}}@media (max-height:650px) and (prefers-reduced-motion:no-preference){.scroll-work[data-motion=ready] .scroll-work-stage{gap:8px;height:calc(100svh - 94px);padding:15px 20px;top:83px}.scroll-work[data-motion=ready] .scroll-work-heading{align-items:center;display:flex}.scroll-work[data-motion=ready] .scroll-work-heading h2{font-size:25px}.studio-theme .scroll-work[data-motion=ready] .eyebrow{margin-bottom:6px;font-size:9px}.scroll-work[data-motion=ready] .scroll-work-heading>p{display:none}.scroll-work[data-motion=ready] .scroll-work-card{width:min(64%,135svh - 297px)}.scroll-work[data-motion=ready] .scroll-work-caption{padding:9px 14px}.scroll-work[data-motion=ready] .scroll-work-caption h3{font-size:19px}.scroll-work[data-motion=ready] .scroll-work-chip{display:none}.scroll-work[data-motion=ready] .scroll-work-controls{gap:5px}}@media (max-height:500px) and (prefers-reduced-motion:no-preference){.scroll-work[data-motion=ready] .scroll-work-card{aspect-ratio:1.44;width:auto;max-width:58%;height:calc(100% - 24px)}.scroll-work[data-motion=ready] .scroll-work-card>a{height:100%}.scroll-work[data-motion=ready] .scroll-work-card img{object-fit:contain;height:100%}.scroll-work[data-motion=ready] .scroll-work-chrome,.scroll-work[data-motion=ready] .scroll-work-caption{display:none}}@media (prefers-reduced-motion:reduce){.scroll-work-card,.scroll-work-nav button,.scroll-work-chip,.scroll-work-wordmark,.scroll-work-progress>span{transition:none;animation:none}.studio-theme .scroll-work[data-motion=ready]{height:auto;min-height:0}.scroll-work[data-motion=ready] .scroll-work-stage{height:auto;max-height:none;display:block;position:relative;top:auto}.scroll-work[data-motion=ready] .scroll-work-deck{display:grid}.scroll-work[data-motion=ready] .scroll-work-card{opacity:1;will-change:auto;pointer-events:auto;width:auto;position:relative;top:auto;left:auto;transform:none}.scroll-work[data-motion=ready] .scroll-work-wordmark,.scroll-work[data-motion=ready] .scroll-work-chip,.scroll-work[data-motion=ready] .scroll-work-controls{display:none}}
.hero-studio{min-width:0;padding:30px 15px 30px 8px;position:relative}.hero-studio-paper{background:#dbe5fd;border-radius:29px;position:absolute;inset:5px 3% 44px 9%;transform:rotate(7deg)}.hero-studio-board{background:#fffffff7;border:1px solid #fff;border-radius:26px;padding:26px 32px 27px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 28px 75px #293c701f}.hero-studio-top{color:#64718a;font:500 12px/1.5 var(--body);justify-content:space-between;align-items:center;gap:18px;display:flex}.hero-studio-top .arrow-icon{color:#4f5eff}.hero-studio-mark{color:#1c335e0b;width:88%;height:auto;position:absolute;top:16%;right:-9%;transform:rotate(3deg)}.hero-studio-cut{stroke:#4f5eff21;stroke-width:2px}.hero-studio-words{font:600 clamp(39px,4.1vw,60px)/1.06 var(--display);letter-spacing:-.055em;margin:36px 0 22px;display:grid;position:relative}.hero-studio-words .accent{color:#4f5eff}.hero-studio-board>p{color:#64718a;max-width:280px;margin:0;font-size:13px;line-height:1.75;position:relative}.hero-studio-steps{border-top:1px solid #e7ecf8;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:33px;padding-top:23px;display:grid;position:relative}.hero-studio-steps>div{color:#64718a;font:500 10px/1.4 var(--body);align-items:center;gap:7px;display:flex}.hero-studio-steps .service-glyph{border-radius:10px;flex:none;width:31px;height:31px;margin:0;padding:7px}.hero-studio-stamp{color:#64718a;font:500 9px/1.4 var(--body);letter-spacing:.09em;background:#fff;border:1px solid #e1e8f7;border-radius:15px;padding:13px 18px;position:absolute;bottom:8px;right:0;transform:rotate(2deg);box-shadow:0 9px 30px #293c7014}.hero-studio-stamp>span{color:#4f5eff;margin:0 6px}@media (max-width:1120px){.hero-studio-board{padding:25px}.hero-studio-words{font-size:45px}.hero-studio-steps{gap:7px}.hero-studio-steps>div{gap:5px;font-size:9px}.hero-studio-steps .service-glyph{width:27px;height:27px;padding:6px}}@media (max-width:980px){.hero-studio{display:none}}