*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:1000vh;font-family:IBM Plex Mono,monospace;background:#14100b;color:#ede3d2}::selection{background:#cf4b3c;color:#14100b}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 55% 42% at 50% 46%,#e5a55421,#14100b00 70%);pointer-events:none}nav,footer{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:baseline;padding:24px 28px;z-index:10}nav{top:0}footer{bottom:0}.mono{font-size:11px;font-weight:400;letter-spacing:.02em;color:#8b7f70}.brand{display:flex;align-items:baseline;gap:.9em}.wordmark{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:27px;line-height:1;letter-spacing:.01em;color:#ede3d2;text-decoration:none;text-shadow:0 0 6px rgba(229,165,84,.35),0 0 18px rgba(229,165,84,.18)}.brand-tag{font-size:11px;letter-spacing:.02em;color:#8b7f70}.nav-links{display:flex;gap:1.75em;align-items:baseline}.nav-links a{font-size:12px;font-weight:400;letter-spacing:.02em;color:#ede3d2;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .25s ease}.nav-links a:hover{border-bottom-color:#cf4b3c}a:focus-visible{outline:1px solid #cf4b3c;outline-offset:4px}.container{position:fixed;width:100%;height:100%;overflow:hidden;perspective:clamp(560px,145vw,1500px)}.gallery{position:absolute;top:19%;left:49%;transform-style:preserve-3d;transform:translate(-50%)}.item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:60px;background:#241c14;margin:10px;transform-style:preserve-3d}img{width:100%;height:100%;object-fit:cover}.preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px}.preview-img{width:300px;aspect-ratio:3 / 2;overflow:hidden;background:#241c14;border:1px solid rgba(237,227,210,.3);box-shadow:0 0 90px #e5a5542e}.frame-caption{position:relative;z-index:5;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#e5a554;white-space:nowrap}.frame-no{color:#cf4b3c;margin-right:1em}@media(max-width:768px){.gallery{top:34%}.preview{top:calc(34vh + .7*clamp(155px,40vw,400px));gap:10px;z-index:4}.preview-img{box-shadow:0 0 50px #e5a55426}nav,footer{padding:16px}.brand{flex-direction:column;gap:4px}.wordmark{font-size:23px}.brand-tag{font-size:10px}.nav-links{gap:1.1em}.nav-links a{font-size:11px}.frame-caption{position:absolute;left:50%;top:calc(50% + 1.05*clamp(155px,40vw,400px) + 30px);transform:translate(-50%);font-size:9px;letter-spacing:.08em}.mono{font-size:10px}}