.work-hero{padding-bottom:clamp(40px,7vh,80px)}.work-list-section{max-width:1120px;margin:0 auto;padding:clamp(20px,4vh,48px) 0 clamp(70px,12vh,130px)}.work-list{display:flex;flex-direction:column;gap:clamp(64px,11vh,130px)}.work-item{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4.5vw,70px);align-items:center}.work-item--flip .work-preview{order:2}.work-preview{position:relative;aspect-ratio:4/3;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;overflow:hidden;background:radial-gradient(120% 120% at 30% 0,rgba(232,25,44,.08),transparent 55%),#060607;transition:border-color .28s ease,transform .28s ease}.work-item:hover .work-preview{border-color:rgba(232,25,44,.55);transform:translateY(-4px)}.work-art{width:100%;height:100%;display:block}.work-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-inter),sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.85);background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.14);border-radius:100px;padding:6px 13px 6px 10px}.work-badge-dot{width:7px;height:7px;border-radius:50%}.work-badge--live .work-badge-dot{background:#35d07f;box-shadow:0 0 8px rgba(53,208,127,.8)}.work-badge--demo .work-badge-dot{background:#e8b23a;box-shadow:0 0 8px rgba(232,178,58,.7)}.work-index{display:block;font-size:15px;letter-spacing:.3em;color:rgba(232,25,44,.85);margin-bottom:16px}.work-index,.work-name{font-family:var(--font-oswald),sans-serif;font-weight:700}.work-name{font-size:clamp(28px,3.6vw,48px);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;margin:0 0 14px}.work-tagline{font-family:var(--font-inter),sans-serif;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.4;color:#fff;margin:0 0 18px}.work-blurb{margin:0 0 24px}.work-tags{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-wrap:wrap;gap:10px}.work-cta{cursor:pointer}.work-closing .c-body{margin-bottom:30px}@media (max-width:860px){.work-item,.work-item--flip{grid-template-columns:1fr;gap:26px}.work-item--flip .work-preview{order:0}}@media (prefers-reduced-motion:reduce){.work-preview{transition:none}.work-item:hover .work-preview{transform:none}}