:root{--bg:#08080a;--text:#eeedf2;--lavender:#c9c6ff;--muted:#aaa6b4;--border:#302e3a;--cream:#fff0d6;--orange:#c96f37}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--lavender);outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;background:var(--lavender);color:#08080a;padding:12px;z-index:10}.skip:focus{top:10px}.header{max-width:1380px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:15px;align-items:center}.brand img{width:100px;height:80px;object-fit:contain}.brand>span{font-family:Georgia,serif;font-size:26px;line-height:1.02;letter-spacing:-.5px;color:var(--lavender)}.brand-note{display:block;font:8px Arial;letter-spacing:1.6px;margin-top:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a:hover{color:var(--lavender)}.nav-listen{background:var(--lavender);color:#171420;padding:14px 23px;font-weight:bold}nav .nav-listen:hover{color:#171420;background:#dfddff}.hero{max-width:1160px;margin:auto;padding:43px 6% 39px;text-align:center}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.1px;color:var(--lavender);line-height:1.7}h1{font:italic bold clamp(34px,3.8vw,54px)/1.22 Georgia,serif;letter-spacing:-1px;color:var(--cream);text-shadow:1px 1px 0 var(--orange),2px 2px 0 #6f371e;margin:21px 0 17px}.lede{color:#bdb8ca;font:16px/1.5 Georgia,serif;margin:0 0 22px}.listen{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--lavender);color:#171420;padding:24px 48px;min-width:425px;border:1px solid #e4e2ff;box-shadow:0 0 45px #c9c6ff12;font-size:29px;font-weight:600}.listen:hover{background:#e0ddff;box-shadow:0 0 50px #c9c6ff26}.play{font-size:27px}.listen small{display:block;font-size:9px;letter-spacing:1.25px;font-weight:400;margin-top:9px}.quiet{font-size:10px;color:var(--muted);margin:14px 0 0}.musicians{max-width:1160px;margin:auto;padding:31px 4% 28px;border-top:1px solid var(--border)}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}h2{font:31px/1.15 Georgia,serif;font-weight:400;letter-spacing:-.5px;margin:8px 0 0}.section-top .eyebrow{font-size:8px;margin:0}.photo-controls{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:10px}.photo-controls>div{display:flex;align-items:center;gap:10px}.photo-controls button{border:1px solid #37323f;background:transparent;padding:9px 11px;color:#c9c6db;min-width:36px;font-size:11px}.photo-controls button:hover{color:#fff;border-color:var(--lavender)}.portraits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.portrait{margin:0;text-align:center}.portrait img{display:block;width:100%;height:170px;object-fit:contain;background:#101014;filter:grayscale(1);transition:opacity .45s ease}.portrait figcaption{font:12px/1.4 Georgia,serif;color:#c9c5d1;margin-top:12px}.gallery-note{font:italic 12px Georgia,serif;color:var(--muted);text-align:center;margin-top:22px}.about{max-width:1065px;margin:5px auto 30px;border-top:1px solid var(--border);padding:35px 0;display:grid;grid-template-columns:1fr 2fr 2fr;gap:30px}.about h2{font-size:32px;margin-top:0}em{color:var(--lavender);font-weight:400}.about>div p{font:13px/1.8 Georgia,serif;color:#b5b2bf;margin:0 0 15px}.about a{font-size:11px;color:var(--lavender);display:inline-block;border-bottom:1px solid #68617f;padding:7px 0}footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:25px 7%;gap:20px}footer>span{font:19px Georgia,serif;color:var(--lavender)}footer p{font:italic bold 12px Georgia,serif;color:var(--cream);text-shadow:1px 1px var(--orange)}footer a{font-size:11px;color:var(--lavender)}@media(max-width:1100px){.about{margin-left:6%;margin-right:6%}.musicians{margin-left:5%;margin-right:5%;padding-left:0;padding-right:0}}@media(max-width:650px){.header{padding:15px 6%}.brand img{width:65px;height:55px}.brand>span{font-size:20px}.brand-note{font-size:6px;letter-spacing:1px}nav{gap:12px}nav>a:not(.nav-listen){display:none}.nav-listen{padding:12px;font-size:11px}.hero{padding:30px 6%}h1{font-size:34px;letter-spacing:-.6px}h1 br{display:none}.hero .eyebrow{font-size:8px}.lede{font-size:14px;margin-bottom:20px}.listen{min-width:0;width:100%;padding:23px 16px;font-size:29px;gap:18px}.listen small{font-size:8px;letter-spacing:.8px}.quiet{font-size:9px}.section-top{display:block}.photo-controls{justify-content:space-between;gap:8px;margin-top:18px}.photo-controls>span{font-size:9px;max-width:145px;line-height:1.5}.portraits{grid-template-columns:repeat(2,1fr);gap:20px 15px}.portrait img{height:145px}.portrait figcaption{font-size:11px}.musicians{padding-top:26px}.about{display:block;padding:28px 0;margin-bottom:15px}.about h2{margin:18px 0 25px}footer{display:block;text-align:center}footer p{line-height:1.8}footer a{display:inline-block;margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A gentler, locally hosted italic keeps the original warmth without a heavy outline. */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('assets/cormorant-garamond-italic.ttf') format('truetype')}
h1{font-family:'Cormorant Garamond','Palatino Linotype',Palatino,Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(40px,4.4vw,63px);line-height:1.13;letter-spacing:0;color:#ddc7b0;text-shadow:none}
.portrait img,.portrait figcaption{transition:opacity 900ms ease-in-out}.portrait.is-fading img,.portrait.is-fading figcaption{opacity:0}
footer p{font-weight:400;color:#ddc7b0;text-shadow:none}
@media(max-width:650px){h1{font-size:41px;line-height:1.12;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.portrait img,.portrait figcaption{transition:none}}
/* Listening, warm lettering, and the original illustration. */
:root{--champagne:#ddc7b0}h1,#musicians-title,.about h2,.portrait figcaption{color:var(--champagne)}
.brand img{width:140px;height:auto;aspect-ratio:640/511;object-fit:contain}
.player-wrap{width:450px;max-width:100%;margin:0 auto;background:#121214;border:1px solid var(--border)}.player-wrap iframe{display:block;width:100%;height:316px;border:0}.quiet a{text-decoration:underline;text-underline-offset:3px}.hero{padding-top:30px;padding-bottom:30px}
@media(max-width:650px){.brand img{width:88px;height:auto}.brand>span{font-size:19px}.brand{gap:10px}.header{padding:12px 5%}.nav-listen{padding:11px 9px}.player-wrap{width:100%}.hero{padding-top:27px}}

/* Portraits introduce the station; the player follows directly below. */
.hero{padding-bottom:20px}.hero h1{margin-bottom:0}.musicians{padding-top:22px;padding-bottom:12px}.portrait img{height:145px}.listening{text-align:center;padding:14px 6% 38px}.listening .lede{margin-bottom:16px}.listening .quiet{margin-top:12px}@media(max-width:650px){.portrait img{height:130px}.listening{padding:14px 6% 30px}}

/* Quiet record-sleeve details; retain the black, lavender and champagne palette. */
body{position:relative;isolation:isolate}body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("assets/paper-grain.svg");background-repeat:repeat}
.portrait img{padding:7px;border:1px solid #ddc7b02b;background:#141315;box-shadow:0 2px 8px #0005}.portrait figcaption{margin-top:10px;font-size:12px}.photo-controls button{border-color:transparent;background:transparent;color:#aaa0ad;padding:10px;min-width:40px}.photo-controls button:hover{border-color:#ddc7b044;color:var(--champagne)}.photo-controls>div{gap:2px}.musicians .section-top{margin-bottom:19px}.musicians{padding-bottom:24px}.about{grid-template-columns:1fr 1fr;max-width:900px;gap:70px;align-items:center}.about>div p{font-size:15px;line-height:1.8}.about>div p:last-child{margin-bottom:0}.about h2{font-size:31px}footer{padding-top:21px;padding-bottom:21px}.header .brand>span{line-height:1.08}
@media(max-width:650px){.section-top{display:flex;align-items:center}.photo-controls{margin-top:0;gap:0}.photo-controls button{min-width:34px;padding:9px 7px}.musicians h2{font-size:26px}.about{display:block;margin-left:7%;margin-right:7%}.about h2{margin-top:0;margin-bottom:20px}.about>div p{font-size:14px}.portrait figcaption{font-size:11px}footer a{margin-top:12px}}

/* Keep the complete listening experience within the opening desktop viewport. */
.header{padding-top:9px;padding-bottom:9px}.brand img{width:120px}.hero{max-width:1380px;padding:11px 4% 15px}.hero .eyebrow{margin:0 0 7px}.hero h1{font-size:clamp(32px,3.65vw,49px);line-height:1.12;margin:0;white-space:nowrap}.musicians{max-width:1050px;padding-top:9px;padding-bottom:13px}.musicians .section-top{margin-bottom:10px}.musicians h2{font-size:25px;margin:0}.photo-controls button{padding:6px 10px;min-height:30px}.portrait img{height:105px;padding:5px}.portrait figcaption{margin-top:6px;font-size:11px}.listening{padding-top:7px;padding-bottom:28px}.listening .quiet{margin-top:8px}
/* A quiet record-sleeve panel for the personal welcome. */
.about{position:relative;isolation:isolate;overflow:hidden;max-width:1000px;margin:5px auto 38px;padding:37px 48px 35px 72px;gap:50px;border:1px solid #ddc7b02b;background:linear-gradient(115deg,#ddc7b009,#c9c6ff07 55%,#08080a40);box-shadow:0 12px 40px #0003}.about::before{content:"";position:absolute;left:24px;top:25px;bottom:25px;width:1px;background:linear-gradient(transparent,#ddc7b088,transparent)}.about::after{content:"";position:absolute;right:-75px;bottom:-125px;width:290px;height:290px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 9px,#ddc7b00b 10px 11px);z-index:-1}.sleeve-mark{position:absolute;top:15px;left:17px;color:#ddc7b066;font:18px Georgia,serif}.about h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;font-style:italic;line-height:1.12;letter-spacing:0}.about h2 em{color:var(--lavender)}.about>div p{font:15px/1.8 Georgia,serif;color:#c6c0cc}.about>div p:last-child{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-style:italic;line-height:1.3;color:var(--champagne)}
@media(max-width:1100px){.about{margin-left:6%;margin-right:6%}.musicians{margin-left:7%;margin-right:7%}.hero h1{font-size:clamp(30px,4vw,42px)}}
@media(max-width:650px){.header{padding:7px 5%}.brand img{width:88px}.hero{padding:14px 5% 16px}.hero h1{white-space:normal;font-size:33px;line-height:1.08}.hero .eyebrow{font-size:7px;margin-bottom:8px}.musicians{margin-left:5%;margin-right:5%;padding-top:8px;padding-bottom:16px}.musicians h2{font-size:24px}.photo-controls button{padding:6px;min-width:28px}.portraits{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.portrait img{height:86px;padding:3px}.portrait figcaption{font-size:10px;line-height:1.3;min-height:26px}.listening{padding:0 5% 25px}.about{padding:29px 26px 30px 40px;margin:5px 5% 27px;display:block}.about::before{left:15px}.sleeve-mark{left:9px;top:12px;font-size:15px}.about h2{font-size:35px;margin-bottom:23px}.about>div p{font-size:13px}.about>div p:last-child{font-size:25px}}

/* Station signature and an album-sleeve inspired welcome. */
.brand img{width:136px}.brand>span{white-space:nowrap;font-size:30px;letter-spacing:-.7px}.header{padding-top:6px;padding-bottom:6px}
.about{max-width:1000px;min-height:220px;grid-template-columns:1.15fr 1fr;padding:31px 45px 34px 86px;gap:45px;background:linear-gradient(90deg,#192c39 0 48%,#101218 48%);border:1px solid #6f849344;box-shadow:none}.about::before{left:48%;top:0;bottom:0;background:#c9c6ff33;width:1px}.about::after{right:-53px;bottom:-88px;width:265px;height:265px;border:24px solid #4e6b7922;background:repeating-radial-gradient(circle,transparent 0 12px,#9baeb50b 13px 14px)}.sleeve-label{position:absolute;left:27px;top:32px;writing-mode:vertical-rl;transform:rotate(180deg);font:8px Arial,sans-serif;letter-spacing:3px;color:#b4bbc3;border-left:1px solid #c9c6ff55;padding-left:13px}.about h2{margin:0;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;text-transform:uppercase;line-height:.96;font-size:42px;letter-spacing:-1.8px;color:var(--champagne)}.about h2>span{display:block;font-size:20px;letter-spacing:5px;font-weight:400;margin-bottom:7px}.about h2 strong{display:block;font-weight:800;font-size:clamp(30px,3.1vw,42px)}.about h2 em{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:36px;font-weight:400;line-height:1.2;margin-top:13px;color:var(--lavender)}.about>div{padding-left:20px}.about>div p{font-size:13px;line-height:1.8;max-width:310px}.about>div p:last-child{font-size:28px;line-height:1.15;max-width:310px}
@media(max-width:900px) and (min-width:651px){.brand>span{font-size:26px}.about{padding-left:65px;padding-right:30px;gap:30px}.about>div{padding-left:0}.about h2 strong{font-size:30px}}
@media(max-width:650px){.brand img{width:94px}.brand>span{font-size:16px;letter-spacing:-.3px}.brand{gap:8px}.header{padding:6px 4%}nav{gap:0}.nav-listen{padding:10px 8px;font-size:10px}.about{padding:32px 28px 33px 49px;background:linear-gradient(180deg,#192c39 0 52%,#101218 52%);display:block}.about::before{left:0;right:0;top:52%;bottom:auto;width:auto;height:1px}.sleeve-label{left:15px;top:32px;font-size:7px;letter-spacing:2px;padding-left:8px}.about h2{margin-bottom:47px}.about h2 strong{font-size:33px}.about h2>span{font-size:17px;letter-spacing:4px}.about h2 em{font-size:33px}.about>div{padding-left:0}.about>div p{font-size:12px}.about>div p:last-child{font-size:27px}}
@media(max-width:360px){.brand img{width:80px}.brand>span{font-size:14px}.nav-listen{font-size:9px;padding:9px 6px}}
/* Give the station name priority; let melancholy feel reflective rather than emphatic. */
.brand>span{font-size:38px;letter-spacing:-.9px}
.about h2 strong{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;text-transform:none;font-size:60px;letter-spacing:-1.2px;line-height:1.05}
@media(max-width:900px) and (min-width:651px){.brand>span{font-size:31px}.about h2 strong{font-size:48px}}
@media(max-width:650px){.brand>span{font-size:19px;letter-spacing:-.5px}.brand img{width:88px}.brand{gap:7px}.about h2 strong{font-size:52px;letter-spacing:-1px}}
@media(max-width:360px){.brand>span{font-size:16px}.brand img{width:76px}.about h2 strong{font-size:46px}}
@media(min-width:651px) and (max-width:800px){.brand img{width:110px}.brand>span{font-size:28px}.brand{gap:12px}nav{gap:20px}.header{padding-left:4%;padding-right:4%}}