:root{--line:rgba(255,255,255,.05);--page-gutter:clamp(20px,4.5vw,72px)}
.fireworks:after{background:rgba(0,0,0,.565)}
.work{padding:0 var(--page-gutter) 110px;overflow:visible}
#category-anchor{height:1px;pointer-events:none}
.category-nav{position:sticky;top:0;z-index:10;isolation:isolate;padding:27px 0 25px;margin-bottom:48px}
.category-nav:before{content:'';position:absolute;top:0;left:calc(-1*var(--page-gutter));right:calc(-1*var(--page-gutter));height:calc(100% + 40px);background:linear-gradient(to bottom,rgba(0,0,0,.74),rgba(0,0,0,.48) 52%,transparent);backdrop-filter:blur(8px);mask-image:linear-gradient(#000 48%,transparent);opacity:0;transition:opacity .35s;z-index:-1;pointer-events:none}
.category-nav.is-pinned:before{opacity:1}
.category-tabs{display:flex;gap:clamp(22px,3.3vw,50px);align-items:center;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px;overscroll-behavior-x:contain}
.category-tabs::-webkit-scrollbar{display:none}
.category-tabs button{white-space:nowrap;font-size:13px;line-height:1.6;color:rgba(255,255,255,.52);padding-bottom:8px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.category-tabs button:hover,.category-tabs button[aria-selected=true]{color:#fff}
.category-tabs button[aria-selected=true]{border-bottom-color:rgba(255,255,255,.5)}
.work-grid{overflow-anchor:none;display:block;min-height:calc(100svh - 185px)}
.work-group[data-category]{margin:0!important;grid-column:1/-1;order:0}
.work-group[data-category] .tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3.5vw,52px)}
.work-group[data-category="film"] .tile{aspect-ratio:16/9}
.work-group[data-category]:not([data-category="film"]) .tile{aspect-ratio:1.4}
.work-group[data-category] .group-inner{padding:0}
.category-summary{display:flex;justify-content:space-between;gap:25px;margin-top:40px;font-size:11px;color:rgba(255,255,255,.45)}
.category-summary button{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}
.tile{border-color:rgba(255,255,255,.05)}
.tile:hover,.tile:focus-visible{border-color:rgba(255,255,255,.9)}
@media(max-width:1000px){.work-group[data-category] .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.category-tabs{gap:27px}.category-tabs button{font-size:12px}}
@media(max-width:600px){.work{padding-bottom:70px}.category-nav{padding:18px 0 15px;margin-bottom:30px}.category-tabs{gap:25px}.category-tabs button{font-size:12px}.work-grid{min-height:calc(100svh - 150px)}.work-group[data-category] .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.work-group[data-category="film"] .tile-grid{grid-template-columns:1fr;gap:27px}.category-summary{margin-top:28px;font-size:10px}.work-group[data-category] .tile-title{font-size:11px}.work-group[data-category] .tile-title .tile-type{font-size:9px}}
@media(prefers-reduced-motion:reduce){.category-nav:before{transition:none}}