.work-card{position:relative;flex-shrink:0;width:260px;border-radius:14px;overflow:visible;cursor:pointer;outline:none}.work-card:focus-visible .work-card__media{outline:2px solid var(--accent);outline-offset:2px}.work-card--featured{width:380px}.work-card__media{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .22s ease,box-shadow .22s ease}.work-card--hovering .work-card__media{transform:scale(1.08);box-shadow:0 20px 45px #00000080;z-index:2}.work-card__poster,.work-card__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.work-card__dur{position:absolute;right:.6rem;bottom:.6rem;font-size:.72rem;font-weight:600;color:#fff;background:#0009;padding:.18rem .5rem;border-radius:999px}.work-card__share{position:absolute;top:.6rem;right:.6rem;opacity:0;pointer-events:none;padding:.22rem .6rem;border-radius:999px;border:none;background:#000000a6;color:#fff;font-size:.68rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,background .15s ease}.work-card__share:hover{background:#000000d9}.work-card:hover .work-card__share,.work-card:focus-within .work-card__share{opacity:1;pointer-events:auto}.work-card__meta{padding:.55rem .1rem 0;display:flex;flex-direction:column;gap:.3rem;transition:opacity .2s ease}.work-card__title{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-card__chip{align-self:flex-start;font-size:.68rem;font-weight:600;color:var(--fg-dim);border:1px solid var(--border);border-radius:999px;padding:.16rem .55rem}@media (prefers-reduced-motion: reduce){.work-card--hovering .work-card__media{transform:none}}@media (max-width: 640px){.work-card{width:180px}.work-card--featured{width:260px}}.work-hero{padding:clamp(7rem,12vh,9rem) 0 1rem}.work-hero__intro{padding:0 clamp(1.5rem,6vw,5rem);max-width:720px;margin-bottom:1.75rem}.work-hero__eyebrow{color:var(--fg-dim);font-size:.85rem;margin-bottom:.6rem}.work-hero__heading{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700;letter-spacing:-.01em;line-height:1.1;margin-bottom:.8rem}.work-hero__subheading{color:var(--fg-dim);font-size:1.02rem;max-width:560px}.work-hero__track{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:0 clamp(1.5rem,6vw,5rem) .5rem;scroll-padding-left:clamp(1.5rem,6vw,5rem)}.work-hero__track::-webkit-scrollbar{display:none}.work-hero__track{scrollbar-width:none}.work-hero__track>*{scroll-snap-align:start}.category-row{content-visibility:auto;contain-intrinsic-size:0 360px;padding:1.5rem 0}.category-row__title{font-size:1.3rem;font-weight:700;padding:0 clamp(1.5rem,6vw,5rem);margin-bottom:.9rem}.category-row__viewport{position:relative}.category-row__track{display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:0 clamp(1.5rem,6vw,5rem);scroll-padding-left:clamp(1.5rem,6vw,5rem)}.category-row__track::-webkit-scrollbar{display:none}.category-row__track{scrollbar-width:none}.category-row__track>*{scroll-snap-align:start}.category-row__arrow{display:none}@media (hover: hover) and (pointer: fine){.category-row__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:48px;z-index:3;color:var(--fg);font-size:1.8rem;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%);opacity:0;transition:opacity .2s ease}.category-row__arrow--visible{opacity:1}.category-row:focus-within .category-row__arrow{opacity:1}.category-row__arrow--left{left:0}.category-row__arrow--right{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}}.work-filter-bar{position:sticky;top:64px;z-index:50;background:#060606d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:.9rem 0;margin-bottom:.5rem}.work-filter-bar__track{display:flex;gap:.6rem;overflow-x:auto;padding:0 clamp(1.5rem,6vw,5rem)}.work-filter-bar__track::-webkit-scrollbar{display:none}.work-filter-bar__track{scrollbar-width:none}.work-filter-bar__chip{flex-shrink:0;font-size:.85rem;font-weight:600;padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--border);color:var(--fg-dim);background:transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.work-filter-bar__chip:hover{color:var(--fg)}.work-filter-bar__chip--active{color:#0a0a0a;background:var(--gradient);border-color:transparent}.short-card{position:relative;flex-shrink:0;width:160px;border-radius:14px;overflow:visible;cursor:pointer;outline:none}.short-card:focus-visible .short-card__media{outline:2px solid var(--accent);outline-offset:2px}.short-card__media{position:relative;aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .22s ease,box-shadow .22s ease}.short-card--hovering .short-card__media{transform:scale(1.06);box-shadow:0 20px 45px #00000080;z-index:2}.short-card__poster,.short-card__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.short-card__dur{position:absolute;right:.5rem;bottom:.5rem;font-size:.68rem;font-weight:600;color:#fff;background:#0009;padding:.15rem .45rem;border-radius:999px}.short-card__chip{position:absolute;left:.5rem;top:.5rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.18rem .5rem;border-radius:999px}.short-card__share{position:absolute;top:.5rem;right:.5rem;opacity:0;pointer-events:none;padding:.18rem .5rem;border-radius:999px;border:none;background:#000000a6;color:#fff;font-size:.62rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,background .15s ease}.short-card__share:hover{background:#000000d9}.short-card:hover .short-card__share,.short-card:focus-within .short-card__share{opacity:1;pointer-events:auto}.short-card__meta{padding:.5rem .1rem 0;display:flex;flex-direction:column;gap:.3rem}.short-card__title{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-card__source{font-size:.7rem;color:var(--fg-dim);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-card__source:hover{color:var(--accent);text-decoration:underline}@media (prefers-reduced-motion: reduce){.short-card--hovering .short-card__media{transform:none}}@media (max-width: 640px){.short-card{width:128px}}.short-card__credit{font-size:.65rem;color:var(--fg-dim);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paired-demo{display:flex;flex-direction:column;gap:1.75rem;padding:0 clamp(1.5rem,6vw,5rem) 2rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.paired-demo__pair{display:flex;align-items:center;gap:1.25rem}.paired-demo__source{flex-shrink:0}.paired-demo__connector{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex-shrink:0;padding:0 .25rem}.paired-demo__connector-line{width:2rem;height:1px;background:var(--border)}.paired-demo__connector-label{font-size:.68rem;font-weight:600;color:var(--fg-dim);white-space:nowrap;text-align:center}.paired-demo__shorts{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.paired-demo__shorts::-webkit-scrollbar{display:none}.paired-demo__shorts{scrollbar-width:none}@media (max-width: 780px){.paired-demo__pair{flex-direction:column;align-items:flex-start}.paired-demo__connector{flex-direction:row;align-self:stretch;justify-content:center}.paired-demo__connector-line{width:auto;height:1px;flex:1}.paired-demo__shorts{width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.paired-demo__shorts>*{scroll-snap-align:start}}.shorts-rail{content-visibility:auto;contain-intrinsic-size:0 340px}.shorts-rail__viewport{position:relative}.shorts-rail__track{display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:0 clamp(1.5rem,6vw,5rem);scroll-padding-left:clamp(1.5rem,6vw,5rem)}.shorts-rail__track::-webkit-scrollbar{display:none}.shorts-rail__track{scrollbar-width:none}.shorts-rail__track>*{scroll-snap-align:start}.shorts-rail__arrow{display:none}@media (hover: hover) and (pointer: fine){.shorts-rail__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:48px;z-index:3;color:var(--fg);font-size:1.8rem;background:linear-gradient(90deg,var(--shorts-bg, var(--bg)) 0%,transparent 100%);opacity:0;transition:opacity .2s ease}.shorts-rail__arrow--visible{opacity:1}.shorts-rail:focus-within .shorts-rail__arrow{opacity:1}.shorts-rail__arrow--left{left:0}.shorts-rail__arrow--right{right:0;background:linear-gradient(270deg,var(--shorts-bg, var(--bg)) 0%,transparent 100%)}}.shorts-rail__title{font-size:1.05rem;font-weight:700;padding:0 clamp(1.5rem,6vw,5rem);margin-bottom:.7rem}.shorts-rail__meta{color:var(--fg-dim);font-size:.8rem;font-weight:500}.shorts-section{--shorts-bg: var(--bg-alt);margin:3rem 0;padding:3.5rem 0 3rem;background:linear-gradient(180deg,var(--shorts-bg) 0%,var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.shorts-section__intro{padding:0 clamp(1.5rem,6vw,5rem);max-width:640px;margin-bottom:2rem}.shorts-section__eyebrow{color:var(--accent);font-size:.85rem;font-weight:600;margin-bottom:.6rem}.shorts-section__heading{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin-bottom:.8rem}.shorts-section__body{color:var(--fg-dim);font-size:1rem;max-width:560px}.shorts-section__rows{display:flex;flex-direction:column;gap:2rem}.shorts-section__note{margin-top:.7rem;font-size:.82rem;color:var(--fg-dim)}.shorts-section__note-link{color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}.shorts-section__note-link:hover,.shorts-section__note-link:focus-visible{color:var(--fg);text-decoration-color:currentColor}.work-page{min-height:100vh;padding-bottom:3rem}.work-page__rows{display:flex;flex-direction:column}.work-page__grid-wrap{padding:1.5rem clamp(1.5rem,6vw,5rem) 2rem}.work-page__grid-title{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem}.work-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem 1.1rem}.work-page__grid .work-card{width:100%}.work-notice{margin-top:5.5rem;padding:.7rem clamp(1.5rem,6vw,5rem);background:var(--bg-alt);border-bottom:1px solid var(--border);color:var(--fg-dim);font-size:.9rem;text-align:center}.work-empty{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:8rem 1.5rem 4rem;text-align:center;color:var(--fg-dim);font-size:1.1rem}