/* Scoped production copy of hero-demos/assets/cinema/cases/common.css. */
/* Shared small objects; each case owns its composition and motion. */:where(#site-motion-hero) .case-art{position:relative;height:560px;min-width:0;isolation:isolate;perspective:1200px;color:#18314f;--case-muted:#576d88}:where(#site-motion-hero) .case-art *{box-sizing:border-box}:where(#site-motion-hero) .case-art svg{width:24px;height:24px;flex-shrink:0}:where(#site-motion-hero) .case-art strong,:where(#site-motion-hero) .case-art b{line-height:1.25}:where(#site-motion-hero) .case-art small{font-size:12px;line-height:1.45}:where(#site-motion-hero) .case-art p{margin:0}:where(#site-motion-hero) .case-art em{font-style:normal}:where(#site-motion-hero) .case-art .c-overline{font-size:10px;letter-spacing:.075em;text-transform:uppercase;display:block;color:var(--case-muted);margin-bottom:10px;font-weight:650}:where(#site-motion-hero) .case-art .c-title{display:block;font-size:23px;letter-spacing:-.025em;line-height:1.15}:where(#site-motion-hero) .case-art .c-note{display:block;font-size:12px;color:var(--case-muted);line-height:1.5;margin-top:9px}:where(#site-motion-hero) .case-art .c-pill{font-size:11px;padding:5px 10px;border-radius:20px;display:inline-flex;gap:6px;align-items:center;background:#eaf0ff;color:#2563eb;line-height:1.4;font-weight:600}:where(#site-motion-hero) .case-art .c-pill::before{content:'';height:5px;width:5px;border-radius:50%;background:currentColor}:where(#site-motion-hero) .case-art .c-action{display:flex;align-items:center;justify-content:center;padding:12px 15px;gap:9px;border-radius:6px;background:#2563eb;color:white;font-size:13px;font-weight:600}:where(#site-motion-hero) .case-art .c-check{height:25px;width:25px;border-radius:50%;display:grid;place-items:center;background:#e5f4ec;color:#21865e;flex-shrink:0}:where(#site-motion-hero) .case-art .c-check svg{width:15px;height:15px}:where(#site-motion-hero) .case-art .barcode{display:block;width:78px;height:25px;background:repeating-linear-gradient(90deg,#18314f 0 2px,transparent 2px 4px,#18314f 4px 5px,transparent 5px 8px,#18314f 8px 11px,transparent 11px 13px);margin-top:11px}:where(#site-motion-hero) .case-art .c-paper{position:absolute;background:#fff;border:1px solid #d7e2f0;box-shadow:0 12px 28px #14325214;border-radius:7px;padding:23px;transform-origin:center;transition:transform .95s cubic-bezier(.16,.8,.18,1),left .95s,top .95s,width .95s,height .95s,opacity .45s}:where(#site-motion-hero) .case-art .c-paper::before{content:'';height:4px;width:34px;background:#2563eb;display:block;margin-bottom:18px}:where(#site-motion-hero) .case-art .c-rule{height:1px;background:#e0e8f3;margin:16px 0}:where(#site-motion-hero) .case-art .c-lines i{display:block;height:4px;background:#e1e9f4;margin-top:13px}:where(#site-motion-hero) .case-art .c-lines i:nth-child(2){width:76%}:where(#site-motion-hero) .case-art .c-lines i:nth-child(3){width:88%}:where(#site-motion-hero) .case-art .c-window{position:absolute;background:#fff;border:1px solid #d7e2f0;border-radius:12px;box-shadow:0 16px 36px #0b24441a;overflow:hidden;transition:transform 1s cubic-bezier(.16,.8,.18,1),left 1s,top 1s,width 1s,height 1s,opacity .45s}:where(#site-motion-hero) .case-art .c-chrome{height:35px;background:#f6f9fd;border-bottom:1px solid #e0e8f3;display:flex;align-items:center;gap:5px;padding:0 14px}:where(#site-motion-hero) .case-art .c-chrome i{height:6px;width:6px;border-radius:50%;background:#c3d0e2}:where(#site-motion-hero) .case-art .c-chrome small{font-size:10px;color:#5d728d;margin:auto}:where(#site-motion-hero) .case-art .c-stamp{position:absolute;border:2px solid #288862;color:#288862;font-size:12px;font-weight:750;letter-spacing:.09em;padding:7px 14px;transform:rotate(-9deg);border-radius:4px}:where(#site-motion-hero) .case-art .c-metric{position:absolute;text-align:left;transition:transform 1s,opacity .5s;opacity:0;pointer-events:none}:where(#site-motion-hero) .case-art .c-metric b{display:block;font-size:clamp(78px,9vw,130px);font-weight:750;letter-spacing:-.08em;line-height:.95}:where(#site-motion-hero) .case-art .c-metric span{display:block;font-size:16px;margin-top:16px;line-height:1.45}:where(#site-motion-hero) .case-art .c-metric small{display:block;font-size:11px;margin-top:15px;opacity:1;line-height:1.5}:where(#site-motion-hero) .case-art .c-tick-list>span{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e3ebf5;font-size:14px}:where(#site-motion-hero) .case-art .c-tick-list svg{height:17px;width:17px;color:#24815f}:where(#site-motion-hero) .case-art .c-node{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b7cae8;border-radius:50%;background:#f2f6ff;color:#2563eb}:where(#site-motion-hero) .case-art .c-node svg{width:23px;height:23px}
@keyframes klhero-c-pop{0%{transform:scale(.8) translateY(22px);opacity:0}65%{transform:scale(1.025) translateY(-3px);opacity:1}100%{transform:none;opacity:1}}@keyframes klhero-c-strike{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes klhero-c-scan{0%{transform:translateY(-45px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(45px);opacity:0}}@keyframes klhero-c-pulse{0%,100%{box-shadow:0 0 0 0 #76adff00}50%{box-shadow:0 0 0 12px #76adff22}}
@media(max-width:600px){:where(#site-motion-hero) .case-art{height:550px}:where(#site-motion-hero) .case-art .c-title{font-size:21px}:where(#site-motion-hero) .case-art .c-note{font-size:12px}:where(#site-motion-hero) .case-art .c-paper{padding:20px}:where(#site-motion-hero) .case-art .c-metric b{font-size:95px}:where(#site-motion-hero) .case-art .c-metric span{font-size:17px}}
@media(prefers-reduced-motion:reduce){:where(#site-motion-hero) .case-art *{animation:none!important;transition:none!important}}