@font-face{font-family:Local;src:local("Arial")}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#090a0b;color:#e9e8e3;font:16px/1.65 Local,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#c3cfb4}button,input,textarea,select{font:inherit}button,.button{border:1px solid #454940;background:#dbe3ce;color:#11150e;padding:12px 20px;border-radius:4px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:25px}button:hover,.button:hover{background:#f0f4e7;color:#111}button:disabled{opacity:.5;cursor:wait}.quiet{background:#171a16;color:#e9e8e3}.accent{background:#c3cfb4}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #c3cfb4;outline-offset:4px}.fixed-logo{position:fixed;right:1vw;top:6vh;width:36vw;height:88vh;object-fit:contain;pointer-events:none;z-index:0}.artist-main{position:relative;width:64%;padding:0 5vw}.site-header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #292b2a;font-size:13px;letter-spacing:.12em}.site-header>a:first-child{font-weight:800;font-size:20px}.hero{padding:100px 0 90px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#a9b29f}.hero h1{font-size:clamp(58px,8.5vw,132px);line-height:1;margin:22px 0 30px;letter-spacing:-.055em;font-weight:800}.intro{max-width:480px;color:#b5b7af;white-space:pre-line}.intro:empty{display:none}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px;flex-wrap:wrap}.platforms{display:flex;gap:12px;flex-wrap:wrap}.platforms a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #353833;border-radius:50%;background:#111411}.platforms a:hover{border-color:#c3cfb4;transform:translateY(-2px)}.platforms img{width:22px;height:22px}.tracks{scroll-margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h2{font-size:28px}.muted{color:#a5a79f;font-size:13px}.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.track-card h3{font-size:22px;line-height:1.3;margin:18px 0 8px}.track-card p{color:#afb2a9;white-space:pre-line}.cover{width:100%;aspect-ratio:1;object-fit:cover;background:#191c19;border:1px solid #292d28;display:block;border-radius:4px}.no-cover{display:grid;place-items:center;color:#686e60;letter-spacing:.14em;font-size:26px}footer{margin-top:90px;padding:35px 0;border-top:1px solid #292b2a}.footer-line{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:#a9aca3}.footer-line nav{display:flex;gap:18px;flex-wrap:wrap}.auth{max-width:480px;margin:10vh auto;padding:28px}.auth h1{font-size:40px}.auth form{display:grid;gap:15px}label{display:block;color:#bfc3b7;font-size:14px;margin:14px 0}input,textarea,select{display:block;width:100%;padding:11px;background:#0d100c;border:1px solid #41473b;border-radius:4px;color:#efefe8;margin-top:7px}textarea{resize:vertical}.admin-header{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #32382f;padding:18px 4vw}.admin-header>a{font-weight:800}.editor{max-width:1100px;margin:40px auto;padding:0 24px 60px}.editor h1{font-size:clamp(28px,4vw,44px);line-height:1.2}.panel{padding:24px;margin:24px 0;background:#141712;border:1px solid #33392f;border-radius:7px}.panel h2{margin-top:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;position:sticky;top:0;background:#090a0bf2;padding:16px 0;z-index:2}.track-form{padding:24px;margin:18px 0;border:1px solid #343a2f;border-radius:7px;background:#12150f}.track-form .cover{max-width:140px}.track-controls{display:flex;gap:9px;flex-wrap:wrap}.track-controls button{padding:7px 12px;font-size:13px}.status-draft{color:#d9c492}.status-live{color:#c3cfb4}.preview-banner{position:sticky;top:0;z-index:5;background:#c3cfb4;color:#131811;padding:12px 5vw;display:flex;justify-content:space-between}.legal{max-width:800px;margin:60px auto;padding:24px}.legal p{white-space:pre-line}.error{color:#efb4a6}summary{cursor:pointer;font-weight:700}@media(max-width:760px){.fixed-logo{width:49vw;right:-6vw;top:12vh;height:60vh;opacity:.2}.artist-main{width:100%;padding:0 7vw}.hero{padding:75px 0 65px}.hero h1{font-size:76px}.track-grid{gap:26px 16px}.field-grid{grid-template-columns:1fr}.admin-header span{display:none}.toolbar button{font-size:13px;padding:10px 12px}.panel,.track-form{padding:18px}.footer-line{flex-direction:column}}@media(max-width:420px){.track-grid{grid-template-columns:1fr}.hero h1{font-size:64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.platforms a:hover{transform:none}}
/* Keep the original PNG unchanged and scale its tall emblem to the viewport. */
@media(min-width:761px){.fixed-logo{width:88vh;height:88vh;right:calc(18vw - 44vh)}}
@media(max-width:760px){.fixed-logo{width:60vh;height:60vh;right:calc(15vw - 30vh);opacity:.16}}

