.cases-page{--case-edge:#a9b8d333;--case-muted:#697687;background:var(--color-surface);overflow-x:clip}
.cases-wrap{max-width:1248px;margin:auto;padding:0 24px}.cases-page [hidden]{display:none!important}
.cases-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 30% 30%,#c4cafa26,transparent 60%);border-bottom:1px solid var(--case-edge)}
.cases-aura{position:absolute;z-index:-1;width:600px;height:600px;right:-150px;top:-200px;border-radius:50%;background:radial-gradient(circle,#b4a2dd45,transparent 65%);animation:case-aura 16s ease-in-out infinite alternate;pointer-events:none}
.cases-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center;padding-top:56px;padding-bottom:56px}
.cases-label{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--color-brand-300);font-weight:600;margin:0 0 20px}.cases-label:before{content:'';height:1px;width:32px;background:currentColor;opacity:.5}
.cases-page :is(h1:not(.page-name),.page-hero-title){font:600 clamp(36px,3.7vw,50px)/1.08 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.045em;margin:0 0 26px;background:none;color:var(--color-text);-webkit-text-fill-color:currentColor}
.cases-page :is(h1:not(.page-name),.page-hero-title) span,.cases-section-head h2 span,.cases-ending h2 span{background:var(--text-spectrum);background-clip:text;-webkit-text-fill-color:transparent}
.cases-lead{max-width:450px;font-size:16px;line-height:1.65;color:var(--case-muted);margin-bottom:28px}
.cases-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 23px;border:0;border-radius:999px;background:linear-gradient(110deg,#3268c6,#6255b7);color:#fff;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .25s,box-shadow .25s;box-shadow:0 6px 20px #405bbf22}
.cases-button span{transition:transform .25s}.cases-button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #405bbf40}.cases-button:hover span{transform:translate(3px,-2px)}
.cases-facts{display:flex;gap:22px;margin-top:38px;padding-top:24px;border-top:1px solid var(--case-edge)}.cases-facts>div{flex:1}.cases-facts b{display:block;font-size:27px;font-weight:500;letter-spacing:-.04em;color:var(--color-brand-300)}.cases-facts span{display:block;font-size:11px;color:var(--case-muted);max-width:105px}
.cases-feature{position:relative;display:block;isolation:isolate;height:460px;overflow:hidden;border-radius:28px;background:#1d2330;color:white;text-decoration:none;box-shadow:0 22px 55px #162c4c26;transform:rotate(1.5deg);transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.cases-feature>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform 1s}.cases-feature:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,#12152244,transparent 40%,#121522ed);z-index:0}
.cases-feature:hover{transform:rotate(0) translateY(-5px);box-shadow:0 28px 65px #162c4c35}.cases-feature:hover>img{transform:scale(1.05)}
.feature-top,.feature-bottom{position:absolute;z-index:1;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-top{top:24px;font-size:11px}.feature-top span{padding:6px 12px;border:1px solid #ffffff33;border-radius:30px;backdrop-filter:blur(15px);background:#ffffff0d}.feature-bottom{bottom:28px;align-items:flex-end}.feature-bottom small{font-size:11px;opacity:.6}.cases-page .feature-bottom h2{font-size:48px;line-height:1;margin:12px 0;color:#fff;letter-spacing:-.05em}.feature-bottom p{font-size:12px;opacity:.75;margin:0}.feature-arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#ffffff18;border:1px solid #ffffff33;backdrop-filter:blur(12px);transition:transform .3s}.cases-feature:hover .feature-arrow{transform:rotate(45deg)}
.cases-projects{padding:64px 0;background:var(--color-bg)}.cases-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.cases-section-head h2{font-size:32px;letter-spacing:-.035em;margin:0}.cases-section-head>p{font-size:13px;color:var(--case-muted);margin:0}.cases-section-head .cases-label{margin-bottom:12px}
.cases-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}.cases-filters{display:flex;gap:6px;flex-wrap:wrap}.cases-filters button{border:1px solid var(--case-edge);background:var(--color-surface);color:var(--color-text);padding:10px 18px;border-radius:99px;font-size:13px;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s}.cases-filters button span{font-size:10px;margin-left:6px;opacity:.6}.cases-filters button[aria-pressed=true]{background:#30394d;color:#fff;border-color:#30394d;box-shadow:0 4px 12px #26385818}.cases-filters button:hover{box-shadow:0 4px 16px #5269a322}
.case-search{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--case-edge);border-radius:99px;background:var(--color-surface);width:240px}.case-search svg{width:17px;height:17px;fill:none;stroke:var(--case-muted);stroke-width:1.5;flex:none}.case-search input{width:100%;min-width:0;border:0;background:none;outline:none;color:var(--color-text);font-size:13px}.case-search:focus-within{outline:2px solid #8195c8;outline-offset:2px}
.cases-count{font-size:11px;color:var(--case-muted);margin:20px 0 14px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.work-card{position:relative;isolation:isolate;min-width:0;border:1px solid var(--case-edge);border-radius:22px;overflow:hidden;text-decoration:none;color:var(--color-text);background:var(--color-surface);box-shadow:0 5px 20px #263d5707;transition:transform .4s,border-color .4s,box-shadow .4s}
.work-card:after{content:'';position:absolute;inset:0;z-index:2;background:radial-gradient(350px circle at var(--px,50%) var(--py,0%),#a3b5ee25,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}.work-card:hover:after{opacity:1}.work-card:hover{transform:translateY(-6px);border-color:#8c9cc26b;box-shadow:0 18px 35px #253a6017}
.work-cover{position:relative;overflow:hidden;aspect-ratio:1.65;background:#263149}.work-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.75)}.work-card:hover img{transform:scale(1.055);filter:saturate(1)}
.work-index{position:absolute;top:14px;left:14px;display:grid;place-items:center;min-width:30px;height:26px;border-radius:8px;font-size:10px;color:#fff;background:#131a304d;backdrop-filter:blur(10px);border:1px solid #ffffff1a}.work-open{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffffdf;color:#263550;font-size:20px;transition:transform .3s}.work-card:hover .work-open{transform:rotate(45deg)}
.case-type-art{height:100%;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:32px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#7d77b36b,transparent 70%),#263149;color:#edf1fa}.case-type-art>span{font-size:clamp(22px,2.6vw,33px);font-weight:600;letter-spacing:-.045em;line-height:1.12;z-index:1;overflow-wrap:anywhere}.case-type-art small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-top:12px;opacity:.5;z-index:1}.case-type-art i{position:absolute;width:150px;height:150px;right:-25px;bottom:-70px;border-radius:40px;border:1px solid #c3c8ee3b;transform:rotate(25deg);box-shadow:0 0 0 24px #b9c6ee09;transition:transform .8s}.work-card:hover .case-type-art i{transform:rotate(55deg) translateY(-10px)}
.work-card:nth-child(3n+2) .case-type-art{background:radial-gradient(ellipse at 0 100%,#5e75af66,transparent 75%),#302840}.work-card:nth-child(3n) .case-type-art{background:radial-gradient(ellipse at 90% 10%,#7389a75e,transparent 70%),#263c49}
.work-meta{padding:20px 22px 24px}.work-meta>span{font-size:10px;letter-spacing:.04em;color:var(--case-muted)}.cases-page .work-meta h2{font-size:22px;line-height:1.2;margin:10px 0;letter-spacing:-.035em;color:var(--color-text)}.work-meta p{font-size:12px;line-height:1.5;margin:0;color:var(--case-muted)}
.cases-more{text-align:center;margin-top:32px}.cases-button-light{background:var(--color-surface);border:1px solid var(--case-edge);color:var(--color-brand-300);box-shadow:none}.cases-empty{text-align:center;padding:56px 20px}.cases-empty p{color:var(--case-muted)}
.cases-ending{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:64px;padding-bottom:64px}.cases-ending h2{font-size:40px;line-height:1.12;margin:0 0 20px;letter-spacing:-.035em}.cases-ending p:not(.cases-label){font-size:14px;color:var(--case-muted);margin:0}.cases-page site-footer-v2{margin-top:0}
.cases-page :is(a,button):focus-visible{outline:2px solid #8095d0;outline-offset:4px}
.work-card.is-new{animation:case-enter .5s both;animation-delay:calc(var(--order,0)*35ms)}
@keyframes case-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes case-aura{to{transform:translate(-90px,90px) scale(1.15)}}
html[data-theme=dark] .cases-page{--case-edge:#8e9fbd26;--case-muted:#a5b1c5}html[data-theme=dark] .cases-filters button[aria-pressed=true]{background:#b9c8ec;color:#202a40}html[data-theme=dark] .case-search{background:#202938}
@media(max-width:1000px){.cases-hero-grid{gap:30px}.cases-feature{height:420px}.works-grid{gap:16px}.work-meta{padding:18px}.cases-facts{gap:12px}}
@media(max-width:760px){.cases-hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:36px}.cases-feature{height:360px;transform:none}.cases-page :is(h1:not(.page-name),.page-hero-title){font-size:38px;max-width:550px}.cases-facts{margin-top:28px}.cases-section-head>p{display:none}.cases-tools{align-items:stretch;flex-direction:column}.case-search{width:100%}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cases-projects{padding:40px 0}.cases-ending h2{font-size:32px}.cases-ending{padding-top:40px;padding-bottom:40px}.work-meta h2{font-size:20px!important}.case-type-art{padding:24px}.case-type-art>span{font-size:26px}}
@media(max-width:480px){.cases-wrap{padding-left:20px;padding-right:20px}.cases-page :is(h1:not(.page-name),.page-hero-title){font-size:34px}.cases-lead{font-size:14px}.cases-feature{height:320px}.feature-top,.feature-bottom{left:22px;right:22px}.cases-section-head h2{font-size:27px}.cases-filters{gap:5px}.cases-filters button{padding:9px 12px;font-size:12px}.works-grid{grid-template-columns:1fr;gap:20px}.work-cover{aspect-ratio:1.7}.cases-ending{align-items:flex-start;flex-direction:column}.cases-facts b{font-size:25px}.cases-facts span{font-size:10px}.cases-feature:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.cases-page *,.cases-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cases-feature,.work-card:hover{transform:none}}