.page-works{--bg:#212121;--bg-deep:#212121;--fg:#e8e8e8;--fg-soft:#a0a0a0;--accent:#e8e8e8;--accent-ink:#212121;--panel:#161616;--panel-line:#3a3a3a;--outline:#e8e8e8;--focus:#e8e8e8;--color-c:0;--type-shadow:.035em .035em 0 #0009}.page-works .site-header{--menu-accent:#fff}.page-works{background:#212121}.page-works main{pointer-events:auto}:root:has(.page-works){scrollbar-gutter:stable}.is-work-open{overflow:hidden}.page-works :-webkit-any(main,.site-header,.site-footer){transition:opacity .6s cubic-bezier(.16,1,.3,1)}.page-works :is(main,.site-header,.site-footer){transition:opacity .6s cubic-bezier(.16,1,.3,1)}.is-work-focus .page-works :-webkit-any(main,.site-header,.site-footer){opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility 0s .35s}.is-work-focus .page-works :is(main,.site-header,.site-footer){opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility 0s .35s}.works-bg{z-index:0;pointer-events:none;background:#212121;position:fixed;top:0;bottom:0;left:0;right:0}.works-bg__canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;right:0}.is-liquid-bg .works-bg__canvas{opacity:1}.works-intro{align-items:end;gap:1.25rem 3rem;width:min(100% - 2*clamp(1rem,3vw,2.5rem),1480px);margin:0 auto;padding:clamp(7rem,17vh,11rem) 0 clamp(2rem,5vw,4rem);display:grid}@media (min-width:72rem){.works-intro{grid-template-columns:1fr minmax(0,28rem)}}.works-intro__title{letter-spacing:-.055em;color:var(--fg);text-shadow:var(--long-shadow);grid-column:1/-1;margin-left:-.05em;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(3.6rem,13vw,12.5rem);font-weight:900;line-height:.8}.works-intro__text{max-width:34rem;padding:1.1rem 1.3rem .9rem}@media (min-width:72rem){.works-intro__text{grid-area:2/2}}.works-intro__text{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);color:var(--fg);background:#111111d1;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.5}.works-intro__note{place-self:end start}@media (min-width:72rem){.works-intro__note{grid-area:2/1}}.works-intro__note{color:#e8e8e8;background:#3a3a3a;padding:.6rem .95rem .45rem;font-size:.85rem}.works-grid{--gap:clamp(.75rem, 2vw, 1.75rem);gap:var(--gap);grid-template-columns:minmax(0,1fr);width:min(100% - 2*clamp(1rem,3vw,2.5rem),1480px);margin:0 auto;padding-bottom:clamp(4rem,10vw,8rem);display:grid}@media (min-width:40em){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.works-grid__column{gap:var(--gap);flex-direction:column;display:flex}.works-tile{color:inherit;outline-offset:4px;text-decoration:none;display:block;position:relative}.works-tile__img{aspect-ratio:16/9;object-fit:cover;background:#1b1b1b;width:100%;height:auto;display:block}.is-liquid .works-tile__img{visibility:hidden}.works-tile__label{color:#e8e8e8;letter-spacing:.04em;text-transform:uppercase;background:#212121;gap:.75rem;padding:.55rem .8rem .4rem;font-size:.82rem;font-weight:700;display:flex;position:absolute;bottom:0;left:0}.works-tile__label span+span{color:#a0a0a0}@media (hover:hover) and (pointer:fine){.works-tile__label{display:none}}.works-cursor{z-index:50;color:#e8e8e8;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;background:#3a3a3a;gap:.75rem;margin:1.1rem 0 0 1.1rem;padding:.6rem .9rem .45rem;font-size:.85rem;font-weight:700;transition:opacity .2s,scale .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;scale:.9}.works-cursor.is-visible{opacity:1;scale:1}.works-cursor span+span{color:#a0a0a0}.works-empty{color:#e8e8e8;background:#3a3a3a;width:min(100% - 2*clamp(1rem,3vw,2.5rem),1480px);margin:0 auto 6rem;padding:1.6rem 1.8rem 1.4rem;font-size:1.2rem}.works-cta{text-align:center;justify-items:center;gap:2rem;padding:2rem 1rem clamp(5rem,12vw,9rem);display:grid}.works-cta__title{letter-spacing:-.04em;max-width:14ch;text-shadow:var(--type-shadow);font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(2.4rem,7vw,6rem);font-weight:900;line-height:.9}.works-details>.work{display:none}html:not(.works-js) .works-details>.work:target{display:grid}.work{color:#e8e8e8;grid-template-columns:minmax(0,1fr);grid-template-areas:"desk""phone""head""pager";align-items:start;gap:clamp(1rem,2.5vw,2.5rem);width:min(100% - 2*clamp(1rem,3vw,2.5rem),1480px);margin:0 auto;padding:clamp(5rem,9vw,6.5rem) 0 clamp(3rem,6vw,5rem);display:grid}@media (min-width:72rem){.work{--w:min(100vw - 12px - 2 * clamp(1rem, 3vw, 2.5rem), 1280px);--phone-w:calc(var(--w) * .236);grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);grid-template-areas:"desk desk""head phone""pager pager";column-gap:0;max-width:1280px}}.work__head{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#111111d1;grid-area:head;justify-self:center;width:min(100%,46rem);padding:clamp(1.25rem,2.4vw,2rem);box-shadow:0 40px 80px -30px #000000d9;container-type:inline-size}@media (min-width:72rem){.work__head{justify-self:stretch;width:auto;margin-top:9rem}}.work__title{letter-spacing:-.035em;overflow-wrap:normal;outline:none;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(1.7rem,12cqi,3.6rem);font-weight:900;line-height:.92}.work__meta{grid-template-columns:auto 1fr;gap:.4rem 1.25rem;margin:1.4rem 0 .4rem;font-size:.95rem;display:grid}.work__meta>div{display:contents}.work__meta dt{color:#a0a0a0}.work__meta dd{margin:0}.work__tags{flex-wrap:wrap;gap:.4rem;margin:1.4rem 0 .4rem;padding:0;list-style:none;display:flex}.work__tags .tag{border-color:#ffffff38;font-size:.8rem}.work__credit{color:#d8d8d8;margin-top:1rem;font-size:.95rem}.work__credit span{color:#a0a0a0}.work__credit a{color:#e8e8e8;text-underline-offset:.2em;text-decoration:underline}.work__credit a:hover{text-decoration-thickness:2px}.work__text{color:#d8d8d8;margin-top:1rem;line-height:1.6}.work__link{margin-top:1.6rem}.work__media{display:contents}.work__group--desktop{grid-area:desk}@media (min-width:72rem){.work__group--desktop{margin-right:calc(var(--phone-w) * .618)}}.work__group{min-width:0;position:relative}.work__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.work__track::-webkit-scrollbar{display:none}.work__track>.work__shot{scroll-snap-align:start;flex:0 0 100%}.work__dots{justify-content:center;gap:.45rem;padding-top:.8rem;display:flex}.work__dot{aspect-ratio:1;cursor:pointer;background:#ffffff4d;border:0;border-radius:50%;width:.55rem;padding:0;transition:background-color .3s,transform .3s}.work__dot[aria-current=true]{background:#e8e8e8;transform:scale(1.25)}.work__dot:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.work__shot{margin:0}.work__shot img{background:#1b1b1b;width:100%;height:auto;display:block;box-shadow:0 30px 80px -40px #000000bf}.work__shot--desktop img{aspect-ratio:16/9;object-fit:cover}.work__group--desktop .work__track{box-shadow:0 40px 80px -30px #000000d9}@media (prefers-reduced-motion:no-preference){.work__group--desktop .work__track{transition:box-shadow .6s cubic-bezier(.16,1,.3,1)}}.work:-webkit-any(.is-entering,.is-leaving) .work__group--desktop .work__track{box-shadow:0 40px 80px -30px #0000}.work:is(.is-entering,.is-leaving) .work__group--desktop .work__track{box-shadow:0 40px 80px -30px #0000}.work.is-leaving .work__group--desktop .work__track{transition-duration:.25s}.work__group--mobile{grid-area:phone;justify-self:end;width:clamp(9rem,38.2%,15rem)}@media (min-width:72rem){.work__group--mobile{width:var(--phone-w)}}.work__phone{box-shadow:0 40px 80px -30px #000000d9}.work__phone img{box-shadow:none}.work__media--both .work__group--mobile{z-index:1;margin-top:clamp(-12rem,-22vw,-4rem);margin-right:clamp(.5rem,3vw,2.5rem);position:relative}@media (min-width:72rem){.work__media--both .work__group--mobile{margin-top:calc(var(--phone-w) * -.83);margin-right:0}}.work__pager{grid-area:pager;justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}.work__pager-link{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);color:#e8e8e8;background:#111111d1;gap:.3rem;max-width:48%;padding:1rem 1.25rem .85rem;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(1rem,.9rem + .5vw,1.35rem);font-weight:800;line-height:1.1;text-decoration:none;transition:background-color .2s;display:grid}.work__pager-link span{letter-spacing:.08em;text-transform:uppercase;color:#a0a0a0;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:700}.work__pager-link:hover{background:#282828e0}.work__pager-link--next{text-align:right;margin-left:auto}:root:root .work .btn.work__link{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0}.work-view{color:#e8e8e8;overscroll-behavior:contain;background:0 0;border:0;width:100vw;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;top:0;bottom:auto;left:0;right:auto;overflow-y:auto}.work-view::backdrop{background:0 0}.work-view__close{top:calc(max(1rem, env(safe-area-inset-top)) + (clamp(6.5rem, 10vw, 8.5rem) * .5547 - 50px) / 2);z-index:3;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);color:#e8e8e8;cursor:pointer;background:#111111d1;border:0;place-items:center;width:50px;height:50px;padding:0;transition:background-color .2s;display:grid;position:fixed;right:calc(12px + max(clamp(1rem,3vw,2.5rem),50vw - 646px))}.work-view__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px}.work-view__close:hover{background:#282828e0}.work-view__close:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.work-view__flyer{z-index:2;object-fit:cover;transform-origin:0 0;pointer-events:none;position:fixed;box-shadow:0 40px 90px -40px #000000b3}.work.is-entering :is(.work__head,.work__group--desktop .work__shot,.work__phone,.work__pager){opacity:0}.work.is-leaving :is(.work__head,.work__group--desktop .work__shot,.work__phone,.work__pager){opacity:0}@media (prefers-reduced-motion:no-preference){.work-view .work :is(.work__head,.work__group--desktop .work__shot,.work__phone,.work__pager){transition:opacity .6s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1)}.work-view .work .work__shot--hero{transition:none}@supports (animation-timeline:view()){.work-view .work__group--desktop{animation:linear both work-parallax-desktop;animation-timeline:view()}@media (prefers-reduced-motion:no-preference) and (min-width:72rem){.work-view .work__head{animation:linear both work-parallax-head;animation-timeline:view()}}.work-view .work__group--mobile{animation:linear both work-parallax-mobile;animation-timeline:view()}}.work.is-entering :is(.work__head,.work__group--desktop .work__shot:not(.work__shot--hero),.work__phone,.work__pager){translate:0 1.5rem}.work.is-leaving :is(.work__head,.work__group--desktop .work__shot,.work__phone,.work__pager){transition-duration:.25s;transition-delay:0s}.work-view .work:not(.is-leaving) .work__head{transition-delay:80ms}.work-view .work:not(.is-leaving) .work__group--desktop .work__shot:nth-child(2){transition-delay:.16s}.work-view .work:not(.is-leaving) .work__group--desktop .work__shot:nth-child(3){transition-delay:.22s}.work-view .work:not(.is-leaving) .work__group--desktop .work__shot:nth-child(n+4){transition-delay:.28s}.work-view .work:not(.is-leaving) .work__phone{transition-delay:.3s}.work-view .work:not(.is-leaving) .work__pager{transition-delay:.45s}}@keyframes work-parallax-desktop{0%{transform:translateY(.6vh)}to{transform:translateY(-.6vh)}}@keyframes work-parallax-head{0%{transform:translateY(0)}to{transform:translateY(-32vh)}}@keyframes work-parallax-mobile{0%{transform:translateY(22vh)}to{transform:translateY(-22vh)}}