@font-face{font-family:Inter;src:url('fonts/inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--rail:min(12vw,222px,22.2vh);--gap:36px}body{font-family:Inter,Arial,sans-serif;background:#090b10;background-image:radial-gradient(ellipse at 15% 0,rgba(75,64,105,.11),transparent 55%),radial-gradient(ellipse at 65% 65%,rgba(38,64,99,.08),transparent 55%)}h1,h2,h3{font-family:Manrope,Inter,sans-serif}.artist-main{width:auto;max-width:1600px;margin:0 auto;padding:0 32px;margin-right:calc(var(--rail) + var(--gap) + 20px)}.logo-zone{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:var(--rail);aspect-ratio:335/1204;pointer-events:none;overflow:hidden;z-index:0}.logo-zone .fixed-logo{position:absolute;left:-125.07%;top:-1.83%;right:auto;width:374.33%;height:auto;opacity:1;object-fit:initial}.site-header nav{display:flex;gap:28px}.hero{padding:65px 0 60px}.hero h1{font-size:clamp(64px,7.5vw,110px)}.hero-actions{margin-top:25px}.button,button{background:#d9dce4;color:#111723;border-color:#596071}.button:hover,button:hover{background:#eef0f6}.quiet{background:#131820;color:#e5e8ee}.accent{background:#bfcddd}.eyebrow{color:#a9b2c5}.track-grid{gap:20px}.track-card{display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr);gap:22px;background:#11151ce8;border:1px solid #2c333d;border-radius:8px;padding:20px;align-items:start}.track-card .cover{border-radius:5px;border-color:#303846}.track-card h3{margin:6px 0 10px;font-size:24px;overflow-wrap:anywhere}.track-card p{margin:0 0 12px}.track-meta{font-size:12px;letter-spacing:.07em;color:#a7b5cb!important}.track-description{font-size:14px}.track-details{min-width:0}.track-card .platforms{gap:8px}.track-card .platforms a{width:36px;height:36px}.section-description{color:#a8afbc;max-width:680px;margin:0 0 25px}.about{margin-top:65px;border-top:1px solid #30343b;padding:35px 0;max-width:850px;scroll-margin-top:30px}.about p:not(.eyebrow){white-space:pre-line;color:#bcc2cc}.about p:empty,.intro:empty{display:none}footer{margin-top:55px}.editor{max-width:1100px}.panel,.track-form{background:#11151c;border-color:#333b48}input,textarea,select{background:#0a0e14;border-color:#394251}label{color:#c4cad5}.toolbar{background:#090b10f5}.platforms a{background:#10151d;border-color:#354051}.platforms a:hover{border-color:#bac7dd}.status-live{color:#afc6dd}.preview-banner{background:#becadd}.footer-line{color:#aeb5c1}
@media(min-width:1900px){.artist-main{margin-left:auto;margin-right:auto;padding-right:calc(var(--rail) + 45px)}}
@media(max-width:1100px){.track-card{grid-template-columns:minmax(100px,32%) minmax(0,1fr);gap:15px;padding:15px}.track-card h3{font-size:20px}}
@media(max-width:900px){.track-grid{grid-template-columns:1fr}}
@media(max-width:760px){.artist-main{margin:0;padding:0 24px}.logo-zone{width:64px;right:16px;top:140px;transform:none;opacity:.13}.logo-zone .fixed-logo{opacity:1}.hero{padding:50px 0}.hero h1{font-size:68px}.site-header{position:relative;z-index:1;letter-spacing:.02em}.site-header nav{gap:17px}.hero-actions{position:relative;z-index:1}.track-card{position:relative;grid-template-columns:128px minmax(0,1fr);gap:16px}.track-grid{grid-template-columns:1fr}.track-card h3{font-size:22px}.section-description{font-size:14px}.about{margin-top:45px}.field-grid{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.preview-banner{font-size:12px;gap:15px}.editor{padding:0 18px 50px}}
@media(max-width:440px){.track-card{grid-template-columns:1fr;padding:18px}.track-card .cover{max-width:none}.hero h1{font-size:62px}.site-header nav{font-size:12px}.footer-line{flex-direction:column}}

/* Preserve line breaks entered in editable website text. */
#hero-category, #hero-tagline, #tracks-title, #tracks-description,
#about-title, #artist-intro, #about-body, #footer-text, .track-description {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
/* Compatibility with the currently deployed side-logo / track-art template. */
:root { --legacy-rail: min(12vw, 230px, 23.2vh); }
.side-logo-link { position: fixed; top: 50%; right: 20px; transform: translateY(-50%); width: var(--legacy-rail); max-height: 800px; z-index: 1; display: block; }
.side-logo { display: block; width: 100%; height: auto; max-height: 800px; object-fit: contain; }
.shell, .side-logo-link ~ .site-header { width: min(1600px, calc(100% - var(--legacy-rail) - 88px)); margin-left: 32px; margin-right: 0; }
.side-logo-link ~ .site-header { padding: 25px 0; }
.side-logo-link ~ .site-header .brand { font-weight: 800; font-size: 22px; }
.nav { display: flex; align-items: center; gap: 25px; }
.hero.shell { padding-top: 65px; padding-bottom: 65px; }
.hero-copy { max-width: 900px; }
.hero-text { max-width: 760px; color: #bcc3cf; font-size: 18px; }
.hero h1 { margin: 20px 0 28px; }
.section.shell { padding-top: 20px; padding-bottom: 35px; scroll-margin-top: 30px; }
.shell .section-head { display: block; margin-bottom: 28px; }
.shell .section-head h2 { margin: 8px 0 12px; font-size: 30px; }
.shell .section-head > p:not(.eyebrow) { color: #aeb8c8; }
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 13px 22px; border-radius: 5px; font-weight: 700; }
.btn-primary { background: #d9dce4; color: #121723; }
.artist-platforms, .footer-right { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.artist-platform-link, .platform-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; border: 1px solid #374250; background: #10151d; color: #e6e8ec; }
.artist-platform-link svg, .platform-link svg { display: block; width: 22px; height: 22px; }
.platform-link.disabled { opacity: .25; pointer-events: none; }
.track-art { display: block; width: 100%; aspect-ratio: 1 / 1; min-height: 0; border: 1px solid #303846; border-radius: 6px; background-color: #171c24; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }
.track-art:not(.has-image) { display: grid; place-items: center; }
.track-art:not(.has-image)::before { content: attr(data-fallback); color: #748094; font-size: 28px; font-weight: 700; }
.track-content { min-width: 0; }
.track-title { overflow-wrap: anywhere; }
.track-desc { color: #aeb8c8; font-size: 14px; }
.preview-status { display: inline-block; margin-left: 8px; font-size: 10px; padding: 2px 7px; border: 1px solid #4a5566; border-radius: 4px; }
.preview-status.is-draft { color: #ffd18c; }
.preview-status.is-published { color: #b8efc8; }
.empty-state { grid-column: 1 / -1; padding: 25px 0; color: #afb8c7; }
.about.shell { display: grid; grid-template-columns: minmax(180px, 1fr) 2fr; gap: 30px; max-width: 1600px; }
.about-copy { margin: 0; color: #bdc5d1; }
.footer.shell { display: flex; justify-content: space-between; align-items: center; gap: 25px; flex-wrap: wrap; padding: 28px 0; }
.footer-right { max-width: 75%; }
#hero-eyebrow, #artist-tagline, #music-eyebrow, #music-title, #music-subtitle,
#about-eyebrow, #about-title, #artist-bio, #footer-note, .track-desc { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (min-width: 1900px) { .shell, .side-logo-link ~ .site-header { margin-left: max(32px, calc((100vw - 1600px - var(--legacy-rail) - 88px) / 2)); } }
@media (max-width: 900px) { .shell .track-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .side-logo-link { width: 65px; top: 140px; right: 16px; transform: none; opacity: .14; pointer-events: none; }
  .shell, .side-logo-link ~ .site-header { width: calc(100% - 48px); margin-left: 24px; }
  .hero.shell { padding: 45px 0; position: relative; z-index: 2; }
  .section.shell { position: relative; z-index: 2; }
  .about.shell { grid-template-columns: 1fr; gap: 18px; }
  .footer.shell { display: flex; flex-direction: column; align-items: flex-start; }
  .footer-right { max-width: 100%; }
  .nav { gap: 15px; font-size: 12px; }
}