.archive-artwork-trigger{width:100%;color:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.archive-artwork-trigger:after{content:"";position:absolute;inset:0}.archive-artwork-trigger:focus-visible{outline:2px solid var(--text-red);outline-offset:6px}.portfolio-index--archive .index-archive-entry{position:relative}.archive-artwork-trigger .index-image{display:block}.archive-motion-cover{aspect-ratio:4/5;background:#080a08;display:block;position:relative}.portfolio-index--archive .index-archive-entry--motion{grid-column:span 5;width:63.12%}@media (min-width:681px) and (max-width:1199px){.portfolio-index--archive .index-archive-entry--motion{grid-column:span 3;width:94%}}@media (max-width:680px){.portfolio-index--archive .index-archive-entry--motion{grid-column:auto;width:94%}}.portfolio-index--archive .archive-motion-cover img{object-fit:contain;width:100%;height:100%}.archive-motion-fallback{visibility:hidden;display:block;position:absolute;inset:0}.archive-motion-cover.is-fallback .archive-motion-fallback{visibility:visible}.portfolio-index--archive .archive-motion-cover video{object-fit:contain;aspect-ratio:4/5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portfolio-index--archive .archive-motion-cover.is-fallback video{visibility:hidden}.archive-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:#f0efeb;box-sizing:border-box;font-family:var(--font-body),sans-serif;background:#080a08;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.archive-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;display:grid}.archive-viewer::backdrop{background:#080a08}.archive-viewer button{color:inherit;min-width:44px;min-height:44px;font:500 14px/1.2 var(--font-body),sans-serif;cursor:pointer;background:0 0;border:0;padding:8px 12px}.archive-viewer button:disabled{opacity:.35;cursor:default}.archive-viewer button:focus-visible{outline-offset:-2px;outline:2px solid #f0efeb}.archive-viewer-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.portfolio-index .archive-viewer-toolbar h2{font:500 16px/1.2 var(--font-body),sans-serif;color:#f0efeb;margin:0}.archive-viewer-toolbar span{color:#bbb;margin-top:4px;font-size:12px;display:block}.archive-viewer-stage{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.archive-viewer-image{touch-action:pan-y;-webkit-user-select:none;user-select:none}.archive-viewer-image.is-zoomed{touch-action:none;cursor:grab}.archive-viewer-image.is-zoomed:active{cursor:grabbing}.archive-viewer-image img{object-fit:contain;transform-origin:50%;flex:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.archive-viewer-film video{aspect-ratio:16/9;object-fit:contain;width:100%;max-width:1600px;height:auto;max-height:100%;display:block}.archive-viewer-zoom{justify-content:center;align-items:center;display:flex}.archive-viewer-navigation{justify-content:space-between;display:flex}@media (hover:hover) and (pointer:fine){.archive-viewer button:not(:disabled):hover{color:#e82b28}}@media (prefers-reduced-motion:reduce),(prefers-reduced-data:reduce){.archive-motion-cover video{display:none}.archive-motion-cover .archive-motion-fallback{visibility:visible}}.portfolio-index--archive .index-archive-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px;padding-inline:max(24px,50% - 640px)}.portfolio-index--archive .index-archive-field .index-archive-entry:nth-of-type(n){grid-column:auto;justify-self:stretch;width:100%;max-width:none;margin-top:0}.portfolio-index--archive .index-archive-field .index-archive-entry .index-image{aspect-ratio:4/5;width:100%;display:block}.portfolio-index--archive .index-archive-field .index-archive-entry .index-image img{object-fit:contain;width:100%;height:100%;scale:none}@media (min-width:1200px){.portfolio-index--archive .index-archive-field .index-archive-entry:nth-of-type(3n+2){margin-top:20px}.portfolio-index--archive .index-archive-field .index-archive-entry:last-of-type:nth-of-type(3n+1){grid-column:2}}@media (min-width:681px) and (max-width:1199px){.portfolio-index--archive .index-archive-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.portfolio-index--archive .index-archive-field .index-archive-entry:last-of-type:nth-of-type(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 14px)}}@media (max-width:680px){.portfolio-index--archive .index-archive-field{grid-template-columns:minmax(0,1fr);gap:32px;padding-inline:20px}}