.noc-page{--night:#08091a;--deep:#0d0f22;--surface:#131526;--card:#191c35;--border:rgba(212,165,68,.18);--accent:#d4a544;--accent-dim:rgba(212,165,68,.55);--cream:#f0e8d8;--mist:#8a99b8;--soft:#68779a;--ink-body:#c8d0e8;--ink-muted:#7a88a8;background:var(--night);color:var(--cream);font-family:Cormorant Garamond,Georgia,serif;font-size:19px;line-height:1.85;overflow-x:hidden;margin:0 -9999px -3rem;padding:0 9999px 3rem}.noc-page ::-moz-selection{background:rgba(212,165,68,.25);color:var(--cream)}.noc-page ::selection{background:rgba(212,165,68,.25);color:var(--cream)}.noc-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.noc-breadcrumbs{position:relative;z-index:10;padding:14px 24px 0;font-family:var(--font-outfit,"Outfit",sans-serif);font-size:12px;letter-spacing:.04em;color:var(--mist)}.noc-breadcrumbs a{color:var(--mist);text-decoration:none}.noc-breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.noc-breadcrumbs .sep{color:var(--soft);margin:0 8px}.noc-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.noc-hero:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(100,80,180,.18) 0,transparent 70%);pointer-events:none;z-index:1}.noc-hero-inner{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:720px}.noc-eyebrow{font-family:Cinzel,serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:28px}.noc-hero h1{font-size:clamp(60px,10vw,110px);font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--cream);margin:0 0 18px}.noc-hero h1,.noc-subtitle{font-family:Cormorant Garamond,Georgia,serif}.noc-subtitle{font-style:italic;font-size:20px;color:var(--mist);margin-bottom:36px;letter-spacing:.02em}.noc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:0}.noc-chip{letter-spacing:.18em;color:var(--accent-dim);border:1px solid var(--border);border-radius:2px;padding:6px 14px;background:rgba(212,165,68,.05)}.noc-chip,.noc-scroll-hint{font-family:Cinzel,serif;font-size:9px;text-transform:uppercase}.noc-scroll-hint{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;letter-spacing:.22em;color:var(--soft)}.noc-scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,var(--soft),transparent);animation:noc-drop 2.2s ease-in-out infinite}@keyframes noc-drop{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.1)}}.noc-main{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:80px 24px 120px}.noc-section{margin-bottom:88px}.noc-section-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:14px}.noc-section h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(28px,4vw,40px);line-height:1.2;color:var(--cream);margin:0 0 32px}.noc-section h3{font-family:Cinzel,serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:40px 0 16px}.noc-section p{color:var(--ink-body);margin:0 0 20px}.noc-answer-box{background:var(--card);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;padding:22px 24px;margin:0 0 28px}.noc-answer-box p{margin:0;font-size:17px;color:var(--ink-body)}.noc-answer-label{display:block;font-family:Cinzel,serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:10px}.noc-pull-quote{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0;margin:36px 0;text-align:center}.noc-pull-quote p{font-style:italic;font-size:22px;line-height:1.55;color:var(--cream);margin:0 0 10px}.noc-pull-quote cite{font-family:Cinzel,serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}.noc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin:36px 0}.noc-stat{background:var(--card);padding:20px 16px;text-align:center}.noc-stat-val{display:block;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:300;color:var(--accent);line-height:1.1}.noc-stat-key{display:block;font-family:Cinzel,serif;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);margin-top:4px}.noc-structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:28px 0}.noc-structure-card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:22px 20px}.noc-structure-card-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:8px}.noc-structure-card-name{font-family:Cormorant Garamond,Georgia,serif;font-size:20px;font-style:italic;color:var(--cream);margin-bottom:10px}.noc-structure-card p{font-size:15px;color:var(--ink-muted);margin:0;line-height:1.65}.noc-keyboard-wrap{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:24px;margin:28px 0}.noc-keyboard-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:16px;display:block}.noc-staff-wrap{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px;margin:28px 0}.noc-staff-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:16px;display:block}.noc-staff-wrap .psd-wrap svg{filter:invert(1) hue-rotate(180deg) brightness(.9)}.noc-staff-wrap .psd-btn{background:var(--card);color:var(--mist);border-color:var(--border)}.noc-staff-wrap .psd-btn-active{background:rgba(212,165,68,.15);color:var(--accent);border-color:var(--accent-dim)}.noc-chord-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}.noc-chord-table th{font-family:Cinzel,serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);text-align:left;padding:10px 16px;border-bottom:1px solid var(--border)}.noc-chord-table td{padding:12px 16px;border-bottom:1px solid rgba(212,165,68,.08);color:var(--ink-body);vertical-align:top}.noc-chord-table tr:last-child td{border-bottom:none}.noc-chord-table a{color:var(--accent);text-decoration:none}.noc-chord-table a:hover{text-decoration:underline}.noc-chord-roman{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;color:var(--mist);font-size:15px}.noc-theory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0}.noc-theory-card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:20px}.noc-theory-card-title{font-family:Cinzel,serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.noc-theory-card-body{font-size:15px;color:var(--ink-muted);line-height:1.65}.noc-timeline{border-left:1px solid var(--border);padding-left:28px;margin:24px 0}.noc-tl-item{margin-bottom:28px;position:relative}.noc-tl-item:before{content:"";position:absolute;left:-33px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--night);box-shadow:0 0 0 1px var(--accent-dim)}.noc-tl-year{font-family:Cinzel,serif;font-size:11px;letter-spacing:.15em;color:var(--accent);margin-bottom:6px}.noc-tl-text{font-size:16px;color:var(--ink-body);line-height:1.7}.noc-disco-grid{display:flex;flex-direction:column;gap:0}.noc-disco-item{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid rgba(212,165,68,.1)}.noc-disco-item:last-child{border-bottom:none}.noc-disco-item.top .noc-disco-artist{color:var(--accent)}.noc-disco-artist{font-family:Cormorant Garamond,Georgia,serif;font-size:18px;color:var(--cream);font-weight:400;grid-column:1/3}.noc-disco-year{font-family:Cinzel,serif;font-size:10px;letter-spacing:.12em;color:var(--soft);grid-column:3;white-space:nowrap;padding-top:4px}.noc-disco-note{font-size:15px;color:var(--ink-muted);grid-column:1/4;line-height:1.65}.noc-myth-list{display:flex;flex-direction:column;gap:0}.noc-myth-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(212,165,68,.08)}.noc-myth-item:last-child{border-bottom:none}.noc-myth-verdict{font-size:18px;font-weight:700;flex-shrink:0;width:24px;margin-top:2px}.noc-verdict-false{color:#e05555}.noc-verdict-true{color:#5bba6f}.noc-myth-q{font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-style:italic;color:var(--cream);margin-bottom:8px}.noc-myth-a{font-size:15px;color:var(--ink-muted);line-height:1.7}.noc-practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.noc-practice-card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:22px 20px}.noc-practice-num{font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em;color:var(--accent-dim);margin-bottom:8px}.noc-practice-title{font-family:Cormorant Garamond,Georgia,serif;font-size:18px;color:var(--cream);margin-bottom:10px;font-style:italic}.noc-practice-body{font-size:15px;color:var(--ink-muted);line-height:1.65}.noc-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.noc-reveal.noc-visible{opacity:1;transform:none}.noc-footer{position:relative;z-index:2;text-align:center;padding:48px 24px 64px;font-family:Cinzel,serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}.noc-footer a{color:var(--accent-dim);text-decoration:none}.noc-footer a:hover{color:var(--accent)}@media (max-width:600px){.noc-stats{grid-template-columns:repeat(2,1fr)}.noc-disco-item{grid-template-columns:1fr auto}.noc-disco-artist{grid-column:1}.noc-disco-year{grid-column:2}.noc-disco-note{grid-column:1/3}}