.project-art{aspect-ratio:1.5;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.project-cover{display:block;overflow:hidden}.project-art>img{width:100%;height:100%;object-fit:contain}.illustrated-art{background:#e9e7df}.footage-art{background:#1d2c27}.footage-art>img{object-fit:cover}.footage-label{position:absolute;left:15px;bottom:15px;display:flex;align-items:center;gap:7px;background:#111c;color:white;padding:7px 10px;font:8px var(--sans)}.footage-label .icon{width:12px;height:12px}.art-image-tag{display:none!important}
.art-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:8px/1.4 var(--mono);letter-spacing:.03em;padding:24px 28px}.art-top>span:first-child{display:flex;align-items:center;gap:7px;font-weight:500;font-size:10px}.art-top>.icon,.art-top span .icon{width:17px;height:17px}.art-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 28px;font:9px/1.5 var(--mono)}.art-bottom>span{display:flex;align-items:center;gap:6px}.art-bottom .icon{width:15px;height:15px}.tile-meta{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font:9px var(--mono);color:var(--muted)}.tile-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.tile-title h3{font-size:25px}.tile-title .circle-link{width:31px;height:31px}.tile-title .icon{width:17px;height:17px}.tile-description{font-size:12px;line-height:1.85;color:var(--muted);max-width:95%;margin-top:12px}.code-art{background:#e4edda;color:#26573f}.review-window{width:78%;background:#fafcf6;border:1px solid #b9cdb0;border-radius:9px;box-shadow:8px 10px 0 #b9cdb035;margin:auto;overflow:hidden;transform:rotate(-2deg)}.window-top{display:flex;align-items:center;gap:4px;padding:11px 13px;border-bottom:1px solid #dfe6d9;font:8px var(--mono);color:#8b9c87}.window-top>i{width:4px;height:4px;background:#b5c9ab;border-radius:50%}.window-top>span{margin-left:9px}.code-lines{padding:15px 13px;font:9px/2.3 var(--mono);white-space:nowrap}.code-lines>div{display:flex;gap:17px}.code-lines b{font-weight:400;color:#b7c4b0}.code-lines strong{font-weight:500;color:#1c6e4f}.code-lines em{font-family:var(--mono);font-size:inherit;font-style:normal;color:#7d986a}.code-lines .indent span{padding-left:15px}.code-lines .muted{color:#8d9e87}.review-result{display:flex;align-items:center;gap:6px;padding:10px 13px;background:#edf4e6;border-top:1px solid #dfe6d9;font-size:8px}.review-result .icon{width:13px;height:13px}.cabin-art{background:#203f36;color:#d8e8cf}.car-drawing{width:92%;height:56%;margin:auto;fill:none;stroke:#c7d8ae;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.car-drawing .signal{stroke:#e6f0b9;stroke-width:2;animation:pulse 4s ease infinite}.car-drawing .road{stroke:#516f56;stroke-dasharray:8 9}.agent-tags{display:flex;gap:8px;justify-content:center}.agent-tags span{font-size:8px;display:flex;align-items:center;gap:6px;border:1px solid #60765d;border-radius:5px;padding:6px 8px;background:#2c4b3d}.agent-tags .icon{width:13px;height:13px}.cabin-art .art-bottom{font-size:8px}.health-art{background:#eee9df;color:#705b4b}.signal-stack{padding-inline:22px;margin:auto;width:100%;text-align:center}.signal-stack>svg{width:100%;height:auto;fill:none;stroke:#b77867;stroke-width:2}.signal-stack>svg path+path{stroke:#afa083;stroke-width:1.3}.signal-stack>span{font:8px var(--mono);letter-spacing:.08em}.myai-art{background:#e3e8ee;color:#3b526a}.phone-composition{display:flex;gap:28px;align-items:center;justify-content:center;flex:1;padding:12px 20px 0;overflow:hidden}.phone-device{width:170px;min-width:150px;height:270px;align-self:flex-end;border:5px solid #354658;background:#f4f6f8;border-radius:25px 25px 0 0;padding:20px 14px;box-shadow:10px 10px 0 #a2aeba2c;transform:rotate(-6deg);margin-bottom:-18px}.phone-notch{height:5px;width:40px;border-radius:5px;background:#34475b;margin:0 auto 28px}.phone-greeting{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.04em}.phone-greeting>em{font-size:25px;color:#426382}.phone-prompt,.phone-lock{display:flex;align-items:center;gap:6px;font-size:6px;background:#e5eaf0;padding:9px 6px;border-radius:6px;margin-top:22px}.phone-prompt .icon,.phone-lock .icon{width:12px;height:12px}.phone-lock{background:transparent;font-size:6px;margin-top:11px;padding:0}.phone-chips{display:flex;flex-direction:column;gap:16px;padding-bottom:30px}.phone-chips>span{display:flex;align-items:center;gap:8px;font:8px var(--mono)}.phone-chips .icon{width:18px;height:18px}.image-art{background:var(--soft);padding:25px;border:1px solid var(--line);border-radius:15px}.image-art>img{height:100%;width:100%;object-fit:contain;border-radius:6px}.art-image-tag{position:absolute;left:16px;bottom:16px;padding:6px 9px;border-radius:5px;background:var(--surface);font:8px var(--mono);box-shadow:0 2px 10px #0001}

@media(max-width:1100px){.art-top{padding:18px;font-size:7px}.art-top>span:first-child{font-size:9px}.art-bottom{padding:16px 18px;font-size:7px}.code-lines{font-size:8px;line-height:2}.review-result{font-size:7px}.phone-device{width:145px;min-width:135px;height:240px}.phone-composition{gap:20px}.phone-greeting{font-size:16px}.phone-greeting>em{font-size:21px}.phone-chips>span{font-size:7px}.cabin-art .art-bottom{font-size:7px}}
@media(max-width:650px){.art-top{padding:17px;font-size:6px}.art-top>span:first-child{font-size:8px}.art-top .icon{width:14px;height:14px}.art-bottom{font-size:6px;padding:14px 17px}.code-lines{font-size:7px;line-height:2.1;padding:11px}.code-lines>div{gap:11px}.review-window{width:83%}.window-top{padding:9px 11px;font-size:6px}.review-result{padding:8px 11px;font-size:6px}.agent-tags{gap:5px}.agent-tags span{font-size:6px;padding:5px 7px;gap:4px}.agent-tags .icon{width:11px;height:11px}.phone-device{width:130px;min-width:125px;height:220px;padding:15px 10px;border-width:4px;border-radius:21px 21px 0 0}.phone-notch{width:32px;height:4px;margin-bottom:20px}.phone-greeting{font-size:15px}.phone-greeting>em{font-size:18px}.phone-composition{gap:18px;padding:8px 14px 0}.phone-chips{gap:15px;padding-bottom:25px}.phone-chips>span{font-size:6px;gap:6px}.phone-chips .icon{width:14px;height:14px}.phone-prompt,.phone-lock{font-size:5px;gap:4px}.phone-prompt{padding:7px 5px;margin-top:18px}.phone-lock{margin-top:11px}.phone-prompt .icon,.phone-lock .icon{width:10px;height:10px}.cabin-art .art-bottom{font-size:6px}.footage-label{font-size:6px;left:12px;bottom:12px}.signal-stack>span{font-size:7px}}