/* A composed archive: overlapping edges, varied scale, readable captions. */
.mixed-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 28px;padding:35px 0 50px;isolation:isolate}
.mixed-grid.is-collage{display:block;padding:0;margin-top:45px}.mixed-grid.is-collage>.mixed-item{position:absolute;grid-column:auto}
.mixed-grid>.mixed-item{min-width:0;position:relative;z-index:1;transform:translate3d(0,var(--drift,0px),0);transform-origin:50% 40%}
.mixed-grid>.mixed-item[hidden]{display:none}.mixed-grid>.mixed-item:hover,.mixed-grid>.mixed-item:focus-visible{z-index:20}
.mixed-grid .mixed-cover{aspect-ratio:var(--media-ratio,1.35);padding:25px;transform:rotate(var(--tilt,0deg));transform-origin:50% 55%;box-shadow:0 17px 35px -18px #25332245;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.mixed-grid .mixed-art .mixed-cover{padding:0;background:#e7e7e0}
.mixed-grid .mixed-cover>img,.mixed-grid .mixed-cover>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transform:none;transition:none}
.mixed-grid .mixed-case .mixed-cover>img{object-fit:cover}
.mixed-grid .mixed-item:hover .mixed-cover>img{transform:none}
.mixed-grid .mixed-case .mixed-cover>strong{font-size:clamp(32px,4vw,68px)}.mixed-grid .case-haiper .mixed-cover>strong{font-size:clamp(55px,6.8vw,110px)}
.mixed-grid .mixed-label{margin:24px 0 8px;gap:9px;position:relative}.mixed-grid .mixed-label h2{font-size:clamp(17px,1.5vw,25px);line-height:1.2}.mixed-grid .mixed-label>span{white-space:normal;font-size:9px;padding-top:3px;max-width:38%;text-align:right}.mixed-grid .mixed-item>p{font-size:11px;margin-bottom:5px}.mixed-grid .mixed-item>small{font-size:9px}
.mixed-grid .mixed-field{font-size:9px}.mixed-grid .mixed-role{font-size:11px}.mixed-grid .mixed-action{font-size:10px;right:12px;bottom:12px;padding:9px 12px;opacity:0;transition:opacity .25s}.mixed-item:hover .mixed-action,.mixed-item:focus-visible .mixed-action{opacity:1}
.motion-badge{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:20px;background:#f5f5efdd;color:#252b23;font-size:9px;letter-spacing:.5px;pointer-events:none}
.archive-toolbar{flex-wrap:wrap;gap:16px}.work-video-toggle{background:none;border:1px solid var(--line);border-radius:3px;padding:9px 13px;font-size:11px}.work-video-toggle:hover{background:#e1e6d7}.artifact-source[hidden]{display:none}.artifact-media video{width:100%;max-height:72dvh;background:#151815}.artifact-media img{object-fit:contain}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mixed-grid .mixed-item:hover .mixed-cover,.mixed-grid .mixed-item:focus-visible .mixed-cover{transform:translateY(-12px) rotate(0deg) scale(1.045);box-shadow:0 30px 60px -20px #24312366}}
@media(max-width:1100px){.mixed-grid .mixed-cover{padding:18px}.mixed-grid .mixed-label{display:block}.mixed-grid .mixed-label>span{display:block;text-align:left;max-width:none;margin-top:5px}.mixed-grid .mixed-case .mixed-cover>strong{font-size:33px}.mixed-grid .case-haiper .mixed-cover>strong{font-size:65px}.mixed-grid .mixed-action{gap:10px}}
@media(max-width:800px){.mixed-grid{grid-template-columns:1fr;gap:45px;padding:10px 0 30px}.mixed-grid>.mixed-item{width:90%;justify-self:start;transform:none!important}.mixed-grid>.mixed-item:nth-child(2n){justify-self:end;width:85%}.mixed-grid>.mixed-case{width:100%}.mixed-grid .mixed-cover{transform:rotate(-.8deg);box-shadow:0 14px 24px -19px #202b2640}.mixed-grid>.mixed-item:nth-child(2n) .mixed-cover{transform:rotate(.8deg)}.mixed-grid .mixed-label{margin-top:19px}.mixed-grid .mixed-label h2{font-size:22px}.mixed-grid .mixed-case .mixed-cover>strong{font-size:clamp(36px,9vw,65px)}.mixed-grid .mixed-action{opacity:1}.archive-toolbar>div{flex-wrap:wrap}.archive-count{width:100%}}
@media(prefers-reduced-motion:reduce){.mixed-grid>.mixed-item{transform:none!important}.mixed-grid .mixed-cover{transition:none}.mixed-grid .mixed-action{transition:none}}