.works{color:#eee;background:#0f0450;min-height:100svh;padding-bottom:clamp(60px,12svh,140px)}.works__head{padding:clamp(110px,18svh,190px) clamp(16px,4vw,48px) clamp(24px,4svh,48px)}.works__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#8a9fb0;margin:0 0 14px;font-size:.75rem}.works__title{letter-spacing:-.03em;margin:0;font-size:clamp(2.6rem,9vw,7rem);font-weight:600;line-height:.94}.works__intro{color:#b8c6d3;max-width:52ch;margin:clamp(18px,3svh,32px) 0 0;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.5}.works__filters{border-top:1px solid #8a9fb038;border-bottom:1px solid #8a9fb038;flex-direction:column;gap:12px;padding:16px clamp(16px,4vw,48px);display:flex}.works__filterRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.works__filterRow--meta{gap:16px}.works__filterLabel{letter-spacing:.14em;text-transform:uppercase;color:#8a9fb0;flex:none;min-width:72px;font-size:.7rem}.works__chip{appearance:none;color:#cbd7e2;font:inherit;background:#eeeeee0f;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-size:.86rem;line-height:1.2;transition:background-color .2s,color .2s,border-color .2s,transform .3s cubic-bezier(.16,1,.3,1)}.works__chip:hover{color:#fff;background:#eeeeee1f;transform:translateY(-1px)}.works__chip--active{color:#0f0450;background:#eee}.works__count{color:#8a9fb0;font-size:.8rem}.works__reset{appearance:none;color:#8a9fb0;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.8rem;text-decoration:underline}.works__reset:hover{color:#eee}.works__empty{color:#8a9fb0;padding:clamp(40px,10svh,120px) clamp(16px,4vw,48px)}.works__masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,3.5vw,56px);padding:clamp(32px,7svh,90px) clamp(16px,4vw,48px) 0;display:grid}.works__col{flex-direction:column;gap:clamp(36px,6vw,96px);margin:0;padding:0;list-style:none;display:flex}.works__col--right{will-change:transform;padding-top:clamp(80px,14vw,220px)}.wcard{display:block}.wcard__link{color:inherit;flex-direction:column;gap:18px;text-decoration:none;display:flex}.wcard__media{background:#16106b;border-radius:14px;position:relative;overflow:hidden;transform:translateZ(0)}.wcard__img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.16,1,.3,1);display:block;transform:scale(1.001)}.wcard__link:hover .wcard__img,.wcard__link:focus-visible .wcard__img{transform:scale(1.05)}.wcard__placeholder{color:#eeeeee59;letter-spacing:-.02em;place-items:center;font-size:clamp(2rem,6vw,5rem);font-weight:600;display:grid;position:absolute;inset:0}.wcard__flag{color:#0f0450;letter-spacing:.1em;text-transform:uppercase;background:#eeeeeeeb;border-radius:999px;padding:6px 12px;font-size:.68rem;position:absolute;top:14px;left:14px}.wcard__open{color:#0f0450;letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#eee;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.78rem;transition:opacity .26s,transform .52s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;bottom:14px;right:14px;transform:translateY(12px)}.wcard__link:hover .wcard__open,.wcard__link:focus-visible .wcard__open{opacity:1;transform:translateY(0)}@media (hover:none){.wcard__open{display:none}}.wcard__body{flex-direction:column;gap:8px;padding:0 4px;display:flex}.wcard__row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.wcard__title{letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:600;line-height:1.1}.wcard__year{letter-spacing:.1em;color:#8a9fb0;font-variant-numeric:tabular-nums;flex:none;font-size:.75rem}.wcard__subtitle{color:#b8c6d3;max-width:48ch;margin:0;font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.45}.wcard__tags{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.wcard__tags li{letter-spacing:.08em;text-transform:uppercase;color:#b8c6d3;border:1px solid #8a9fb04d;border-radius:999px;padding:5px 10px;font-size:.7rem}.wcard__link:focus-visible{outline-offset:8px;border-radius:16px;outline:1px solid #4864d3}@media screen and (max-width:900px){.works__head{padding-top:clamp(80px,14svh,120px)}.works__masonry{grid-template-columns:minmax(0,1fr);gap:clamp(36px,8vw,64px) 0}.works__col--right{padding-top:0;transform:none!important}.works__filterLabel{width:100%;min-width:0}}