:root{--font-serif: "Fraunces", "Noto Serif JP", Georgia, serif;--font-display: "Syne", "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Noto Sans JP", ui-monospace, monospace;--bg-night: #0a0e1a;--bg-deep: #05070f;--text-primary: #e8e3d8;--text-muted: rgba(232, 227, 216, .82);--text-soft: rgba(232, 227, 216, .55);--text-faded: rgba(232, 227, 216, .3);--accent-cardinal: #f5d87a;--accent-gargilesse: #c8a878;--accent-gargilesse-rgb: 200, 168, 120;--accent-rio-baril: #d89c5e;--accent-rio-baril-rgb: 216, 156, 94;--accent-frere-animal: #9ba888;--accent-frere-animal-rgb: 155, 168, 136;--accent-courchevel: #b58fb8;--accent-courchevel-rgb: 181, 143, 184;--accent-bambi: #7fc5d6;--accent-bambi-rgb: 127, 197, 214;--accent-garden-party: #e89a6a;--accent-garden-party-rgb: 232, 154, 106;--accent-maisons-alfort: #d4b094;--accent-maisons-alfort-rgb: 212, 176, 148;--gradient-album-spectrum: linear-gradient(90deg, #c8a878, #d89c5e, #9ba888, #b58fb8, #7fc5d6, #e89a6a, #d4b094);--gradient-cardinal: linear-gradient(90deg, #f5d87a, #e89a6a, #b86a8a);--ease-out-soft: cubic-bezier(.25, .46, .45, .94);--transition-fast: .3s;--transition-slow: 2s ease;--reveal-duration: 1s;--z-ambient: 0;--z-content: 5;--z-noise: 2;--z-vignette: 3;--z-to-top: 15;--z-top-bar: 50;--z-progress: 100;--z-menu: 200;--container-max: 900px;--scroll-offset: 80px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-serif);font-weight:300;font-size:18px;line-height:1.65;color:var(--text-primary);background:var(--bg-night);overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 32px;position:relative;z-index:var(--z-content)}section{position:relative;padding:120px 0;scroll-margin-top:var(--scroll-offset)}.section-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-cardinal);margin-bottom:16px}.section-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.05;font-size:clamp(32px,5vw,56px);margin-bottom:36px}.section-title em{font-family:var(--font-serif);font-weight:300;font-style:italic}.prose p{margin-bottom:22px;font-size:18px;line-height:1.75;color:#e8e3d8e0}.prose a,.album-body a{color:var(--accent-cardinal, #f5d87a);text-decoration:underline;text-decoration-color:#f5d87a59;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:500;transition:color .18s ease,text-decoration-color .18s ease}.prose a:hover,.prose a:focus-visible,.album-body a:hover,.album-body a:focus-visible{color:#ffe89a;text-decoration-color:var(--accent-cardinal, #f5d87a)}.prose p.lead{font-size:22px;font-weight:300;font-style:italic;font-family:var(--font-serif);color:var(--accent-cardinal);line-height:1.55;margin-bottom:32px}.prose ul,.prose ol{margin:6px 0 22px;padding-left:28px;font-size:18px;line-height:1.75;color:#e8e3d8e0}.prose li{margin:4px 0}.prose li::marker{color:#e8e3d88c}.album-body h3{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:40px 0 14px}.quote{border-left:2px solid var(--accent, var(--accent-cardinal));padding:4px 0 4px 24px;margin:28px 0;font-family:var(--font-serif);font-style:italic;font-size:18px;line-height:1.6;color:#e8e3d8bf}.quote cite{display:block;font-style:normal;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#e8e3d880;margin-top:10px}.permanence{margin:40px 0;padding:24px 28px;position:relative;border-top:1px dashed rgba(245,216,122,.3);border-bottom:1px dashed rgba(245,216,122,.3);font-size:15px;line-height:1.6;color:#e8e3d8bf}.permanence:before{content:"◆ permanences";display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-cardinal);margin-bottom:10px}.permanence strong{color:var(--accent-cardinal);font-weight:400}.album-visual{width:100%;margin:40px 0 50px;position:relative;aspect-ratio:16/9;min-height:280px;background:#e8e3d808;border:1px solid rgba(232,227,216,.1);border-radius:2px;overflow:hidden;display:block}.album-visual.svg-visual{background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.08),#0a0e1a80)}.album-visual svg{position:absolute;inset:0;width:100%;height:100%;display:block}.album-visual.image-visual{background:#0a0e1a80}.album-visual.image-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:repeating-linear-gradient(45deg,#e8e3d805 0 20px,#e8e3d80a 20px 40px)}.image-placeholder:before{content:"";position:absolute;inset:12px;border:1px dashed rgba(var(--accent-rgb),.3);pointer-events:none}.placeholder-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.placeholder-icon{font-size:28px;color:var(--accent);opacity:.7;margin-bottom:16px}.placeholder-desc{font-family:var(--font-serif);font-style:italic;font-size:15px;max-width:480px;color:#e8e3d8bf;line-height:1.5;margin-bottom:14px}.placeholder-spec{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#e8e3d866}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--reveal-duration) ease,transform var(--reveal-duration) ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.sv-shimmer{animation:shimmer 4s ease-in-out infinite}@media(max-width:700px){body{font-size:16px}section{padding:80px 0}.container{padding:0 22px}.album-visual{min-height:200px}}.track-card{margin:40px 0;padding:28px;background:#e8e3d80a;border:1px solid rgba(232,227,216,.1);border-radius:3px;transition:border-color var(--transition-fast)}.track-card:hover{border-color:var(--accent)}.track-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.track-title-block{flex:1;min-width:240px}.track-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.track-title{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.01em;line-height:1.2}.track-title em{font-family:var(--font-serif);font-weight:300;font-style:italic}.track-title-suffix{opacity:.6;font-weight:400}.track-links{display:flex;gap:10px;align-items:center;flex-shrink:0}.track-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(232,227,216,.2);border-radius:20px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#e8e3d8d9;transition:all var(--transition-fast)}.track-link:hover{border-color:var(--accent);color:var(--accent)}.track-video{position:relative;padding-top:56.25%;margin-bottom:16px;border-radius:2px;overflow:hidden;background:#000}.track-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.track-note{font-size:15px;line-height:1.65;color:#e8e3d8cc;font-style:italic;font-family:var(--font-serif);font-weight:300}.track-analysis-link{display:flex;align-items:center;gap:18px;margin-top:22px;padding:18px 22px;border:1px solid var(--accent);border-left-width:4px;border-radius:3px;text-decoration:none;color:inherit;background:rgba(var(--accent-rgb),.06);transition:all var(--transition-fast)}.track-analysis-link:hover{background:rgba(var(--accent-rgb),.14);transform:translate(2px);border-left-width:6px}.track-analysis-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);white-space:nowrap;padding:4px 10px;border:1px solid var(--accent);border-radius:20px;flex-shrink:0}.track-analysis-main{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.track-analysis-title{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--text-primary);line-height:1.25}.track-analysis-sub{font-family:var(--font-serif);font-style:italic;font-size:13px;line-height:1.4;color:#e8e3d89e}.track-analysis-arrow{font-family:var(--font-display);font-size:22px;color:var(--accent);transition:transform var(--transition-fast);flex-shrink:0}.track-analysis-link:hover .track-analysis-arrow{transform:translate(4px)}@media(max-width:700px){.track-analysis-link{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label  arrow" "main   main";gap:12px 14px;padding:16px 18px;align-items:center}.track-analysis-label{grid-area:label;justify-self:start}.track-analysis-arrow{grid-area:arrow;font-size:20px}.track-analysis-main{grid-area:main}.track-analysis-title{font-size:15px}.track-analysis-sub{font-size:12px}}.fine-analysis{margin-top:40px;padding:32px;background:rgba(var(--accent-rgb, 245, 216, 122),.04);border:1px solid rgba(var(--accent-rgb, 245, 216, 122),.22);border-radius:3px}.fine-analysis h3{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:32px 0 14px}.fine-analysis h3:first-of-type{margin-top:0}.fine-analysis .analysis-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.fine-analysis blockquote,.fine-analysis .verse{margin:20px 0;padding-left:18px;border-left:2px solid var(--accent);font-family:var(--font-serif);font-style:italic;font-size:17px;line-height:1.6;color:#e8e3d8d1}.fine-analysis .certainty{display:inline-block;margin-top:24px;padding:4px 10px;border:1px dashed rgba(var(--accent-rgb, 245, 216, 122),.4);border-radius:20px;font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#e8e3d88c}:focus-visible{outline:2px solid var(--accent-cardinal);outline-offset:3px;border-radius:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:fixed;top:-120px;left:20px;z-index:9999;padding:12px 18px;background:var(--bg-night);border:1px solid var(--accent-cardinal);color:var(--accent-cardinal);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:top .2s ease}.skip-link:focus,.skip-link:focus-visible{top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.visible{opacity:1!important;transform:none!important;transition:none!important}.ambient-bg{transition:none!important}.sv-shimmer{animation:none!important}.hero-kicker,.hero-title,.hero-intro,.hero-scroll-hint{opacity:1!important;animation:none!important}.album-year-bg,.album-cover-capsule{transform:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}