/* Open app composition; no browser window or new animation loop. */
.as-app-composition{min-width:0;width:100%;margin:0;position:relative;justify-self:end}
.as-app-art{position:relative;width:100%;background:radial-gradient(ellipse at 50% 47%,#5a273544,transparent 65%)}
.as-app-art svg{display:block;width:100%;height:auto;overflow:visible}
.as-app-svg-display{font-family:var(--display);font-weight:600}
.as-app-svg-mono{font-family:var(--mono)}
.as-app-orbit{opacity:var(--app-orbit,.35)}
.as-app-piece{transform-box:fill-box;transform-origin:center}
.as-app-piece-idea{transform:translate(var(--app-idea-x,0px),var(--app-idea-y,0px)) rotate(var(--app-idea-turn,0deg))}
.as-app-piece-account{transform:translate(var(--app-account-x,0px),var(--app-account-y,0px)) rotate(var(--app-account-turn,0deg))}
.as-app-piece-data{transform:translate(var(--app-data-x,0px),var(--app-data-y,0px)) rotate(var(--app-data-turn,0deg))}
.as-app-piece-action{transform:translate(var(--app-action-x,0px),var(--app-action-y,0px)) rotate(var(--app-action-turn,0deg))}
.as-app-core{transform-origin:505px 355px;transform:scale(var(--app-core-scale,1))}
.as-app-core-back{transform-origin:505px 355px;transform:rotate(var(--app-core-turn,12deg));opacity:.5}
[data-app-wire="0"]{opacity:var(--app-wire-0,.85)}
[data-app-wire="1"]{opacity:var(--app-wire-1,.85)}
[data-app-wire="2"]{opacity:var(--app-wire-2,.85)}
[data-app-wire="3"]{opacity:var(--app-wire-3,.85)}
.as-app-packet{opacity:0}
[data-app-packet="0"]{transform:translate(var(--app-packet-0-x,435px),var(--app-packet-0-y,350px));opacity:var(--app-packet-0,0)}
[data-app-packet="1"]{transform:translate(var(--app-packet-1-x,575px),var(--app-packet-1-y,335px));opacity:var(--app-packet-1,0)}
[data-app-packet="2"]{transform:translate(var(--app-packet-2-x,435px),var(--app-packet-2-y,390px));opacity:var(--app-packet-2,0)}
[data-app-packet="3"]{transform:translate(var(--app-packet-3-x,640px),var(--app-packet-3-y,575px));opacity:var(--app-packet-3,0)}
.as-app-composition figcaption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #704555;padding:15px 0;font:8px/1.7 var(--mono);color:#d4bdc8;letter-spacing:.03em}
.as-app-composition figcaption>span:first-child{color:var(--pink)}
.as-motion .as-app-composition{max-width:940px;max-height:100%}
.as-motion .as-app-art svg{max-height:calc(100svh - 300px)}
.as-website>img,.as-motion .as-website>img{aspect-ratio:8/5;object-fit:cover;object-position:top}
.as-motion .as-website{max-width:900px}
@media(max-width:1100px){.as-app-composition figcaption{font-size:7px;display:block;padding-top:11px}.as-app-composition figcaption>span{display:block}.as-app-composition figcaption>span+span{margin-top:4px}}
@media(max-width:760px){.as-app-composition{justify-self:center;max-width:530px}.as-motion .as-app-composition{max-width:450px}.as-motion .as-app-art svg{max-height:260px}.as-app-composition figcaption{font-size:6px;padding:8px 0;line-height:1.7}.as-app-composition figcaption>span+span{margin-top:3px}}
@media(max-width:380px){.as-motion .as-app-art svg{max-height:235px}.as-app-composition figcaption{font-size:5px}}