.case-list-page { --case-paper:#f4f7fb; --case-ink:#071426; --case-muted:#687b93; --case-line:#d9e4ef; background:#061326; }
.case-list-page .site-header { position:absolute; inset:0 0 auto; z-index:20; min-height:84px; background:linear-gradient(180deg,rgba(3,13,29,.78),rgba(3,13,29,.1)); }
.case-list-page .site-footer { background:#051124; }
.case-list-page img { display:block; max-width:100%; }
.case-list-hero { position:relative; min-height:780px; padding:150px clamp(24px,7vw,108px) 74px; color:#fff; background:radial-gradient(circle at 76% 26%,rgba(45,123,238,.34),transparent 29%),radial-gradient(circle at 18% 88%,rgba(235,131,23,.15),transparent 25%),linear-gradient(135deg,#041025,#08244b 55%,#061932); overflow:hidden; display:grid; grid-template-columns:minmax(390px,.86fr) minmax(480px,1.14fr); gap:clamp(38px,6vw,92px); align-items:center; }
.case-list-hero__grid { position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(116,161,221,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(116,161,221,.11) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,#000 45%,#000); }
.case-list-hero__orbit { position:absolute; width:740px; height:740px; right:-270px; top:-160px; border:1px solid rgba(121,171,240,.18); border-radius:50%; box-shadow:0 0 0 72px rgba(94,149,228,.035),0 0 0 150px rgba(94,149,228,.025); animation:case-orbit 18s linear infinite; }
.case-list-hero__orbit::before { content:""; position:absolute; width:10px; height:10px; left:72px; top:110px; border-radius:50%; background:linear-gradient(135deg,#2474e5,#ef901d); box-shadow:0 0 28px rgba(61,133,238,.7); }
.case-list-hero__copy,.case-list-featured-visual { position:relative; z-index:2; }
.case-list-kicker { margin:0 0 22px; color:#91b8ef; font-size:11px; font-weight:750; letter-spacing:.24em; }.case-list-kicker i { display:inline-block; width:34px; height:2px; margin-right:12px; vertical-align:middle; background:linear-gradient(90deg,#8db9ff,#ef901d); }
.case-list-hero h1 { max-width:760px; margin:0; font-size:clamp(50px,6.2vw,94px); line-height:.96; letter-spacing:-.072em; }.case-list-hero h1 span { color:transparent; background:linear-gradient(112deg,#fff 12%,#a5c9ff 56%,#ffc06d); background-clip:text; -webkit-background-clip:text; }
.case-list-lead { max-width:680px; margin:30px 0 0; color:#b5c7de; font-size:clamp(15px,1.25vw,19px); line-height:1.9; }
.case-list-meta { margin-top:28px; display:flex; flex-wrap:wrap; gap:10px; }.case-list-meta span { padding:9px 13px; color:#c8d8ec; border:1px solid rgba(165,194,231,.22); border-radius:999px; background:rgba(255,255,255,.045); font-size:12px; }
.case-list-action { margin-top:30px; display:inline-flex; align-items:center; gap:22px; padding:8px 8px 8px 21px; border:1px solid rgba(255,255,255,.3); border-radius:999px; background:rgba(255,255,255,.07); transition:.28s ease; }.case-list-action b{font-size:14px}.case-list-action i{width:42px;height:42px;border-radius:50%;background:linear-gradient(130deg,#2474e5,#ef901d);display:grid;place-items:center;font-style:normal;transition:.28s ease}.case-list-action:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.case-list-action:hover i{transform:rotate(-35deg)}
.case-list-featured-visual { min-height:510px; perspective:1200px; }.case-list-featured-visual>img { position:absolute; inset:34px 0 45px; width:100%; height:calc(100% - 79px); object-fit:cover; border:1px solid rgba(150,193,247,.22); border-radius:28px; box-shadow:0 35px 80px rgba(0,0,0,.36); }
.case-list-index { position:absolute; right:-8px; top:8px; z-index:4; width:92px; height:92px; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:linear-gradient(140deg,rgba(42,117,225,.94),rgba(235,132,19,.9)); display:grid; place-items:center; text-align:center; font-size:9px; letter-spacing:.12em; box-shadow:0 19px 42px rgba(17,82,172,.3); }.case-list-index b{display:block;font-size:23px}
.case-list-dashboard { position:absolute; inset:38px 10px 48px 0; padding:22px; border:1px solid rgba(150,193,247,.22); border-radius:28px; background:linear-gradient(145deg,rgba(15,56,111,.92),rgba(3,19,42,.94)); box-shadow:0 35px 80px rgba(0,0,0,.36); transform:rotateY(-6deg) rotateX(2deg); transition:.3s ease; }.case-list-dashboard header{display:flex;align-items:center;justify-content:space-between}.case-list-dashboard header strong{font-size:13px}.case-list-dashboard header span{display:flex;gap:6px}.case-list-dashboard header i{width:6px;height:6px;border-radius:50%;background:#327fe8}.case-list-dashboard header i:nth-child(2){background:#36b5c5}.case-list-dashboard header i:nth-child(3){background:#ee9828}.case-list-dashboard__metrics{margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.case-list-dashboard__metrics b{padding:18px 12px;border:1px solid rgba(133,176,230,.12);border-radius:13px;background:rgba(39,96,166,.12);font-size:14px}.case-list-dashboard__body{height:270px;display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.case-list-map,.case-list-chart{position:relative;border:1px solid rgba(133,176,230,.13);border-radius:15px;background:rgba(3,18,39,.45);overflow:hidden}.case-list-map::before{content:"";position:absolute;inset:-20%;background:linear-gradient(32deg,transparent 36%,rgba(71,130,207,.45) 37% 38%,transparent 39%),linear-gradient(147deg,transparent 40%,rgba(71,130,207,.34) 41% 42%,transparent 43%)}.case-list-chart::before{content:"";position:absolute;inset:20%;border-radius:50%;background:conic-gradient(#3b89ec 0 54%,#24b4c7 54% 78%,#ee9827 78% 92%,rgba(255,255,255,.08) 92%)}.case-list-chart::after{content:"";position:absolute;inset:32%;border-radius:50%;background:#09264d}.case-list-dashboard small{position:absolute;right:20px;bottom:15px;color:#6c8eb8;font-size:8px;letter-spacing:.13em}
.case-list-fish-line { position:absolute; right:34px; bottom:2px; z-index:4; color:#94b8e9; display:flex; align-items:center; gap:12px; font-size:9px; letter-spacing:.2em; }.case-list-fish { position:relative; display:inline-block; width:38px; height:24px; animation:case-swim 4.8s ease-in-out infinite; }.case-list-fish::before{content:"";position:absolute;inset:3px 9px 3px 0;border-radius:60% 44% 55% 50%;background:linear-gradient(140deg,#4b9bff,#ff9b25)}.case-list-fish::after{content:"";position:absolute;right:-4px;top:5px;border:7px solid transparent;border-left-color:#f38d18}
.case-list-library { padding:118px clamp(24px,7vw,108px); color:var(--case-ink); background:var(--case-paper); }.case-list-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);gap:42px;align-items:end}.case-list-section-head small{color:#2474e5;font-size:10px;font-weight:800;letter-spacing:.22em}.case-list-section-head h2{margin:15px 0 0;font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-.065em}.case-list-section-head p{margin:0;color:var(--case-muted);font-size:15px;line-height:1.9}
.case-list-filters { margin:52px 0 25px; padding-bottom:16px; border-bottom:1px solid var(--case-line); display:flex; align-items:center; gap:10px; overflow:auto; scrollbar-width:none; }.case-list-filters::-webkit-scrollbar{display:none}.case-list-filters button{flex:none;padding:11px 16px;color:#60758e;border:1px solid transparent;border-radius:999px;background:transparent}.case-list-filters button:hover{color:var(--case-ink);background:#eaf1fa}.case-list-filters button.is-active{color:#fff;background:linear-gradient(115deg,#145fc9,#347fec 65%,#ed941e);box-shadow:0 12px 24px rgba(37,105,202,.2)}.case-list-filters>span{margin-left:auto;color:#8999ac;font-size:12px;white-space:nowrap}.case-list-filters>span b{color:#315f97}
.case-list-items{display:grid;gap:24px}.case-list-item{min-height:440px;border:1px solid #d8e3ef;border-radius:34px;background:#fff;box-shadow:0 25px 70px rgba(28,64,108,.09);overflow:hidden;display:grid;grid-template-columns:minmax(390px,.93fr) minmax(480px,1.07fr);transition:.3s ease}.case-list-item[hidden]{display:none}.case-list-item:hover{transform:translateY(-5px);box-shadow:0 34px 90px rgba(28,64,108,.15)}.case-list-item__visual{position:relative;min-height:440px;background:linear-gradient(140deg,#07172e,#0b3a79);overflow:hidden}.case-list-item__visual>img{width:100%;height:100%;object-fit:cover}.case-list-card-placeholder{position:absolute;inset:34px;padding:18px;border:1px solid rgba(130,180,243,.22);border-radius:20px;background:linear-gradient(145deg,rgba(17,68,133,.88),rgba(3,19,42,.92));display:grid;grid-template-columns:1.1fr .9fr;gap:9px}.case-list-card-placeholder>span{position:absolute;left:18px;bottom:14px;color:#6f91ba;font-size:8px;letter-spacing:.13em}.case-list-item__content{padding:clamp(38px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.case-list-number{color:#2474e5;font-size:10px;font-weight:800;letter-spacing:.2em}.case-list-item h3{max-width:700px;margin:16px 0 18px;font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.055em}.case-list-item h3 a:hover{color:#155fca}.case-list-item p{max-width:680px;margin:0;color:var(--case-muted);font-size:15px;line-height:1.9}.case-list-tags{margin-top:23px;display:flex;flex-wrap:wrap;gap:8px}.case-list-tags span{padding:8px 11px;color:#315f97;border-radius:999px;background:#edf4fd;font-size:11px}.case-list-item__link{align-self:flex-start;margin-top:29px;padding:13px 18px;color:#fff;border-radius:999px;background:var(--case-ink);display:inline-flex;align-items:center;gap:18px}.case-list-item__link:hover{background:#2474e5}.case-list-item__link i{font-style:normal}
.case-list-filter-empty{min-height:320px;padding:55px;border:1px dashed #b9c9dc;border-radius:30px;background:linear-gradient(145deg,#fff,#edf4fb);place-items:center;text-align:center}.case-list-filter-empty:not([hidden]){display:grid}.case-list-filter-empty h3{margin:18px 0 0;font-size:26px}.case-list-filter-empty p{margin:10px 0 0;color:var(--case-muted)}
.case-list-publication-note{padding:34px clamp(24px,7vw,108px);color:#dce8f7;background:radial-gradient(circle at 89% 18%,rgba(235,144,29,.22),transparent 22%),linear-gradient(135deg,#07172e,#0b346c);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:23px}.case-list-publication-note>i{width:54px;height:54px;border-radius:17px;background:linear-gradient(140deg,#2d7ce7,#e58b1e);display:grid;place-items:center;font-weight:850;font-style:normal}.case-list-publication-note p{margin:0}.case-list-publication-note strong,.case-list-publication-note span{display:block}.case-list-publication-note strong{font-size:16px}.case-list-publication-note span{margin-top:7px;color:#9eb3ce;font-size:12px}.case-list-publication-note>b{padding:9px 12px;color:#ffc36e;border:1px solid rgba(255,190,91,.25);border-radius:999px;font-size:10px}
.case-list-hero--empty{grid-template-columns:minmax(0,1fr) minmax(360px,.65fr)}.case-list-empty-visual{position:relative;z-index:2;min-height:360px;padding:50px;border:1px solid rgba(163,195,234,.2);border-radius:32px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.case-list-empty-visual .case-list-fish{position:absolute;right:50px;top:50px;transform:scale(2)}.case-list-empty-visual strong{font-size:28px}.case-list-empty-visual span{margin-top:12px;color:#9eb4cf;line-height:1.7}.case-list-empty-section{padding:105px clamp(24px,7vw,108px);color:var(--case-ink);background:var(--case-paper);display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}.case-list-empty-section span{color:#2474e5;font-size:10px;font-weight:800;letter-spacing:.2em}.case-list-empty-section h2{margin:15px 0 0;font-size:clamp(42px,5.4vw,72px);line-height:1.04;letter-spacing:-.06em}.case-list-empty-section p{margin:0;color:var(--case-muted);font-size:16px;line-height:1.9}
.case-list-enhanced .case-list-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.case-list-enhanced .case-list-reveal.is-visible{opacity:1;transform:none}
@keyframes case-orbit{to{transform:rotate(360deg)}}@keyframes case-swim{0%,100%{transform:translateX(0) rotate(-3deg)}50%{transform:translateX(-18px) rotate(3deg)}}
@media(max-width:980px){.case-list-hero{grid-template-columns:1fr;padding-top:145px}.case-list-featured-visual{min-height:460px}.case-list-section-head,.case-list-empty-section{grid-template-columns:1fr}.case-list-item{grid-template-columns:1fr}.case-list-item__visual{min-height:360px}.case-list-hero--empty{grid-template-columns:1fr}.case-list-empty-visual{min-height:280px}.case-list-publication-note{grid-template-columns:auto 1fr}.case-list-publication-note>b{grid-column:2;justify-self:start}}
@media(max-width:640px){.case-list-page .site-nav{display:none}.case-list-hero{min-height:auto;padding:118px 22px 64px}.case-list-hero h1{font-size:50px}.case-list-featured-visual{min-height:390px}.case-list-dashboard{inset:26px 0 44px;padding:15px;transform:none}.case-list-dashboard__metrics{grid-template-columns:1fr 1fr}.case-list-dashboard__metrics b:last-child{display:none}.case-list-dashboard__body{height:220px;grid-template-columns:1fr}.case-list-chart{display:none}.case-list-index{width:76px;height:76px}.case-list-library{padding:78px 20px}.case-list-section-head h2,.case-list-empty-section h2{font-size:43px}.case-list-filters{margin-top:36px}.case-list-filters>span{display:none}.case-list-item{border-radius:26px}.case-list-item__visual{min-height:320px}.case-list-card-placeholder{inset:22px}.case-list-item__content{padding:34px 25px 40px}.case-list-item h3{font-size:35px}.case-list-publication-note{padding:30px 22px;grid-template-columns:1fr}.case-list-publication-note>b{grid-column:auto}.case-list-hero--empty{padding-bottom:74px}.case-list-empty-section{padding:78px 20px}.case-list-empty-visual{padding:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.case-list-enhanced .case-list-reveal{opacity:1;transform:none}}