@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d19;--panel:#101b2e;--line:rgba(174,208,237,.19);--text:#f3f7fc;--muted:#afc0d2;--cyan:#5ee6ff;--accent:#20c8f4;--width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',Arial,sans-serif}img{max-width:100%;height:auto}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:Outfit,'Segoe UI',sans-serif;line-height:1.13}h1{font-size:clamp(2.7rem,5.2vw,5rem);letter-spacing:-.045em;margin-bottom:24px}h2{font-size:clamp(2.15rem,4vw,3.55rem);letter-spacing:-.036em;margin-bottom:15px}h3{font-size:1.4rem;margin-bottom:12px}.container{max-width:var(--width);padding:0 26px;margin:0 auto}.section{padding:92px 0}.eyebrow{color:var(--cyan);font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.19em;margin-bottom:16px}.muted{color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;z-index:5;background:#fff;color:#000;padding:8px 16px}.skip:focus{top:12px}.site-header{position:relative;z-index:2;background:rgba(6,12,24,.94);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--width);padding:15px 26px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;width:250px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px}.main-nav a{font-size:.92rem;font-weight:600;color:#dfebf6;white-space:nowrap}.main-nav a:hover{color:var(--cyan)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 25%,rgba(27,100,149,.28),transparent 54%),linear-gradient(165deg,#101e32 0%,#080d19 72%)}.hero-glow{position:absolute;width:900px;height:550px;border:1px solid rgba(52,200,244,.08);border-radius:50%;left:46%;top:-280px;transform:rotate(-12deg);pointer-events:none}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px}.hero-intro{max-width:590px;color:#c7d5e4;font-size:1.14rem;line-height:1.85;margin-bottom:32px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:8px;padding:12px 20px;font-size:.91rem;font-weight:700;transition:background .2s,transform .2s;border:1px solid transparent}.button:hover{text-decoration:none;transform:translateY(-2px)}.primary{color:#061222;background:linear-gradient(120deg,#7af1ff,#1bbcee)}.primary:hover{background:#a0f3ff}.secondary{border-color:rgba(126,216,244,.45);color:#dbf7ff;background:rgba(22,73,103,.16)}.secondary:hover{background:rgba(25,124,163,.2)}.hero-photo{justify-self:center;position:relative;padding:14px;background:linear-gradient(130deg,rgba(112,180,210,.14),rgba(13,28,49,.8));border:1px solid rgba(160,222,255,.22);box-shadow:0 30px 75px rgba(0,0,0,.38);border-radius:13px;max-width:410px;transform:rotate(1.2deg)}.hero-photo img{display:block;width:100%;border-radius:5px}.hero-photo figcaption{font-size:.74rem;text-align:center;color:#adc2d9;margin-top:11px;letter-spacing:.045em}.section-heading{text-align:center;max-width:760px;margin:0 auto 52px}.section-heading>p:last-child{font-size:1.06rem;color:var(--muted)}.release-section{background:linear-gradient(180deg,#0b1424,#0e1c30)}.release-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:78px}.cover-frame{background:#090f17;border:1px solid rgba(155,201,234,.23);padding:9px;border-radius:14px;box-shadow:0 28px 65px rgba(0,0,0,.45)}.cover-frame img{display:block;width:100%;border-radius:7px}.release-kicker{font-size:.76rem;font-weight:700;letter-spacing:.17em;color:var(--cyan)}.release-info h3{font-size:clamp(2.3rem,4vw,3.8rem);margin:16px 0 26px}.release-info>p{font-size:1.12rem;color:#d7e4f1;max-width:430px}.release-info .muted{font-size:.96rem;color:var(--muted)}.text-link{font-weight:700;display:inline-block;margin-top:12px}.first-section{background:#080f1c}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.video-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.video-ratio{position:relative;aspect-ratio:16/9;background:#030713}.video-ratio iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.video-content{padding:24px 25px 27px}.video-content p{color:var(--muted);margin:0 0 8px}.video-content a{font-weight:700}.first-contact-banner{margin-top:38px;border:1px solid var(--line);border-radius:13px;padding:16px;background:#101b2d;text-align:center}.first-contact-banner img{display:block;width:100%;border-radius:5px}.banner-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:22px 10px 5px}.more-section{background:linear-gradient(180deg,#0d1729,#0b1423)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{background:#111d31;border:1px solid var(--line);border-radius:13px;padding:17px 17px 24px;color:inherit;transition:transform .2s,border-color .2s}.feature-card:hover{text-decoration:none;transform:translateY(-3px);border-color:#3cb4d8}.feature-art{height:172px;display:grid;place-items:center;border-radius:7px;background:radial-gradient(circle at 50% 44%,#29415a,#0a1322);overflow:hidden;margin-bottom:24px;padding:16px}.feature-art img{max-height:100%;object-fit:contain}.photo-art{padding:0}.photo-art img{width:100%;height:100%;object-fit:contain}.dictionary-art{position:relative;display:flex;flex-direction:column;gap:13px;color:#d9f8ff;font:600 1.28rem/1.3 Outfit,Arial;text-align:center}.dictionary-art img{width:30px;height:30px;image-rendering:auto;filter:drop-shadow(0 0 15px #71e8ff)}.feature-card h3{font-size:1.22rem;color:#f3f8ff}.feature-card h3 span{color:var(--cyan)}.feature-card p{font-size:.92rem;color:var(--muted);margin:0}.extras{text-align:center;margin-top:32px;color:var(--muted);font-size:.94rem}.site-footer{border-top:1px solid var(--line);background:#070c17;padding:48px 0}.footer-layout{display:flex;justify-content:space-between;align-items:end;gap:32px}.site-footer h2{font-size:1.55rem;letter-spacing:0;margin:0 0 14px}.site-footer p{margin:0 0 5px;color:#cedae8}.footer-note{font-size:.82rem!important;color:#8ca4bd!important}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;white-space:nowrap}.footer-right small{font-size:.8rem;color:#9aacc0}
@media(max-width:930px){.header-inner{flex-direction:column;gap:8px;padding-top:12px;padding-bottom:17px}.main-nav{justify-content:center}.hero-layout{gap:42px}.release-grid{gap:35px}}@media(max-width:680px){.container{padding:0 20px}.section{padding:64px 0}.brand{width:220px}.main-nav{gap:10px 18px}.main-nav a{font-size:.82rem}.hero-layout,.release-grid,.video-grid,.feature-grid{grid-template-columns:1fr}.hero-layout{gap:42px}.hero-photo{max-width:330px}.hero-copy{text-align:center}.hero-intro{font-size:1rem}.actions{justify-content:center}.release-grid{gap:34px}.cover-frame{max-width:520px}.release-info{text-align:center}.release-info>p{margin-left:auto;margin-right:auto}.feature-grid{gap:17px}.feature-art{height:150px}.footer-layout{flex-direction:column;align-items:flex-start}.footer-right{align-items:flex-start}.section-heading{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.dictionary-nav{display:inline-flex;align-items:center;gap:5px;color:#9cefff!important}.dictionary-nav img{width:20px;height:20px;filter:drop-shadow(0 0 6px #42dfff)}.catalogue-links{margin:28px 0 0;text-align:center;color:#c6d6e7}.catalogue-links span{padding:0 9px;color:#5f839b}

/* Homepage hero: full-width band photo above the centred headline. */
.hero-stack{display:flex;flex-direction:column;align-items:center;gap:38px;text-align:center}
.hero-band-photo{width:min(100%,1040px);margin:0;overflow:hidden;border:1px solid rgba(160,222,255,.22);border-radius:13px;box-shadow:0 30px 75px rgba(0,0,0,.38)}
.hero-band-photo img{display:block;width:100%;height:auto}
.hero-stack .hero-copy{max-width:820px}
.hero-stack h1{margin-bottom:15px}
.hero-stack .hero-intro{max-width:unset;margin:0 auto 28px}
.hero-stack .actions{justify-content:center}
@media(max-width:680px){.hero-stack{gap:27px}.hero-band-photo{border-radius:8px}}

/* Revision 3: larger official artist logo, with navigation wrapping cleanly. */
.brand{width:340px}
@media(max-width:1120px){.header-inner{flex-direction:column;gap:12px}.main-nav{justify-content:center}}
@media(max-width:680px){.brand{width:min(340px,85vw)}}

/* Shared design for archive and project pages */
.inner-hero{padding:65px 0 45px;background:radial-gradient(ellipse at 70% 0%,rgba(40,122,173,.22),transparent 62%),#0c1627}
.inner-hero .eyebrow{margin-bottom:14px}.inner-hero h1{margin-bottom:18px}.inner-hero p{font-size:1.12rem;color:#d3e0ec;max-width:840px}
.prose{max-width:870px;margin:0 auto;font-size:1.06rem}.prose p{margin:0 0 1.4em}.prose h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:45px 0 17px}.prose h3{font-size:1.4rem;margin:25px 0 12px}.prose blockquote{border-left:3px solid var(--cyan);padding:10px 0 10px 22px;margin:20px 0 35px;color:#d3e4ed}.prose hr{border:0;border-top:1px solid var(--line);margin:35px 0}
.prose a{text-decoration:underline;text-underline-offset:3px}.archive-note{background:rgba(46,130,163,.12);border:1px solid var(--line);padding:20px 24px;border-radius:10px;color:#c8d8e9;margin:25px 0}.content-section{padding:60px 0 88px}.project-gallery{display:grid;gap:25px;margin:25px auto 48px;max-width:1100px}.project-gallery figure{margin:0}.project-gallery img{width:100%;height:auto;display:block;border-radius:13px;border:1px solid var(--line);box-shadow:0 16px 48px #0008}.project-gallery figcaption{font-size:.89rem;color:var(--muted);padding:10px 4px}.project-gallery .second-image{max-width:900px;margin:0 auto}.archive-links{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 34px}.archive-links .button{white-space:normal}.album-block{display:grid;grid-template-columns:minmax(220px,340px) 1fr;align-items:start;gap:38px;margin-bottom:30px}.album-block img{width:100%;border-radius:10px;border:1px solid var(--line)}.people-archive{max-width:870px}.people-archive h3{color:#b7edff}.people-archive p{margin:0 0 1.25em}.lyrics-archive{white-space:normal}.lyrics-archive p{margin:0 0 20px}.lyrics-archive br{content:'';display:block;margin:3px}.section-anchor{scroll-margin-top:20px}
@media(max-width:700px){.inner-hero{padding:43px 0 24px}.content-section{padding:42px 0 65px}.album-block{grid-template-columns:1fr}.album-block img{max-width:340px}.project-gallery{gap:18px}}

/* Revision 5: biography portrait and closing Horizons Far image */
.bio-portrait{max-width:400px;margin:0 auto 30px;text-align:center}.bio-portrait img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 15px 40px #0007}.closing-gallery{margin-top:42px;margin-bottom:0}

/* Square artwork panels show the complete Jonstars portrait without cropping. */
.feature-grid .feature-art{height:auto;aspect-ratio:1/1}
.feature-grid .photo-art img{display:block;width:100%;height:100%;object-fit:contain}
.feature-grid .feature-card:first-child .feature-art{background:#000000}