@import "https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}*{box-sizing:border-box}:root{--accent:#df0;--black:#1c1c1c;--page-padding:0rem;--content-max-width:480px;--font:"Host Grotesk", system-ui, sans-serif;--font-size:21px;--logo-height:calc(100vw * 50 / 567);--menu-item-height:calc(var(--logo-height) / 3);--header-height:calc(var(--logo-height) + 12px + 2 * (var(--font-size) * 1.2))}body{min-height:100dvh;font-family:var(--font);font-size:var(--font-size);color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;margin:0}main{min-height:100dvh;padding-bottom:calc(var(--page-padding) + env(safe-area-inset-bottom));background:#fff;flex-direction:column;display:flex}header{z-index:10;flex-direction:column;align-items:stretch;display:flex;position:fixed;top:0;left:0;right:0}nav{flex-direction:column;align-items:center;padding:12px 0 0;display:flex}nav a{flex:1;align-items:center;line-height:1.2;display:flex}h1{font-size:inherit;margin:0;font-weight:400}.logo{width:100%;height:var(--logo-height);background:var(--black);display:block;mask:url(/mud9-logo.svg) 50%/contain no-repeat}a{color:var(--black);font-weight:400;text-decoration:none}a:hover{text-decoration:underline}.page-about,.page-about main,.page-upload,.page-upload main,.page-perspective,.page-perspective main{background:var(--black);color:var(--accent)}.page-about a,.page-upload a,.page-perspective a{color:var(--accent)}.page-about .logo,.page-upload .logo,.page-perspective .logo{background:var(--accent)}nav a.is-active{text-decoration:underline}.page-upload .status{color:var(--accent)}.page-upload .upload-label{border-color:var(--accent);background:var(--accent);color:var(--black);width:100%}.page-upload .content.is-previewing .upload-hint,.page-upload .content.is-previewing .upload-label,.page-upload .content.is-uploading .upload-hint,.page-upload .content.is-uploading .upload-label,.page-upload .content.is-uploading .upload-preview{display:none}.page-upload .content.is-uploading .status{margin:0}.page-upload .upload-preview{flex-direction:column;align-items:stretch;gap:1rem;width:100%;display:flex}.page-upload .upload-preview[hidden]{display:none}.page-upload .upload-preview img{width:100%;display:block}.page-upload .upload-meta{color:var(--accent);text-align:center;flex-direction:column;align-items:center;gap:.15rem;line-height:1.3;display:flex}.page-upload .upload-meta[hidden]{display:none}.page-upload .upload-location,.page-upload .upload-time{margin:0}.page-upload .upload-location:empty,.page-upload .upload-time:empty{display:none}.page-upload .upload-actions{flex-direction:column;gap:.75rem;width:100%;display:flex}.page-upload .upload-actions[hidden]{display:none}.page-upload .upload-actions button{border:2px solid var(--accent);width:100%;font-family:inherit;font-size:inherit;text-align:center;background:var(--accent);color:var(--black);cursor:pointer;border-radius:0;padding:.6rem 1.5rem;font-weight:400;display:block}.page-upload .upload-actions button:disabled{opacity:.4;cursor:not-allowed}.page-upload .content.is-busy .upload-label{opacity:.4;pointer-events:none}.page-upload .upload-actions .upload-action--ghost{color:var(--accent);background:0 0}.page-upload .upload-qr{display:none}.page-upload .upload-content{justify-content:center;width:80%;max-width:80%;margin-bottom:0;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.page-upload .upload-content.is-previewing{padding-top:calc(var(--header-height) + 1rem);justify-content:center;margin-bottom:0;padding-bottom:2rem}.content{width:100%;max-width:var(--content-max-width);flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:1rem;margin:0 auto;padding:0 1rem;display:flex}.upload-content{justify-content:flex-end;margin-bottom:5rem}.content p{text-align:center}.content--below-header{max-width:none;padding:calc(var(--header-height)) 0 0;justify-content:flex-start;margin:0}.content--below-header p,.content--below-header .upload-qr-code{width:100%;margin:0;padding:0}.content--below-header .upload-qr-code{aspect-ratio:1;background:var(--accent);margin-top:1rem}.content--below-header .upload-qr-code:after{content:"";background:var(--black);width:100%;height:100%;display:block;mask:url(/submit-qr.svg) 50%/contain no-repeat}.gallery{--gallery-cols:2;grid-template-columns:repeat(var(--gallery-cols), 1fr);align-items:start;width:100%;display:grid}.gallery:has(.empty){display:block}.gallery.is-packed{flex-direction:row;align-items:flex-start;display:flex}.gallery-col{flex:1;min-width:0}.gallery-item{margin:0}.gallery-frame{position:relative}.gallery-item img{width:100%;height:auto;margin:0;display:block}.gallery-meta{background:var(--accent);color:var(--black);text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;margin:0;line-height:1.1;display:flex;position:absolute;inset:0}.gallery-address,.gallery-time{max-width:100%;margin:0}.gallery-address:empty,.gallery-time:empty{display:none}.gallery-frame.is-showing-meta img{visibility:hidden}.gallery-frame.is-showing-meta .gallery-meta{opacity:1}.gallery[data-admin] .gallery-item:not(.is-published) img{opacity:.4}.publish-toggle{z-index:3;border:2px solid var(--black);background:var(--black);cursor:pointer;border-radius:0;width:100px;height:50px;padding:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.publish-toggle-knob{pointer-events:none;background:#888;width:50px;height:40px;transition:transform .16s,background-color .16s;position:absolute;top:3px;left:3px}.publish-toggle[aria-pressed=true] .publish-toggle-knob{background:var(--accent);transform:translate(40px)}.publish-toggle:disabled{opacity:.4;cursor:not-allowed}@media (hover:hover){.gallery-frame:hover img{visibility:hidden}.gallery-frame:hover .gallery-meta{opacity:1}}.empty,.status,.location{color:#666;text-align:center;line-height:1.5}.submit-thanks{width:min(100% - 2rem, var(--content-max-width));background:var(--black);max-width:100%;color:var(--accent);font-family:inherit;font-size:inherit;border:none;border-radius:0;margin:auto;padding:1.5rem 1.25rem}.submit-thanks::backdrop{background:#0009}.submit-thanks p{text-align:center;margin:0 0 1.25rem;line-height:1.4}.submit-thanks button{border:2px solid var(--accent);width:100%;font-family:inherit;font-size:inherit;text-align:center;background:var(--accent);color:var(--black);cursor:pointer;border-radius:0;padding:.6rem 1.5rem;font-weight:400;display:block}.location{margin:0}.upload-label{font-family:inherit;font-size:inherit;text-align:center;color:var(--black);cursor:pointer;background:#fff;border-radius:0;margin:0 auto;padding:.6rem 2rem;font-weight:400;display:block}.upload-label input{display:none}@media (width<=440px){:root{--header-height:calc(var(--logo-height) + 12px + 1 * (var(--font-size) * 1.2))}nav a[href=\#perspective],nav a[href="/#perspective"]{display:none}.gallery{--gallery-cols:1}}@media (width>=441px) and (width<=1114px){.content--below-header p,.content--below-header .upload-qr-code{width:50%;margin-left:auto;margin-right:auto}}@media (width>=441px){.page-upload .upload-content{display:none}.page-upload .upload-qr{display:flex}}@media (width>=745px) and (width<=1114px){:root{--content-max-width:560px}}@media (width>=1115px) and (width<=1511px){:root{--content-max-width:640px}.gallery{--gallery-cols:3}.content--below-header p,.content--below-header .upload-qr-code{width:33.3333%;margin-left:33.3333%}}@media (width>=1512px){:root{--content-max-width:720px;--logo-height:calc(75vw * 50 / 567);--font-size:calc(var(--menu-item-height) / 1.1);--header-height:var(--logo-height)}.gallery{--gallery-cols:4}.content--below-header p,.content--below-header .upload-qr-code{width:25%;margin-left:75%;line-height:1.1}header{flex-direction:row;align-items:stretch}.logo{flex-shrink:0;width:75%}nav{width:25%;min-width:0;height:var(--logo-height);flex:1;padding:1rem 0}nav a{line-height:1.1}}body.page-perspective{overflow:hidden}body.page-perspective .gallery{flex-direction:column;height:100dvh;display:flex;overflow:hidden}body.page-perspective .gallery-col{display:contents}body.page-perspective .gallery-item{cursor:pointer;flex:1;justify-content:center;align-items:center;display:none}body.page-perspective .gallery-item.is-current{display:flex}body.page-perspective .gallery-frame{cursor:default;width:fit-content;max-width:80vw}body.page-perspective .gallery-item img{width:min(80vw, calc(60dvh * var(--photo-w,1) / var(--photo-h,1)));height:min(60dvh, calc(80vw * var(--photo-h,1) / var(--photo-w,1)));object-fit:contain}body.page-perspective .empty{color:var(--accent);margin:auto}