:root{--bg:#10100f;--cream:#fff0d4;--orange:#f68b1f;--red:#a90e0b;--muted:#d8d1c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Tahoma,'Noto Sans Thai',Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{background:#0c0c0c;position:relative;z-index:3;border-bottom:1px solid #28221a}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.disc{display:inline-grid;place-items:center;width:72px;height:72px;flex:none;border-radius:50%;background:repeating-radial-gradient(circle at center,#171717 0 3px,#5c5b58 4px,#080808 6px,#131313 8px);border:2px solid #e9dfc8;box-shadow:0 0 0 2px #111,5px 0 0 #f68b1f}.disc i{width:25px;height:25px;background:var(--orange);border-radius:50%;position:relative}.disc i:after{content:'';position:absolute;left:11px;top:11px;width:4px;height:4px;border-radius:50%;background:#111}.brand-name{font:bold clamp(22px,2.7vw,34px)/1 Arial,sans-serif;letter-spacing:-1.5px}.brand-name span{color:var(--orange)}.brand-sub{display:block;text-align:center;font:11px Arial,sans-serif;letter-spacing:5px;margin-top:8px}.nav-wrap nav{display:flex;gap:clamp(20px,4vw,65px);align-items:center}.nav-wrap nav a{font-size:19px;white-space:nowrap;padding:12px 0;border-bottom:4px solid transparent}.nav-wrap nav a:hover,.nav-wrap nav .active{border-color:var(--orange)}.hero{background:radial-gradient(ellipse at 70% 40%,#573015 0%,#19130f 50%,#0e0d0c 85%);overflow:hidden}.hero-grid{min-height:445px;display:grid;grid-template-columns:54% 46%;align-items:center}.hero-copy{z-index:1;padding:32px 0 42px}.eyebrow{font:italic 22px Georgia,serif;letter-spacing:10px;color:#f8d7a7;margin:0 0 8px}.hero h1{font:italic bold clamp(56px,7.5vw,105px)/.98 Georgia,serif;white-space:nowrap;letter-spacing:-4px;color:#fff0d4;margin:0 0 28px}.hero h1 span{color:var(--orange)}.hero-thai{font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.5;margin:0 0 20px}.hero-thai em{color:var(--orange)}.hero-note{border-left:5px solid var(--orange);padding-left:18px;color:#eee;font-size:21px;line-height:1.55;margin:0}.hero-photo{height:445px;align-self:stretch;background:linear-gradient(90deg,#19130f 0%,transparent 24%),url('assets/turntable.webp') center/cover no-repeat;transform:scale(1.08);border-radius:6px}.buy-section{padding:26px 0;background:#15100c}.buy-card{display:flex;align-items:center;gap:22px;padding:20px 26px;background:linear-gradient(110deg,#f9e2bb,#fff6e4 55%,#f8d9a6);border-radius:30px;color:#17110e;border:2px solid #fff4df;box-shadow:0 8px 25px #0007}.buy-disc{width:104px;height:104px;box-shadow:none}.buy-disc i{width:36px;height:36px}.buy-disc i:after{left:16px;top:16px}.buy-copy{flex:1;min-width:245px}.buy-copy h2{font-size:clamp(24px,2.6vw,34px);line-height:1.25;margin:0}.buy-copy h2 strong{color:var(--red)}.buy-copy h2 span{font-size:.75em}.buy-copy p{margin:8px 0 0;font-weight:bold;font-size:16px}.checks{padding:0;list-style:none;margin:0;min-width:205px;font-size:15px;font-weight:bold;line-height:1.95}.checks li:before{content:'✔';color:var(--orange);margin-right:8px}.phone-button{background:linear-gradient(#dc1d16,#8c0806);border:2px solid #fff;color:white;border-radius:18px;padding:18px 20px;white-space:nowrap;font-size:clamp(19px,2.1vw,28px);font-weight:bold;box-shadow:0 5px 10px #0004}.phone-button:hover{filter:brightness(1.2)}.specialty{background:linear-gradient(125deg,#26160e,#090909 78%)}.specialty-grid{display:grid;grid-template-columns:54% 46%;align-items:center;min-height:350px}.oldies-image{height:350px;background:linear-gradient(90deg,transparent 75%,#15100c),url('assets/oldies.webp') center/cover no-repeat}.specialty-copy{text-align:center;padding:26px 15px}.overline{color:#f4d9a9;letter-spacing:7px;font:italic 15px Georgia,serif}.specialty h2{font:italic bold clamp(78px,10vw,140px)/1 Georgia,serif;color:#ffefd3;margin:0}.decades{font:italic bold clamp(23px,3.2vw,38px) Georgia,serif;color:var(--orange);margin:5px 0}.genres{font-size:21px;margin:8px 0}.detail{color:#d7cabc;line-height:1.8;font-size:16px;max-width:430px;margin:16px auto 0}.community{background:radial-gradient(ellipse at 50% 130%,#573025,#100d0b 70%);text-align:center;padding:42px 0 55px;border-top:1px solid #30251d}.board-button{display:inline-flex;gap:25px;align-items:center;justify-content:center;border:2px solid #f6c98a;border-radius:16px;padding:16px 36px;font-size:clamp(20px,2.7vw,30px);font-weight:bold;background:#261509;box-shadow:0 4px 0 #a66a2b}.board-button:hover{background:#4c290e}.board-button span{font-size:40px;line-height:.5}.community p{color:#ddd0c0;font-size:18px;margin:24px 0 0}footer{border-top:1px solid #4a4037;background:#0b0b0b;padding:30px 0}.footer-inner{display:flex;justify-content:center;align-items:center;gap:clamp(30px,7vw,100px);flex-wrap:wrap}.footer-inner a{font-size:clamp(18px,2.5vw,26px);font-weight:bold}.footer-inner a:hover{color:var(--orange)}@media(max-width:950px){.buy-card{flex-wrap:wrap}.checks{flex:1}.phone-button{flex:1;text-align:center}.hero h1{font-size:clamp(49px,7vw,80px)}}@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.nav-wrap{min-height:80px;flex-wrap:wrap;justify-content:center;padding:14px 0}.disc{width:52px;height:52px}.brand-name{font-size:24px}.brand-sub{font-size:8px;letter-spacing:3px}.nav-wrap nav{width:100%;justify-content:space-around;gap:10px}.nav-wrap nav a{font-size:16px;padding:6px 0}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 0 18px}.eyebrow{font-size:15px;letter-spacing:7px}.hero h1{font-size:clamp(45px,11vw,70px);letter-spacing:-2px;margin-bottom:20px}.hero-thai{font-size:21px}.hero-note{font-size:17px}.hero-photo{height:220px;transform:none;background-image:linear-gradient(0deg,#15100c 0%,transparent 45%),url('assets/turntable.webp')}.buy-card{padding:18px;gap:14px;border-radius:22px}.buy-disc{display:none}.buy-copy{min-width:0;width:100%;text-align:center}.buy-copy h2{font-size:28px}.checks{width:100%;font-size:15px}.phone-button{width:100%;font-size:25px}.specialty-grid{grid-template-columns:1fr}.oldies-image{height:220px;background-image:linear-gradient(0deg,#15100c 0%,transparent 35%),url('assets/oldies.webp')}.specialty h2{font-size:86px}.specialty-copy{padding:18px 0 30px}.community{padding:35px 0}.board-button{width:100%;font-size:19px;padding:17px 12px;gap:8px}.community p{font-size:15px}.footer-inner{gap:20px}.footer-inner a{font-size:18px}}