/* 首页插画槽位：图片文件存在时才由 company-assets.js 插入，缺图时页面保持原样 */
.co-art{margin:0 auto;max-width:1120px;padding:0 20px;box-sizing:border-box}
.co-art .co-art-frame{position:relative;overflow:hidden;border-radius:6px;background:#eaf0e5;aspect-ratio:var(--co-ratio,16/9);
  clip-path:inset(0 0 100% 0);transition:clip-path .9s cubic-bezier(.2,.7,.2,1)}
.co-art.is-in .co-art-frame{clip-path:inset(0 0 0 0)}
.co-art img{display:block;width:100%;height:116%;object-fit:cover;transform:translate3d(0,var(--co-shift,0px),0);will-change:transform}
.co-art figcaption{display:none}
[data-art="hero"] .co-art{max-width:none;padding:0}
[data-art="hero"] .co-art-frame{--co-ratio:16/7;border-radius:0}
[data-art="acquire"] .co-art-frame,[data-art="convert"] .co-art-frame,
[data-art="deliver"] .co-art-frame,[data-art="upgrade"] .co-art-frame{--co-ratio:16/7}
[data-art] .co-art{margin-top:8px;margin-bottom:24px}
/* 纸张颗粒：仅在 grain 图存在时启用 */
html.co-has-grain body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;
  background-image:var(--co-grain);background-size:480px;opacity:.28;mix-blend-mode:multiply}
@media (prefers-color-scheme:dark){html.co-has-grain body::after{opacity:.08;mix-blend-mode:screen}}
@media (max-width:640px){.co-art{padding:0 16px}[data-art="hero"] .co-art-frame{--co-ratio:4/3}
  [data-art] .co-art-frame{--co-ratio:4/3}}
@media (prefers-reduced-motion:reduce){
  .co-art .co-art-frame{clip-path:none;transition:none}
  .co-art img{height:100%;transform:none;will-change:auto}}
