:root{--ivory:#F6EFE0;--ivory2:#EDE3CC;--charcoal:#2B2724;--ink:#1C1A18;--gold:#B8913A;--gold-lt:#D9B866;--red:#8E2A23;--copper:#B26B3D;--muted:#6A6058}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--charcoal);color:var(--ivory);font:18px/1.6 Georgia,"Times New Roman",serif}
h1,h2,h3,.btn,.site-nav,.section-kicker,.badge,.catalog-list{font-family:"Courier New",Courier,monospace}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
a{color:var(--gold-lt)}:focus-visible{outline:3px solid var(--gold-lt);outline-offset:3px}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;background:var(--ink);padding:8px;z-index:10}
.site-header{position:sticky;top:0;z-index:5;background:rgba(28,26,24,.95);border-bottom:2px solid var(--gold)}
.header-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:60px;gap:6px}
.wordmark-small{font:700 20px "Courier New",monospace;color:var(--ivory);text-decoration:none;letter-spacing:.08em}
.wordmark-small span,.wordmark span{color:var(--red);background:var(--gold);padding:0 .15em;border-radius:3px;margin:0 .05em}
.wordmark-small small,.wordmark small{color:var(--gold-lt);font-size:.6em}
.site-nav a{color:var(--ivory);text-decoration:none;margin-left:16px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;display:inline-block;padding:10px 0}
.site-nav a:hover{color:var(--gold-lt)}
.hero{padding:64px 0;background:linear-gradient(180deg,var(--ink),var(--charcoal));border-bottom:6px double var(--gold)}
.hero-grid{display:grid;gap:40px;align-items:center}
.hero-kicker,.section-kicker{color:var(--copper);letter-spacing:.2em;text-transform:uppercase;font-size:14px;margin:0 0 6px}
.wordmark{font-size:clamp(2.4rem,9vw,4.6rem);margin:0;letter-spacing:.06em;line-height:1.05;color:var(--ivory)}
.tagline{font-size:clamp(1.5rem,4vw,2.2rem);margin:.4em 0 0;color:var(--gold-lt);font-style:italic}
.tagline-secondary{margin:0;color:var(--ivory2);font-size:1.2rem}
.hero-services{margin:18px 0;color:var(--ivory2);border-top:1px solid #4a433c;border-bottom:1px solid #4a433c;padding:8px 0;font-size:16px;letter-spacing:.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;font-weight:700;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;font-size:15px;border:2px solid var(--gold);cursor:pointer;margin:4px 8px 4px 0}
.btn-primary{background:var(--gold);color:var(--ink)}.btn-primary:hover{background:var(--gold-lt)}
.btn-secondary{color:var(--gold-lt);background:transparent}.btn-secondary:hover{background:rgba(184,145,58,.15)}
.btn-ivory{background:var(--ivory);color:var(--red);border-color:var(--ivory)}
.btn-small{min-height:44px;font-size:13px;padding:0 14px;background:var(--red);color:var(--ivory);border-color:var(--red)}
.is-disabled{background:#d8ccb4;color:#5a5048;border-color:#c7b99c;cursor:default}
.reel-deck{position:relative;max-width:420px;width:100%;aspect-ratio:1.6/1;margin:0 auto;background:linear-gradient(160deg,#3a3430,#24201d);border:3px solid var(--gold);border-radius:14px;box-shadow:inset 0 0 0 8px #1c1a18,0 18px 40px -18px #000}
.reel{position:absolute;top:12%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1c1a18 0 13%,var(--copper) 14% 18%,#3b2a1f 19% 62%,#8a8178 63% 66%,#2a2522 67%);animation:spin 6s linear infinite}
.reel i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 50deg,rgba(246,239,224,.25) 50deg 60deg,transparent 60deg 170deg,rgba(246,239,224,.25) 170deg 180deg,transparent 180deg 290deg,rgba(246,239,224,.25) 290deg 300deg,transparent 300deg)}
.reel-left{left:6%}.reel-right{right:6%;animation-duration:4.5s}
.tape-path{position:absolute;left:26%;right:26%;bottom:14%;height:3px;background:#3b2a1f}
.deck-label{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);font:700 12px "Courier New",monospace;color:var(--ink);background:var(--ivory);padding:2px 10px;border-radius:2px;letter-spacing:.12em}
@keyframes spin{to{transform:rotate(360deg)}}
.section{padding:64px 0}.section h2{font-size:clamp(1.7rem,4vw,2.3rem);margin:0 0 24px;color:var(--gold-lt)}
.section-ivory{background:var(--ivory);color:var(--ink);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(178,107,61,.12) 31px 32px)}
.section-ivory h2{color:var(--red)}.section-ivory a{color:var(--red)}
.section-red{background:var(--red);color:var(--ivory);text-align:center}.section-red h2{color:var(--ivory)}
.release-grid,.services-grid,.membership-grid{display:grid;gap:20px;grid-template-columns:1fr}
.release-card{background:var(--ivory);color:var(--ink);border-radius:6px;overflow:hidden;border:1px solid var(--gold);box-shadow:0 10px 24px -14px #000}
.release-art{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.release-art-blank{display:grid;place-items:center;background:radial-gradient(circle,#1c1a18 0 8%,var(--copper) 9% 11%,#3b2a1f 12% 58%,#2B2724 59%)}
.release-art-blank span{font:700 13px "Courier New",monospace;color:var(--ivory);background:var(--red);padding:2px 8px;letter-spacing:.12em}
.release-meta{padding:14px 16px 18px}.release-meta h3{margin:0;font-size:1.05rem}.release-meta p{margin:4px 0 10px;color:var(--muted)}
.is-placeholder{opacity:.85;border-style:dashed}
.about-grid{display:grid;gap:12px}.about-copy p{margin:0 0 14px;max-width:680px}
.service-card,.membership-card{background:#34302c;border-top:4px solid var(--copper);border-radius:6px;padding:22px}
.service-card h3,.membership-card h3{margin:0 0 6px;color:var(--gold-lt)}.service-card p,.membership-card p{margin:0;color:var(--ivory2)}
.service-card:nth-child(2){border-top-color:var(--gold)}.service-card:nth-child(3){border-top-color:var(--red)}.service-card:nth-child(4){border-top-color:var(--gold-lt)}
.catalog-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.catalog-list li{background:#fffaf0;border:1px solid #d8c7a2;border-left:6px solid var(--red);padding:12px 14px;font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.catalog-list li:nth-child(even){border-left-color:var(--copper)}
.badge{display:inline-block;background:var(--gold);color:var(--ink);font-size:12px;font-weight:700;padding:2px 10px;border-radius:2px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.submit-inner p{margin:0 0 18px}.note{font-size:15px;opacity:.9}
.newsletter-inner{max-width:640px}.newsletter-form label{display:block;font-weight:700;margin-bottom:6px}
.form-row{display:flex;flex-wrap:wrap;gap:8px}.form-row input{flex:1;min-width:200px;min-height:48px;padding:0 14px;font-size:17px;border:2px solid var(--charcoal);border-radius:4px;background:#fffaf0}
.site-footer{background:var(--ink);border-top:6px double var(--gold);padding:28px 0;font-size:15px;color:var(--ivory2);text-align:center}.footer-inner p{margin:6px 0}
@media (min-width:640px){.release-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.membership-grid{grid-template-columns:repeat(2,1fr)}.catalog-list{grid-template-columns:repeat(3,1fr)}}
@media (min-width:960px){.hero-grid{grid-template-columns:1.2fr 1fr}.release-grid{grid-template-columns:repeat(3,1fr)}.services-grid,.membership-grid{grid-template-columns:repeat(4,1fr)}.catalog-list{grid-template-columns:repeat(5,1fr)}.about-grid{grid-template-columns:1fr 2fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reel{animation:none}}

.ambience{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--charcoal)}
#grain{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:.9}
.leak{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(110px);opacity:.22;animation:leak 26s ease-in-out infinite alternate}
.leak-a{background:#C8862F;left:-20vmax;top:-15vmax}.leak-b{background:#8E2A23;right:-25vmax;top:35vh;animation-duration:34s}.leak-c{background:#D9B866;left:20vw;bottom:-30vmax;animation-duration:42s;opacity:.14}
@keyframes leak{0%{transform:translate(0,0) scale(1)}100%{transform:translate(6vw,-5vh) scale(1.15)}}
body{background:transparent}.hero{background:linear-gradient(180deg,rgba(28,26,24,.92),rgba(43,39,36,.7))}
.section:not(.section-ivory):not(.section-red){background:rgba(43,39,36,.55)}
.studio-clock{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:#120f0d;border:1px solid #5a4320;border-radius:6px;padding:4px 10px;box-shadow:inset 0 0 12px #000}
.nixie{font:700 20px "Courier New",monospace;color:#FF9A3C;letter-spacing:.12em;text-shadow:0 0 6px #ff7a1a,0 0 14px rgba(255,122,26,.6)}
.clock-date,.clock-tz{font:13px "Courier New",monospace;color:var(--gold-lt);letter-spacing:.06em}.clock-tz{color:#a99a85}
.vu-row{position:absolute;left:6%;right:6%;top:-58px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.vu{position:relative;width:36%;height:46px;background:linear-gradient(#f3e6c4,#d9c79c);border:2px solid var(--gold);border-radius:6px 6px 2px 2px;overflow:hidden}
.vu span{position:absolute;left:6px;bottom:2px;font:700 10px "Courier New",monospace;color:var(--red)}
.vu b{position:absolute;left:50%;bottom:-2px;width:2px;height:40px;background:var(--ink);transform-origin:bottom center;animation:needle 1.1s ease-in-out infinite alternate}
.vu:last-child b{animation-duration:.85s;animation-delay:-.3s}
@keyframes needle{0%{transform:rotate(-38deg)}30%{transform:rotate(8deg)}55%{transform:rotate(-12deg)}80%{transform:rotate(22deg)}100%{transform:rotate(-5deg)}}
.counter{font:700 18px "Courier New",monospace;background:#120f0d;color:#FF9A3C;padding:4px 10px;border:1px solid var(--gold);border-radius:4px;letter-spacing:.2em;text-shadow:0 0 6px #ff7a1a}
.reel-deck{margin-top:70px}
.btn{transition:transform .2s,box-shadow .25s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(217,184,102,.55)}
.release-card,.service-card,.membership-card,.catalog-list li{transition:transform .25s,box-shadow .3s,opacity .6s}
.release-card:hover,.service-card:hover,.membership-card:hover{transform:translateY(-5px);box-shadow:0 0 0 1px var(--gold),0 12px 30px -8px rgba(178,107,61,.7),0 0 26px rgba(217,184,102,.35)}
.catalog-list li:hover{transform:translateX(4px);box-shadow:0 0 14px rgba(178,107,61,.45)}
.release-card:hover .release-art-blank{animation:spin 8s linear infinite}
.will-reveal{opacity:0;transform:translateY(22px)}.will-reveal.in{opacity:1;transform:none;transition:opacity .7s,transform .7s}
.level{margin:0;font:700 13px "Courier New",monospace;color:var(--copper);letter-spacing:.15em;text-transform:uppercase}
.badge-live{background:#3f7d3a;color:#fff}.membership-card.is-live{border-top-color:#5fa055;box-shadow:0 0 22px rgba(95,160,85,.3)}
@media (max-width:640px){.studio-clock{order:-1;width:100%;justify-content:center}.nixie{font-size:18px}}
@media (prefers-reduced-motion:reduce){.leak,.vu b,.release-card:hover .release-art-blank{animation:none}.btn:hover,.release-card:hover,.service-card:hover,.membership-card:hover,.catalog-list li:hover{transform:none}}
