
:root{--ink:#151517;--paper:#eee3ce;--gold:#d9b56e;--muted:#c0b4a1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101015;color:#f1eadd;font-family:Georgia,'Times New Roman',serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #f5d78c;outline-offset:4px}button{cursor:pointer}.topnav{position:relative;z-index:10;background:#0f1113ee;border-bottom:1px solid #cdaa7445;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(20px,5vw,82px);font-family:Arial,sans-serif}.mark{text-decoration:none;font-weight:bold;font-size:21px;letter-spacing:.04em}.mark small{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);margin-top:4px}.links{display:flex;gap:21px;flex-wrap:wrap}.links a{text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#e4d3ae}.links a:hover{color:white}.study{min-height:660px;position:relative;overflow:hidden;background:radial-gradient(circle at 56% 28%,#79563b55,transparent 40%),linear-gradient(120deg,#211914,#473329 52%,#201b1a);border-bottom:12px solid #21160f}.study:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#fff0 0 92px,#05040410 93px 94px);pointer-events:none}.shelf{position:absolute;top:45px;left:8%;right:8%;height:20px;background:linear-gradient(#77523a,#382318);box-shadow:0 14px 15px #0009}.books{position:absolute;bottom:20px;left:4%;width:53%;height:155px;display:flex;align-items:flex-end;gap:4px}.books i{display:block;width:4.5%;height:var(--h);background:linear-gradient(90deg,#0007,transparent 30%),var(--c);border:1px solid #d1ad754a;box-shadow:2px 3px 5px #0008;transform:rotate(var(--r));border-radius:2px 3px 0 0}.shelf .mini-radio{position:absolute;right:4%;bottom:21px;background:linear-gradient(#4e5051,#111);width:205px;height:105px;border:5px solid #181818;border-radius:12px;box-shadow:0 8px 14px #0008;display:flex;align-items:center;justify-content:space-around}.shelf .mini-radio:before,.shelf .mini-radio:after{content:'';width:55px;height:55px;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 3px,#454545 4px 5px)}.desk{position:absolute;bottom:0;left:0;right:0;height:75px;background:linear-gradient(#9a6742,#633c25 25%,#382416);box-shadow:0 -15px 25px #0009;z-index:2}.monitor{position:absolute;left:50%;transform:translateX(-50%);bottom:56px;width:min(700px,74vw);height:345px;border:17px solid #111518;border-radius:50% 50% 14px 14px / 10% 10% 14px 14px;background:radial-gradient(ellipse at 55% 30%,#40444366,transparent 65%),linear-gradient(130deg,#0a1b20,#0e1118);box-shadow:0 0 0 3px #626463,0 24px 25px #0009;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:26px}.monitor:after{content:'';position:absolute;bottom:-65px;height:48px;width:120px;background:linear-gradient(90deg,#151819,#454849,#151819);clip-path:polygon(35% 0,65% 0,80% 100%,20% 100%)}.screen-copy{position:relative;z-index:1}.eyebrow{font:700 11px Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}h1,h2,h3{font-weight:normal}h1{font-size:clamp(36px,5vw,69px);margin:8px 0;line-height:1.02}h2{font-size:clamp(31px,4vw,52px);margin:8px 0 18px}.screen-copy p{max-width:520px;font-size:15px;line-height:1.55;margin:8px auto 20px;color:#e3d9c8}.pill{display:inline-block;background:#d0ae6c;color:#1b1712;border:0;border-radius:3px;text-decoration:none;padding:11px 17px;font:bold 12px Arial,sans-serif;letter-spacing:.09em;margin:5px}.pill.secondary{background:#272c31;color:#eedabb;border:1px solid #b18c53}.objects{position:absolute;bottom:50px;left:3%;z-index:3;font-size:64px;filter:drop-shadow(0 9px 5px #000a)}.objects.right{left:auto;right:6%}.keybd{position:absolute;bottom:12px;left:50%;transform:translateX(-50%) perspective(90px) rotateX(25deg);width:min(460px,58vw);height:36px;background:repeating-linear-gradient(90deg,#202020 0 21px,#999 22px 23px);border:7px solid #151515;border-radius:8px;z-index:4}.turntable{margin:0 auto;padding:25px;border:1px solid #b693624d;background:linear-gradient(120deg,#242120,#151518);border-radius:18px;max-width:900px;display:flex;gap:30px;align-items:center;flex-wrap:wrap;justify-content:center}.record{width:210px;height:210px;border-radius:50%;border:6px solid #181818;background:repeating-radial-gradient(circle at center,#202024 0 3px,#0e0e10 4px 7px);box-shadow:0 12px 20px #0009;display:flex;align-items:center;justify-content:center;position:relative;flex:none}.record:after{content:'';width:65px;height:65px;border-radius:50%;background:#b99453 url('/assets/radio/art/album.webp') center/cover;border:4px solid #242424}.record.spin{animation:spin 2.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.track-info{flex:1;min-width:245px}.track-info p{color:var(--muted);line-height:1.6;font-size:14px}.section{padding:70px clamp(20px,6vw,90px)}.section.dark{background:#17191c}.section.warm{background:#29231e}.lead{color:#cdbfa9;line-height:1.65;max-width:780px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:18px;margin-top:30px}.card{background:#222428;border:1px solid #b99a6249;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;height:220px;object-fit:cover}.card .inner{padding:22px;flex:1}.card p{color:#c5bbab;font:14px/1.6 Arial,sans-serif}.card a{color:#eccb8d;font:bold 13px Arial,sans-serif}.card h3{font-size:29px;margin:5px 0}.tag{font:700 10px Arial,sans-serif;letter-spacing:.2em;color:#e4c17b;text-transform:uppercase}.bookcover{height:220px;background:linear-gradient(135deg,#4b2838,#1c1728);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#f3d2b0;font-size:25px}.stub{min-height:75vh;background:radial-gradient(circle at 50% 10%,#72506650,transparent 55%),linear-gradient(150deg,#241e29,#111015);display:flex;align-items:center;justify-content:center;text-align:center;padding:55px 20px}.stub .wrap{max-width:710px}.stub h1{font-size:clamp(50px,8vw,110px);font-style:italic;color:#f0d9df}.stub p{line-height:1.7;color:#d0c3ca}.footer{background:#0e0e11;border-top:1px solid #5f4b34;padding:35px 6vw;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;font:12px Arial,sans-serif;color:#a99a82}.footer a{margin-left:15px;color:#d5b477}.journal{display:block;background:#3a2925;border:1px solid #b49d72;padding:25px 28px;box-shadow:5px 7px #17110e;color:#ead6b0;text-decoration:none;max-width:390px;transform:rotate(-2deg);font-size:24px}.journal small{font:12px Arial,sans-serif;color:#dfc7a1}@media(max-width:700px){.topnav{align-items:flex-start;flex-direction:column}.links{gap:12px}.study{min-height:625px}.monitor{bottom:65px;height:345px;width:92vw;padding:18px 10px}.shelf{top:24px;left:4%;right:4%}.books{height:90px}.shelf .mini-radio{transform:scale(.6);transform-origin:bottom right}.screen-copy p{font-size:13px}.objects{font-size:38px;bottom:54px}.section{padding:55px 20px}.record{width:150px;height:150px}}
