/* One large computer; each service is coded, assembled, and completed in turn. */
.hero .motion-anchor{width:100%;max-width:650px;aspect-ratio:800/620;margin:0;justify-self:end}
.motion-follower{--motion-width:min(40vw,650px);--motion-x:55vw;--motion-y:150px}
.motion-follower .motion-stage{aspect-ratio:800/620;container-type:inline-size;mask-image:none}
.motion-anchor>.motion-follower{position:absolute;inset:0;height:100%;overflow:visible}
.motion-anchor>.motion-follower .motion-stage{width:100%;transform:none;filter:none;opacity:1}
.mv-laptop-frame{display:block;width:100%;height:auto;overflow:hidden}
.mv-caption{position:absolute;left:7%;right:7%;top:.5%;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#efdae5;font-size:clamp(11px,2.2cqw,15px);opacity:var(--motion-details,1)}
.mv-caption>span{display:flex;align-items:center;gap:9px}.mv-caption i{width:5px;height:5px;flex:none;background:#e6a8bc;border-radius:50%;box-shadow:0 0 12px #e6a8bc80}.mv-caption b{font-weight:500;letter-spacing:.04em}.mv-caption small{font-family:var(--code);font-size:10px;color:#b388a0;white-space:nowrap}
.mv-screen{position:absolute;left:7.125%;top:9.838710%;width:85.75%;height:70.322581%;display:flex;flex-direction:column;background:#1d1520;border:1px solid #edc4db16;border-radius:5px;overflow:hidden}
.mv-screen-chrome{height:7.5%;min-height:14px;flex:none;display:flex;align-items:center;gap:2%;padding:0 2.8%;border-bottom:1px solid #8b59743b;font-family:var(--code);font-size:clamp(5px,1.3cqw,10px);color:#c497b1;background:#2b1d2c}
.mv-window-dots{display:flex;gap:3px;margin-right:1%}.mv-window-dots i{width:3px;height:3px;background:#b47e9c;border-radius:50%}.mv-window-dots i:nth-child(2){opacity:.6}.mv-window-dots i:nth-child(3){opacity:.3}.mv-screen-brand{margin-left:auto;letter-spacing:.04em;font-size:.85em;color:#906d85}
.mv-display{position:relative;flex:1;min-height:0;opacity:var(--mv-exit-opacity,1)}
.mv-editor,.mv-preview{position:absolute;inset:0;overflow:hidden}.mv-editor[hidden],.mv-preview[hidden],.mv-result[hidden]{display:none!important}
.mv-editor{padding:3.5% 4%;background:radial-gradient(ellipse at 80% 35%,#54233835,transparent 70%),#1d1520}
.mv-editor-label{display:flex;justify-content:space-between;font-family:var(--code);font-size:1.3cqw;letter-spacing:.16em;color:#ab728f;margin-bottom:2.5%}.mv-code-cursor{color:#edb2cf;animation:mv-cursor .55s step-end infinite}
.mv-code-lines{font-family:var(--code);font-size:clamp(5px,1.7cqw,12px);line-height:1.7;white-space:pre;color:#eacadd}.mv-code-line{display:flex;min-height:1.7em}.mv-code-number{flex:0 0 2.6em;color:#77546a;font-size:.8em;line-height:2.125}.mv-code-text{white-space:pre}.mv-code-line:nth-child(3n+1) .mv-code-text{color:#f4a8c8}.mv-code-line:nth-child(4n+2) .mv-code-text{color:#c2a3d2}
.mv-result{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;font-size:1.8cqw;color:#58364d;background:#f2edf0}
.mv-result [data-mv-piece]{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .4s cubic-bezier(.2,.7,.2,1)}.mv-result [data-mv-piece].is-built{opacity:1;transform:translateY(0)}
.mv-website{display:grid;grid-template-rows:10% 64% 21% 5%;padding:2% 3%;background:#f7f3f5}
.mv-website-nav{display:flex;justify-content:space-between;align-items:center}.mv-website-nav strong{font-size:3cqw;color:#8b3455}.mv-website-nav span{font-size:1cqw;letter-spacing:.09em}
.mv-website-hero{display:grid;grid-template-columns:60% 40%;align-items:center;padding:2% 4%;background:#e9d8e3;overflow:hidden}.mv-website-hero>div:first-child{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.mv-website-hero small{font-size:1cqw;letter-spacing:.17em}.mv-website-hero strong{font-size:4cqw;font-weight:900;line-height:1.2;margin:1.2cqw 0;color:#5e2b47}.mv-mini-button{font-size:.95cqw;letter-spacing:.1em;background:#992846;color:#fff2f8;padding:.8cqw 1.2cqw;border-radius:2px}
.mv-web-sculpture{position:relative;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:8%;transform:rotate(-20deg)}.mv-web-sculpture i{display:block;width:28%;height:92%;background:linear-gradient(90deg,#7f3d60,#d79ab9);border-radius:30px;box-shadow:6px 8px 10px #4d1d3920}.mv-web-sculpture i:nth-child(2){height:70%;align-self:flex-end}.mv-web-sculpture i:nth-child(3){height:48%;align-self:flex-start}
.mv-website-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding:1.3cqw 0 1cqw}.mv-website-cards>span{display:flex;align-items:center;gap:8%}.mv-website-cards i{display:block;width:35%;height:90%;background:#dac0d1;border-radius:2px}.mv-website-cards b{font-size:.95cqw;font-weight:500;letter-spacing:.02em}.mv-website-footer{display:flex;justify-content:space-between;font-size:.75cqw;letter-spacing:.13em;color:#aa889e;border-top:1px solid #e4d5df;padding-top:1%}
.mv-film{display:flex;flex-direction:column;gap:3%;padding:3% 4%;background:#201620;color:#eacbdd}.mv-film-heading{display:flex;justify-content:space-between;font-family:var(--code);font-size:1.1cqw;letter-spacing:.1em}.mv-film-heading span:last-child{color:#96748c;font-size:.9cqw}.mv-film-preview{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:3px;background:#35232e}.mv-film-preview video{display:block;width:100%;height:100%;object-fit:cover}.mv-film-badge{position:absolute;left:2%;bottom:6%;padding:1% 2%;font-size:1cqw;letter-spacing:.12em;background:#20162085;color:#fff4fa}.mv-film-timeline{display:flex;position:relative;align-items:center;gap:1%;height:10%;flex:none}.mv-film-timeline>span,.mv-audio-track>span{width:10%;font-size:.8cqw;color:#af849f}.mv-film-timeline i{height:100%;flex:1;border-radius:2px;background:linear-gradient(100deg,#713954,#a66b87);border:1px solid #b8809b30}.mv-film-timeline i:nth-of-type(even){background:linear-gradient(100deg,#573646,#8f6d82)}.mv-film-timeline b{position:absolute;width:1px;height:115%;left:48%;background:#f6d0e4;box-shadow:0 0 4px #f6d0e4}
.mv-audio-track{height:5%;flex:none;display:flex;align-items:center;gap:1%}.mv-audio-track i{flex:1;height:100%;background:repeating-linear-gradient(90deg,#aa6c9066 0 2px,transparent 2px 4px);border-top:1px solid #bc83a0;border-bottom:1px solid #bc83a055}
.mv-analysis,.mv-system{display:grid;grid-template-columns:20% 80%;background:#f3edf1}.mv-app-sidebar{display:flex;flex-direction:column;gap:5%;padding:10% 7%;background:#70445f;color:#e2c8d8;min-width:0}.mv-app-sidebar b{font-family:var(--code);font-size:1.3cqw;letter-spacing:.02em;margin-bottom:12%}.mv-app-sidebar span{padding:9% 8%;font-size:1.3cqw;white-space:nowrap}.mv-app-sidebar .is-selected{background:#a16c8c;color:#fff5fb;border-radius:3px}.mv-app-sidebar i{margin-top:auto;width:60%;height:2px;background:#b587a2}
.mv-app-content{padding:4% 5%;display:flex;flex-direction:column;gap:6%;min-width:0}.mv-app-heading{display:flex;align-items:center;justify-content:space-between;gap:3%}.mv-app-heading strong{font-size:2.1cqw;white-space:nowrap}.mv-app-heading>span{font-size:.75cqw;font-family:var(--code);color:#a27e94;white-space:nowrap}
.mv-analysis-topics{display:flex;gap:4%;font-size:1cqw}.mv-analysis-topics span{padding:2% 3%;background:#e6d7e1;color:#81546f;border-radius:3px;white-space:nowrap}.mv-analysis-chart{flex:1;min-height:0;padding:4%;background:#fffafc;border-radius:3px;display:flex;flex-direction:column}.mv-analysis-chart small{font-size:1.2cqw;color:#95758a}.mv-analysis-chart svg{width:100%;height:100%;min-height:0;flex:1}.mv-analysis-sources{display:flex;gap:7%;font-size:1.2cqw;padding-bottom:2%}.mv-analysis-sources i{font-style:normal;margin-right:5px;color:#992846}
.mv-system-flow{display:flex;justify-content:space-between;align-items:center;gap:2%;font-size:1.25cqw}.mv-system-flow b{font-weight:500;padding:4% 5%;text-align:center;background:#fffafd;border:1px solid #dcc7d5;border-radius:4px;flex:1;white-space:nowrap}.mv-system-flow i{font-style:normal;color:#b88ba6}.mv-system-table{display:flex;flex-direction:column;gap:8%;flex:1;min-height:0}.mv-system-table>div{display:flex;align-items:center;gap:4%;padding:1cqw 3%;background:#fffafd;border-radius:3px;flex:1;min-height:0}.mv-system-table>div>span{font-size:1.25cqw;white-space:nowrap}.mv-system-table i{width:19%;height:2px;background:#dcc4d3;margin-left:auto}.mv-system-table b{font-size:1.2cqw;color:#992846;background:#ead5e2;border-radius:3px;padding:1% 4%;margin-left:2%}.mv-system-summary{display:flex;align-items:center;gap:4%;font-size:1.1cqw;color:#926780}.mv-system-summary i{font-style:normal;color:#992846}
.mv-sequence-footer{position:absolute;left:9%;right:9%;bottom:1.4%;display:flex;justify-content:space-between;align-items:center;opacity:var(--motion-details,1)}.mv-sequence-steps{display:flex;gap:5px}.mv-sequence-steps i{display:block;width:22px;height:2px;background:#5d3a50}.mv-sequence-steps .is-current{background:#dfa1c0}.mv-sequence-footer>span{font-size:clamp(9px,1.4cqw,11px);letter-spacing:.12em;color:#bd8ca6}
.motion-idle .mv-sequence *,.motion-paused .mv-sequence *{animation-play-state:paused!important}
@keyframes mv-cursor{50%{opacity:0}}
@media(max-width:1023px) and (min-width:640px){.hero .motion-anchor{width:100%;margin:0}}
@media(max-width:639px){
  .hero .hero-top{display:flex;flex-direction:column;min-height:0;padding:24px 0 30px}
  .hero .motion-anchor{position:relative;order:1;top:auto;left:auto;width:calc(100% + 16px);max-width:520px;aspect-ratio:800/620;transform:none;margin:28px -8px 12px;align-self:center}
  .motion-follower{--motion-width:calc(100vw - 32px);--motion-x:16px;--motion-y:96px}
  .motion-follower .motion-stage{aspect-ratio:800/620;mask-image:none}
  .mv-caption{font-size:12px}.mv-caption small{font-size:9px}.mv-sequence-steps i{width:16px}
  .hero .hero-copy{max-width:440px}
}
@media(prefers-reduced-motion:reduce){.mv-sequence *{animation:none!important;transition:none!important}.mv-code-cursor{opacity:1}}