.work-hero{max-width:var(--max-width);margin:0 auto;padding:180px var(--gutter) 60px}.work-hero__title{font-family:var(--font-display);font-size:clamp(4rem,8vw,9rem);font-weight:700;letter-spacing:-.04em;line-height:.85;text-transform:uppercase}@media(max-width:768px){.work-hero{padding:120px var(--gutter) 40px}}.work-stack{max-width:var(--max-width);margin:0 auto;padding:60px var(--gutter) 120px;display:flex;flex-direction:column;gap:40px}@media(max-width:1024px){.work-stack{gap:24px;padding:40px 16px 80px}}.work-card-wrap{opacity:0;transform:translateY(60px)}.work-card-wrap--skeleton{opacity:1;transform:none}.work-card{width:100%;height:clamp(480px,70vh,680px);background:#0a0a0a;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;display:flex;box-shadow:0 4px 12px #0003,0 24px 60px #0006;cursor:none;position:relative}.work-card:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:10;border-radius:var(--radius-lg);opacity:.6}.work-card__content{width:42%;padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;background:#0a0a0a;z-index:2;position:relative}.work-card__content:after{content:"";position:absolute;top:10%;right:0;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,var(--color-border) 30%,var(--color-border) 70%,transparent)}.work-card__top{display:flex;flex-direction:column;gap:20px}.work-card__company{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase}.work-card__sep{width:3px;height:3px;background:var(--color-muted);border-radius:50%}.work-card__title{font-family:var(--font-display);font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:-.03em}.work-card__vision{font-family:var(--font-body);font-size:16px;color:#ffffff8c;line-height:1.65;max-width:95%}.work-card__bottom{display:flex;flex-direction:column;gap:24px}.work-card__metrics{display:flex;gap:36px}.work-metric{display:flex;flex-direction:column;gap:6px}.work-metric__val{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:700;color:var(--color-fg);line-height:1;letter-spacing:-.02em}.work-metric__lbl{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.work-card__cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--color-fg);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;padding:14px 0 0;transition:color .3s ease;cursor:none;width:fit-content}.work-card__cta svg{transition:transform .3s}.work-card__cta:hover{color:var(--color-accent)}.work-card__cta:hover svg{transform:translate(4px)}.work-card__visual{width:58%;height:100%;position:relative;overflow:hidden;background:#060606}.work-card__visual--skeleton{background:#0e0e0e}.work-cinema-frame{position:absolute;inset:20px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.work-cinema-img{width:180%;height:140%;position:absolute;top:-10%;left:-10%;will-change:transform;filter:brightness(.85) saturate(.95);transition:filter .6s}.work-card:hover .work-cinema-img{filter:brightness(.95) saturate(1)}.work-cinema-img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.work-cinema-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(6,6,6,.5) 100%);pointer-events:none;z-index:2}.work-cinema-frame:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:3;opacity:.4}.work-cinema-corners{position:absolute;inset:20px;border-radius:8px;pointer-events:none;z-index:4}.work-cinema-corners:before,.work-cinema-corners:after{content:"";position:absolute;width:24px;height:24px;border-color:#ffffff1f;border-style:solid;border-width:0}.work-cinema-corners:before{top:12px;left:12px;border-top-width:1px;border-left-width:1px}.work-cinema-corners:after{bottom:12px;right:12px;border-bottom-width:1px;border-right-width:1px}.work-load-sentinel{display:flex;align-items:center;justify-content:center;padding:40px 0;gap:12px}.work-load-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:work-spin .8s linear infinite}@keyframes work-spin{to{transform:rotate(360deg)}}.work-load-text{font-family:var(--font-mono);font-size:12px;color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase}.work-card--skeleton{pointer-events:none}@media(max-width:1024px){.work-card{flex-direction:column;width:100%;height:auto;min-height:auto;border-radius:12px}.work-card__content{width:100%;padding:24px 20px;gap:16px}.work-card__content:after{display:none}.work-card__visual{width:100%;height:240px;order:-1}.work-cinema-frame{inset:12px}.work-cinema-img{width:160%;height:130%}.work-cinema-frame:after{background:linear-gradient(to top,#0a0a0a 0%,transparent 40%)}.work-card__title{font-size:clamp(1.3rem,5vw,1.8rem)}.work-card__vision{font-size:14px}.work-metric__val{font-size:1.5rem}.work-card:after{border-radius:12px}.work-cinema-corners{display:none}}