.work-page,.work-case-page{min-height:100svh;background:var(--white);color:var(--black)}.work-hero{padding:clamp(7.5rem,12vw,11.9rem) var(--page-x) clamp(2.5rem,5vw,5rem)}.work-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25rem;align-items:end}.work-hero h1{grid-column:1 / 6;margin:0;font-size:clamp(2.62rem,5.68vw,5.125rem);line-height:clamp(3rem,6.7vw,6.25rem);font-weight:400}.work-hero p{grid-column:8 / 13;max-width:34rem;margin:0;color:#171717b3;font-size:clamp(1.35rem,2.4vw,2.6rem);line-height:1.08}.work-list{display:grid;gap:clamp(1.25rem,3vw,2.5rem);padding:0 var(--page-x) clamp(6rem,9vw,9rem)}.work-card{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25rem;min-height:clamp(34rem,74vw,52rem);color:var(--white);background:var(--black)}.work-card:not(.is-featured){min-height:clamp(25rem,46vw,38rem)}.work-card-media{grid-column:1 / -1;grid-row:1;overflow:hidden}.work-card-media img,.work-card-media video,.work-case-media img,.work-case-media video{width:100%;height:100%;object-fit:cover}.work-card-content{grid-column:1 / -1;grid-row:1;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25rem;align-content:end;padding:clamp(1.25rem,3vw,3rem);background:linear-gradient(180deg,#0000000f,#00000094)}.work-card-content>div:first-child{grid-column:1 / 7}.work-card-content>p{grid-column:8 / 13;align-self:end;margin:0;max-width:34rem;color:#ffffffc7;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.32}.work-card-content p:first-child{margin:0 0 .8rem;color:#ffffffa3;font-size:.82rem;line-height:1.1;text-transform:uppercase}.work-card h2{margin:0;font-size:clamp(3rem,8vw,8rem);line-height:.9;font-weight:400}.work-card-meta{grid-column:1 / -1;display:flex;justify-content:space-between;gap:1rem;margin-top:clamp(2rem,5vw,5rem);color:#ffffffb3;font-size:.9rem;line-height:1.2}.work-case{width:100%;box-sizing:border-box;padding:clamp(8rem,10vw,9rem) var(--shell-gutter) clamp(6rem,10vw,10rem)}.work-case-header{max-width:72rem;margin-inline:auto;text-align:center}.work-case h1{max-width:58rem;margin:1.35rem auto 0;font-size:clamp(3rem,4.8vw,5.25rem);line-height:1;font-weight:400;letter-spacing:-.045em;text-wrap:balance;hyphens:auto;-webkit-hyphens:auto}.work-case-kicker{display:flex;justify-content:center;gap:.45rem;margin:0;color:color-mix(in oklab,var(--black) 54%,transparent);font-size:.86rem;line-height:1.3}.work-case-description{max-width:48rem;margin:1.8rem auto 0;color:color-mix(in oklab,var(--black) 64%,transparent);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.45;text-wrap:balance}.work-case-media{width:min(100%,90rem);aspect-ratio:16 / 9;margin:clamp(3rem,5vw,4rem) auto 0;overflow:hidden;border-radius:.75rem;background:var(--soft)}.work-case-rule{height:1px;margin:clamp(3.5rem,5vw,4rem) 0;background:color-mix(in oklab,var(--black) 12%,transparent)}.work-case-layout{display:grid;grid-template-columns:15rem minmax(0,48rem) minmax(0,1fr);gap:clamp(2.5rem,4vw,4rem);align-items:start}.work-case-toc{position:sticky;top:9rem}.work-case-toc>p{margin:0 0 1rem;color:color-mix(in oklab,var(--black) 48%,transparent);font-size:.75rem;line-height:1.2;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.work-case-toc ol{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.work-case-toc a{display:block;color:color-mix(in oklab,var(--black) 62%,transparent);font-size:.86rem;line-height:1.35;text-decoration:none}.work-case-toc a:hover{color:var(--black);text-decoration:underline;text-underline-offset:.22em}.work-case-toc a:focus-visible{border-radius:.25rem;outline:2px solid currentColor;outline-offset:.2rem}.work-case-content{grid-column:2;min-width:0}.work-case-content p,.work-case-content li{color:color-mix(in oklab,var(--black) 72%,transparent);font-size:clamp(1rem,1.12vw,1.08rem);line-height:1.72}.work-case-content p{margin:0 0 1.4rem}.work-case-content h2{margin:clamp(3rem,5vw,4.25rem) 0 1.2rem;font-size:clamp(1.7rem,2.4vw,2.4rem);line-height:1.08;font-weight:500;letter-spacing:-.03em}.work-case-content h2:first-child{margin-top:0}.work-case-content ul,.work-case-content ol{display:grid;gap:.55rem;margin:1.2rem 0 1.8rem;padding-left:1.3rem}.work-case-content a{color:var(--black);text-decoration-thickness:1px;text-underline-offset:.18em}@media(max-width:900px){.work-hero{padding-top:7rem}.work-hero-grid,.work-card,.work-card-content,.work-case-header{grid-template-columns:repeat(4,minmax(0,1fr))}.work-hero h1,.work-hero p,.work-card-content>div:first-child,.work-card-content>p,.work-card-meta{grid-column:1 / -1}.work-hero h1{font-size:clamp(2.15rem,9.45vw,2.45rem);line-height:1.15}.work-hero p{margin-top:1.25rem;font-size:clamp(1.45rem,8vw,2.35rem)}.work-card,.work-card:not(.is-featured){min-height:32rem}.work-card h2{font-size:clamp(2.4rem,15vw,4.2rem)}.work-card-content>p{margin-top:1.25rem}.work-card-meta{flex-direction:column}.work-case-layout{grid-template-columns:minmax(0,1fr);gap:3rem}.work-case-toc{position:static;padding-bottom:2rem;border-bottom:1px solid color-mix(in oklab,var(--black) 12%,transparent)}.work-case-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem}.work-case-content{grid-column:1}}@media(max-width:640px){.work-case{padding-top:8.5rem}.work-case-header{text-align:left}.work-case-kicker{justify-content:flex-start;flex-wrap:wrap}.work-case h1{margin-top:1rem;font-size:clamp(2.5rem,12.5vw,3.6rem)}.work-case-description{margin-top:1.35rem}.work-case-media{aspect-ratio:4 / 3;border-radius:.5rem}.work-case-toc ol{grid-template-columns:1fr}}