.work-page{color:#f5f5f7;background:#000}.work{padding:calc(var(--nav-h) + clamp(40px, 7vw, 96px)) 0 clamp(48px, 8vw, 120px)}.work__head{margin-bottom:clamp(28px,4vw,48px)}.work__head .lede{color:#ffffffa6;margin-top:14px}.nav__links .is-current{opacity:1}.chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.chip{font:inherit;color:#ffffffbf;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:980px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .3s,color .3s,border-color .3s}.chip:hover{color:#fff;background:#ffffff1f}.chip.is-on{background:var(--red-metal);color:#fff;text-shadow:0 1px 1px #00000059;border-color:#0000;box-shadow:inset 0 1px #ffffff80}.mosaic{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(110px,1fr);grid-auto-flow:dense;gap:12px;display:grid}.tile-w{cursor:pointer;isolation:isolate;transition:transform .6s var(--ease), opacity .4s;animation:tile-in .8s var(--ease-out) both;background:#0d0d0f;border-radius:22px;position:relative;overflow:hidden;transform:translateZ(0)}.tile-w--tall{grid-area:span 4/span 2}.tile-w--square{grid-area:span 2/span 2}.tile-w--wide{grid-area:span 2/span 4}.tile-w--big{grid-area:span 4/span 4}.tile-w.is-hidden{display:none}.tile-w:hover{transform:translateY(-3px)scale(1.01)}.tile-w img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease);position:absolute;inset:0}.tile-w:hover img{transform:scale(1.06)}.tile-w:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff59,inset 0 -40px 60px -30px #000000b3}.tile-w:after{content:"";z-index:2;pointer-events:none;transition:transform 1.1s var(--ease);background:linear-gradient(115deg,#0000 40%,#ffffff38 50%,#0000 60%);position:absolute;inset:-40% -60%;transform:translate(-80%)}.tile-w:hover:after{transform:translate(80%)}.tile-w__cap{z-index:3;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#0a0a0c73;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff40}.tile-w__t{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.15}.tile-w__m{color:#ffffffa6;margin-top:3px;font-size:12px}.tile-w__m b{background:var(--red-metal-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.tile-w__play{background:var(--red-metal);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #5a060ab3}.tile-w__play:before{content:"";border:6px solid #0000;border-left:10px solid #fff;border-right-width:0;width:0;height:0;margin-left:3px}.tile-w__badge{z-index:3;letter-spacing:.04em;text-transform:uppercase;color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border-radius:980px;padding:5px 9px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px;box-shadow:inset 0 0 0 1px #ffffff24}@keyframes tile-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.work__foot{flex-wrap:wrap;align-items:baseline;gap:16px;margin-top:clamp(40px,6vw,72px);display:flex}.work__foot .socials{font-size:17px}.lightbox{z-index:200;display:none;position:fixed;inset:0}.lightbox.is-open{display:block}.lightbox__backdrop{-webkit-backdrop-filter:blur(18px);background:#000000c7;position:absolute;inset:0}.lightbox__card{width:min(960px,100% - 32px);max-height:calc(100% - 32px);animation:lb-in .5s var(--ease-out) both;background:#0d0d0f;border-radius:28px;grid-template-columns:minmax(0,420px) 1fr;align-items:center;gap:24px;padding:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff4d,0 40px 100px #000000b3}@keyframes lb-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.lightbox__media{aspect-ratio:9/16;background:#000;border-radius:18px;max-height:calc(100vh - 80px);position:relative;overflow:hidden}.lightbox__media--wide{aspect-ratio:16/9;width:100%}.lightbox__card--wide{grid-template-columns:1fr;width:min(1100px,100% - 32px)}.lightbox__card--wide .lightbox__meta{flex-wrap:wrap;align-items:baseline;gap:18px;padding:0 6px 4px;display:flex}.lightbox__card--wide .lightbox__title{font-size:clamp(22px,2.4vw,30px)}.lightbox__card--wide .lightbox__sub{margin:0}.lightbox__media--ig{aspect-ratio:9/17.4;background:#fff}.lightbox__media video{background:#000;width:100%;height:100%;position:absolute;inset:0}.lightbox__media iframe,.lightbox__media img{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.lightbox__media .soon{color:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:12px;padding:10px 12px;font-size:13px;position:absolute;bottom:16px;left:16px;right:16px}.lightbox__title{letter-spacing:-.02em;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.05}.lightbox__sub{color:#ffffffa6;margin:10px 0 20px}.lightbox__close{z-index:2;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:0;border-radius:50%;width:38px;height:38px;font-size:24px;line-height:1;position:absolute;top:14px;right:14px;box-shadow:inset 0 0 0 1px #ffffff2e}.lightbox__close:hover{background:#fff3}@media (width<=1068px){.mosaic{grid-template-columns:repeat(4,1fr)}.tile-w--big{grid-area:span 4/span 4}.tile-w--wide{grid-area:span 2/span 4}}@media (width<=734px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(90px,1fr);gap:10px}.tile-w--tall{grid-area:span 3/span 1}.tile-w--square{grid-area:span 2/span 1}.tile-w--wide{grid-area:span 2/span 2}.tile-w--big{grid-area:span 3/span 2}.tile-w__cap{padding:10px 12px}.tile-w__t{font-size:14px}.tile-w__m{display:none}.tile-w__play{width:30px;height:30px}.lightbox__card{grid-template-columns:1fr;padding:14px;overflow:auto}.lightbox__media{max-height:62vh}}
