body.work-page{background:var(--color-ink-950)}
.work-hero{position:relative;isolation:isolate;display:flex;min-height:max(44rem,92svh);align-items:flex-end;overflow:hidden;background:#08080a}
.work-hero-media,.work-hero-overlay{position:absolute;inset:0}.work-hero-media{z-index:-3}.work-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.08) brightness(.7);transform:scale(1.02)}
.work-hero-overlay{z-index:-2;background:linear-gradient(90deg,rgba(5,5,7,.96) 0%,rgba(5,5,7,.76) 36%,rgba(5,5,7,.28) 70%,rgba(5,5,7,.66) 100%),linear-gradient(0deg,rgba(5,5,7,.98) 0%,rgba(5,5,7,.18) 56%,rgba(5,5,7,.24) 100%)}
.work-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 76% 24%,rgba(155,114,255,.18),transparent 24rem),linear-gradient(115deg,transparent 0 67%,rgba(199,170,114,.07) 67.2%,transparent 67.6%)}
.work-hero-inner{padding-top:calc(var(--header-height) + 5rem);padding-bottom:9.25rem}.work-kicker{color:#bbb6c0;font-size:.66rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.work-hero h1{max-width:76rem;margin:1.15rem 0 0;font-family:var(--font-display);font-size:clamp(4.2rem,9.3vw,9.6rem);font-weight:500;line-height:.81;letter-spacing:-.07em;text-transform:uppercase}.work-hero h1 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.58)}
.work-hero-copy{max-width:39rem;margin:2rem 0 0;color:#c0bcc5;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.72}.work-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.45rem;margin-top:2rem}.work-hero-meta{position:absolute;bottom:1.4rem;left:50%;display:grid;width:min(calc(100% - (var(--gutter)*2)),var(--container));grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.16);transform:translateX(-50%);color:#aaa6af;font-size:.61rem;letter-spacing:.11em;text-transform:uppercase}.work-hero-meta span:not(:first-child){text-align:center}.work-hero-meta span:last-child{text-align:right}
.work-index{padding:var(--section-space) 0;background:#f7f3eb;color:#17161a}.work-index-heading,.work-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.64fr);gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:2.3rem}.work-index-heading h2,.work-section-heading h2{max-width:52rem;margin:1rem 0 0;font-family:var(--font-display);font-size:clamp(3rem,5.6vw,5.5rem);font-weight:500;line-height:.94;letter-spacing:-.055em}.work-index-heading>p,.work-section-heading>p{margin:0;color:#66626b;line-height:1.75}
.work-filters{display:flex;gap:.55rem;margin-bottom:2rem;padding-bottom:.4rem;overflow-x:auto;scrollbar-width:none}.work-filters::-webkit-scrollbar{display:none}.work-filter{flex:0 0 auto;min-height:2.65rem;padding:0 .95rem;border:1px solid #d2ccc1;border-radius:999px;background:transparent;color:#5c5860;font:600 .62rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.work-filter:hover,.work-filter.is-active{border-color:#17161a;background:#17161a;color:#fff}
.work-projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.work-project{grid-column:span 6;min-width:0;overflow:hidden;border-radius:var(--radius-xs);background:#111115;color:#fff;transition:opacity .25s ease,transform .25s ease}.work-project-featured{grid-column:1/-1}.work-project-wide{grid-column:span 7}.work-project:nth-child(5){grid-column:span 5}.work-project.is-hidden{display:none}.work-project-media{height:25rem;overflow:hidden;background:#111}.work-project-featured .work-project-media{height:42rem}.work-project-wide .work-project-media{height:32rem}.work-project img{width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ease-out)}.work-project:hover img{transform:scale(1.025)}
.work-project-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.62fr);gap:2rem;padding:1.4rem 1.5rem 1.6rem}.work-project-number{display:block;margin-bottom:.7rem;color:#77737c;font-size:.62rem}.work-project-type{margin:0 0 .55rem;color:#8f8a95;font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.work-project h3{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3.4vw,3.2rem);font-weight:550;line-height:1;letter-spacing:-.045em}.work-project-details{align-self:end}.work-project-details p{margin:0;color:#aaa6b0;font-size:.78rem;line-height:1.65}.work-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.work-tags span{padding:.42rem .55rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#b9b5bd;font-size:.54rem;letter-spacing:.08em;text-transform:uppercase}
.work-story{padding:var(--section-space) 0;background:#09090b;color:#fff}.work-story-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(3rem,7vw,7rem);align-items:start}.work-story-copy{position:sticky;top:calc(var(--header-height) + 2rem)}.work-story-copy h2{max-width:36rem;margin:1rem 0 1.6rem;font-family:var(--font-display);font-size:clamp(3.2rem,5.9vw,6rem);font-weight:500;line-height:.93;letter-spacing:-.06em}.work-story-copy p:last-child{max-width:33rem;color:#a6a2ac;line-height:1.8}.work-timeline{border-top:1px solid rgba(255,255,255,.12)}.work-timeline article{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.work-timeline>article>span{padding-top:.2rem;color:#6f6a74;font-size:.62rem}.work-timeline small{display:block;color:#817d86;font-size:.58rem;letter-spacing:.13em}.work-timeline strong{display:block;margin:.25rem 0 .45rem;font-family:var(--font-display);font-size:1.55rem;font-weight:550}.work-timeline p{margin:0;color:#aaa6b0;font-size:.78rem;line-height:1.6}
.work-details{padding:var(--section-space) 0;background:#f7f3eb;color:#17161a}.work-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-light)}.work-detail-grid article{min-height:17rem;padding:1.5rem 1.5rem 1.5rem 0;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}.work-detail-grid article:nth-child(3n){border-right:0;padding-left:1.5rem}.work-detail-grid article:nth-child(3n+2){padding-left:1.5rem}.work-detail-grid span{color:#96919a;font-size:.62rem}.work-detail-grid h3{margin:2.3rem 0 .7rem;font-family:var(--font-display);font-size:2rem;font-weight:550;letter-spacing:-.04em}.work-detail-grid p{max-width:21rem;margin:0;color:#6b6770;font-size:.8rem;line-height:1.7}
.work-behind{position:relative;isolation:isolate;display:flex;min-height:44rem;align-items:center;overflow:hidden;background:#09090b}.work-behind-media,.work-behind-overlay{position:absolute;inset:0}.work-behind-media{z-index:-2}.work-behind-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.62)}.work-behind-overlay{z-index:-1;background:linear-gradient(90deg,rgba(7,7,8,.96),rgba(7,7,8,.7) 48%,rgba(7,7,8,.28))}.work-behind-inner{padding-block:7rem}.work-behind-inner h2{max-width:48rem;margin:1rem 0 1.4rem;font-family:var(--font-display);font-size:clamp(3.4rem,6.5vw,6.6rem);font-weight:500;line-height:.92;letter-spacing:-.06em}.work-behind-inner p{max-width:36rem;margin:0 0 1.8rem;color:#b6b2bc;line-height:1.75}
.work-cta{padding:var(--section-space) 0;background:#0a0a0c;color:#fff}.work-cta-inner{text-align:center}.work-cta h2{margin:1rem auto 1.25rem;font-family:var(--font-display);font-size:clamp(3.8rem,8vw,8rem);font-weight:500;line-height:.88;letter-spacing:-.065em}.work-cta p{max-width:34rem;margin:0 auto;color:#9d99a3;line-height:1.75}.work-cta-inner>div{display:flex;justify-content:center;align-items:center;gap:1.4rem;margin-top:2rem}
@media(max-width:73.75rem){.work-project{grid-column:span 6}.work-project-featured{grid-column:1/-1}.work-project-wide,.work-project:nth-child(5){grid-column:span 6}.work-story-grid{grid-template-columns:1fr;gap:3.5rem}.work-story-copy{position:static}.work-story-copy p:last-child{max-width:42rem}}
@media(max-width:60rem){.work-index-heading,.work-section-heading{grid-template-columns:1fr;gap:1.3rem}.work-index-heading>p,.work-section-heading>p{max-width:42rem}.work-project-content{grid-template-columns:1fr;gap:1.2rem}.work-project-details{max-width:32rem}.work-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-grid article:nth-child(n){padding:1.4rem;border-right:1px solid var(--line-light)}.work-detail-grid article:nth-child(2n){border-right:0}}
@media(max-width:48rem){.work-hero{min-height:max(42rem,100svh)}.work-hero-media img{object-position:62% center}.work-hero-inner{display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--header-height) + 3rem);padding-bottom:9.5rem}.work-hero h1{font-size:clamp(3.6rem,15.5vw,5.8rem);line-height:.84}.work-hero-copy{font-size:.95rem}.work-hero-actions{align-items:flex-start;gap:1rem}.work-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;font-size:.55rem}.work-hero-meta span:nth-child(n){text-align:left}.work-hero-meta span:last-child{grid-column:1/-1}.work-projects{grid-template-columns:1fr}.work-project,.work-project-featured,.work-project-wide,.work-project:nth-child(5){grid-column:1}.work-project-media,.work-project-featured .work-project-media,.work-project-wide .work-project-media{height:62vw;min-height:20rem;max-height:28rem}.work-project-content{padding:1.2rem}.work-project h3{font-size:2.25rem}.work-detail-grid{grid-template-columns:1fr}.work-detail-grid article:nth-child(n){min-height:11rem;padding:1.25rem 0;border-right:0}.work-detail-grid h3{margin-top:1.5rem}.work-behind{min-height:40rem}.work-behind-inner{padding-block:5rem}.work-cta-inner>div{flex-direction:column}.work-cta-inner .button{width:100%}}
@media(max-width:30rem){.work-hero-actions{width:100%;flex-direction:column;align-items:stretch}.work-hero-actions .button{width:100%}.work-filters{margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter)}.work-project-media,.work-project-featured .work-project-media,.work-project-wide .work-project-media{min-height:18rem}.work-timeline article{grid-template-columns:2.5rem 1fr}.work-cta h2{font-size:3.6rem}}
@media(hover:none){.work-project:hover img{transform:none}}