.case-card{background:var(--blue-deep);color:var(--white);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.case-card--carousel{--cut:32px;--inset:0px;height:587px;clip-path:polygon(var(--cut) var(--inset), 100% var(--inset), 100% calc(100% - var(--inset) - var(--cut)), calc(100% - var(--cut)) calc(100% - var(--inset)), 0 calc(100% - var(--inset)), 0 calc(var(--inset) + var(--cut)));transition:clip-path var(--dur) var(--ease);padding:40px}.case-card--carousel .case-card__body,.case-card--carousel .case-card__arrow{transition:opacity var(--dur-fast) var(--ease)}.case-card--carousel .case-card__arrow{position:absolute;bottom:50px;right:40px}@media (prefers-reduced-motion:reduce){.case-card--carousel{transition:none}}.case-card--grid{--cut:0px;isolation:isolate;aspect-ratio:1;background:0 0;min-height:320px;padding:32px}.case-card--grid:before{content:"";z-index:-1;background:var(--blue-deep);position:absolute;inset:0}.case-card--grid:before,.case-card--grid .case-card__image,.case-card--grid .case-card__overlay{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:clip-path var(--dur-hover) var(--ease-hover)}.case-card--grid .case-card__arrow{opacity:0;transition:opacity var(--dur-hover) var(--ease-hover),transform var(--dur-hover) var(--ease-hover);position:absolute;bottom:32px;right:32px;transform:translate(32px,32px)}.case-card--grid:hover,.case-card--grid:focus-within{--cut:32px}.case-card--grid:hover .case-card__arrow,.case-card--grid:focus-within .case-card__arrow{opacity:1;transform:none}.case-card__image{object-fit:cover;z-index:0}.case-card__overlay{background:linear-gradient(180deg, rgba(var(--ink-rgb), .55) 0%, rgba(var(--ink-rgb), .15) 60%, rgba(var(--ink-rgb), .6) 100%);z-index:1;position:absolute;inset:0}.case-card__body{z-index:2;flex-direction:column;gap:16px;max-width:760px;display:flex;position:relative}.case-card--grid .case-card__body{gap:8px}.case-card__caption{font-family:var(--font-mono);letter-spacing:-.07em;text-transform:uppercase;letter-spacing:-.05em;font-size:clamp(24px,2.23vw,32px);font-weight:500;line-height:1.2}.case-card--grid .case-card__caption{font-family:var(--font-mono);letter-spacing:-.05em;text-transform:uppercase;letter-spacing:-.05em;font-size:16px;font-weight:500;line-height:1.4}.case-card__summary{font-family:var(--font-sans);letter-spacing:0;font-size:clamp(16px,1.39vw,20px);font-weight:400;line-height:1.5}.case-card__title{font-family:var(--font-mono);letter-spacing:-.05em;font-size:20px;font-weight:600;line-height:1.4}.case-card__link:after{content:"";z-index:3;position:absolute;inset:0}.case-card__result{font-family:var(--font-sans);letter-spacing:0;font-size:16px;font-weight:400;line-height:1.5}.case-card__arrow{z-index:3;background:var(--white);width:72px;height:72px;color:var(--ink);clip-path:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));place-items:center;display:grid;position:relative}@media (prefers-reduced-motion:reduce){.case-card--grid:before,.case-card--grid .case-card__image,.case-card--grid .case-card__overlay,.case-card--grid .case-card__arrow{transition:none}}@media (hover:none){.case-card--grid .case-card__arrow{opacity:1;transform:none}}@media (max-width:768px){.case-card--carousel{height:373px;padding:24px}.case-card--carousel .case-card__caption{font-size:24px;line-height:1.32}.case-card--carousel .case-card__summary{font-size:16px}.case-card--grid{padding:24px}}.case-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.case-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.case-grid{grid-template-columns:1fr}}