.cases-page{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--side-pad:96px;--max-width:1440px;--ease-enter:cubic-bezier(0.16,1,0.3,1);--dur-short:200ms;--surface:#ffffff;--tone:#f0f4f7;--fg-soft:var(--muted-on-light);--accent:var(--coral);--chip:#d8e3fb;--ghost:rgba(169,180,185,0.2);--edge:0 0 0 1px var(--ghost);--shadow:0 1px 2px rgba(42,52,57,.06),0 12px 32px -12px rgba(42,52,57,.18);--ink:#2a3439;--ink-soft:#b4bfc5;--ink-accent:#89b4fa;--r-sm:6px;--r-md:12px;--r-lg:18px;--r-pill:999px;background:var(--light-bg);color:var(--fg-on-light);font-family:var(--sans);word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}.cases-page *{box-sizing:border-box;margin:0;padding:0}.cases-page a{color:inherit;text-decoration:none;cursor:pointer}.cases-page button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}.cases-page .cp-header{background:var(--surface);color:var(--fg-on-light);padding:var(--space-2xl) var(--side-pad) var(--space-3xl);position:relative}.cases-page .cp-header>*{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto}.cases-page .cp-back{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:36px;font-size:14px;font-weight:600;color:var(--fg-soft);margin-bottom:var(--space-xl);transition:color var(--dur-short) var(--ease-enter)}.cases-page .cp-back:hover{color:var(--accent)}.cases-page .cp-back:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.cases-page .cp-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-md)}.cases-page .cp-title{font-family:var(--sans);font-weight:800;font-size:clamp(38px,4.6vw,60px);line-height:1.12;letter-spacing:-.03em;text-wrap:balance;margin-bottom:var(--space-lg)}.cases-page .cp-title-en{display:block;font-size:clamp(18px,1.55vw,22px);font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--fg-soft);margin-bottom:var(--space-md)}.cases-page .cp-subtitle{font-size:clamp(16px,1.35vw,18px);color:var(--fg-soft);line-height:1.65;max-width:640px}.cases-page .cp-summary{margin-top:var(--space-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:12px;border-radius:var(--r-lg);background:var(--tone)}.cases-page .cp-stat{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:var(--r-md);background:var(--surface)}.cases-page .cp-stat-label{font-size:13px;font-weight:600;color:var(--fg-soft)}.cases-page .cp-stat-value{font-family:var(--sans);font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg-on-light)}.cases-page .cp-stat-value.coral{color:var(--accent)}.cases-page .cp-body{background:var(--light-bg);padding:var(--space-3xl) var(--side-pad)}.cases-page .cp-body-inner{max-width:var(--max-width);margin:0 auto}.cases-page .cp-controls{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.cases-page .cp-search-wrap{position:relative;max-width:480px}.cases-page .cp-search{width:100%;min-height:48px;background:var(--surface);border:0;border-radius:var(--r-md);box-shadow:var(--edge);color:var(--fg-on-light);padding:12px 16px 12px 44px;font-family:var(--sans);font-size:15px;outline:none;transition:box-shadow var(--dur-short) var(--ease-enter)}.cases-page .cp-search:focus{box-shadow:0 0 0 2px var(--accent)}.cases-page .cp-search:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.cases-page .cp-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--dim-on-light);pointer-events:none;font-size:15px}.cases-page .cp-filter-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.cases-page .cp-filter-btn{font-family:var(--sans);font-size:13px;font-weight:600;min-height:36px;padding:0 16px;border-radius:var(--r-pill);background:var(--tone);color:var(--fg-soft);transition:background var(--dur-short) var(--ease-enter),color var(--dur-short) var(--ease-enter)}.cases-page .cp-filter-btn:hover{background:var(--chip);color:var(--accent)}.cases-page .cp-filter-btn[aria-pressed=true]{background:var(--accent);color:#fff}.cases-page .cp-filter-btn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.cases-page .cp-result-count{font-size:13px;color:var(--fg-soft);margin-bottom:var(--space-md)}.cases-page .cp-result-count strong{color:var(--fg-on-light);font-weight:700}.cases-page .cp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;border-radius:var(--r-lg);background:var(--tone)}.cases-page .cp-card{border-radius:var(--r-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:box-shadow var(--dur-short) var(--ease-enter);background:var(--surface);position:relative;--tilt-x:0deg;--tilt-y:0deg;--lift:0px;--card-scale:1;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift)) scale(var(--card-scale));transform-style:preserve-3d}.cases-page .cp-card.is-active{--lift:-4px;--card-scale:1.015;box-shadow:var(--shadow)}.cases-page .cp-card:before{content:"";position:absolute;inset:0;border:2px solid var(--accent);border-radius:inherit;opacity:0;transform:scale(.97);transform-origin:center;transition:opacity var(--dur-short) var(--ease-enter),transform .36s var(--ease-enter);pointer-events:none;z-index:2}.cases-page .cp-card.is-active:before{opacity:1;transform:scale(1)}.cases-page .cp-card.is-hidden{opacity:0;transform:perspective(900px) translateY(24px) scale(.96)}.cases-page .cp-card.is-revealing{transition:opacity .56s var(--ease-enter),transform .56s var(--ease-enter)}.cases-page .cp-card.is-flipping{transition:transform .48s var(--ease-enter);z-index:1}.cases-page .cp-result-count strong{transition:opacity var(--dur-short) var(--ease-enter)}.cases-page .cp-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.cases-page .cp-platform-badge{font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 10px;border-radius:var(--r-pill);flex-shrink:0;text-transform:uppercase}.cases-page .cp-platform-badge.dacon{background:var(--chip);color:var(--accent)}.cases-page .cp-platform-badge.daker{background:var(--accent);color:#fff}.cases-page .cp-type-tag{font-size:12px;font-weight:600;color:var(--fg-soft)}.cases-page .cp-card-name{font-family:var(--sans);font-weight:700;font-size:15px;line-height:1.35;letter-spacing:-.01em;color:var(--fg-on-light);transition:color var(--dur-short);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cases-page .cp-card-name:hover{color:var(--coral)}.cases-page .cp-card-name:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.cases-page .cp-card-name:after{content:"";position:absolute;inset:0}.cases-page .cp-card-meta{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--ghost);font-size:13px;font-variant-numeric:tabular-nums}.cases-page .cp-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm)}.cases-page .cp-meta-label{color:var(--fg-soft);flex-shrink:0}.cases-page .cp-meta-value{color:var(--fg-on-light);text-align:right}.cases-page .cp-meta-value.prize{color:var(--coral);font-weight:700}.cases-page .cp-empty{grid-column:1/-1;padding:var(--space-4xl) var(--space-xl);text-align:center;font-size:15px;color:var(--fg-soft);border-radius:var(--r-md);background:var(--surface)}.cases-page .cp-cta{background:var(--ink);color:#fff;padding:var(--space-3xl) var(--side-pad);position:relative}.cases-page .cp-cta>*{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto}.cases-page .cp-cta-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.cases-page .cp-cta h3{font-weight:800;font-size:clamp(28px,4vw,48px);letter-spacing:-.035em;line-height:1.1}.cases-page .cp-cta p{color:var(--ink-soft);font-size:17px;line-height:1.6;max-width:560px}.cases-page .cp-cta-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.cases-page .cp-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:var(--r-sm);font-size:15px;font-weight:700;transition:all var(--dur-short) var(--ease-enter)}.cases-page .cp-btn:focus-visible{outline:2px solid var(--ink-accent);outline-offset:3px}.cases-page .cp-btn-primary{background:var(--coral);color:#fff}.cases-page .cp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,83,219,.3)}.cases-page .cp-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.cases-page .cp-btn-secondary:hover{border-color:#fff}@media (max-width:1280px){.cases-page .cp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.cases-page{--side-pad:48px}.cases-page .cp-grid{grid-template-columns:repeat(2,1fr)}.cases-page .cp-summary{gap:var(--space-2xl)}}@media (max-width:640px){.cases-page{--side-pad:16px}.cases-page .cp-grid{grid-template-columns:1fr;padding:8px;gap:8px}.cases-page .cp-title{font-size:clamp(32px,9vw,56px)}.cases-page .cp-search-wrap{max-width:100%}.cases-page .cp-cta-actions{flex-direction:column}.cases-page .cp-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.cases-page .cp-card,.cases-page .cp-card.is-flipping,.cases-page .cp-card.is-hidden,.cases-page .cp-card.is-revealing{transform:none!important;transition:none!important;opacity:1!important}.cases-page .cp-card.is-active{--lift:0px;--card-scale:1}.cases-page .cp-card.is-active:before,.cases-page .cp-card:before,.cases-page .cp-result-count strong{transition:none!important}}