.work-page{background:var(--bg-deep,#05070d);padding:140px 0 100px;position:relative;overflow:hidden}.work-page .container{z-index:2;position:relative}.work__header{text-align:center;max-width:640px;margin:0 auto 28px}.work__title{letter-spacing:-.035em;text-align:center;color:var(--text-primary,#f5f7fa);margin-bottom:18px;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:700;line-height:1.15}.work__intro{max-width:640px;color:var(--text-secondary,#aab2bf);margin:0 auto;font-size:15.5px;line-height:1.7}.work__reach{text-align:center;letter-spacing:.2px;color:var(--text-muted,#8892a0);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:-2px auto 64px;font-size:13px;line-height:1.5;display:flex}.work__reach span:first-child{color:var(--text-secondary,#aab2bf);font-weight:600}.work__reach-dot{background:#64748b;border-radius:50%;flex:0 0 3px;width:3px;height:3px}.proj-card{--card-accent:#4da2ff;--card-accent-soft:#2f8ef71f;--card-accent-border:#2f8ef759;color:inherit;border-radius:var(--r-lg,16px);border:1px solid var(--border-faint,#ffffff14);background:#ffffff04;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.proj-card:hover,.proj-card:focus-visible{border-color:var(--card-accent-border);background:#ffffff08;transform:translateY(-3px);box-shadow:0 24px 60px #00000038}.proj-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}.proj-card--violet{--card-accent:#a78bfa;--card-accent-soft:#8b5cf61a;--card-accent-border:#8b5cf659}.proj-card--blue{--card-accent:#4da2ff;--card-accent-soft:#2f8ef71a;--card-accent-border:#2f8ef759}.proj-card--teal{--card-accent:#2dd4bf;--card-accent-soft:#14b8a61a;--card-accent-border:#14b8a659}.proj-card--violet:hover,.proj-card--violet:focus-visible{box-shadow:0 0 60px #8b5cf61a,0 24px 60px #00000040}.proj-card--blue:hover,.proj-card--blue:focus-visible{box-shadow:0 0 60px #2f8ef71a,0 24px 60px #00000040}.proj-card--teal:hover,.proj-card--teal:focus-visible{box-shadow:0 0 60px #14b8a61a,0 24px 60px #00000040}.proj-card__ribbon{z-index:5;color:#fff;letter-spacing:.04em;background:var(--card-accent);border-radius:0 0 var(--r-md,10px) var(--r-md,10px);place-self:start end;width:max-content;height:fit-content;padding:5px 14px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;inset:0 24px auto auto;box-shadow:0 10px 22px #00000047}.work-thumb{background:linear-gradient(135deg,#151b29,#0d111b);border:1px solid #ffffff12;border-radius:14px;width:100%;position:relative;overflow:hidden}.work-thumb__img{object-fit:contain;object-position:top center;width:100%;height:auto;transition:transform .5s;display:block}.proj-card:hover .work-thumb__img,.proj-card:focus-visible .work-thumb__img{transform:scale(1.025)}.work-thumb__placeholder{width:100%;min-height:240px;color:var(--text-muted,#8892a0);justify-content:center;align-items:center;font-size:13px;display:flex}.proj-card__body{flex-direction:column;flex:1;min-width:0;display:flex}.proj-card__meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-bottom:14px;display:flex}.proj-card__chip{align-items:center;gap:6px;display:inline-flex}.proj-card__chip-icon{opacity:.85;font-size:13px;line-height:1}.proj-card__year{color:var(--text-muted,#788395);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.proj-card__title{color:var(--text-primary,#f5f7fa);margin-bottom:8px;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.35}.proj-card__hook{color:var(--text-secondary,#aab2bf);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.proj-card__services{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.proj-card__services li{border-radius:var(--r-full,999px);letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted,#9aa3b2);background:#ffffff06;border:1px solid #ffffff17;padding:3px 10px;font-size:10.5px;font-weight:600}.proj-card__outcome{color:var(--card-accent);background:var(--card-accent-soft);border:1px solid var(--card-accent-border);border-radius:10px;margin-bottom:18px;padding:10px 12px;font-size:12.5px;line-height:1.6}.proj-card__cta{color:var(--card-accent);align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:600;transition:gap .2s;display:inline-flex}.proj-card:hover .proj-card__cta,.proj-card:focus-visible .proj-card__cta{gap:10px}.work__grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:28px;display:grid;position:relative}.work__grid .proj-card{padding:26px}.work__grid .work-thumb{margin-bottom:20px}.work__grid .work-thumb__placeholder{min-height:200px}.work__featured{margin-bottom:56px}.proj-card--featured{background:linear-gradient(145deg,#151b2999,#080a12e6);grid-template-columns:1.15fr 1fr;align-items:stretch;gap:0;padding:0;display:grid}.proj-card--featured .proj-card__media{min-height:100%;position:relative}.proj-card--featured .work-thumb{border:none;border-right:1px solid var(--border-faint,#ffffff14);border-radius:0;height:100%}.proj-card--featured .work-thumb__img{object-fit:cover;object-position:top center;height:100%;min-height:320px}.proj-card--featured .proj-card__body{justify-content:center;padding:clamp(32px,4vw,52px)}.proj-card--featured .proj-card__title{margin-bottom:14px;font-size:clamp(1.5rem,2.6vw,2.1rem)}.proj-card--featured .proj-card__hook{-webkit-line-clamp:3;margin-bottom:22px;font-size:15px}.proj-card--featured .proj-card__outcome{font-size:13.5px}.proj-card--featured .proj-card__cta{font-size:14px}@media (width>=1440px){.work__grid .proj-card{padding:30px}}@media (width<=1100px){.work__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.proj-card--featured{grid-template-columns:1fr}.proj-card--featured .work-thumb{border-right:none;border-bottom:1px solid var(--border-faint,#ffffff14)}.proj-card--featured .work-thumb__img{min-height:260px}}@media (width<=768px){.work-page{padding:110px 0 80px}.work__header{margin-bottom:24px}.work__reach{margin-bottom:48px}}@media (width<=640px){.work-page{padding:100px 0 64px}.work__title{line-height:1.2}.work__intro{font-size:14.5px}.work__reach{gap:7px;margin-bottom:40px;font-size:12px}.work__grid{grid-template-columns:1fr;gap:22px}.work__grid .proj-card{padding:22px}.proj-card--featured .proj-card__body{padding:26px}}@media (width<=480px){.work__grid .proj-card{padding:20px}.proj-card__ribbon{padding:5px 12px;font-size:10px;right:14px}.work__reach{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.proj-card,.work-thumb__img,.proj-card__cta{transition:none}.proj-card:hover,.proj-card:focus-visible,.proj-card:hover .work-thumb__img,.proj-card:focus-visible .work-thumb__img{transform:none}}