.work-page-section{background-color:#141419}.work-page-section .work-card-animate{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out;content-visibility:auto;contain-intrinsic-size:auto 320px}.work-page-section .work-card-animate.work-card-visible{opacity:1;transform:translateY(0)}@media (max-width:767px){.work-page-section .work-card-inner{backdrop-filter:none;background:rgba(17,24,39,.98)}}.work-hero-wrapper{position:relative;overflow:hidden;isolation:isolate;background:#000;min-height:440px}@media (min-width:768px){.work-hero-wrapper{min-height:580px}}.work-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px;background:rgba(0,0,0,.5);box-sizing:border-box}@media (min-width:768px){.work-hero-overlay{padding:64px 24px}}.work-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#c4b5fd;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);padding:6px 16px;border-radius:20px;margin-bottom:20px}.work-hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 6px #c4b5fd;animation:work-hero-pulse 2s infinite}@keyframes work-hero-pulse{0%,to{opacity:1}50%{opacity:.3}}.work-hero-title{font-family:var(--font-display);font-style:normal;font-weight:500;font-size:clamp(42px,6.5vw,70px);line-height:1;letter-spacing:-.05em;color:#fff;max-width:900px;margin:0 auto 18px;position:relative}@media (min-width:768px){.work-hero-title{font-size:70px;line-height:70px}}.work-hero-title em{font-style:normal;font-weight:500;color:#fff;background:linear-gradient(135deg,#ec4899,#a855f7 60%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-hero-sub{font-family:var(--font-body);font-weight:300;font-size:.95rem;color:#cbd5e1;line-height:1.65;max-width:640px;margin:0 auto}@media (min-width:768px){.work-hero-sub{font-size:1.05rem}}.work-hero-figma{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:520px}.work-hero-figma-tease{font-family:var(--font-body);font-weight:400;font-size:.875rem;color:#94a3b8;line-height:1.45;margin:0}.work-hero-figma-logo-svg{display:block;flex-shrink:0;width:14px;height:21px;color:#94a3b8}.work-hero-figma-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-size:16px;font-weight:500;letter-spacing:.01em;color:#fff;text-decoration:none;padding:12px 22px;border-radius:999px;border:1px solid hsla(0,0%,100%,.28);background:hsla(0,0%,100%,.06);transform:scale(1);transform-origin:center;transition:transform .18s ease}.work-hero-figma-btn:focus-visible,.work-hero-figma-btn:hover{background:linear-gradient(to top right,#ec4899,#a855f7 55%,#60a5fa);border-color:hsla(0,0%,100%,.12);transform:scale(1.03)}.work-hero-figma-btn:focus-visible .work-hero-figma-logo-svg,.work-hero-figma-btn:hover .work-hero-figma-logo-svg{color:#fff}.work-hero-figma-btn:focus-visible{outline:2px solid rgba(192,139,255,.9);outline-offset:3px}@media (prefers-reduced-motion:reduce){.work-hero-figma-btn{transition:none}.work-hero-figma-btn:focus-visible,.work-hero-figma-btn:hover{transform:scale(1)}}