.case-visual{margin:0}.case-visual-frame{--case-x:0;--case-y:0;--case-active:0;--case-spot:#e1341e;display:block;position:relative;overflow:hidden;isolation:isolate;background:var(--ink);border:1px solid var(--ink)}.case-image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.012 + var(--case-active)*.018)) translate3d(calc(var(--case-x)*-7px),calc(var(--case-y)*-5px),0);transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s ease;will-change:transform}.case-visual-frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(.04 + var(--case-active)*.1);background-image:radial-gradient(#f4f0e7 .55px,transparent .8px);background-size:3px 3px;mix-blend-mode:soft-light;transition:opacity .3s ease}.case-visual-mark{position:absolute;z-index:3;pointer-events:none;border:1px solid var(--paper);opacity:calc(.18 + var(--case-active)*.48);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}.case-visual-mark.mark-a{width:20%;aspect-ratio:1;right:5%;top:9%;border-radius:50%;transform:translate3d(calc(var(--case-x)*12px),calc(var(--case-y)*9px),0)}.case-visual-mark.mark-b{width:28%;height:13%;left:-4%;bottom:7%;border:0;background:var(--case-spot);mix-blend-mode:multiply;clip-path:polygon(0 13%,14% 4%,30% 11%,48% 1%,64% 10%,82% 3%,100% 14%,97% 86%,80% 96%,62% 87%,42% 98%,23% 88%,5% 96%);transform:rotate(-6deg) translate3d(calc(var(--case-x)*-13px),calc(var(--case-y)*-7px),0);opacity:calc(.15 + var(--case-active)*.58)}.case-visual-frame small{position:absolute;left:14px;bottom:13px;z-index:4;padding:6px 8px;background:#14110cd1;color:var(--paper);font:9px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.case-card-visual{margin-bottom:20px}.case-card-visual .case-visual-frame{aspect-ratio:16/9}.case-hero-visual{max-width:1600px;margin:0 auto;border-bottom:1px solid var(--ink)}.case-hero-visual .case-visual-frame{border-left:0;border-right:0;aspect-ratio:16/9;max-height:760px}.case-library-card{min-height:420px}.case-library-card .eyebrow{margin-top:1px}.case-library-card h2{margin-top:15px}.case-library-card p{font-weight:650;color:var(--ink)}@media(hover:hover)and (pointer:fine){.case-library-card:hover .case-visual-frame,.case-hero-visual .case-visual-frame:hover{--case-active:1}.case-library-card:hover .case-image,.case-hero-visual .case-visual-frame:hover .case-image{filter:saturate(.88) contrast(1.05)}.case-library-card:hover{text-decoration:none}.case-library-card:hover .case-visual-mark.mark-b{transform:rotate(-10deg) translate3d(calc(var(--case-x)*-13px),calc(var(--case-y)*-7px),0)}}.case-library-card:focus-visible .case-visual-frame{--case-active:1}.case-library-card:focus-visible{text-decoration:none}.case-library-card:focus-visible .case-image{filter:saturate(.88) contrast(1.05)}@media(max-width:720px){.case-library-card{min-height:0}.case-card-visual{margin-bottom:18px}.case-hero-visual .case-visual-frame{aspect-ratio:4/3}.case-hero-visual .case-image{object-position:center}.case-visual-mark.mark-a{width:25%}.case-visual-mark.mark-b{width:38%}.case-visual-frame small{font-size:8px;left:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){.case-image,.case-visual-mark,.case-visual-frame:after{transition:none!important;transform:none!important}.case-visual-frame{--case-active:0!important;--case-x:0!important;--case-y:0!important}}