/* Software creation shown through drawings, not explanatory cards. */
.hero-grid{grid-template-columns:1fr 1.08fr;gap:40px;min-height:650px}.hero-copy>p{max-width:360px}.software-studio{padding:27px 0 24px;position:relative;width:100%;min-width:0;isolation:isolate}.software-studio:before{content:'';position:absolute;inset:50px -25px 50px;z-index:-1;background:radial-gradient(ellipse at 53% 50%,#758b9810,transparent 70%);pointer-events:none}.studio-heading{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:20px}.studio-heading>.eyebrow{font-size:9px;color:#a7b4bb;letter-spacing:1.7px}.studio-heading .motion-control{height:28px;width:28px;border-color:#4c5961}.software-studio .workflow-stage{height:auto;aspect-ratio:560 / 460;position:relative;margin-block:6px 12px}.software-studio .workflow-panel{padding:0;position:absolute;inset:0;height:100%;outline-offset:-8px}.software-studio .workflow-panel[hidden]{display:none}.studio-scene,.studio-scene>svg{display:block;width:100%;height:100%}.svg-label{font:9px var(--mono);letter-spacing:1px}.software-studio .workflow-tabs{margin:0 12px;gap:20px;border-bottom:1px solid #38454c}.software-studio .workflow-tab{font-size:12px;padding:17px 0 14px;gap:9px}.software-studio .step-number{font-size:9px}.studio-foot{display:flex;align-items:center;justify-content:space-between;margin:17px 12px 0;color:#93a1a9;font:7px var(--mono);letter-spacing:1px}.studio-foot .workflow-count{font-size:9px}.studio-foot .workflow-count i{font-style:normal;color:#788892}.scene-entry{animation:studio-part .85s cubic-bezier(.2,.7,.2,1) both}.layer-back{animation-delay:.05s}.layer-mid{animation-delay:.25s}.layer-front{animation-delay:.45s}.compiler-chip{animation-delay:.65s}.packet{stroke-dasharray:20 180;animation:studio-packets 5s linear infinite;stroke-linecap:round}.scan{animation:studio-scan 5.5s ease-in-out infinite}.code-glow{animation:studio-code 5.5s steps(9) infinite}.code-row{animation:studio-part .5s both;animation-delay:calc(.12s + var(--row)*.085s)}.core-orbit{transform-origin:280px 227px;animation:studio-orbit 42s linear infinite}.chart-line{stroke-dasharray:250;animation:studio-chart 1.5s .5s ease both}.software-studio.is-auto-paused .packet,.software-studio.is-auto-paused .scan,.software-studio.is-auto-paused .code-glow,.software-studio.is-auto-paused .core-orbit{animation-play-state:paused}.motion-paused .scene-entry,.motion-paused .code-row,.motion-paused .chart-line{animation-play-state:running!important}
@keyframes studio-part{from{opacity:0}to{opacity:1}}@keyframes studio-packets{to{stroke-dashoffset:-400}}@keyframes studio-scan{0%,100%{translate:0 0;opacity:0}15%{opacity:.65}85%{opacity:.65}95%{translate:0 155px;opacity:0}}@keyframes studio-code{0%,100%{translate:0 0;opacity:0}10%{opacity:1}90%{translate:0 135px;opacity:1}}@keyframes studio-orbit{to{rotate:360deg}}@keyframes studio-chart{from{stroke-dashoffset:250}to{stroke-dashoffset:0}}
@media(min-width:1500px){.hero-grid{gap:70px;min-height:710px}.software-studio .workflow-stage{height:auto}.software-studio .workflow-panel{padding:0}}
@media(max-width:1150px){.hero-grid{gap:25px;grid-template-columns:1fr 1.05fr}.software-studio .workflow-tabs{gap:12px}.software-studio .workflow-tab{font-size:10px;gap:6px}.studio-heading>.eyebrow{font-size:8px}.studio-foot{font-size:6px;letter-spacing:.7px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.software-studio{max-width:590px;width:100%;margin:auto;padding-block:16px 20px}.software-studio .workflow-stage{height:auto}.software-studio .workflow-panel{padding:0}.software-studio .workflow-tab{font-size:12px;gap:9px}.studio-foot{font-size:7px}.hero-copy{padding-bottom:20px}}
@media(max-width:640px){.software-studio{padding-top:20px}.studio-heading{padding-inline:5px}.studio-heading>.eyebrow{font-size:7px;letter-spacing:1.1px}.software-studio .workflow-tabs{margin-inline:5px;gap:13px}.software-studio .workflow-tab{font-size:10px;gap:6px;padding:12px 0}.software-studio .step-number{font-size:8px}.studio-foot{margin-inline:5px;font-size:6px;letter-spacing:.5px}.software-studio .workflow-stage{margin-block:4px 6px}.hero-copy>p{margin-block:23px;max-width:290px}}
@media(max-width:360px){.software-studio .workflow-tab{font-size:9px;gap:5px}.software-studio .workflow-tabs{gap:9px}.studio-foot{font-size:5px}}
@media(prefers-reduced-motion:reduce){.scene-entry,.packet,.scan,.code-glow,.code-row,.core-orbit,.chart-line{animation:none!important}.scan,.code-glow{display:none}.chart-line{stroke-dashoffset:0}}

/* Editorial cover for the team's LV Nutrition demo. */
.nutrition-art{background:#102b20;color:#e4f1e5;isolation:isolate}.nutrition-art:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #55bb7e25;border-radius:50%;right:-75px;top:30px;box-shadow:0 0 0 35px #55bb7e0a,0 0 0 70px #55bb7e06;z-index:-1}.nutrition-type{position:absolute;left:28px;bottom:89px;font-size:44px;font-weight:500;line-height:1.06;letter-spacing:-1.8px;z-index:2}.nutrition-type em{font-style:normal;color:#5bd18c}.nutrition-pack{position:absolute;right:37px;top:72px;width:139px;height:182px;padding:22px 15px;background:linear-gradient(110deg,#c9e2b7,#eef3d8 42%,#b5d09c);color:#173b29;border-radius:8px 8px 22px 22px;box-shadow:12px 20px 28px #0005;transform:rotate(12deg);transition:transform .5s}.nutrition-pack:before{content:'';position:absolute;left:4px;right:4px;top:7px;border-top:3px double #476c4840}.nutrition-pack>span{display:block;font-size:24px;font-weight:600;letter-spacing:-1px;line-height:1}.nutrition-pack>span>span{display:block;font:7px var(--mono);letter-spacing:1px;margin-top:5px}.nutrition-pack i{display:block;width:43px;height:43px;border:8px solid #317c4e;border-radius:50%;margin:13px 0}.nutrition-pack b{display:block;font-size:14px;letter-spacing:-.4px}.nutrition-pack small{display:block;font:5px var(--mono);margin-top:4px;letter-spacing:.5px}.project:hover .nutrition-pack{transform:translateY(-8px) rotate(5deg)}
@media(max-width:1150px){.nutrition-type{font-size:36px}.nutrition-pack{right:24px;top:58px;transform:scale(.85) rotate(12deg);transform-origin:top right}.project:hover .nutrition-pack{transform:translateY(-6px) scale(.85) rotate(5deg)}}
@media(max-width:900px){.nutrition-type{font-size:29px;left:20px}.nutrition-pack{right:20px;top:57px;transform:scale(.68) rotate(12deg)}.project:hover .nutrition-pack{transform:translateY(-6px) scale(.68) rotate(5deg)}}
@media(max-width:640px){.nutrition-type{font-size:38px;left:24px;bottom:80px}.nutrition-pack{right:27px;top:60px;transform:scale(.8) rotate(12deg)}.project:hover .nutrition-pack{transform:translateY(-6px) scale(.8) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.nutrition-pack{transition:none}}