.detail-gallery{--detail-viewport:78vh}@supports (height:1svh){.detail-gallery{--detail-viewport:78svh}}.detail-gallery .detail-media{width:100%;max-width:1050px;inline-size:min(100%, 1050px, var(--media-native-inline,1050px), calc(var(--detail-viewport) * var(--media-aspect,1.77778)));margin:0 auto 32px}.detail-gallery .media-portrait{max-width:420px;inline-size:min(100%, 420px, var(--media-native-inline,420px), calc(var(--detail-viewport) * var(--media-aspect,.5625)))}.detail-gallery .media-long{max-width:900px;inline-size:min(100%, 900px, var(--media-native-inline,900px))}.detail-gallery .detail-media video,.detail-gallery .image-zoom img{inline-size:100%;max-width:100%;object-fit:contain;background:var(--paper);block-size:auto;max-block-size:none;display:block}.detail-gallery .external-video{padding:0}.detail-gallery .detail-media figcaption{text-align:start;line-height:1.6}.project-artwork{border-block:1px solid var(--line);max-inline-size:1060px;margin:8px auto 32px}.project-artwork summary{min-height:var(--control-height,48px);cursor:pointer;color:var(--muted);padding:16px 0;font-size:13px;display:list-item}.project-artwork[open] summary{margin-block-end:20px}.project-artwork summary:hover{color:var(--ink)}.project-artwork summary:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.detail-media .media-playback-status{min-block-size:1.6em;color:var(--muted);margin-block-start:8px;font-size:12px;line-height:1.6}.detail-media .media-playback-error{font-size:13px;line-height:1.6}.detail-media .media-playback-error p{margin:0}.detail-media .media-playback-error .text-link{margin-inline-end:16px}@media (max-width:700px){.detail-gallery .detail-media{margin-block-end:24px}}
