@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--cream:#fff2cf;--green:#123b31;--red:#df5948;--gold:#ffc467}*{box-sizing:border-box}body{margin:0;background:var(--green);color:var(--cream);font-family:'DM Sans',sans-serif;background-image:radial-gradient(ellipse at 85% 20%,#285442 0,transparent 45%)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header,main{max-width:1240px;margin:auto;padding:25px 35px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;padding-top:45px}.brand{color:var(--cream);text-decoration:none;font-weight:700;font-size:21px;letter-spacing:-1px}.brand span{display:block;font-size:13px;letter-spacing:3px}.tag,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.tag{color:#c8d7bc}.lights{position:absolute;top:-4px;width:100%;overflow:hidden;white-space:nowrap;letter-spacing:18px;color:var(--gold);font-size:20px;text-shadow:0 2px 18px #ffc467;pointer-events:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:60px 0 50px}.intro{position:relative}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,4.7vw,66px);line-height:1.08;letter-spacing:-3px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro p{font-size:18px;line-height:1.7;color:#d6dfcd}.sticker{display:inline-block;margin-top:18px;background:var(--red);padding:18px 24px;border-radius:50%;transform:rotate(-9deg);font-weight:700;text-align:center;box-shadow:4px 6px 0 #09261f}.sticker small{font-size:9px;letter-spacing:1px}.radio{background:#f1dfb7;color:#26342b;border-radius:22px;padding:24px;border:3px solid #bcae91;box-shadow:10px 15px 0 #09291f,0 25px 60px #0004;transform:rotate(1deg)}.radio-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:700;gap:12px;margin-bottom:18px}.status{color:#795432}.screen{background:#18342b;color:#ddecbb;border:7px solid #354238;border-radius:10px;padding:22px;min-height:180px;box-shadow:inset 0 0 30px #0006}.screen-label{font-size:9px;letter-spacing:2px;color:#c4cc9b}.screen h2{font-family:'Space Grotesk',sans-serif;font-size:25px;line-height:1.2;margin:18px 0 6px;overflow-wrap:anywhere}.screen p{margin:0;font-size:14px}.equalizer{height:24px;display:flex;gap:5px;align-items:end;margin-top:20px}.equalizer i{width:7px;height:5px;background:#cfdf9b}.playing .equalizer i{animation:bounce .8s infinite alternate}.equalizer i:nth-child(3n){animation-delay:-.4s}.equalizer i:nth-child(2n){animation-delay:-.7s}.cassette{background:#d6c59e;border:2px solid #b2a07e;border-radius:9px;display:flex;align-items:center;justify-content:space-around;padding:14px;margin:18px 20px;color:#5e5e4b;text-align:center;font-size:14px;font-weight:700}.cassette b{font-size:8px;letter-spacing:2px}.reel{width:42px;height:42px;border-radius:50%;border:8px dashed #6c705f;background:#efe3c4}.playing .reel{animation:turn 5s linear infinite}.controls{display:flex;gap:9px}.controls button{border:0;border-radius:6px;padding:16px 12px;font-weight:700;font-size:12px;box-shadow:0 4px 0 #a69777}.controls #play{background:#b83f32;color:#fff4da;flex:1}.controls #mute{background:#ded0af;color:#26342b}#message{font-size:11px;text-align:center;min-height:28px;margin:16px 0 0}.lower{display:grid;grid-template-columns:1fr 1fr .65fr;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.lower>div{padding:30px 25px}.lower>div+div{border-left:1px solid #ffffff24}.lower h2{font-family:'Space Grotesk',sans-serif;font-size:23px}.lower p{font-size:14px;line-height:1.7;color:#d6dfcd}.tiny{font-size:10px;color:#b6c4ac}.pill{display:inline-block;border:1px solid #d3c18c;padding:7px 10px;border-radius:4px;font-size:9px;letter-spacing:1px;color:#f3db9c}.lava-card{display:flex;align-items:center;gap:20px}.lava-card p{font-size:12px}.lava{position:relative;width:62px;height:150px;flex-shrink:0;background:#432c53;clip-path:polygon(35% 0,65% 0,100% 80%,75% 87%,90% 100%,10% 100%,25% 87%,0 80%);overflow:hidden;box-shadow:inset 0 0 20px #e78}.lava:before,.lava:after{content:'';position:absolute;background:#c6a27d;z-index:2;left:0;right:0;height:22px;top:0}.lava:after{top:auto;bottom:0;height:20px}.lava i{position:absolute;background:#f17b51;border-radius:50%;width:37px;height:48px;left:10px;top:65px;filter:blur(2px);animation:lava 9s infinite alternate}.lava i:nth-child(2){top:25px;left:20px;width:23px;height:30px;animation-delay:-5s}.lava i:nth-child(3){top:100px;animation-delay:-3s}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0;font-size:10px;color:#c0ceb8}footer button{background:none;color:inherit;border:1px solid #ffffff30;border-radius:5px;padding:7px 10px;font-size:10px}.still *{animation-play-state:paused!important}@keyframes turn{to{transform:rotate(360deg)}}@keyframes bounce{to{height:24px}}@keyframes lava{to{transform:translateY(-38px) scale(.8,1.2)}}@media(max-width:760px){header,main{padding:20px}.tag{display:none}header{padding-top:40px}.hero{grid-template-columns:1fr;gap:25px;padding:30px 0}.intro .sticker{position:absolute;right:0;bottom:0;padding:14px;font-size:12px}.intro p{font-size:15px;padding-right:100px}h1{font-size:45px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1px}.radio{transform:none;padding:18px}.lower{grid-template-columns:1fr 1fr}.lower>div{padding:22px 12px}.lower h2{font-size:19px}.lower .lava-card{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff24;justify-content:center}.lava{height:110px;width:48px}footer{flex-wrap:wrap}.screen h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* Christmas room: generated artwork, warm reading surfaces, mobile radio first. */
body{background-color:#182e25;background-image:radial-gradient(ellipse at 15% 30%,#64412750 0,transparent 65%)}
.hero{gap:32px;padding:36px 0 42px;align-items:center;grid-template-columns:1.13fr 1fr}
h1{font-size:clamp(36px,3.6vw,51px);margin:16px 0}.intro p{font-size:16px;line-height:1.6;margin:12px 0 18px}.intro .eyebrow{font-size:9px}
.christmas-art{margin:0;overflow:hidden;border-radius:16px;border:1px solid #bd91564f;box-shadow:0 14px 40px #0005}.christmas-art img{display:block;width:100%;height:auto}.intro .sticker{position:absolute;bottom:14px;left:12px;padding:12px 16px;font-size:12px;box-shadow:3px 4px 12px #0006}.intro .sticker small{font-size:7px}.radio{position:relative}.radio:before{content:'✦';position:absolute;top:-25px;right:30px;color:#ffd587;font-size:38px;text-shadow:0 0 25px #ffb741}
@media(max-width:760px){.hero{display:flex;flex-direction:column;gap:22px;padding:24px 0}.intro,.radio{width:100%}.intro p{padding-right:0;font-size:14px}h1{font-size:37px;margin:12px 0}.christmas-art{max-height:220px}.christmas-art img{height:220px;object-fit:cover;object-position:center 58%}.intro .sticker{left:auto;right:10px;bottom:10px;font-size:10px}.screen{min-height:150px;padding:16px}.radio{padding:16px}.radio-top{margin-bottom:12px}.cassette{padding:9px;margin:12px 16px}.screen h2{margin-top:12px}.lower{margin-top:4px}}