@font-face{font-family:StillSystem;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f1e9;color:#173b37;font-family:StillSystem,system-ui,sans-serif;-webkit-font-smoothing:antialiased}header,main,footer{max-width:1160px;margin:auto}header{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dcd1}.wordmark{font-size:46px;letter-spacing:-4px;font-weight:600;line-height:1;text-decoration:none;color:inherit}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;position:relative;top:8px;left:5px}.header-note{font-size:10px;letter-spacing:2px}.about-link{font-size:12px;text-decoration:none;color:inherit}.intro{padding:78px 0 48px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;border-radius:50%;background:#a57943}h1{font-size:clamp(52px,6vw,82px);line-height:1.05;letter-spacing:-4px;font-weight:400;margin:26px 0}p{font-size:15px;line-height:1.8;color:#68766d}.intro p{margin:24px 0 0}.player{display:grid;grid-template-columns:1fr 1.08fr;background:#e7e9df;border:1px solid #d3d9cf;border-radius:4px;overflow:hidden}.landscape{min-height:340px;position:relative;overflow:hidden;background:linear-gradient(160deg,#cad6c3,#e0d9bd 70%)}.sun{position:absolute;width:112px;height:112px;left:55%;top:30px;background:#ece4be;border-radius:50%;box-shadow:0 0 80px #e8e3b879}.hill{position:absolute;width:155%;height:280px;border-radius:50%}.hill-back{top:165px;left:-15%;background:#7b9584;transform:rotate(-13deg)}.hill-front{top:242px;left:-20%;background:#3f675b;transform:rotate(10deg)}.grain{position:absolute;inset:0;opacity:.1;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.art-label{position:absolute;top:25px;left:28px;font-size:9px;line-height:1.7;letter-spacing:2px}.coordinates{position:absolute;bottom:25px;right:25px;color:#e5e9da;font-size:9px;letter-spacing:2px}.player-body{padding:44px 38px 26px;display:flex;flex-direction:column;justify-content:space-between}.track{display:flex;align-items:center;justify-content:space-between;gap:20px}.small-label{font-size:9px;letter-spacing:2px;color:#63786b}h2{font-weight:400;letter-spacing:-1px;font-size:32px;line-height:1.2;margin:14px 0}.track p{font-size:11px;margin:0}button{border:0;border-radius:50%;width:64px;height:64px;flex-shrink:0;background:#173b37;color:#f3f0df;cursor:pointer;font-size:19px}button:hover{background:#2f5148}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a57943;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}canvas{width:100%;height:70px;margin:28px 0 20px}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#69776c;border-top:1px solid #ccd4c6;padding-top:18px}.controls label{display:flex;align-items:center;gap:10px}input{width:60px;accent-color:#315b4d;height:3px}.about{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;padding:80px 0}.about h2{font-size:37px}.about p{font-size:14px;max-width:440px;margin:0 0 20px}.format{display:flex;gap:24px;font-size:9px;letter-spacing:1px;margin-top:30px}.format span{color:#78867a}footer{border-top:1px solid #d7dcd1;padding:30px 0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6a7e70}footer .wordmark{font-size:30px;color:#173b37}footer .wordmark span{font-size:8px}#clock{font-variant-numeric:tabular-nums}@media(max-width:1240px){header,main,footer{margin-left:6%;margin-right:6%}}@media(max-width:700px){header{height:86px}.header-note{display:none}.intro{padding-top:50px}.player{grid-template-columns:1fr}.landscape{min-height:250px}.hill-back{top:100px}.hill-front{top:195px}.player-body{padding:30px 24px 24px}.about{grid-template-columns:1fr;padding:55px 0;gap:15px}h1{letter-spacing:-2px}.track h2{font-size:28px}.controls{font-size:9px}footer{gap:12px}.intro p{font-size:13px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}