:root{color:#f4f4f1;background:#000;font-family:Arial,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--edge: 15px;--ui-size: 12px}*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:#f4f4f1;background:#000;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block}.showcase{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;background:#080808}.showcase-backdrop,.showcase-tint{position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;width:114%;height:114%}.showcase-backdrop{background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(28px) brightness(.62) saturate(.76);transform:scale(1.06)}.showcase-tint{top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;background:#0407082e}.player-frame{position:relative;z-index:1;width:min(78vw,1120px);height:min(76svh,720px);overflow:hidden;background:#05050529;box-shadow:0 20px 58px #00000059}.showcase-video{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:transparent}.frame-nav{position:absolute;z-index:2;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding:0 18px;pointer-events:none;font-size:9px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.brand-link{padding:0;border:0;color:inherit;background:transparent;cursor:pointer;pointer-events:auto;font:inherit}.brand-link:hover,.frame-work-link:hover{opacity:.62}.brand-link:focus-visible,.frame-work-link:focus-visible,.project-media:focus-visible{outline:2px solid #fff;outline-offset:3px}.now-playing{justify-self:end;overflow:hidden;max-width:190px;text-overflow:ellipsis;white-space:nowrap}.frame-work-link{position:absolute;z-index:3;left:50%;bottom:54px;transform:translate(-50%);transition:opacity .18s ease;font-size:10px;font-weight:700;text-transform:uppercase}.work-section{padding:38px var(--edge) 0;scroll-margin-top:0;background:#000}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:var(--edge);column-gap:var(--edge);row-gap:22px}.project-card{min-width:0}.project-meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:25px;color:#f4f4f1b8;font-size:var(--ui-size);font-weight:700;line-height:1;text-transform:uppercase;transition:color .18s ease}.project-card:hover .project-meta,.project-card.is-active .project-meta{color:#f4f4f1}.project-meta h2{margin:0;overflow:hidden;font:inherit;text-overflow:ellipsis;white-space:nowrap}.project-arrow{width:12px;height:12px}.project-media{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;overflow:hidden;border:0;background:#111;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.project-media img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transform:scale(1.001);transition:transform .65s cubic-bezier(.22,1,.36,1),filter .35s ease}.watch-badge{position:absolute;left:50%;top:50%;display:grid;width:72px;height:72px;place-items:center;border-radius:50%;color:#fff;background:#41413e94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:700;opacity:0;transform:translate(-50%,-44%) scale(.82);transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}.project-media:hover img{transform:scale(1.035);filter:brightness(.9)}.project-media:hover .watch-badge,.project-media:focus-visible .watch-badge,.project-card.is-active .watch-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}footer{display:grid;min-height:330px;place-items:end center;padding:0 20px 60px;color:#f0f0ed;background:#000;font-size:var(--ui-size);font-weight:700;text-align:center;text-transform:uppercase}@media(max-width:760px){:root{--edge: 15px;--ui-size: 12px}.showcase-backdrop{filter:blur(22px) brightness(.58) saturate(.74);transform:scale(1.12)}.player-frame{width:calc(100% - 24px);height:auto;max-height:none;aspect-ratio:16 / 10}.player-frame.portrait-frame{height:72svh;max-height:640px;aspect-ratio:auto}.frame-nav{min-height:44px;padding:0 12px}.now-playing{max-width:104px}.frame-work-link{display:none}.project-grid{grid-template-columns:1fr;row-gap:20px}.work-section{padding-top:45px}.project-meta{min-height:28px}.project-media{aspect-ratio:1.68 / 1}.watch-badge{width:64px;height:64px}footer{min-height:280px;padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}