:root{--bg:#181614;--panel:#221f1c;--bone:#e3dccb;--brass:#c98f3a;--ash:#5a5248;--muted:#a69f92}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--bone);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:var(--brass)}a:hover{color:var(--bone)}#fog{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.layer{z-index:1;position:relative}.hero{flex-direction:column;min-height:100vh;display:flex}.hero main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:48px 16px 0;display:flex}.hero-clear{flex-direction:column;align-items:center;gap:20px;display:flex}h1,.word{margin:0;font-family:Rubik Distressed,system-ui,sans-serif;font-weight:400;line-height:.95}h1{font-size:clamp(56px,12vw,128px)}h1 span,.word span{color:var(--brass)}.tagline{margin:0;font-size:clamp(18px,2.6vw,26px)}.scene{width:100%;height:auto;max-height:260px;margin-top:32px;display:block;overflow:visible}.logo{cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(220px,50vw);height:auto;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 14px #c98f3a59)}.logo .str,.logo .bones{transform-box:fill-box;transform-origin:50%}.logo.pluck .str{animation:.55s ease-out twang}.logo.pluck .bones{animation:.45s ease-out rattle}@keyframes twang{0%{transform:translate(0)}12%{transform:translate(1.8px)}26%{transform:translate(-1.5px)}40%{transform:translate(1.1px)}55%{transform:translate(-.7px)}72%{transform:translate(.35px)}to{transform:translate(0)}}@keyframes rattle{0%{transform:rotate(0)}20%{transform:rotate(2.5deg)}40%{transform:rotate(-2deg)}60%{transform:rotate(1.2deg)}80%{transform:rotate(-.6deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.logo.pluck .str,.logo.pluck .bones{animation:none}}.btn{border:2px solid var(--bone);min-height:48px;color:var(--bone);cursor:pointer;background:0 0;border-radius:14px 4px 12px 5px/5px 12px 4px 14px;justify-content:center;align-items:center;padding:12px 24px;font:600 17px/1 Inter,sans-serif;text-decoration:none;display:inline-flex}.btn:hover{color:var(--bg);background:var(--bone)}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--bg)}.btn.primary:hover{background:var(--bone);border-color:var(--bone)}.btn.small{min-height:44px;padding:10px 16px;font-size:15px}.access{background:var(--panel);padding:72px 16px 96px}.access-card{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:760px;margin:0 auto;display:flex}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:600}.access .word{font-size:clamp(48px,9vw,88px)}.price{color:var(--brass);font-family:Rubik Distressed,sans-serif;font-size:clamp(30px,5vw,44px)}.access p{max-width:520px;margin:0;font-size:19px;line-height:1.5}.actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;display:flex}.fine{color:var(--muted);font-size:14px}.bar{border-bottom:2px solid var(--ash);background:#181614d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.brand{color:var(--bone);align-items:center;gap:12px;text-decoration:none;display:flex}.brand svg{width:44px;height:44px}.brand .word{font-size:26px}.bar nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dash{max-width:1120px;margin:0 auto;padding:40px 16px 80px}.dash h2{margin:0 0 8px;font-family:Rubik Distressed,sans-serif;font-size:clamp(36px,6vw,56px);font-weight:400}.dash .lead{color:var(--muted);margin:0 0 32px;font-size:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.pack{background:var(--panel);border:2px solid var(--ash);border-radius:18px 6px 22px 8px/8px 22px 6px 18px;flex-direction:column;display:flex;overflow:hidden}.pack img{aspect-ratio:630/500;object-fit:cover;background:var(--bg);width:100%;display:block}.pack-body{flex-direction:column;gap:12px;padding:18px;display:flex}.pack h3{margin:0;font-size:20px}.files{flex-direction:column;gap:8px;display:flex}.empty,.notice{background:var(--panel);border:2px dashed var(--ash);text-align:center;border-radius:22px 8px 26px 10px/10px 26px 8px 22px;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty p,.notice p{margin:0;font-size:18px}.error{color:#e8a090}
