.work-page{--work-accent:#e85a2a;--work-bg:#0a0a0a;--work-text-dim:#ffffff52;--work-text-muted:#ffffff73;--work-nav-inset:0px;width:100%;height:100dvh;position:relative;overflow:hidden}.work-experience{background:var(--work-bg);color:#fff;width:100%;height:100%;position:relative;overflow:hidden}.work-experience .top-nav{z-index:10;pointer-events:auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,4vw,3.75rem) 0;position:absolute;top:0;left:0;right:0}.top-nav--work .top-nav__logo{color:#fff}.top-nav--work .top-nav__pill{background:#ffffff1f}.top-nav--work .top-nav__link{color:#ffffffd9}.top-nav--work .top-nav__link--active{color:#1a1b1a;background:#fff}.top-nav--work .top-nav__link:not(.top-nav__link--active):hover{background:#ffffff1a}.top-nav--work .top-nav__status-label,.top-nav--work .top-nav__status-value{color:#ffffffa6}.work-stage{--work-nav-inset:0px;width:100%;height:100%;position:absolute;inset:0}.work-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-background__layer{z-index:0;will-change:opacity;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-background__scale{transform-origin:50%;will-change:transform;position:absolute;inset:0}.work-background__image{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.work-background__scrim{pointer-events:none;background:#0000006b;position:absolute;inset:0}.work-filter{left:clamp(1.25rem,4vw,3.75rem);top:calc(var(--work-nav-inset) + (100% - var(--work-nav-inset)) / 2);z-index:3;pointer-events:auto;flex-direction:column;gap:.75rem;display:flex;position:absolute;transform:translateY(-50%)}.work-filter__label{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--work-text-muted);margin:0;font-size:.6875rem;font-weight:500}.work-filter__list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.work-filter__button{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--work-text-muted);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.6875rem;font-weight:500;transition:color .2s}.work-filter__button:hover,.work-filter__button--active{color:#fff}.work-list-clip{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-list-track{will-change:transform;width:100%;position:absolute;top:0;left:0}.work-list{flex-direction:column;align-items:center;gap:0;width:100%;padding-block:clamp(1.5rem,4vh,3rem);display:flex}.work-row{width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;pointer-events:auto;background:0 0;border:0;grid-template-areas:"title";margin:0;padding-block:8px;text-decoration:none;display:grid;position:relative}.work-row__title{font-family:var(--font-pp-neue-corp-tight), "Arial Black", sans-serif;font-size:clamp(2.5rem, calc(92px * (100vw / 1440px)), 500px);letter-spacing:-.02em;text-transform:uppercase;grid-area:title;margin:0;font-style:normal;font-weight:800;line-height:.95;display:block}.work-row__title--dim{color:var(--work-text-dim)}.work-row__accent-mask{clip-path:inset(100% 0 0);pointer-events:none;grid-area:title;overflow:hidden}.work-row__accent-inner{grid-template-areas:"title";place-items:center;display:grid}.work-row__title--accent{color:var(--work-accent);grid-area:title}.work-row__meta{z-index:1;font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-align:center;white-space:nowrap;pointer-events:none;grid-area:title;margin:0;padding:0 1rem;font-size:clamp(.625rem,.85vw,.75rem);font-weight:500;line-height:1.2}.work-empty{z-index:2;font-family:var(--font-pp-neue-corp-compact), sans-serif;color:var(--work-text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;inset:0}@media (max-width:768px){.work-filter{top:calc(var(--work-nav-inset) + 1rem);flex-flow:wrap;align-items:center;gap:.5rem 1rem;transform:none}.work-filter__list{flex-flow:wrap;gap:.5rem 1rem}}@media (prefers-reduced-motion:reduce){.work-list-track,.work-background__layer,.work-background__scale{will-change:auto}}
.work-index{color:#292929;min-height:100%;position:relative}.work-index-intro{max-width:853px;padding:clamp(5.5rem, 12vh, 7.5rem) var(--body-inline-padding) 0;flex-direction:column;gap:48px;margin-bottom:-20px;display:flex}.work-index .work-gallery{padding-top:60px}.work-index-intro__copy{flex-direction:column;gap:14px;display:flex}.work-index-intro__eyebrow{font-family:var(--font-rock-salt), "Comic Sans MS", cursive;color:var(--color-accent);margin:0;font-size:22px;line-height:1.5}.work-index-intro__headline{font-family:var(--font-pp-neue-corp-tight), "Arial Black", "Helvetica Neue", sans-serif;text-transform:uppercase;color:#292929;margin:0;font-size:clamp(3.25rem,7.2vw,104px);line-height:.8}.work-index-intro__filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.work-index-intro__chip{font-family:var(--font-pp-neue-corp-compact), "Helvetica Neue", sans-serif;color:#292929;cursor:pointer;background:0 0;border:1px solid #000;border-radius:8px;margin:0;padding:8px;font-size:14px;line-height:1.5;transition:background .2s,color .2s}.work-index-intro__chip:hover,.work-index-intro__chip--active{color:#f0ece4;background:#292929}.work-index-intro__refresh{color:#292929;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:8px;display:inline-flex}.work-index-intro__refresh-icon{width:12px;height:12px}.work-gallery-vault>.vault{background:#f0ece4;scroll-margin-top:15vh}.work-gallery-vault>.vault .vault__sticky{background:#f0ece4}.work-gallery-vault>.vault .vault__cta{align-self:flex-end;margin-top:-.5rem;margin-right:clamp(1rem,8vw,6rem)}@media (max-width:768px){.work-index-intro{gap:1.5rem;padding-top:clamp(4.5rem,10vh,6rem)}.work-index-intro__eyebrow{font-size:16px}.work-index-intro__headline{font-size:clamp(2.5rem,12vw,3.75rem)}.work-index-intro__chip{font-size:13px}.work-gallery-vault>.vault .vault__cta{align-self:center;margin-right:0}}
