/* Layer 39: decorative concepts inside existing About Studio cards. */
.portfolio-page .about-studio-card{overflow:hidden}
.portfolio-page .portfolio-visual{box-sizing:border-box;position:relative;overflow:hidden;height:156px;margin:0 0 21px;padding:18px;background:#eef3ed;border:1px solid #dce6dc;border-radius:12px}
.portfolio-page .portfolio-visual *{box-sizing:border-box}
.pv-browser{display:flex;gap:6px;align-items:center;height:25px;padding:0 11px;background:#fff;border:1px solid #dce6dc;border-radius:8px 8px 0 0}
.pv-browser i{width:5px;height:5px;border-radius:50%;background:#b7c9bc}
.pv-browser span{height:6px;flex:1;max-width:72px;margin-left:10px;border-radius:4px;background:#eef3ed}
.pv-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:18px 16px;background:#fff;border:1px solid #dce6dc;border-top:0;border-radius:0 0 8px 8px;height:102px}
.pv-web-copy b{display:block;height:7px;max-width:125px;margin:0 0 8px;border-radius:5px;background:#b2c9b9}
.pv-web-copy b:nth-child(2){width:78%;height:5px;background:#d9e3db}.pv-web-copy b:nth-child(3){width:60%;height:5px;background:#d9e3db}
.pv-web-copy em{display:block;width:64px;height:17px;border-radius:5px;background:#b7fc6d;margin-top:10px}
.pv-web-image{display:flex;align-items:end;gap:9px;padding:10px;border-radius:7px;background:#e9f1e9}.pv-web-image span{flex:1;border-radius:5px 5px 0 0;background:#bed5c3;height:58%}.pv-web-image span+span{height:81%;background:#90b99c}
.pv-chat-bar{height:25px;display:flex;gap:10px;align-items:center;padding:7px 12px;border-radius:8px 8px 0 0;background:#dbe8dc}
.pv-chat-bar span{height:12px;width:12px;border-radius:50%;background:#709c7a}.pv-chat-bar b{width:82px;height:6px;border-radius:4px;background:#a4c0a9}
.pv-chat-message{width:60%;padding:11px 12px;margin:7px 0;border-radius:10px;background:#fff}
.pv-chat-message i{display:block;height:5px;margin:4px 0;border-radius:4px;background:#b8cdbb}.pv-chat-message i+ i{width:70%;background:#dae5dc}
.pv-chat-message--outgoing{width:43%;margin-left:auto;background:#d4ebc6}.pv-chat-message--outgoing i{width:80%;background:#a6c78f}
.pv-chat-actions{display:flex;gap:8px}.pv-chat-actions span{width:35%;height:16px;border:1px solid #bad1bc;border-radius:5px;background:#f9fcf8}
.pv-flow{display:flex;align-items:center;justify-content:center;gap:9px;height:94px}
.pv-node{width:26%;height:65px;border:1px solid #bfd3c3;border-radius:9px;background:#fff;padding:13px 10px}
.pv-node i{display:block;width:75%;height:7px;margin:0 0 9px;border-radius:5px;background:#a8c3ae}.pv-node i+i{width:50%;background:#d9e6db}
.pv-node--end{background:#d5f0c4;border-color:#b9dba6}
.pv-flow>b{width:14px;height:2px;background:#86ab90;position:relative}.pv-flow>b:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:2px solid #86ab90;border-top:2px solid #86ab90;transform:rotate(45deg)}
.pv-flow-footer{display:flex;gap:10px;padding:2px 13%}.pv-flow-footer span{width:20%;height:6px;background:#d0dfd1;border-radius:5px}.pv-flow-footer span:nth-child(2){width:39%;background:#afcbaf}
.pv-crm-top{display:flex;gap:8px;padding:8px 12px;border-radius:8px 8px 0 0;background:#dce9dd}.pv-crm-top span{width:27px;height:6px;border-radius:4px;background:#a3bfa9}.pv-crm-top span:first-child{width:48px;background:#769d80}
.pv-crm-cols{height:106px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px;background:#f8faf7;border:1px solid #dce6dc;border-radius:0 0 8px 8px}
.pv-crm-cols div{min-width:0}.pv-crm-cols b{display:block;height:6px;width:60%;margin:0 0 8px;border-radius:5px;background:#97b5a0}.pv-crm-cols i{display:block;height:24px;margin-bottom:6px;border:1px solid #d9e5db;border-radius:5px;background:#fff}
@media(max-width:700px){.portfolio-page .portfolio-visual{height:146px;padding:14px;margin-bottom:18px}.pv-web-grid{padding:12px;height:99px}.pv-crm-cols{height:102px}}