.work-hero-eyebrow,.work-hero-heading,.work-hero-sub,.work-scroll-hint{opacity:0;transform:translateY(30px);animation:work-fade-up .8s cubic-bezier(.16,1,.3,1) forwards}.work-hero-heading{animation-delay:.15s}.work-hero-sub{animation-delay:.35s}.work-scroll-hint{animation-delay:.55s}@keyframes work-fade-up{to{opacity:1;transform:translateY(0)}}.work-hero-number{opacity:0;animation:work-number-in 1.2s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes work-number-in{0%{opacity:0;transform:translateY(-50%) translate(40px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.work-scroll-line{width:40px;height:1px;background:var(--color-text-subtle);position:relative;overflow:hidden}.work-scroll-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent);animation:scroll-line-move 2s ease-in-out infinite}@keyframes scroll-line-move{0%{left:-100%}50%{left:100%}to{left:100%}}.work-grid{display:grid;grid-template-columns:1fr;max-width:100%}@media(min-width:768px){.work-grid{grid-template-columns:1fr 1fr}}.work-card{display:flex;flex-direction:column;text-decoration:none;border-bottom:1px solid #212121;cursor:pointer;overflow:hidden;opacity:0;transform:translateY(40px);pointer-events:auto}.work-card.is-visible{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.16,1,.3,1) calc(var(--card-i) * .1s),transform .6s cubic-bezier(.16,1,.3,1) calc(var(--card-i) * .1s)}@media(min-width:768px){.work-card:nth-child(2n){border-left:1px solid #212121}}.work-card-img{position:relative;aspect-ratio:16 / 10;padding:clamp(16px,2.5vw,28px);background:transparent}.work-card-browser{position:absolute;inset:clamp(16px,2.5vw,28px);display:flex;flex-direction:column;background:#0c0c0c;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 20px 40px -24px #0009;transition:border-color .4s ease,box-shadow .4s ease,transform .5s cubic-bezier(.25,.1,.25,1)}.work-card:hover .work-card-browser{border-color:var(--color-text-muted);box-shadow:0 26px 50px -22px #000000b3,0 10px 24px -14px #fe390f38;transform:translateY(-2px)}.work-card-browser-bar{position:relative;height:30px;display:flex;align-items:center;padding:0 12px;background:linear-gradient(to bottom,#161616,#111);border-bottom:1px solid var(--color-border);flex-shrink:0}.work-card-browser-dots{display:flex;align-items:center;gap:6px;z-index:1}.work-card-browser-dots span{width:9px;height:9px;border-radius:999px;background:#2a2a2a}.work-card-browser-dots span:nth-child(1){background:#ff5f56}.work-card-browser-dots span:nth-child(2){background:#ffbd2e}.work-card-browser-dots span:nth-child(3){background:#27c93f}.work-card-browser-url{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:60%;font-size:10.5px;letter-spacing:-.005em;color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.work-card-browser-bar{height:26px;padding:0 10px}.work-card-browser-dots span{width:7px;height:7px}.work-card-browser-url{font-size:9.5px}}.work-card-browser-screen{flex:1;position:relative;overflow:hidden;background:#131313}.work-card-img-inner{width:100%;height:100%;background-size:cover;background-position:center top;transition:transform .7s cubic-bezier(.25,.1,.25,1),filter .7s cubic-bezier(.25,.1,.25,1);filter:brightness(.7) saturate(.8)}.work-card:hover .work-card-img-inner{transform:scale(1.05);filter:brightness(.9) saturate(1)}.work-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .4s ease}.work-card:hover .work-card-overlay{opacity:1}.work-card-info{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;position:relative}.work-card-arrow{color:var(--color-text-subtle);opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s ease,color .3s ease}.work-card:hover .work-card-arrow{opacity:1;transform:translate(0);color:var(--color-accent)}.work-card-accent{height:2px;width:0;background:var(--color-accent);transition:width .5s cubic-bezier(.25,.1,.25,1)}.work-card:hover .work-card-accent{width:100%}.work-card.is-coming-soon{cursor:default}.work-card.is-coming-soon:hover .work-card-browser{transform:none;border-color:var(--color-border);box-shadow:0 20px 40px -24px #0009}.work-card.is-coming-soon:hover .work-card-img-inner{transform:none;filter:brightness(.7) saturate(.8)}.work-card.is-coming-soon:hover .work-card-arrow,.work-card.is-coming-soon:hover .work-card-accent{opacity:0;transform:translate(-8px);width:0;color:var(--color-text-subtle);border-color:var(--color-border)}.work-card-soon{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 9px;background:#0c0c0c;border:1px solid var(--color-accent);border-radius:999px;color:var(--color-accent);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;line-height:1;box-shadow:0 6px 14px -6px #0009}.work-card-soon-dot{width:6px;height:6px;border-radius:999px;background:var(--color-accent);box-shadow:0 0 0 3px #fe390f2e;animation:workSoonPulse 2.2s ease-in-out infinite}@keyframes workSoonPulse{0%,to{box-shadow:0 0 0 3px #fe390f2e}50%{box-shadow:0 0 0 6px #fe390f0a}}@media(max-width:640px){.work-card-soon{top:10px;left:10px;padding:4px 8px 4px 7px;font-size:9px}.work-card-soon-dot{width:5px;height:5px}}@media(prefers-reduced-motion:reduce){.work-hero-eyebrow,.work-hero-heading,.work-hero-sub,.work-scroll-hint,.work-hero-number,.work-card{opacity:1;transform:none;animation:none}.work-card-img-inner,.work-card-arrow,.work-card-accent,.work-card-overlay{transition:none!important}.work-scroll-line:after{animation:none}}