:root{--ink:#17211c;--acid:#d9ff54;--orange:#ff6c35;--wall:#d9d4ca}
*{box-sizing:border-box}html,body,#gallery{margin:0;width:100%;min-height:100%;overflow:hidden}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--wall)}button,a{font:inherit}[v-cloak]{display:none}
.gallery-wall{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 4vw 38px;background-color:var(--wall);background-image:radial-gradient(ellipse at 50% 15%,rgba(255,255,255,.45),transparent 57%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}
.wall-title{flex:none;margin:0 0 20px;text-align:center}.wall-title span{display:block;margin-bottom:5px;color:#70746e;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.wall-title h1{margin:0;font-family:"Instrument Serif",serif;font-size:clamp(28px,3.2vw,48px);font-weight:400;line-height:1;letter-spacing:-.02em}
.display-screen{position:relative;flex:none;width:min(90vw,calc((100vh - 165px)*16/9),1600px);aspect-ratio:16/9;overflow:hidden;background:#fff;border:1px solid rgba(23,33,28,.14);box-shadow:0 26px 55px rgba(45,39,30,.2),0 5px 12px rgba(45,39,30,.15),0 0 0 7px rgba(244,242,236,.65)}.living-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:#fff}.screen-reflection{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.11),transparent 22%,transparent 78%,rgba(255,255,255,.05))}
.screen-message{position:absolute;z-index:5;inset:0;display:grid;place-content:center;justify-items:center;background:#fff;text-align:center}.screen-message i{width:22px;height:22px;border:2px solid rgba(23,33,28,.14);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}.screen-message p{font-family:"Instrument Serif",serif;font-size:22px}.screen-message button,.screen-message a{border:0;background:var(--ink);color:#fff;padding:11px 16px;text-decoration:none;cursor:pointer}.screen-message.empty>span{font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.screen-message h2{margin:10px 0 22px;font-family:"Instrument Serif",serif;font-size:clamp(32px,5vw,68px);font-weight:400;line-height:.92}.screen-message h2 em{color:var(--orange);font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.gallery-wall{padding:20px 14px 28px}.wall-title{margin-bottom:15px}.display-screen{width:min(calc(100vw - 28px),calc((100vh - 125px)*16/9));box-shadow:0 16px 38px rgba(45,39,30,.2),0 3px 8px rgba(45,39,30,.13),0 0 0 4px rgba(244,242,236,.65)}}
@media(prefers-reduced-motion:reduce){.screen-reflection{display:none}}