.work-pin{z-index:1;--logo-shift:0px;--logo-scale:1;--logo-opacity:1;background:#000;display:grid;position:relative}.work-pin__sticky,.work-pin__track{grid-area:1/1}.work-pin__sticky{z-index:0;pointer-events:none;justify-content:center;align-self:start;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0}.work-pin__logo{width:100%;transform:translateY(calc(-50% - var(--logo-shift)));transform-origin:50%;will-change:transform;position:absolute;top:50%;left:0;right:0}.work-pin__logo-img{width:100%;height:auto;transform:scale(var(--logo-scale));transform-origin:50%;opacity:var(--logo-opacity);-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.work-pin--intro{overflow:hidden}.work-pin--intro:not(.work-pin--ready) .work-pin__logo-img{opacity:0;animation:1.2s cubic-bezier(.22,1,.36,1) .1s forwards work-pin-logo-enter;transform:scale(1)}@keyframes work-pin-logo-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.work-pin--intro:not(.work-pin--ready) .work-pin__logo-img{opacity:1;animation:none;transform:scale(1)}.work-pin--intro .work-card:first-child{opacity:1;transition:none;transform:none}}.work-pin--intro:not(.work-pin--card-in) .work-card:first-child{opacity:0;transform:translateY(14vh)}.work-pin--intro.work-pin--card-in .work-card:first-child{opacity:1;transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity 1s ease-out;transform:translateY(0)}.work-pin--intro:not(.work-pin--ready) .work-card:not(:first-child){visibility:hidden}.work-pin__track{z-index:1;flex-direction:column;align-items:center;gap:80px;padding-top:50vh;padding-bottom:20vh;display:flex;position:relative}.work-card{width:calc(100% - 2 * var(--site-edge));aspect-ratio:4/3;max-width:1120px;color:inherit;background:#1a1a1a;border-radius:8px;text-decoration:none;display:block;position:relative;overflow:hidden}.work-card:before{content:"";z-index:1;pointer-events:none;background:0 0;transition:background .25s;position:absolute;inset:0}.work-card:hover:before{background:#00000059}.work-card__img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.work-card:hover .work-card__img{transform:scale(1.02)}.work-card__overlay{z-index:2;background:linear-gradient(#0000 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:absolute;inset:0}.work-card__row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.work-card__title{letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0;font-size:24px;font-weight:700;line-height:1.2;transition:opacity .2s}.work-card__tag{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:400}.work-card__meta{color:#fff9;margin:8px 0 0;font-size:15px;line-height:1.4}@media (max-width:767px){.work-pin{display:block}.work-pin__sticky{height:auto;min-height:unset;padding:72px 0 32px;position:static;overflow:visible}.work-pin__logo{position:static;transform:none}.work-pin__logo-img{opacity:1;transform:none}.work-pin__track{gap:32px;padding-top:24px;padding-bottom:40px}.work-card{width:calc(100% - 2 * var(--site-edge));max-width:none}.work-card__overlay{padding:20px}.work-card__row{flex-direction:column;align-items:flex-start;gap:8px}.work-card__title{font-size:18px}.work-card__tag{white-space:normal;font-size:10px}.work-card__meta{font-size:13px}}
.statement{z-index:2;padding:120px var(--site-gutter);background:#f7f7f7;scroll-margin-top:96px;position:relative}.statement__intro{color:#1a1a1a;max-width:940px;margin:0 0 96px;font-size:20px;font-weight:400;line-height:1.5}.statement__heading{color:#1a1a1a;max-width:880px;margin:0;font-size:58px;font-weight:400;line-height:1.15}@media (max-width:767px){.statement{padding:56px 24px}.statement__intro{max-width:none;margin-bottom:40px;font-size:16px;line-height:1.55}.statement__heading{max-width:none;font-size:32px;line-height:1.2}}@media (min-width:768px) and (max-width:1023px){.statement{padding:80px var(--site-gutter)}.statement__intro{margin-bottom:64px;font-size:18px}.statement__heading{font-size:44px}}