.case-detail-page{--case-accent:#ad88ff;--case-accent-soft:#d7c6ff;--case-card:#1f1b22d1;background:radial-gradient(circle at 84% 11%,#a986ff21,#0000 28rem),radial-gradient(circle at 8% 48%,#a986ff12,#0000 34rem),#121013;min-height:100vh}.case-detail-shell{width:min(1180px,100vw - 64px);margin-inline:auto}.case-detail-header{z-index:50;backdrop-filter:blur(18px)saturate(140%);background:#121013e0;border-bottom:1px solid #e8ebf021;position:sticky;top:0}.case-detail-header__inner{justify-content:space-between;align-items:center;gap:28px;min-height:74px;display:flex}.case-detail-brand{font-family:var(--headline);letter-spacing:-.02em;align-items:center;gap:12px;font-size:13px;font-weight:760;display:inline-flex}.case-detail-brand__mark{background:var(--case-accent);color:#17121d;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:11px;display:grid;transform:rotate(-7deg)}.case-detail-brand small{color:#aaa3ae;font-family:var(--body);letter-spacing:.07em;text-transform:uppercase;margin-top:3px;font-size:10.5px;font-weight:700;display:block}.case-detail-header__nav{align-items:center;gap:26px;font-size:13px;font-weight:750;display:flex}.case-detail-header__nav>a:not(.case-detail-header__cta){color:#ccc6d1;align-items:center;min-height:44px;display:inline-flex}.case-detail-header__nav a:hover{color:#fff}.case-detail-header__cta{color:#f5efff;border:1px solid #ad88ffad;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;display:inline-flex}.case-breadcrumbs{color:#a9a2ad;white-space:nowrap;align-items:center;gap:9px;min-height:64px;font-size:12px;display:flex;overflow:hidden}.case-breadcrumbs a{color:#d6c9f4;align-items:center;min-height:44px;display:inline-flex}.case-breadcrumbs span:last-child{text-overflow:ellipsis;overflow:hidden}.case-detail{padding-bottom:90px}.case-detail-hero{grid-template-columns:minmax(0,1fr) minmax(460px,1fr);align-items:center;gap:clamp(42px,7vw,92px);min-height:610px;padding:clamp(58px,8vw,110px) 0 clamp(70px,9vw,120px);display:grid}.case-detail-eyebrow,.case-detail-panel__eyebrow{color:var(--case-accent-soft);font-family:var(--headline);letter-spacing:.13em;text-transform:uppercase;margin:0 0 17px;font-size:11px;font-weight:780}.case-detail-hero h1{max-width:790px;font-family:var(--headline);letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(36px,4vw,60px);font-weight:760;line-height:1.04}.case-detail-lead{color:#d3ced6;max-width:720px;margin:0 0 28px;font-size:clamp(17px,1.55vw,21px);line-height:1.55}.case-detail-tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.case-detail-tags span{color:#cfc7d3;background:#a986ff12;border:1px solid #d0bbff3d;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.case-detail-domain{min-height:44px;color:var(--case-accent-soft);align-items:center;gap:9px;font-size:14px;font-weight:800;display:inline-flex}.case-detail-domain span{font-size:17px}.case-detail-hero__media{background:#1d1920;border:1px solid #e0d4ff36;border-radius:34px;margin:0;position:relative;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 36px 100px #0000006b}.case-detail-hero__media:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.case-detail-hero__media img{object-fit:contain;background:#171419;width:100%;max-height:570px}.case-detail-hero__media figcaption{z-index:2;color:#dcd5df;backdrop-filter:blur(10px);background:#121013cc;border:1px solid #ffffff26;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750;position:absolute;bottom:16px;right:16px}.case-detail-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.case-detail-panel{background:linear-gradient(145deg, #a986ff14, transparent 56%), var(--case-card);border:1px solid #e8ebf024;border-radius:30px;min-height:330px;padding:clamp(32px,4vw,55px);position:relative;overflow:hidden}.case-detail-panel__index{color:#d8c7ff21;font-family:var(--headline);font-size:88px;font-weight:800;line-height:1;position:absolute;top:14px;right:24px}.case-detail-panel h2,.case-detail-result h2,.case-detail-services h2,.case-detail-gallery h2,.case-detail-cta h2,.case-detail-related h2{font-family:var(--headline);letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(25px,3vw,40px);line-height:1.13;position:relative}.case-detail-panel>p:last-child{color:#d4cfd7;max-width:570px;margin:0;font-size:16px;line-height:1.72;position:relative}.case-detail-result{background:radial-gradient(circle at 88% 14%,#a986ff33,#0000 22rem),#1c1820;border:1px solid #ad88ff52;border-radius:30px;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:clamp(38px,7vw,90px);padding:clamp(54px,7vw,90px);display:grid}.case-detail-result__intro>p:last-child{color:#d4cfd7;margin:0;font-size:16px;line-height:1.72}.case-detail-metrics{align-content:center;gap:10px;margin:0;padding:0;list-style:none;display:grid}.case-detail-metrics li{background:#0807093d;border:1px solid #e8ebf01f;border-radius:16px;grid-template-columns:38px 1fr;align-items:start;gap:14px;padding:17px 18px;display:grid}.case-detail-metrics li>span{color:var(--case-accent);font-family:var(--headline);font-size:11px;font-weight:800}.case-detail-metrics strong{color:#f2eef4;font-size:14px;line-height:1.48}.case-detail-no-metrics{color:#c9c2cc;border:1px dashed #d8c7ff42;border-radius:18px;align-self:center;margin:0;padding:23px;font-size:14px;line-height:1.6}.case-detail-services{grid-template-columns:minmax(0,.75fr) minmax(480px,1.25fr);align-items:start;gap:60px;padding:clamp(78px,10vw,130px) 0;display:grid}.case-detail-services ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.case-detail-services li{color:#e7e0ea;background:#a986ff0f;border:1px solid #d8c7ff4d;border-radius:999px;padding:13px 17px;font-size:14px;font-weight:760}.case-detail-gallery{padding:0 0 clamp(85px,10vw,130px)}.case-detail-gallery__heading{margin-bottom:32px}.case-detail-gallery__grid{columns:2;column-gap:18px}.case-detail-gallery figure{break-inside:avoid;background:#1c191e;border:1px solid #e8ebf021;border-radius:24px;margin:0 0 18px;position:relative;overflow:hidden}.case-detail-gallery img{width:100%;height:auto}.case-detail-gallery figcaption{color:#d7d0da;backdrop-filter:blur(9px);background:#121013d1;border-radius:999px;padding:7px 10px;font-size:10.5px;font-weight:750;position:absolute;bottom:12px;right:12px}.case-detail-cta{background:var(--case-accent);color:#17121d;border-radius:32px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px;padding:clamp(48px,7vw,82px);display:grid}.case-detail-cta>div:first-child{max-width:740px}.case-detail-cta .case-detail-eyebrow{color:#35274c}.case-detail-cta h2{font-size:clamp(30px,4vw,52px)}.case-detail-cta p:last-child{max-width:680px;margin:0;font-size:16px;font-weight:650;line-height:1.62}.case-detail-cta__actions{gap:10px;min-width:220px;display:grid}.case-detail-button{text-align:center;border:1px solid #17121d70;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:13px 20px;font-size:13px;font-weight:820;display:inline-flex}.case-detail-button--primary{color:#fff;background:#17121d}.case-detail-related{padding:clamp(90px,11vw,145px) 0 30px}.case-detail-related__heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.case-detail-related__heading h2{margin-bottom:0}.case-detail-related__heading>a{color:var(--case-accent-soft);font-size:13px;font-weight:800}.case-detail-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.case-detail-related__card{background:var(--case-card);border:1px solid #e8ebf021;border-radius:24px;flex-direction:column;min-height:420px;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.case-detail-related__card:hover{border-color:#ad88ffa6;transform:translateY(-4px)}.case-detail-related__card img{object-fit:cover;background:#1a171c;width:100%;height:180px;margin-bottom:21px}.case-detail-related__card>span,.case-detail-related__card h3,.case-detail-related__card p,.case-detail-related__card strong{margin-left:24px;margin-right:24px}.case-detail-related__card>span{color:var(--case-accent-soft);margin-bottom:10px;font-size:11px;font-weight:800}.case-detail-related__card h3{font-family:var(--headline);margin-bottom:12px;font-size:17px;line-height:1.3}.case-detail-related__card p{color:#bdb6c1;margin-bottom:22px;font-size:13px;line-height:1.55}.case-detail-related__card strong{color:var(--case-accent-soft);margin-top:auto;margin-bottom:24px;font-size:12px}.case-detail-footer{border-top:1px solid #e8ebf01f}.case-detail-footer__inner{color:#aaa3ae;justify-content:space-between;align-items:center;gap:30px;min-height:100px;font-size:11px;display:flex}.case-detail-footer p{margin:0}.case-detail-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}.case-detail-footer nav a{align-items:center;min-height:44px;display:inline-flex}.case-detail-footer a:hover{color:#fff}@media (width<=980px){.case-detail-hero{grid-template-columns:1fr;gap:44px}.case-detail-hero__copy{max-width:800px}.case-detail-hero__media{width:min(760px,100%);transform:none}.case-detail-result,.case-detail-services{grid-template-columns:1fr}.case-detail-result{gap:36px}.case-detail-services{gap:26px}.case-detail-cta{grid-template-columns:1fr;align-items:start}.case-detail-cta__actions,.case-detail-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-detail-related__card:last-child{display:none}}@media (width<=720px){.case-detail-shell{width:min(100% - 34px,1180px)}.case-detail-header__inner{min-height:66px}.case-detail-brand__mark{width:38px;height:38px}.case-detail-brand small,.case-detail-header__nav>a:not(.case-detail-header__cta){display:none}.case-detail-header__nav{gap:0}.case-detail-header__cta{padding:9px 14px;font-size:12px}.case-breadcrumbs{min-height:54px;font-size:12px}.case-detail{padding-bottom:65px}.case-detail-hero{gap:34px;min-height:auto;padding:38px 0 70px}.case-detail-hero h1{letter-spacing:-.045em;font-size:clamp(31px,9vw,46px)}.case-detail-lead{font-size:16px}.case-detail-hero__media{border-radius:22px}.case-detail-hero__media img{max-height:440px}.case-detail-story{grid-template-columns:1fr}.case-detail-panel{border-radius:22px;min-height:0;padding:30px 24px}.case-detail-panel__index{font-size:64px;top:12px;right:18px}.case-detail-panel h2,.case-detail-result h2,.case-detail-services h2,.case-detail-gallery h2,.case-detail-related h2{font-size:26px}.case-detail-panel>p:last-child,.case-detail-result__intro>p:last-child{font-size:15px}.case-detail-result{border-radius:22px;padding:36px 23px}.case-detail-metrics li{grid-template-columns:31px 1fr;gap:10px;padding:15px 14px}.case-detail-services{padding:80px 0}.case-detail-services li{padding:11px 14px;font-size:13px}.case-detail-gallery__grid{columns:1}.case-detail-gallery figure{border-radius:19px}.case-detail-cta{border-radius:22px;gap:32px;padding:35px 23px}.case-detail-cta h2{font-size:29px}.case-detail-cta p:last-child{font-size:14px}.case-detail-cta__actions{grid-template-columns:1fr;width:100%}.case-detail-related{padding-top:95px}.case-detail-related__heading{flex-direction:column;align-items:start}.case-detail-related__grid{grid-template-columns:1fr}.case-detail-related__card,.case-detail-related__card:last-child{min-height:0;display:flex}.case-detail-footer__inner{flex-direction:column;align-items:flex-start;padding:30px 0;font-size:12px}.case-detail-footer nav{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.case-detail-related__card{transition:none}}