.hero.hero--studio{position:relative;text-align:left;padding:52px 40px 0;background:radial-gradient(ellipse at 85% 38%,#e4f5eb 0,transparent 46%),#fcfdfb;isolation:isolate}
.studio-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px;min-height:680px;padding-bottom:40px}
.studio-copy{position:relative;z-index:2;min-width:0;padding-bottom:10px}


.hero--studio h1{font-size:clamp(3.5rem,5.2vw,5.3rem);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:none}
.hero--studio h1 span{display:block;background:none;-webkit-text-fill-color:currentColor}

.hero--studio .studio-line{white-space:nowrap}
.hero--studio h1 .studio-accent{color:var(--accent);position:relative;width:max-content}
.studio-accent:after{content:'';position:absolute;bottom:-8px;left:2px;right:4px;height:8px;background:#bcea8f;transform:rotate(-1.5deg);border-radius:100%;z-index:-1}
.hero--studio .hero-description{max-width:460px;font-size:1.125rem;line-height:1.6;margin:31px 0 29px;color:#66706b}
.studio-action{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.studio-action .button{padding:18px 25px;gap:27px;min-height:59px;font-size:1.0625rem}

.studio-tools{display:flex;align-items:center;gap:14px;margin-top:48px;color:#67726b;font-size:.875rem}
.studio-tools i{height:3px;width:3px;flex:none;border-radius:50%;background:#a5b2aa}
.studio-stage{position:relative;height:630px;min-width:0;width:100%}
.studio-orbit{position:absolute;top:75px;left:0;width:100%;aspect-ratio:1;border:1px solid #b3cec06b;border-radius:50%;background:radial-gradient(circle at 70% 30%,#e0f1c96b,#b7e4d15c 70%,transparent)}
.studio-orbit--outer{top:41px;left:-6%;width:112%;background:none;border-color:#b3cec03d}
.studio-screen{position:absolute;top:25px;left:22%;width:68%;padding:8px;background:#fff;border:1px solid #dce5dc;border-radius:27px;box-shadow:0 28px 70px -30px #254b3f66;transform:rotate(5deg);animation:studio-screen-in 1.1s cubic-bezier(.22,1,.36,1) both;overflow:hidden}
.studio-screen-top{height:35px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 7px;font-size:.6875rem;color:#55695f}
.studio-screen-top>span:first-child{display:flex;align-items:center;gap:7px}
.studio-screen-top i{width:5px;height:5px;background:#0bad9b;border-radius:50%}
.studio-screen video{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;background:#141b1d}
.studio-spark{position:absolute;right:-3px;top:17px;color:var(--accent);font-size:90px;line-height:1;z-index:3;animation:studio-spark-turn 18s linear infinite}
.studio-keyframes{position:absolute;top:155px;left:-2%;z-index:3;width:185px;padding:20px 19px;background:#fff;border:1px solid #e1e8df;border-radius:17px;box-shadow:0 14px 40px -15px #30463838;transform:rotate(-8deg);animation:studio-float 6s ease-in-out infinite}
.studio-keyframes>span{font-size:.75rem;color:#65716b;display:block}
.studio-keyframes strong{font-size:.9375rem;font-weight:500;display:block;margin-top:15px;letter-spacing:-.015em}
.keyframe-path{display:flex;justify-content:space-between;align-items:center;position:relative;margin:20px 3px 4px;height:14px}
.keyframe-path:before{content:'';height:1px;background:#aad3c5;position:absolute;inset-inline:0;top:50%}
.keyframe-path i{width:10px;height:10px;background:#d9f1e6;border:1.5px solid #078678;transform:rotate(45deg);z-index:1}
.keyframe-path i:nth-child(2){background:#078678}
.studio-timeline{position:absolute;z-index:4;width:82%;left:7%;top:437px;padding:19px 20px 18px;border:1px solid #e1e7e1;border-radius:19px;background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 23px 55px -25px #37544955;transform:rotate(-3deg);animation:studio-timeline-in 1.2s .15s both cubic-bezier(.22,1,.36,1)}
.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;font-weight:500;margin-bottom:15px}
.timeline-heading>span:last-child{font-variant-numeric:tabular-nums;color:#078678;font-size:.6875rem}
.timeline-heading b{font-weight:400;color:#8b948e}
.timeline-tracks{position:relative;display:grid;gap:6px}
.timeline-ruler{display:flex;justify-content:space-between;font-size:.5625rem;color:#89968e;border-bottom:1px solid #e5ece7;padding-bottom:5px;margin-bottom:2px}
.timeline-clips{display:flex;gap:5px;height:28px}
.timeline-clips span{background:#bfdece;border-radius:4px;flex:1;background-image:url('/assets/hero.webp');background-size:100% auto;background-position:center 40%;opacity:.85}
.timeline-clips span:nth-child(2){flex:1.2;background-position:center 60%;filter:hue-rotate(20deg)}
.timeline-clips span:nth-child(3){background-position:center 75%;filter:hue-rotate(-25deg)}
.timeline-type{width:65%;margin-left:14%;border-radius:4px;background:#e7ddf6;color:#796991;font-size:.625rem;line-height:22px;padding:0 10px}
.timeline-audio{height:19px;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0 3px,#49ab9180 3px 5px,transparent 5px 8px),#dff2e9;clip-path:polygon(0 30%,2% 5%,4% 45%,7% 20%,10% 35%,14% 0,19% 30%,22% 5%,26% 40%,31% 15%,35% 35%,40% 10%,47% 45%,53% 0,58% 35%,64% 10%,70% 40%,75% 20%,80% 0,85% 25%,91% 10%,96% 35%,100% 15%,100% 85%,96% 65%,91% 90%,85% 75%,80% 100%,75% 80%,70% 60%,64% 90%,58% 65%,53% 100%,47% 55%,40% 90%,35% 65%,31% 85%,26% 60%,22% 95%,19% 70%,14% 100%,10% 65%,7% 80%,4% 55%,2% 95%,0 70%)}
.timeline-playhead{position:absolute;top:2px;bottom:-3px;width:1.5px;background:#078678;left:45%;animation:studio-playhead 9s linear infinite}
.timeline-playhead:before{content:'';position:absolute;top:0;left:-3px;width:8px;height:8px;border-radius:2px;background:#078678}
.studio-caption{position:absolute;bottom:-3px;right:8%;font-size:.75rem;color:#6f8276;letter-spacing:.01em}
.studio-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;position:relative;border-top:1px solid #dce7df;padding:23px 0;font-size:.8125rem;color:#718074}
.studio-bottom>span:first-child{color:#425c4b}
@keyframes studio-screen-in{from{opacity:0;transform:translate(15px,40px) rotate(10deg)}to{opacity:1;transform:rotate(5deg)}}
@keyframes studio-timeline-in{from{opacity:0;transform:translateY(40px) rotate(0)}to{opacity:1;transform:rotate(-3deg)}}
@keyframes studio-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(-5deg)}}
@keyframes studio-spark-turn{to{transform:rotate(180deg)}}
@keyframes studio-playhead{from{left:4%}to{left:96%}}
@media(max-width:1100px){.hero.hero--studio{padding-top:42px}.studio-layout{gap:26px;min-height:570px}.hero--studio h1{font-size:clamp(2.8rem,5.2vw,4.5rem)}.studio-stage{height:545px}.studio-screen{left:16%;width:78%}.studio-keyframes{top:120px;width:157px;padding:17px 14px;left:-3%}.studio-keyframes strong{font-size:.8125rem}.studio-keyframes>span{font-size:.6875rem}.studio-timeline{top:370px;left:0;width:94%}.studio-spark{font-size:72px;right:-15px}.studio-caption{bottom:-8px;right:0}.studio-tools{gap:10px;font-size:.75rem}.studio-action{gap:15px}}
@media(max-width:767px){.hero.hero--studio{padding:45px 24px 0}.studio-layout{grid-template-columns:1fr;gap:24px;max-width:540px;padding-bottom:20px}.studio-copy{padding:0}.hero--studio h1{font-size:clamp(2rem,10vw,4.8rem)}.hero--studio .hero-description{font-size:1rem;line-height:1.55;margin:23px 0 25px;max-width:410px}.studio-action .button{padding:16px 23px;min-height:54px;gap:20px}.studio-tools{margin-top:27px;font-size:.75rem;gap:11px}.studio-stage{height:auto;aspect-ratio:1/.99;margin-top:0;min-height:410px}.studio-orbit{top:42px}.studio-orbit--outer{top:20px}.studio-screen{top:30px;width:68%;left:24%;border-radius:23px;padding:6px}.studio-screen-top{font-size:.5rem;padding:0 6px 5px;height:28px}.studio-screen video{border-radius:15px}.studio-keyframes{top:25%;left:0;width:41%;padding:15px 12px;border-radius:13px}.studio-keyframes>span{font-size:.625rem}.studio-keyframes strong{font-size:.6875rem;margin-top:13px}.keyframe-path{margin:15px 3px 0}.keyframe-path i{width:8px;height:8px}.studio-timeline{top:auto;bottom:27px;left:4%;width:86%;padding:14px 15px;border-radius:15px}.timeline-heading{font-size:.625rem;margin-bottom:11px}.timeline-heading>span:last-child{font-size:.5625rem}.timeline-ruler{font-size:.5rem}.timeline-tracks{gap:4px}.timeline-clips{height:21px}.timeline-type{line-height:18px;font-size:.5625rem}.timeline-audio{height:15px}.studio-spark{font-size:60px;right:-4px;top:19px}.studio-caption{font-size:.625rem;bottom:0;right:8%}.studio-bottom{padding:20px 0;font-size:.75rem}.studio-bottom>span:last-child{display:none}}
@media(min-width:500px) and (max-width:767px){.studio-stage{min-height:570px}.studio-timeline{bottom:35px}.studio-keyframes{padding:22px}.studio-keyframes>span{font-size:.8125rem}.studio-keyframes strong{font-size:1rem}.timeline-clips{height:32px}.studio-caption{font-size:.75rem}}
@media(max-width:360px){.hero.hero--studio{padding-inline:20px}.hero--studio h1{font-size:2.35rem}.studio-action{gap:14px}.studio-action .button{padding:15px 19px;gap:13px;font-size:1rem}.studio-tools{gap:9px;font-size:.6875rem}.studio-stage{min-height:365px}.studio-screen{left:24%;width:71%}.studio-keyframes{top:90px}.studio-spark{font-size:48px}.studio-caption{right:0}.studio-timeline{width:92%;left:0}}