:root{--color-accent: #fff;--color-primary: #fff;--color-secondary: rgba(255, 255, 255, .6);--color-background: #141414;--font-family: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-family-mono: "DM Mono", monospace;--font-size-xsmall: .75rem;--font-size-small: 1rem;--font-size-medium: 1.25rem;--font-size-med-large: 2rem;--font-size-large: clamp(4rem, 8vw, 6rem);--font-weight-semibold: 600;--font-weight-extrabold: 800;--spacing: 1rem;--spacing-medium: 1.25rem;--spacing-large: 2rem;--max-width: 1280px;--nav-bar-height: calc(var(--font-size-small) + 2 * var(--spacing));--glow-color-1: rgba(255, 200, 150, .15);--glow-color-2: rgba(255, 150, 100, .15);--glow-small: 0 0 8px var(--glow-color-1), 0 0 30px var(--glow-color-2);--glow-medium: 0 0 15px var(--glow-color-1), 0 0 30px rgba(255, 150, 100, .1);--glow-large: 0 0 20px var(--glow-color-1), 0 0 40px var(--glow-color-2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--color-primary);background-color:var(--color-background);padding:var(--spacing);padding-top:4rem;min-height:100vh}html{scroll-padding-top:4rem}h1{font-size:var(--font-size-large);line-height:.9;margin-bottom:var(--spacing);font-weight:var(--font-weight-extrabold)}h3{font-size:var(--font-size-med-large);margin-bottom:.5rem;font-weight:var(--font-weight-extrabold);line-height:1.2}p{font-size:var(--font-size-small);color:var(--color-secondary);margin-bottom:var(--spacing)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-primary)}.nav-bar{position:fixed;top:0;left:0;width:100vw;background-color:var(--color-background);padding:var(--spacing) var(--spacing-large);display:flex;justify-content:space-between;align-items:center;z-index:100}.nav-bar>a{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-secondary);transition:color .2s ease}.nav-bar>a:hover{color:var(--color-primary)}.nav-links{display:flex;gap:var(--spacing-large)}.nav-links a{font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-secondary);transition:color .2s ease}.nav-links a:hover{color:var(--color-primary)}.nav-links a.active{color:var(--color-accent)}section{display:flex;max-width:var(--max-width);margin:0 auto;padding:4rem 2rem;min-height:calc(100vh - 6rem);gap:var(--spacing-large);position:relative;z-index:1}.line-section{max-width:none;width:100vw;margin-left:calc(-50vw + 50%);padding:0;min-height:69vh;position:relative;overflow:hidden;z-index:1}.line-background{position:fixed;top:0rem;left:0;width:100vw;height:calc(100vh - 6rem);z-index:-1;display:flex;align-items:flex-start;justify-content:center;transition:opacity .1s ease}.line-svg{width:90vw;height:100%;object-fit:contain;opacity:.8}.mobile-only{display:none}.section-header{flex:1;display:flex;align-items:flex-start}.section-content{flex:1;display:flex;align-items:flex-start;padding-top:1rem;padding-right:2rem}.track-list{list-style:none;width:100%}.track-item{display:flex;gap:var(--spacing);padding-bottom:var(--spacing);margin-bottom:var(--spacing);border-bottom:1px solid var(--color-secondary);align-items:flex-start}.track-item:last-child{margin-bottom:0}.track-date{flex-shrink:0;width:8rem;padding-top:.25rem}.track-date .year{font-family:var(--font-family-mono);font-size:var(--font-size-medium);color:var(--color-secondary);line-height:1.2;margin-bottom:.25rem}.track-date .date{font-family:var(--font-family-mono);font-size:var(--font-size-medium);color:var(--color-primary);line-height:1.2}.track-info{flex:1}.track-title{margin-bottom:calc(var(--spacing) * 1.5)}audio{width:100%;max-width:100%}@media (max-width: 768px){section{flex-direction:column;padding:2rem 1rem;min-height:auto;gap:var(--spacing)}.section-header{align-items:flex-start}.section-content{align-items:flex-start;padding-right:var(--spacing)}h1{font-size:clamp(3rem,4rem);line-height:1.2;margin-bottom:.5rem}.track-item{flex-direction:column;gap:.5rem}.track-date{width:auto;display:flex;gap:0}.track-date .year{margin-bottom:0}.track-info{width:100%}audio{width:100%;min-width:0;max-width:100%}.line-section{min-height:60vh}.desktop-only{display:none}.mobile-only{display:block;width:90vw}.line-background{max-height:72vh;padding-top:var(--nav-bar-height)}}.footer{width:100%;background-color:var(--color-background);padding:var(--spacing) var(--spacing-large);display:flex;justify-content:center;align-items:center}.footer-content p{margin:0;font-size:x-small;color:var(--color-secondary)}.rotated-text{position:fixed;right:0rem;top:50%;transform:translateY(-50%) rotate(90deg);font-size:var(--font-size-xsmall);color:var(--color-secondary);z-index:10;letter-spacing:.5rem;pointer-events:none}