.case-listing-rework .case-work-hero{position:relative;padding:70px 0 62px;background:radial-gradient(circle at 82% 10%,rgba(88,153,232,.16),transparent 27%),linear-gradient(125deg,#031d2b,#072d42);overflow:hidden}.case-listing-rework .case-work-hero:before{position:absolute;inset:0;background-image:linear-gradient(rgba(183,221,238,.045) 1px,transparent 0),linear-gradient(90deg,rgba(183,221,238,.045) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,black,transparent 82%);mask-image:linear-gradient(90deg,black,transparent 82%);content:"";pointer-events:none}.case-listing-rework .case-work-hero .container{position:relative;z-index:1}.case-listing-rework .case-work-hero .breadcrumbs{margin-bottom:28px;color:var(--case-muted)}.case-listing-rework .case-work-hero .breadcrumbs a{color:var(--case-text)}.case-listing-rework .case-work-hero h1{max-width:1060px;margin:0;font-size:clamp(3rem,5.1vw,5.25rem);line-height:.98}.case-listing-rework .case-work-hero h1 span{color:var(--case-accent)}.case-listing-rework .case-work-hero>div>p:not(.case-kicker){max-width:690px;margin:22px 0 0;font-size:1.05rem!important;line-height:1.65}.case-listing-rework .case-work-hero a{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#eff8fa;font-size:.88rem;font-weight:800}.case-work-library{padding:62px 0 88px;background:#031d2b}.case-work-library header{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:28px}.case-work-library header>div>p:not(.case-kicker){max-width:680px;margin:0;color:var(--case-text)!important;font-size:clamp(1.2rem,2vw,1.65rem)!important;font-weight:700;line-height:1.35}.case-work-library header small{max-width:350px;color:var(--case-muted);font-size:.76rem;line-height:1.55}.case-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.case-work-grid article{display:flex;min-height:342px;flex-direction:column;padding:25px;border:1px solid var(--case-border);border-radius:13px;background:linear-gradient(145deg,rgba(11,51,70,.74),rgba(4,29,44,.88));transition:transform .2s ease,border-color .2s ease}.case-work-grid article:hover{transform:translateY(-4px);border-color:rgba(98,229,197,.4)}.case-work-card__meta{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.case-work-card__meta p{margin:0;color:var(--case-accent)!important;font-size:.7rem!important;font-weight:800;letter-spacing:.11em;line-height:1.4;text-transform:uppercase}.case-work-card__meta span{padding:5px 8px;border:1px solid var(--case-border);border-radius:6px;color:#d1e5ed;font-size:.67rem;font-weight:750;line-height:1.25;text-align:right}.case-work-grid h2{max-width:550px;margin:24px 0 0;font-size:clamp(1.38rem,2vw,1.88rem);line-height:1.12}.case-work-grid>article>p{max-width:555px;margin:14px 0 0;font-size:.9rem!important;line-height:1.62}.case-work-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.case-work-tags span{padding:5px 7px;border:1px solid rgba(182,218,233,.17);border-radius:6px;color:#cbe1ea;font-size:.68rem;line-height:1.25}.case-work-grid a{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:19px;color:var(--case-accent);font-size:.85rem;font-weight:800}.case-work-grid a svg{flex:0 0 auto}@media(max-width:800px){.case-listing-rework .case-work-hero{padding:62px 0 55px}.case-listing-rework .case-work-hero h1{font-size:clamp(2.5rem,10.5vw,4rem)}.case-work-library{padding:51px 0 65px}.case-work-library header{align-items:flex-start;flex-direction:column;gap:15px}.case-work-library header small{max-width:580px}.case-work-grid{grid-template-columns:1fr}.case-work-grid article{min-height:315px}}@media(max-width:520px){.case-listing-rework .case-work-hero h1 br{display:none}.case-listing-rework .case-work-hero h1 span{display:block;margin-top:4px}.case-work-grid article{min-height:auto;padding:21px}.case-work-card__meta{align-items:flex-start;flex-direction:column;gap:7px}.case-work-card__meta span{text-align:left}.case-work-grid h2{margin-top:20px}.case-listing-rework .case-work-hero>div>p:not(.case-kicker){font-size:1rem!important}}@media(prefers-reduced-motion:reduce){.case-work-grid article{transition:none}.case-work-grid article:hover{transform:none}}