/* Project artifact illustration. Scoped; no shared page/nav overrides. */
#kw-about .rv-art{grid-column:1/-1;min-width:0;container-type:inline-size;margin-top:8px;font-family:inherit;color:#242629}
#kw-about .rv-art *{box-sizing:border-box}
#kw-about .rv-art button{font:inherit;color:inherit;cursor:pointer;border:0;box-shadow:none}
#kw-about .rv-art .rv-icon{width:1.7cqw;height:1.7cqw;object-fit:contain;flex:none;opacity:.65}
#kw-about .rv-art .rv-stage{position:relative;background:#f5f5f5;border:1px solid #ededed;border-radius:20px;padding:5.4cqw 4.6cqw 10.5cqw;min-height:58cqw;overflow:hidden}
#kw-about .rv-art .rv-window{display:grid;grid-template-columns:16% 84%;background:white;border:1px solid #e4e5e6;border-radius:12px;min-height:42cqw;overflow:hidden;box-shadow:0 12px 38px #1018200a,0 2px 5px #10182004}
#kw-about .rv-art .rv-sidebar{padding:2cqw .7cqw;background:#fafafa;border-right:1px solid #eee}
#kw-about .rv-art .rv-brand{display:flex;align-items:center;gap:.7cqw;padding:0 .7cqw 2cqw;font-size:1.5cqw}
#kw-about .rv-art .rv-nav-item{display:flex;gap:.7cqw;align-items:center;padding:.85cqw .7cqw;font-size:1.25cqw;border-radius:6px;margin-bottom:.3cqw}
#kw-about .rv-art .rv-nav-selected{background:#ededed;font-weight:600}
#kw-about .rv-art .rv-sidebar-label{font-size:1.05cqw;color:#97999b;margin:2.4cqw .7cqw 1cqw}
#kw-about .rv-art .rv-project-selected{display:flex;align-items:flex-start;gap:.6cqw;padding:.8cqw .7cqw;font-size:1.05cqw;line-height:1.6;background:#ededed;border-radius:6px}
#kw-about .rv-art .rv-project-selected .rv-icon{width:1.4cqw;height:1.4cqw;margin-top:.15cqw}
#kw-about .rv-art .rv-main{min-width:0}
#kw-about .rv-art .rv-breadcrumb{display:flex;align-items:center;gap:.7cqw;padding:1.5cqw 1.8cqw;font-size:1.35cqw}
#kw-about .rv-art .rv-breadcrumb i{font-style:normal;color:#b7b7b7;margin:0 .7cqw}
#kw-about .rv-art .rv-people{margin-left:auto;display:flex;padding-right:.4cqw}
#kw-about .rv-art .rv-people>span{display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:50%;background:#eee7f7;color:#756487;border:2px solid #fff;font-size:.9cqw;margin-right:-.4cqw}
#kw-about .rv-art .rv-people>span+span{background:#e2f0f1;color:#5b797d}
#kw-about .rv-art .rv-project-tabs{display:flex;align-items:center;gap:1.7cqw;margin:0 1.8cqw;border-bottom:1px solid #ececec;white-space:nowrap;font-size:1.1cqw;color:#858585}
#kw-about .rv-art .rv-project-tabs>span,#kw-about .rv-art .rv-project-tabs>b,#kw-about .rv-art .rv-project-tabs>button{padding:1cqw 0;background:transparent;font-weight:400}
#kw-about .rv-art .rv-project-tabs>b{color:#252525;border-bottom:2px solid #252525;font-weight:600}
#kw-about .rv-art .rv-project-tabs>button:hover{color:#111}
#kw-about .rv-art .rv-workspace{display:grid;grid-template-columns:28% 72%;padding:1.5cqw 1.5cqw 1.8cqw;gap:0}
#kw-about .rv-art .rv-files{padding:1cqw 1cqw 0 0;min-width:0}
#kw-about .rv-art .rv-files button{display:flex;align-items:center;text-align:left;gap:.6cqw;background:transparent;border-radius:7px;padding:1.1cqw .8cqw;width:100%;margin-bottom:.55cqw;transition:background .18s ease}
#kw-about .rv-art .rv-files button:hover{background:#f5f5f5}
#kw-about .rv-art .rv-files button[aria-selected=true]{background:#eceeef}
#kw-about .rv-art .rv-files button>span{font-size:1.08cqw;white-space:nowrap}
#kw-about .rv-art .rv-files small{display:block;color:#929498;font-size:.88cqw;margin-top:.4cqw}
#kw-about .rv-art .rv-files-foot{display:flex;align-items:center;gap:.5cqw;margin:2cqw .8cqw;font-size:.95cqw;color:#9a9a9a}
#kw-about .rv-art .rv-preview{min-width:0;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fff;min-height:30cqw}
#kw-about .rv-art .rv-preview-tab{display:flex;align-items:center;gap:.7cqw;padding:1cqw 1.3cqw;font-size:1.05cqw;border-bottom:1px solid #eee;background:#fbfbfb}
#kw-about .rv-art .rv-tab-close{color:#999;margin-left:auto;font-size:1.6cqw}
#kw-about .rv-art .rv-toolbar{display:flex;align-items:center;gap:.9cqw;padding:.7cqw 1.3cqw;font-size:.95cqw;color:#979797;border-bottom:1px solid #f2f2f2}
#kw-about .rv-art .rv-toolbar .rv-icon{width:1.35cqw;height:1.35cqw;opacity:.4}
#kw-about .rv-art .rv-document{padding:1.8cqw 1.6cqw 2cqw;min-height:var(--rv-document-height,25cqw)}
#kw-about .rv-art .rv-doc-title{font-size:2.15cqw;font-weight:600;line-height:1.3;letter-spacing:-.025em}
#kw-about .rv-art p{margin:0;font-size:inherit;line-height:inherit}
#kw-about .rv-art .rv-subtitle{font-size:1cqw;color:#919397;margin-top:.65cqw}
#kw-about .rv-art .rv-doc-rule{height:1px;background:#ececec;margin:1.5cqw 0}
#kw-about .rv-art .rv-section-title{font-size:1.2cqw;font-weight:600;margin-bottom:.9cqw}
#kw-about .rv-art table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:.94cqw;margin-top:1.4cqw;text-align:left}
#kw-about .rv-art th{font-weight:400;color:#929395;background:#fafafa}
#kw-about .rv-art td,#kw-about .rv-art th{padding:.9cqw .6cqw;border-bottom:1px solid #ededed}
#kw-about .rv-art td:nth-child(2){font-variant-numeric:tabular-nums}
#kw-about .rv-art .rv-highlight{background:#f3f3f3}
#kw-about .rv-art .rv-next{margin-top:1.7cqw}
#kw-about .rv-art .rv-next-copy{font-size:1.02cqw;color:#777;line-height:1.8}
#kw-about .rv-art .rv-record{position:absolute;right:3.4cqw;bottom:3cqw;width:38cqw;padding:1.6cqw 1.8cqw;background:#fff;border:1px solid #e3e4e5;border-radius:12px;box-shadow:0 14px 35px #15202a12,0 2px 7px #15202a08;transition:box-shadow .2s ease}
#kw-about .rv-art .rv-record:hover{box-shadow:0 16px 40px #15202a1b,0 2px 7px #15202a08}
#kw-about .rv-art .rv-record-heading{display:flex;align-items:center;gap:.6cqw;font-size:1.1cqw;color:#888;margin-bottom:1.2cqw}
#kw-about .rv-art .rv-record-toggle{margin-left:auto;background:#f7f7f7;width:2.5cqw;height:2.5cqw;display:grid;place-items:center;border-radius:50%}
#kw-about .rv-art .rv-message{display:flex;gap:1cqw;align-items:flex-start}
#kw-about .rv-art .rv-avatar{display:grid;place-items:center;flex:none;width:2.9cqw;height:2.9cqw;border-radius:50%;font-size:1.15cqw}
#kw-about .rv-art .rv-finance{background:#eee7f7;color:#756487}
#kw-about .rv-art .rv-sales{background:#e2f0f1;color:#5b797d}
#kw-about .rv-art .rv-person{font-size:1.1cqw;font-weight:600;margin:.2cqw 0 .5cqw}
#kw-about .rv-art .rv-person>span{font-weight:400;color:#a1a1a1;font-size:.95cqw;margin-left:.8cqw}
#kw-about .rv-art .rv-message p{font-size:1.2cqw;line-height:1.7;color:#515357}
#kw-about .rv-art .rv-reply{border-top:1px solid #efefef;margin-top:1.2cqw;padding-top:1.2cqw}
#kw-about .rv-art [hidden]{display:none!important}
#kw-about .rv-art button:focus-visible,#kw-about .rv-art [tabindex]:focus-visible{outline:2px solid #7e868c;outline-offset:3px}
#kw-about .rv-art .rv-plan>div{display:flex;align-items:center;gap:1cqw;border-bottom:1px solid #eee;padding:1.5cqw 0}
#kw-about .rv-art .rv-plan>div>span{font-size:1.1cqw;color:#aaa}
#kw-about .rv-art .rv-plan b{font-size:1.2cqw;font-weight:500}
#kw-about .rv-art .rv-plan small{display:block;font-size:1cqw;color:#999;margin-top:.5cqw}
#kw-about .rv-art .rv-plan em{margin-left:auto;font-size:1cqw;font-style:normal;color:#888}
#kw-about .rv-art .rv-total{display:flex;justify-content:space-between;padding-top:2cqw;font-size:1.2cqw}
#kw-about .rv-art.rv-expanded .rv-stage{padding-bottom:20cqw}
@media(prefers-reduced-motion:no-preference){#kw-about .rv-art .rv-enter{animation:rv-content-in .24s ease-out}@keyframes rv-content-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}

/* Reuse the homepage landscape asset and full product sidebar. */
#kw-about .rv-art .rv-stage{background:#aec1cc url('/kuwork/images/third-screen/landscape-workflow-abstract.webp') center/cover no-repeat;border-color:transparent}
#kw-about .rv-art .rv-sidebar{display:flex;flex-direction:column;padding:.85cqw .65cqw;background:#f5f5f5}
#kw-about .rv-art .rv-sidebar svg{width:1.55cqw;height:1.55cqw;flex:none;color:#777}
#kw-about .rv-art .rv-windowbar{display:flex;align-items:center;justify-content:space-between;padding:.3cqw .3cqw 1.45cqw}
#kw-about .rv-art .rv-windowbar>svg{width:1.1cqw;height:1.1cqw;opacity:.6}
#kw-about .rv-art .rv-traffic{display:flex;gap:.32cqw}
#kw-about .rv-art .rv-traffic i{width:.62cqw;height:.62cqw;border-radius:50%;background:#ff5f57}
#kw-about .rv-art .rv-traffic i:nth-child(2){background:#febc2e}
#kw-about .rv-art .rv-traffic i:nth-child(3){background:#28c840}
#kw-about .rv-art .rv-nav-item{padding:.72cqw .6cqw;gap:.6cqw;font-size:1.15cqw;margin-bottom:.22cqw;line-height:1.5;font-weight:400;color:#666}
#kw-about .rv-art .rv-nav-selected{background:#e9e9e9;color:#333}
#kw-about .rv-art .rv-sidebar-label{display:flex;justify-content:space-between;margin:1.65cqw .5cqw .55cqw;font-size:.93cqw;line-height:1.5;color:#969696}
#kw-about .rv-art .rv-project-selected{align-items:center;gap:.5cqw;padding:.6cqw .4cqw;background:transparent;font-size:.97cqw;white-space:nowrap;color:#737373}
#kw-about .rv-art .rv-project-selected svg{width:1.4cqw;height:1.4cqw}
#kw-about .rv-art .rv-project-selected>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}
#kw-about .rv-art .rv-project-selected>span:last-child{margin-left:auto;color:#999}
#kw-about .rv-art .rv-sidebar-task{font-size:.97cqw;line-height:1.5;padding:.6cqw .6cqw;color:#777;border-radius:5px;white-space:nowrap}
#kw-about .rv-art .rv-task-selected{background:#e9e9e9}
#kw-about .rv-art .rv-account{margin-top:auto;display:flex;align-items:center;gap:.6cqw;border-top:1px solid #e8e8e8;padding:1cqw .3cqw .1cqw;font-size:.98cqw;color:#666}
#kw-about .rv-art .rv-account-avatar{display:grid;place-items:center;width:2.35cqw;height:2.35cqw;border-radius:50%;background:#606060;color:#fff;font-size:1cqw}
#kw-about .rv-art .rv-account small{display:block;font-size:.8cqw;color:#999;margin-top:.15cqw}
/* Preserve the full product composition on small screens, as on the homepage. */
@media(max-width:767px){
#kw-about .rv-art .rv-stage{border-radius:12px}
#kw-about .rv-art .rv-window{border-radius:5px}
#kw-about .rv-art .rv-record{border-radius:5px}
#kw-about .rv-art .rv-preview{border-radius:4px}
#kw-about .rv-art .rv-files button,#kw-about .rv-art .rv-nav-item{border-radius:3px}
}

/* Collaboration demonstration: pointer labels follow the selected document content. */
#kw-about .rv-art .rv-preview{position:relative}
#kw-about .rv-art .rv-presence{position:absolute;inset:0;pointer-events:none;z-index:2}
#kw-about .rv-art .rv-cursor{position:absolute;display:flex;align-items:flex-start;filter:drop-shadow(0 2px 3px #17213c12)}
#kw-about .rv-art .rv-cursor>svg{width:1.8cqw;height:2.1cqw;flex:none}
#kw-about .rv-art .rv-cursor>span{display:flex;gap:.55cqw;align-items:center;margin:1.55cqw 0 0 -.15cqw;padding:.48cqw .7cqw;border-radius:0 4px 4px 4px;background:currentColor;white-space:nowrap;font-size:1.05cqw;font-weight:500;line-height:1.35}
#kw-about .rv-art .rv-cursor>span{color:#fff}
#kw-about .rv-art .rv-cursor em{font-style:normal;font-weight:400;font-size:.87cqw;opacity:.9}
#kw-about .rv-art .rv-reader{left:var(--rv-reader-x);top:var(--rv-reader-y);color:#9a7bcd}
#kw-about .rv-art .rv-reader>span{background:#9a7bcd}
#kw-about .rv-art .rv-copier{left:var(--rv-copy-x);top:var(--rv-copy-y);color:#4b9ca5}
#kw-about .rv-art .rv-copier>span{background:#4b9ca5}
#kw-about .rv-art .rv-copy-done{display:none}
#kw-about .rv-art .rv-highlight,#kw-about .rv-art .rv-copy-target{background:#e9f3f3;box-shadow:inset 2px 0 #73aeb5}
#kw-about .rv-art .rv-stage{padding-bottom:16cqw}
#kw-about .rv-art.rv-expanded .rv-stage{padding-bottom:24cqw}
#kw-about .rv-art .rv-record{left:32cqw;right:auto;bottom:4cqw;width:38cqw;padding:1.4cqw 1.6cqw;box-shadow:0 8px 24px #15202a17,0 1px 4px #15202a0b;border-radius:10px}
#kw-about .rv-art .rv-record-heading{margin-bottom:.9cqw}
#kw-about .rv-art .rv-record:before{content:"";position:absolute;top:-.6cqw;left:8cqw;width:1.1cqw;height:1.1cqw;background:white;border-left:1px solid #e3e4e5;border-top:1px solid #e3e4e5;transform:rotate(45deg)}
#kw-about .rv-art .rv-finance{background:#eee7f7;color:#8564b5}
#kw-about .rv-art .rv-sales{background:#e2f0f1;color:#438c95}
@media(prefers-reduced-motion:no-preference){
#kw-about .rv-art .rv-reader{animation:rv-viewing 9s ease-in-out infinite}
#kw-about .rv-art .rv-copier{animation:rv-copying 9s ease-in-out infinite}
#kw-about .rv-art .rv-highlight,#kw-about .rv-art .rv-copy-target{animation:rv-selection 9s ease-in-out infinite}
#kw-about .rv-art .rv-copy-action{animation:rv-action-text 9s steps(1,end) infinite}
#kw-about .rv-art .rv-copy-done{display:inline;animation:rv-done-text 9s steps(1,end) infinite}
@keyframes rv-viewing{0%,100%{transform:translate(0,0)}35%,70%{transform:translate(-.6cqw,.25cqw)}}
@keyframes rv-copying{0%,15%,100%{transform:translate(.5cqw,.35cqw)}35%,80%{transform:translate(0,0)}}
@keyframes rv-selection{0%,18%,100%{background:#f5f5f5;box-shadow:inset 2px 0 transparent}35%,82%{background:#e2f0f1;box-shadow:inset 2px 0 #73aeb5}}
@keyframes rv-action-text{0%,100%{display:inline}55%{display:none}}
@keyframes rv-done-text{0%,100%{display:none}55%{display:inline}}
#kw-about .rv-art:hover .rv-cursor,#kw-about .rv-art:hover .rv-highlight,#kw-about .rv-art:hover .rv-copy-target,#kw-about .rv-art:hover .rv-cursor em{animation-play-state:paused}
}
@media(max-width:767px){#kw-about .rv-art .rv-record{border-radius:5px}#kw-about .rv-art .rv-cursor>span{border-radius:0 2px 2px 2px}}

/* User-marked upper-right placement; reserve space within the project header. */
#kw-about .rv-art .rv-stage,#kw-about .rv-art.rv-expanded .rv-stage{padding:10.5cqw 6cqw 6cqw}
#kw-about .rv-art .rv-record{left:auto;right:6cqw;top:6cqw;bottom:auto;width:40cqw;padding:1.1cqw 1.4cqw;border-radius:10px;z-index:3}
#kw-about .rv-art .rv-record:before{top:auto;bottom:-.6cqw;left:auto;right:5cqw;transform:rotate(225deg)}
#kw-about .rv-art .rv-record-heading{font-size:1cqw;margin-bottom:.65cqw;gap:.6cqw;line-height:1.35}
#kw-about .rv-art .rv-record-toggle{width:2.1cqw;height:2.1cqw}
#kw-about .rv-art .rv-record .rv-avatar{width:2.4cqw;height:2.4cqw;font-size:1cqw}
#kw-about .rv-art .rv-record .rv-message{gap:.8cqw}
#kw-about .rv-art .rv-record .rv-person{font-size:1.05cqw;line-height:1.35;margin:0 0 .3cqw}
#kw-about .rv-art .rv-record .rv-message p{font-size:1.1cqw;line-height:1.55}
#kw-about .rv-art .rv-record .rv-reply{margin-top:.65cqw;padding-top:.65cqw}
@media(max-width:767px){#kw-about .rv-art .rv-record{border-radius:5px}}

/* Base line boxes scale with the illustration, including narrow viewports. */
#kw-about .rv-art .rv-stage{font-size:1.485cqw;line-height:1.4}