.studio-hero{padding-top:40px;background:var(--paper)}.studio-hero-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:80px;align-items:end;margin-bottom:32px}.studio-hero h1{font-size:clamp(68px,6.8vw,98px);letter-spacing:-.065em;line-height:1.015;margin:16px 0 0}.studio-hero h1 em{color:var(--accent)}.studio-hero-copy{padding-bottom:8px}.studio-hero-copy>p{max-width:440px;font-size:17px;line-height:1.7}.studio-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:24px}.studio-hero-actions .btn{font-size:14px;padding:16px 24px}.studio-hero-actions>.launch-text-link{font-size:13px}.studio-hero-stage{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:24px;min-height:460px;padding-inline:40px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--paper));border-radius:var(--launch-radius);background:linear-gradient(125deg,var(--accent-soft),color-mix(in srgb,var(--accent) 16%,var(--paper)));overflow:hidden}.studio-hero-stage:before{content:"";position:absolute;width:68%;aspect-ratio:1;right:-16%;top:-56%;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:50%;pointer-events:none}.studio-hero-project{position:relative;z-index:2;padding-block:32px}.studio-hero-project .launch-kicker{font-size:9px}.studio-hero-project h2{margin:24px 0 12px;font-size:42px;letter-spacing:-.05em}.studio-hero-project>p{max-width:240px;font-size:14px}.studio-hero-project-flow{display:grid;gap:12px;padding-block:24px}.studio-hero-project-flow>span{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink-80)}.studio-hero-project-flow b{font:9px var(--font-mono-fam);color:var(--accent)}.studio-hero-project>a{font-size:12px;color:var(--accent)}.studio-hero-media{position:relative;width:100%;height:460px}.studio-hero .device-frames .device-frame-browser{width:66%;max-width:620px;top:50%;left:0;transform:translateY(-50%)}.studio-hero .device-frames .device-frame-phone{width:220px;top:8px;right:0;bottom:auto;transform:none}.studio-hero-stage-label{position:absolute;bottom:16px;left:304px;color:var(--ink-60);font:9px var(--font-mono-fam);letter-spacing:.06em}.studio-hero-capabilities{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:24px 32px}.studio-hero-capabilities>span{font:9px var(--font-mono-fam);letter-spacing:.08em;color:var(--ink-60)}.studio-hero-capabilities nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.studio-hero-capabilities a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--ink-80);transition:color .2s}.studio-hero-capabilities a svg{color:var(--accent);transition:transform .25s var(--ease)}.studio-hero-capabilities a:hover{color:var(--accent)}.studio-hero-capabilities a:hover svg{transform:translate(2px,-2px)}@keyframes studio-scene-enter{0%{transform:translateY(24px)}to{transform:translateY(0)}}@keyframes studio-phone-enter{0%{transform:translateY(32px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.studio-hero-stage{animation:studio-scene-enter 1.1s var(--ease) both}.studio-hero .device-frame-phone{animation:studio-phone-enter 1.1s var(--ease) .2s backwards}.studio-hero-copy{animation-delay:.2s}}@media (max-width:1100px){.studio-hero-intro{gap:40px}.studio-hero h1{font-size:clamp(64px,7.2vw,86px)}.studio-hero-stage{grid-template-columns:190px minmax(0,1fr);padding-inline:24px;gap:16px}.studio-hero-media{width:calc(100% - 40px)}.studio-hero .device-frames .device-frame-browser{width:calc(100% - 224px)}.studio-hero .device-frames .device-frame-phone{width:200px;top:24px}.studio-hero-stage-label{left:230px}.studio-hero-project h2{font-size:36px}}@media (max-width:820px){.studio-hero{padding-top:32px}.studio-hero-intro{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:32px}.studio-hero h1{font-size:clamp(64px,10vw,80px)}.studio-hero-copy{padding:0}.studio-hero-copy>p{max-width:560px}.studio-hero-stage{grid-template-columns:minmax(0,1fr);gap:0;padding:24px}.studio-hero-project{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:end;padding:0}.studio-hero-project .launch-kicker{grid-column:1/-1}.studio-hero-project h2{grid-column:1;margin:8px 0 0}.studio-hero-project>p{grid-column:1;max-width:none}.studio-hero-project>a{grid-column:2;grid-row:2/4}.studio-hero-project-flow{display:none}.studio-hero-media{width:calc(100% - 64px);height:440px;margin-top:16px}.studio-hero .device-frames .device-frame-browser{width:calc(100% - 232px);top:50%}.studio-hero .device-frames .device-frame-phone{width:210px;top:8px}.studio-hero-stage-label{position:static;margin-top:8px;font-size:8px}.studio-hero-capabilities{gap:16px;padding-block:24px}.studio-hero-capabilities nav{gap:4px 20px}}@media (max-width:540px){.studio-hero{padding-top:32px}.studio-hero h1{font-size:clamp(54px,14.4vw,68px);line-height:1.035}.studio-hero-heading .launch-kicker{font-size:9px}.studio-hero-copy>p{font-size:16px}.studio-hero-actions{gap:12px 20px;margin-top:20px}.studio-hero-actions .btn,.studio-hero-actions .magnetic{width:100%;justify-content:center}.studio-hero-stage{padding:20px}.studio-hero-project{grid-template-columns:minmax(0,1fr);gap:8px}.studio-hero-project h2{font-size:32px}.studio-hero-project>p{font-size:12px}.studio-hero-project>a{grid-column:1;grid-row:auto;margin-top:4px}.studio-hero-media{width:100%;height:auto;margin-top:20px}.studio-hero .device-frames{display:flex;flex-direction:column;align-items:center;gap:24px;height:auto}.studio-hero .device-frames .device-frame-browser{position:relative;width:100%;top:auto;left:auto;transform:none}.studio-hero .device-frames .device-frame-phone{position:relative;width:220px;top:auto;right:auto}.studio-hero-stage-label{margin-top:24px;line-height:1.6}.studio-hero-capabilities nav{gap:4px 16px}.studio-hero-capabilities a{font-size:11px}}@media (prefers-reduced-motion:reduce){.studio-hero *,.studio-hero :before,.studio-hero:before{animation:none!important;transition:none!important}}