.work-page-hero{padding:9rem 2.5rem 4rem;max-width:1400px;margin:0 auto}.work-page-hero .page-title{font-family:var(--display);font-weight:800;font-size:clamp(3.5rem,9vw,8rem);line-height:.94;letter-spacing:-.04em;color:var(--ink);margin:0}.work-page-hero .page-title em{font-family:var(--accent-serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.015em}.work-grid-top{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1400px;margin:0 auto;padding:1rem 2.5rem 4rem}.work-tile{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.work-tile:hover{transform:translateY(-4px)}.tile-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--r-md);background:var(--ink)}.tile-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:contrast(1.04) saturate(1.06)}.work-tile:hover .tile-image img{transform:scale(1.04)}.tile-logo{position:absolute;top:1rem;left:1rem;z-index:2;width:auto;min-width:96px;max-width:100%;height:44px;padding:0 .75rem;display:inline-flex;align-items:center;font-family:var(--body);font-weight:600;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;background:#00000038;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-logo-dark{color:#18181bb3;background:#ffffff8c;border:1px solid rgba(24,24,27,.08)}.tile-logo-light{color:#f5f1eac7;background:#ffffff0f;border:1px solid rgba(245,241,234,.14)}.tile-logo--img{background:transparent;padding:0;min-width:0;max-width:160px;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.tile-logo--img img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.tile-body{padding:1rem .25rem 0}.tile-title{font-family:var(--display);font-weight:700;font-size:1.4rem;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 .35rem}.tile-title em{font-family:var(--accent-serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}.tile-meta{font-family:var(--body);font-weight:400;font-size:.95rem;line-height:1.4;color:#18181bb3;margin:0}.tile-image-cta{background:#18181b;display:flex;align-items:flex-end;padding:1.5rem}.tile-cta-headline{font-family:var(--display);font-weight:600;font-size:1.4rem;letter-spacing:-.01em;color:#f5f1ea}.tile-cta-headline span{display:inline-block;margin-left:.35rem;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.work-tile-cta:hover .tile-cta-headline span{transform:translate(4px)}.work-strip{max-width:1400px;margin:0 auto;padding:2rem 0 4rem}.work-strip-header{display:flex;align-items:center;gap:.6rem;padding:0 2.5rem;margin-bottom:1.25rem}.strip-dot{width:8px;height:8px;border-radius:50%;background:#19c37d;box-shadow:0 0 0 4px #19c37d26;flex-shrink:0}.strip-label{font-family:var(--body);font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#18181bb3}.work-strip-track{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:0 2.5rem 1rem;scroll-snap-type:x mandatory;scroll-padding-left:2.5rem;cursor:grab;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 120px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 120px),transparent 100%)}.work-strip-track.dragging{cursor:grabbing}.work-strip-track::-webkit-scrollbar{display:none}.work-strip-track{scrollbar-width:none}.strip-tile{flex:0 0 auto;width:clamp(180px,18vw,220px);text-decoration:none;color:inherit;scroll-snap-align:start;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.strip-tile:hover{transform:translateY(-3px)}.strip-image{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--r-md);background:var(--ink)}.strip-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:contrast(1.04) saturate(1.06)}.strip-tile:hover .strip-image img{transform:scale(1.05)}.strip-logo{position:absolute;top:.75rem;left:.75rem;z-index:2;min-width:72px;max-width:120px;height:32px;padding:0 .55rem;display:inline-flex;align-items:center;font-family:var(--body);font-weight:600;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;background:#00000038;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-logo--img{background:transparent;padding:0;min-width:0;max-width:120px;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.strip-logo--img img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.strip-meta{margin:.7rem 0 0;display:flex;flex-direction:column;gap:.15rem}.strip-title{font-family:var(--display);font-weight:700;font-size:.95rem;line-height:1.15;letter-spacing:-.01em;color:var(--ink)}.strip-sector{font-family:var(--body);font-weight:400;font-size:.78rem;color:#18181b8c}@media(max-width:960px){.work-page-hero{padding:7rem 1.5rem 3rem}.work-grid-top{grid-template-columns:1fr;gap:1rem;padding:.5rem 1.25rem 2.5rem}.tile-image{aspect-ratio:16 / 11}.tile-title{font-size:1.25rem}.tile-meta{font-size:.9rem}.work-strip{padding:1rem 0 2.5rem}.work-strip-header{padding:0 1.25rem}.work-strip-track{padding:0 1.25rem 1rem;scroll-padding-left:1.25rem;gap:.75rem;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 60px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 60px),transparent 100%)}.strip-tile{width:150px}}