.case-stack{--stack-step:8px;--stack-top:calc(var(--header-height) + env(safe-area-inset-top) + 17px);isolation:isolate;display:flow-root;position:relative}.case-stack-marker{pointer-events:none;view-timeline-axis:block;view-timeline-inset:var(--stack-top) 0;height:1px;margin-bottom:-1px;display:block}.case-stack-item{z-index:calc(var(--card-index) + 1);margin-bottom:clamp(64px,11svh,120px);position:relative}.case-stack-item:last-child{margin-bottom:0}.case-stack[data-stacked=true]>.case-stack-item{top:calc(var(--stack-top) + var(--card-index) * var(--stack-step));position:sticky}.case-card{--case-accent:#91acff;--case-wash:#375be51a;background:radial-gradient(ellipse at 100% 0,var(--case-wash),transparent 60%),#101520;transform-origin:50% 0;min-width:0;scroll-margin-top:calc(var(--stack-top) + 16px);border:1px solid #3c4d6e;border-radius:22px;transition:border-color .25s;display:block;position:relative;overflow:clip;box-shadow:0 25px 60px -35px #000,inset 0 1px #ffffff10}.case-card.tone-mint{--case-accent:#94e8d1;--case-wash:#348a701c}.case-card.tone-peach{--case-accent:#ffbf95;--case-wash:#bd6d301c}.case-card:before{content:"";background:linear-gradient(90deg,transparent,var(--case-accent),transparent);pointer-events:none;height:1px;position:absolute;inset:0 18% auto}.case-card:hover{border-color:var(--case-accent)}.case-card:focus-visible{outline:2px solid var(--case-accent);outline-offset:5px}.case-card-top{background:#ffffff02;border-bottom:1px solid #ffffff10;align-items:center;gap:25px;min-height:62px;padding:14px 32px;display:flex}.case-card-index{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:8px;display:flex}.case-card-number{color:var(--case-accent);font-size:16px;font-weight:600}.case-card-count{color:#78859d;font-size:11px}.case-card-category{letter-spacing:.08em;color:#b3bdd0;font-size:11px}.case-card-link{white-space:nowrap;color:#d9e3f6;align-items:center;gap:14px;margin-left:auto;font-size:11px;display:flex}.case-card-link>.arrow{color:var(--case-accent);font-size:21px}.case-card-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;min-height:280px;display:grid}.case-card-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:26px 32px;display:flex}.case-card-client{color:var(--case-accent);letter-spacing:.14em;font-size:10px;line-height:1.65}.case-card-copy>h3{letter-spacing:-.045em;text-wrap:balance;max-width:450px;margin-top:14px;font-size:clamp(25px,2.7vw,38px);line-height:1.13}.case-card-summary{color:#aab6ca;max-width:420px;margin-top:14px;font-size:12px;line-height:1.65}.case-card-tags{flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none;display:flex}.case-card-tags>li{letter-spacing:.02em;color:#a3b2cc;background:#ffffff03;border:1px solid #ffffff13;border-radius:4px;padding:6px 9px;font-size:9px;line-height:1.4}.case-card-visual{background:radial-gradient(ellipse at 55% 40%,var(--case-wash),transparent 70%);flex-direction:column;justify-content:center;min-width:0;margin:0;padding:22px 24px 22px 0;display:flex;position:relative}.case-card-visual:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#a3bdff08 1px,#0000 1px),linear-gradient(90deg,#a3bdff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:10px;position:absolute;inset:24px 16px 18px 4px}.case-card-frame{height:clamp(180px,26svh,260px);transition:transform .55s var(--ease);background:#080c14;border:1px solid #b7c9ff29;border-radius:12px;position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-4deg)rotateX(1deg);box-shadow:0 18px 45px #00000050}.case-card-frame>picture,.case-card-frame img{width:100%;height:100%}.case-card-frame img{object-fit:cover;object-position:center}.case-card:hover .case-card-frame{transform:perspective(1400px)rotateY(0)rotateX(0)translateY(-3px)}.case-card-caption{color:#8696b4;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:0 3px;font-size:10px;line-height:1.5;display:flex;position:relative}.case-card-caption>span:first-child{color:#bcc9e0}.case-card-caption>span:last-child{text-align:right}.case-card-dense .case-card-body{min-height:0}.case-card-dense .case-card-copy>h3{font-size:32px}.case-card-dense .case-card-summary{display:none}.case-card-dense .case-card-visual{padding-block:18px}.case-card-dense .case-card-frame{height:160px}.case-card-dense .case-card-frame img{object-position:center 20%}.case-card-dense .case-card-caption{margin-top:12px}.case-stack:has(.case-card:focus-visible)>.case-stack-item{position:relative;top:auto}.case-stack:has(.case-card:focus-visible) .case-card{animation:none;transform:none}@supports (animation-timeline:view()){.case-stack[data-stacked=true]>.case-stack-item:not(:last-child)>.case-card{animation:linear both case-stack-depth;animation-timeline:var(--next-timeline);animation-range:cover 15%}.case-stack:has(.case-card:focus-visible)>.case-stack-item>.case-card{animation:none;transform:none}@keyframes case-stack-depth{0%{transform:scale(1)}to{transform:scale(var(--card-scale))}}}@media (width>=768px) and (width<=1100px){.case-card-top{gap:18px;padding-inline:24px}.case-card-copy{padding:24px}.case-card-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:280px}.case-card-copy>h3{font-size:28px}.case-card-visual{padding:22px 20px 22px 0}}@media (width<=767px){.case-stack{--stack-step:6px;--stack-top:calc(var(--header-height) + env(safe-area-inset-top) + 13px)}.case-stack-item{margin-bottom:64px}.case-card{border-radius:15px}.case-card-top{gap:14px;min-height:48px;padding:10px 19px}.case-card-number{font-size:13px}.case-card-count{font-size:9px}.case-card-category{letter-spacing:.025em;font-size:10px;line-height:1.5}.case-card-link{gap:0;font-size:0}.case-card-link>.arrow{font-size:20px}.case-card-body{grid-template-columns:minmax(0,1fr);min-height:0}.case-card-visual{grid-row:1;padding:14px 14px 0}.case-card-visual:before{background-size:24px 24px;inset:8px 8px 0}.case-card-frame{border-radius:8px;height:clamp(110px,16svh,145px);transform:none}.case-card:hover .case-card-frame{transform:none}.case-card-caption{gap:12px;margin-top:9px;font-size:9px}.case-card-caption>span:last-child{display:none}.case-card-copy{padding:18px 20px}.case-card-client{letter-spacing:.1em;font-size:10px}.case-card-copy>h3{max-width:500px;margin-top:10px;font-size:24px;line-height:1.16}.case-card-summary{display:none}.case-card-tags{gap:6px;margin:12px 0 0}.case-card-tags>li{padding:5px 7px;font-size:8px}.case-card-dense .case-card-body{grid-template-columns:minmax(0,1fr) 90px}.case-card-dense .case-card-copy{padding:18px}.case-card-dense .case-card-copy>h3{font-size:22px}.case-card-dense .case-card-tags{display:none}.case-card-dense .case-card-visual{grid-row:auto;padding:14px 14px 14px 0}.case-card-dense .case-card-frame{height:110px}.case-card-dense .case-card-caption{display:none}}@media (width<=359px){.case-card-top{gap:11px;padding-inline:15px}.case-card-copy{padding:16px}.case-card-copy>h3{font-size:22px}.case-card-tags>li{padding:5px 6px;font-size:8px}.case-card-dense .case-card-body{grid-template-columns:minmax(0,1fr) 72px}.case-card-dense .case-card-copy{padding:14px}.case-card-dense .case-card-copy>h3{font-size:20px}.case-card-dense .case-card-client{font-size:9px}.case-card-dense .case-card-visual{padding-right:10px}}@media (prefers-reduced-motion:reduce){.case-stack>.case-stack-item{position:relative!important;top:auto!important}.case-stack .case-card{animation:none!important;transform:none!important}.case-card-frame{transition:none;transform:none}}