.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;background:var(--light-bg);color:var(--fg-on-light);font-family:var(--sans);-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(--dark-bg);color:var(--fg-on-dark);padding:var(--space-3xl) var(--side-pad) var(--space-2xl);position:relative}.cases-page .cp-header:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");pointer-events:none;z-index:0;opacity:.55}.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);font-family:var(--mono);font-size:12px;color:var(--dim-on-dark);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-xl);transition:color var(--dur-short) var(--ease-enter)}.cases-page .cp-back:hover{color:var(--fg-on-dark)}.cases-page .cp-back:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.cases-page .cp-kicker{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:var(--space-md)}.cases-page .cp-title{font-family:var(--sans);font-weight:900;font-size:clamp(40px,5.5vw,80px);line-height:.97;letter-spacing:-.045em;margin-bottom:var(--space-lg)}.cases-page .cp-title-en{display:block;font-size:.45em;font-weight:500;letter-spacing:.12em;color:var(--dim-on-dark);font-family:var(--mono);margin-bottom:var(--space-sm);text-transform:uppercase}.cases-page .cp-subtitle{font-size:18px;color:var(--muted-on-dark);line-height:1.55;max-width:640px}.cases-page .cp-summary{background:rgba(250,250,248,.04);border-top:1px solid var(--line-on-dark);border-bottom:1px solid var(--line-on-dark);padding:var(--space-lg) 0;margin-top:var(--space-2xl);display:flex;gap:var(--space-3xl);flex-wrap:wrap}.cases-page .cp-stat{display:flex;flex-direction:column;gap:4px}.cases-page .cp-stat-label{font-family:var(--mono);font-size:10px;color:var(--dim-on-dark);letter-spacing:.14em;text-transform:uppercase}.cases-page .cp-stat-value{font-family:var(--sans);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--fg-on-dark)}.cases-page .cp-stat-value.coral{color:var(--coral)}.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-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--line-on-light)}.cases-page .cp-search-wrap{position:relative;max-width:480px}.cases-page .cp-search{width:100%;background:#fff;border:1px solid var(--line-on-light);color:var(--fg-on-light);padding:14px 16px 14px 44px;font-family:var(--sans);font-size:15px;outline:none;border-radius:0;transition:border-color var(--dur-short) var(--ease-enter)}.cases-page .cp-search:focus{border-color:var(--coral)}.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(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--line-on-light);color:var(--muted-on-light);transition:all var(--dur-short) var(--ease-enter);border-radius:0}.cases-page .cp-filter-btn:hover{border-color:var(--coral);color:var(--coral)}.cases-page .cp-filter-btn[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:#fff}.cases-page .cp-filter-btn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.cases-page .cp-result-count{font-family:var(--mono);font-size:11px;color:var(--dim-on-light);letter-spacing:.1em;margin-bottom:var(--space-xl)}.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:var(--space-xl)}.cases-page .cp-card{border:1px solid var(--line-on-light);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);transition:border-color var(--dur-short) var(--ease-enter),box-shadow var(--dur-short) var(--ease-enter);background:#fff;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;border-color:var(--coral);box-shadow:0 16px 40px rgba(0,83,219,.16),0 4px 12px rgba(10,14,26,.06)}.cases-page .cp-card:before{content:"";position:absolute;inset:-1px;border:1.5px solid var(--coral);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-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.14em;padding:3px 8px;border:1px solid;flex-shrink:0;text-transform:uppercase}.cases-page .cp-platform-badge.dacon{border-color:rgba(30,79,255,.5);color:#4A6FDB}.cases-page .cp-platform-badge.daker{border-color:rgba(0,83,219,.5);color:var(--coral)}.cases-page .cp-type-tag{font-family:var(--mono);font-size:9px;color:var(--dim-on-light);letter-spacing:.1em;text-transform:uppercase}.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(--line-on-light);font-family:var(--mono);font-size:11px}.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(--dim-on-light);letter-spacing:.06em;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-family:var(--mono);font-size:13px;color:var(--dim-on-light);letter-spacing:.08em;border:1px dashed var(--line-on-light)}.cases-page .cp-cta{background:var(--dark-bg);color:var(--fg-on-dark);padding:var(--space-3xl) var(--side-pad);position:relative}.cases-page .cp-cta:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");pointer-events:none;z-index:0;opacity:.55}.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(--muted-on-dark);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;padding:16px 28px;font-size:15px;font-weight:600;transition:all var(--dur-short) var(--ease-enter)}.cases-page .cp-btn:focus-visible{outline:2px solid var(--coral);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(250,250,248,.25);color:var(--fg-on-dark)}.cases-page .cp-btn-secondary:hover{border-color:var(--fg-on-dark)}@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:24px}.cases-page .cp-grid{grid-template-columns:1fr}.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}}