.work-hero{position:relative;overflow:hidden;isolation:isolate;min-height:170px}.work-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,rgba(31,119,255,.16),rgba(13,26,42,.92) 48%,#0d1a2a)}.work-hero.has-cover::before{background-image:linear-gradient(90deg,rgba(7,17,31,.94) 0%,rgba(7,17,31,.86) 48%,rgba(7,17,31,.52) 100%),var(--work-cover);background-size:cover;background-position:center}.work-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,rgba(7,17,31,.32))}.work-client-logo{width:132px;max-height:76px;object-fit:contain;background:rgba(255,255,255,.94);border-radius:12px;padding:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 34px rgba(0,0,0,.28);margin-left:auto}.work-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.work-meta>span{display:grid;gap:2px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(5,13,24,.48);backdrop-filter:blur(8px)}.work-meta small{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:#8999ad}.work-meta strong{font-size:.72rem;color:#eef4fc;font-weight:750}@media(max-width:620px){.work-hero{min-height:0}.work-client-logo{width:106px;max-height:64px;margin-left:0}.work-meta{gap:6px}.work-meta>span{padding:6px 8px}}
/* Work hero is intentionally dark in both themes; preserve contrast. */
html[data-theme="light"] .work-hero{color:#f4f7fb!important}html[data-theme="light"] .work-hero :is(h1,h2,h3){color:#fff!important}html[data-theme="light"] .work-hero p{color:#9fb7d4!important}html[data-theme="light"] .work-hero .work-meta small{color:#9fb0c5!important}html[data-theme="light"] .work-hero .work-meta strong{color:#eef4fc!important}
html[data-theme="light"] .work-hero:not(.has-cover)::before{background:linear-gradient(135deg,#1a3f73,#10233a 48%,#0d1a2a)}