.works-shell{--projects-pink: var(--signal);--projects-black: #050606;--projects-panel: #111;--projects-muted: rgb(255 255 255 / 76%);--projects-quiet: rgb(255 255 255 / 72%);--projects-line: rgb(255 255 255 / 22%);position:relative;width:100%;min-height:100vh;margin:0;overflow:clip;background:var(--projects-black);color:#fff}.works-hero{position:relative;isolation:isolate;display:grid;min-height:100svh;width:100%;margin:0;place-items:end start;overflow:hidden;padding:132px var(--site-page-gutter) clamp(58px,7vh,88px);background:var(--projects-black)}.works-hero__media,.works-hero__scrim{position:absolute;inset:0;pointer-events:none}.works-hero__media{z-index:-3;clip-path:inset(0 0 100% 0);opacity:1;animation:works-hero-media-enter var(--motion-hero-duration) var(--motion-ease-enter) both}.works-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;filter:saturate(.96) contrast(1.04) brightness(.9);transform:scale(1.015);transition:opacity 1s cubic-bezier(.34,1,.64,1);will-change:opacity}.works-hero__video.is-active{opacity:1}.works-hero__scrim{z-index:-2;background:linear-gradient(90deg,#050606b8,#0506061f 62%),linear-gradient(180deg,rgb(5 6 6 / 48%) 0%,transparent 36%,rgb(5 6 6 / 92%) 100%);opacity:0;animation:works-hero-scrim-enter var(--motion-scrim-duration) ease-out var(--motion-scrim-delay) both}.works-hero__content{display:grid;grid-template-columns:minmax(0,900px) auto;align-items:end;justify-content:space-between;gap:clamp(48px,8vw,144px);width:min(100%,var(--site-page-max));margin:0 auto}.works-hero__heading{display:grid;gap:16px;place-items:start}.works-hero h1{color:#fff;font-family:var(--font-display);font-size:clamp(36px,3.6vw,54px);font-weight:560;letter-spacing:0;line-height:1.02;text-shadow:0 3px 32px rgb(0 0 0 / 66%);animation:works-copy-enter var(--motion-copy-duration) var(--motion-ease-enter) var(--motion-copy-delay) both}.works-hero__intro{max-width:45ch;margin:0;padding-left:16px;border-left:2px solid var(--projects-pink);color:#fff;font-size:clamp(16px,1.3vw,20px);font-weight:560;line-height:1.38;text-shadow:0 2px 18px rgb(0 0 0 / 70%);animation:works-caption-enter var(--motion-copy-duration) var(--motion-ease-enter) var(--motion-copy-secondary-delay) both}.works-hero__featured{display:grid;justify-items:start;gap:10px;min-width:max-content;color:#fff;animation:works-copy-enter var(--motion-copy-duration) var(--motion-ease-enter) var(--motion-copy-secondary-delay) both}.works-hero__featured>p{margin:0;color:#ffffffb8;font-size:13px;line-height:1.2}.works-hero__featured .text-link__icon{color:var(--projects-pink)}.works-board{--works-grid-gap: clamp(18px, 2vw, 32px);display:grid;width:min(100%,var(--site-page-max));margin:0 auto;padding:clamp(34px,5vw,78px) var(--site-page-gutter) clamp(52px,7vw,104px);gap:clamp(26px,3.8vw,56px);animation:works-copy-enter .9s cubic-bezier(.16,1,.3,1) .48s both}.works-board__toolbar{max-width:none}.works-index{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;overflow:hidden}.works-filter__label{flex:none;color:#fff;font-size:15px;font-weight:520;letter-spacing:0;line-height:1;opacity:.78;white-space:nowrap}.works-filter{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px;align-items:center;min-width:0;overflow-x:auto;padding:0;border:0;background:transparent;scrollbar-width:none}.works-filter::-webkit-scrollbar{display:none}.works-filter__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.works-filter__button{position:relative;isolation:isolate;flex:0 0 auto;min-height:34px;padding:0 14px 1px;overflow:hidden;border:1px solid var(--projects-line);border-radius:0;background:transparent;box-shadow:none;color:#fff;cursor:pointer;font:inherit;font-size:15px;font-weight:520;letter-spacing:0;line-height:1;opacity:.82;white-space:nowrap;transition:border-color .26s cubic-bezier(.34,1,.64,1),background .26s cubic-bezier(.34,1,.64,1),box-shadow .26s cubic-bezier(.34,1,.64,1),color .26s cubic-bezier(.34,1,.64,1),opacity .26s cubic-bezier(.34,1,.64,1),transform .3s cubic-bezier(.16,1,.3,1)}.works-filter__button:before{position:absolute;inset:0;z-index:-1;background:var(--projects-pink);content:"";transform:translate(-101%);transition:transform .52s cubic-bezier(.22,.61,.36,1)}.works-filter__button.is-active{border-color:var(--projects-pink);background:var(--projects-pink);box-shadow:0 12px 34px #ef33402e;color:#fff;opacity:1}.works-filter__button.is-active:before{transform:translate(0)}.works-filter__button:not(.is-active):hover,.works-filter__button:not(.is-active):focus-visible{border-color:var(--projects-pink);background:#ef33401f;box-shadow:0 8px 24px #ef33401f;color:#fff;opacity:1}.works-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--works-grid-gap);row-gap:0;margin-right:calc(var(--site-page-gutter) * -1);margin-left:calc(var(--site-page-gutter) * -1)}.works-list.is-filtering{animation:filter-list-refresh .36s cubic-bezier(.34,1,.64,1)}.case-tile{--case-tile-gap: clamp(32px, 4.4vw, 70px);--case-divider-offset: clamp(14px, 1.8vw, 28px);position:relative;min-width:0;padding-top:var(--case-tile-gap);overflow:hidden;border-radius:0;background:transparent;box-shadow:none;color:#fff;transition:background .36s cubic-bezier(.34,1,.64,1),transform .46s cubic-bezier(.16,1,.3,1)}.case-tile:before{position:absolute;top:var(--case-divider-offset);right:0;left:0;height:1px;background:var(--projects-line);content:"";pointer-events:none}.case-tile:last-child:after{position:absolute;right:0;bottom:calc(var(--case-tile-gap) - var(--case-divider-offset));left:0;height:1px;background:var(--projects-line);content:"";pointer-events:none}.case-tile:last-child{padding-bottom:var(--case-tile-gap)}.case-tile:first-child,.case-tile.is-first-visible{padding-top:0}.case-tile:first-child:before{content:none}.case-tile.is-first-visible:before{content:none}.case-tile[hidden]{display:none}.case-tile:hover,.case-tile:focus-visible{background:transparent;transform:translateY(-4px)}.case-tile--1,.case-tile--2,.case-tile--3,.case-tile--4,.case-tile--5,.case-tile--6{grid-column:span 12}.case-tile figure{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--works-grid-gap);width:100%;height:100%;min-height:0}.case-tile figure,.case-tile--1 figure,.case-tile--2 figure,.case-tile--3 figure,.case-tile--4 figure,.case-tile--5 figure,.case-tile--6 figure{min-height:clamp(420px,42vw,680px)}.case-tile__media-frame{position:relative;display:block;overflow:hidden;width:100%;height:100%;min-height:0;background:var(--projects-panel)}.case-tile__media-frame,.case-tile--1 .case-tile__media-frame,.case-tile--2 .case-tile__media-frame,.case-tile--3 .case-tile__media-frame,.case-tile--4 .case-tile__media-frame,.case-tile--5 .case-tile__media-frame,.case-tile--6 .case-tile__media-frame{height:100%;grid-column:6 / 13;grid-row:1}.case-tile__media-frame:after{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(180deg,#0506060a,#05060629);pointer-events:none}.case-tile__media-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04) brightness(.78);transform:scale(1.01);transition:filter .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.case-tile:hover .case-tile__media-frame img,.case-tile:focus-visible .case-tile__media-frame img{filter:saturate(1.06) contrast(1.07) brightness(.88);transform:scale(1.055)}.case-tile figcaption{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;grid-column:1 / 6;grid-row:1;min-height:100%;gap:clamp(10px,1vw,16px);padding:clamp(6px,.9vw,16px) 0 clamp(8px,1vw,16px) var(--site-page-gutter);background:transparent}.case-tile--1 figcaption,.case-tile--2 figcaption,.case-tile--3 figcaption,.case-tile--4 figcaption,.case-tile--5 figcaption,.case-tile--6 figcaption{grid-column:1 / 6;grid-row:1;padding-right:0;padding-left:var(--site-page-gutter)}.case-tile__intro{display:grid;grid-row:1;align-self:start;gap:clamp(12px,1vw,16px);max-width:min(500px,100%)}.case-tile__details{display:grid;grid-row:3;align-self:end;gap:clamp(26px,2.4vw,44px);max-width:min(520px,100%)}.case-tile h2{margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(38px,5.2vw,92px);font-weight:650;letter-spacing:0;line-height:.84;text-wrap:balance;text-transform:uppercase}.case-tile h2,.case-tile--1 h2,.case-tile--2 h2,.case-tile--3 h2,.case-tile--4 h2,.case-tile--5 h2,.case-tile--6 h2{font-size:clamp(38px,3.65vw,64px);line-height:.84}.case-tile p{position:relative;max-width:min(38ch,100%);margin:0;padding-left:14px;color:#ffffffbd;font-size:clamp(14px,.98vw,16px);font-weight:560;line-height:1.32}.case-tile p:before{position:absolute;top:.16em;bottom:.18em;left:0;width:2px;background:var(--projects-pink);content:""}.case-tile__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(20px,2vw,34px);max-width:480px;margin:0}.case-tile__meta div{min-width:0}.case-tile__meta dt{margin:0 0 7px;color:var(--projects-pink);font-size:10px;font-weight:760;line-height:1.1;text-transform:uppercase}.case-tile__meta dd{margin:0;color:#ffffffe0;font-size:clamp(13px,.88vw,15px);font-weight:560;line-height:1.34}.case-tile__link{position:relative;display:inline-flex;align-items:center;width:fit-content;margin-top:0;padding-bottom:6px;color:#fff;font-size:15px;font-weight:650;letter-spacing:0;line-height:1.18;gap:9px;transition:color .26s cubic-bezier(.34,1,.64,1)}.case-tile__link:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--projects-pink);content:"";transform:scaleX(.42);transform-origin:left center;transition:transform .3s cubic-bezier(.34,1,.64,1)}.case-tile__link .text-link__icon{color:var(--projects-pink)}.case-tile:hover .case-tile__link,.case-tile:focus-visible .case-tile__link{color:#fff}.case-tile:hover .case-tile__link:after,.case-tile:focus-visible .case-tile__link:after{transform:scaleX(1)}@keyframes works-hero-media-enter{0%{clip-path:inset(0 0 100% 0);opacity:.72}to{clip-path:inset(0);opacity:1}}@keyframes works-copy-enter{0%{opacity:0;filter:blur(14px);transform:translateY(38px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes works-hero-scrim-enter{to{opacity:1}}@keyframes works-caption-enter{0%{opacity:0;filter:blur(14px);transform:translateY(38px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes filter-list-refresh{0%{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:809.98px){.works-hero{min-height:100svh;padding:112px 20px 48px}.works-hero__video{object-position:18% 50%}.works-hero__content{grid-template-columns:1fr;gap:32px}.works-hero h1{max-width:17ch;font-size:clamp(32px,8.8vw,38px);letter-spacing:0;line-height:1.02}.works-hero__intro{max-width:30ch;font-size:16px}.works-hero__featured{justify-self:start;min-width:0}.works-board{width:100%;padding:28px 20px 52px;gap:28px}.works-index{display:block;overflow:visible}.works-filter__label{display:none}.works-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;gap:8px;overflow:visible}.works-filter__button{min-height:44px;padding:0 14px 1px;font-size:15px}.works-list{grid-template-columns:1fr;gap:0;margin-right:0;margin-left:0}.case-tile,.case-tile--1,.case-tile--2,.case-tile--3,.case-tile--4,.case-tile--5,.case-tile--6{grid-column:auto;grid-row:auto;min-height:0}.case-tile figure,.case-tile--1 figure,.case-tile--2 figure,.case-tile--3 figure,.case-tile--4 figure,.case-tile--5 figure,.case-tile--6 figure{display:flex;flex-direction:column;min-height:0}.case-tile__media-frame,.case-tile--1 .case-tile__media-frame,.case-tile--2 .case-tile__media-frame,.case-tile--3 .case-tile__media-frame,.case-tile--4 .case-tile__media-frame,.case-tile--5 .case-tile__media-frame,.case-tile--6 .case-tile__media-frame{aspect-ratio:4 / 3;height:clamp(240px,67vw,360px);min-height:clamp(240px,67vw,360px);order:-1}.case-tile figcaption{min-height:276px;padding:20px 0 22px;gap:10px}.case-tile__intro{gap:10px}.case-tile__details{gap:24px;margin-top:18px}.case-tile h2{font-size:clamp(38px,12.2vw,54px);line-height:.86}.case-tile--2 h2,.case-tile--3 h2,.case-tile--4 h2,.case-tile--5 h2,.case-tile--6 h2{font-size:clamp(36px,10.6vw,48px)}.case-tile p{max-width:min(32ch,100%);font-size:14px;line-height:1.3}.case-tile__meta{grid-template-columns:1fr;gap:18px;max-width:100%}.case-tile__link{min-height:32px;font-size:13px}}@media(min-width:810px)and (max-width:1199.98px){.works-filter__button{min-height:44px}}@media(min-width:600px)and (max-width:809.98px){.case-tile{--case-tile-gap: 28px;--case-divider-offset: 12px}.case-tile__media-frame,.case-tile--1 .case-tile__media-frame,.case-tile--2 .case-tile__media-frame,.case-tile--3 .case-tile__media-frame,.case-tile--4 .case-tile__media-frame,.case-tile--5 .case-tile__media-frame,.case-tile--6 .case-tile__media-frame{aspect-ratio:16 / 9;height:auto;min-height:0}.case-tile figcaption{display:flex;flex-direction:column;min-height:0;gap:22px;padding:18px 0 28px}.case-tile__intro,.case-tile__details{align-self:stretch;width:100%}.case-tile__details{gap:20px;margin-top:0}.case-tile__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(prefers-reduced-motion:reduce){.works-hero__media,.works-hero__video,.works-hero__scrim,.works-hero h1,.works-hero__intro,.works-hero__featured,.works-board,.works-list.is-filtering{animation:none}}