@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--ink:#0b0b0a;--cream:#f0e8d8;--tan:#c78a4a;--muted:#a49d91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}.shell{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,#34251a 0,rgba(29,20,15,.45) 20%,transparent 46%),linear-gradient(120deg,#090909 0%,#11100e 55%,#090909 100%);padding:0 6vw;display:flex;flex-direction:column}.noise{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1f;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none;font-size:13px;letter-spacing:.16em;font-weight:700}.brand i{font-style:normal;color:var(--tan)}.brandMark{width:38px;height:38px;border:1px solid #e9dfce70;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.onAir{font:500 10px DM Mono,monospace;letter-spacing:.18em;display:flex;align-items:center;gap:10px}.onAir>span,.liveLabel span{width:7px;height:7px;background:#d36b47;border-radius:50%;box-shadow:0 0 14px #e67c56}.onAir b{color:#78736c;font-weight:400;margin-left:14px}.hero{flex:1;min-height:650px;display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:7vw;position:relative;z-index:1}.intro{padding:45px 0}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.28em;color:var(--tan);margin-bottom:32px}.intro h1{font-size:clamp(70px,8.5vw,145px);line-height:.72;letter-spacing:-.065em;margin:0 0 48px;font-weight:600}.intro h1 em{font-family:"Playfair Display",serif;color:var(--tan);font-weight:600}.lead{color:#a69f95;line-height:1.8;font-size:14px;max-width:410px}.listenButton{margin-top:30px;border:0;border-bottom:1px solid #c78a4a70;background:transparent;color:var(--cream);padding:12px 0;letter-spacing:.2em;font:600 10px DM Mono,monospace;display:flex;align-items:center;gap:14px;cursor:pointer}.miniPlay{color:var(--tan)}.playerCard{position:relative;min-height:440px;border:1px solid #ffffff17;background:#11100ed9;backdrop-filter:blur(24px);box-shadow:0 40px 90px #0008;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:50px;margin-left:auto;width:min(790px,100%)}.playerCard:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff0a;pointer-events:none}.record{aspect-ratio:1;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#151515 0 3px,#0a0a0a 4px 6px);box-shadow:0 25px 50px #000b,inset 0 0 0 1px #ffffff20;display:grid;place-items:center}.record:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cream)}.recordGrooves{position:absolute;inset:10%;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 16px #0000,0 0 0 17px #ffffff08,0 0 0 45px #0000,0 0 0 46px #ffffff08}.spinning{animation:spin 14s linear infinite}.coverWrap{width:42%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#b2733c;color:#17100a;font:700 32px Georgia,serif;position:relative}.coverWrap>*{grid-area:1/1}.coverWrap img{width:100%;height:100%;object-fit:cover}.playerInfo{padding-left:42px;min-width:0}.liveLabel{font:500 9px DM Mono,monospace;letter-spacing:.22em;color:#c4b7a4;display:flex;gap:9px;align-items:center;margin-bottom:34px}.playerInfo h2{font-size:clamp(20px,2.2vw,34px);line-height:1.12;letter-spacing:-.035em;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerInfo>p{font-size:13px;color:var(--tan);margin:0 0 40px}.timeline{height:1px;background:#ffffff28;position:relative}.timeline span{position:absolute;left:0;top:-1px;height:3px;background:var(--tan);transition:width 1s linear}.timeline span:after{content:"";position:absolute;right:-3px;top:-2px;width:7px;height:7px;background:var(--cream);border-radius:50%}.times{display:flex;justify-content:space-between;margin-top:10px;font:9px DM Mono,monospace;color:#777169}.controls{display:flex;align-items:center;margin-top:34px}.playButton{border:1px solid #b4845470;width:58px;height:58px;border-radius:50%;background:var(--tan);color:#17110b;cursor:pointer;font-size:17px;box-shadow:0 8px 25px #c78a4a25}.bars{height:32px;display:flex;align-items:center;gap:3px;margin-left:25px;opacity:.3}.bars i{display:block;width:2px;height:7px;background:var(--cream)}.bars.active{opacity:.8}.bars.active i{animation:wave .8s ease-in-out infinite alternate}.bars i:nth-child(2),.bars i:nth-child(6){animation-delay:.2s;height:14px}.bars i:nth-child(3),.bars i:nth-child(5){animation-delay:.4s;height:22px}.bars i:nth-child(4){animation-delay:.1s;height:30px}.volume{margin-left:auto;color:#827a70;display:flex;align-items:center;gap:8px}.volume input{width:62px;accent-color:var(--tan);height:2px}footer{height:96px;border-top:1px solid #ffffff1a;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;font:9px DM Mono,monospace;letter-spacing:.18em;color:#766f66}.frequency{font-size:11px;color:#c8beb0}.frequency i{font-style:normal;font-size:8px;color:#766f66;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{transform:scaleY(.3)}}@media(max-width:900px){.shell{padding:0 24px}.hero{grid-template-columns:1fr;padding:55px 0}.intro h1{font-size:82px}.playerCard{margin:0;min-height:unset}.topbar{height:86px}footer{margin-top:35px}.onAir b{display:none}}@media(max-width:620px){.hero{gap:10px}.intro{padding:30px 0}.intro h1{font-size:66px;margin-bottom:35px}.playerCard{grid-template-columns:1fr;padding:38px 34px}.record{width:78%;margin:auto}.playerInfo{padding:35px 0 0}.brand{font-size:10px}.onAir{font-size:8px}.frequency i{display:none}footer span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.spinning,.bars.active i{animation:none}}