:root{--ink:#29251f;--paper:#eee8dc;--rust:#a9543e;--photo:#fbfaf5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}a{color:inherit}.shell{width:min(1420px,100% - 40px);margin:auto}header{text-transform:uppercase;border-bottom:1px solid #aaa;justify-content:space-between;align-items:center;height:64px;font:12px monospace;display:flex}header b:first-letter{color:var(--rust)}.hero{border-bottom:1px solid #aaa;grid-template-columns:.72fr 1.28fr;align-items:center;gap:5vw;min-height:88vh;padding:40px 0;display:grid}h1{letter-spacing:-.09em;margin:0;font-size:clamp(5rem,12vw,11rem);line-height:.78}.hero-art{place-items:center;display:grid;position:relative}.sun{aspect-ratio:1;background:var(--rust);border-radius:50%;width:35vw;max-width:360px;position:absolute;top:0;right:0}.hero-art figure{background:var(--photo);width:min(100%,760px);padding:14px 14px 70px;position:relative;transform:rotate(1.5deg);box-shadow:12px 16px #29251f22}.hero-art img{width:100%;display:block}.hero-art figcaption{background:#d7e8a0;padding:14px;font:700 12px monospace;position:absolute;bottom:22px;left:20px}.gallery{columns:5 220px;column-gap:6px}.gallery .item{break-inside:avoid;background:#fff;margin:0 0 12px;padding:12px 12px 42px;position:relative;box-shadow:0 8px 20px #29251f18}.item img,.item video{background:#ddd;width:100%;height:auto;display:block}.item video{background:#171512}.item figcaption{color:#777;white-space:nowrap;text-overflow:ellipsis;font:10px monospace;position:absolute;bottom:12px;left:14px;right:14px;overflow:hidden}.item figcaption span{float:right}.loading-screen{z-index:5;letter-spacing:.1em;background:#e9dfd0;place-items:center;font:700 12px monospace;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0}.page-ready .loading-screen{opacity:0;visibility:hidden}.loading-mark{background:#c99b6d;border:8px solid #8a6042;border-radius:50%;width:130px;height:130px;margin:auto auto 20px;animation:14s linear infinite spin}.login{place-items:center;min-height:100vh;display:grid}.login form{text-align:center;gap:12px;width:min(350px,90vw);display:grid}.login input,.login button{border:1px solid var(--ink);padding:14px;font:14px monospace}.login button{background:var(--ink);color:#fff}footer{padding:50px 0;font:12px monospace}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:800px){.shell{width:calc(100% - 24px)}.hero{grid-template-columns:1fr;min-height:auto;padding:60px 0}.gallery{columns:2 150px}.hero-art figure{width:92vw}}