:root{--green:#101d18;--cream:#eee8d9;--gold:#d5bc7d;--muted:#b0b4a5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--green);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:7px}header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdbd8c24;background:#101b16}.brand{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:2px;font-weight:600}.brand b{font-size:10px;color:var(--gold);border:1px solid #d5bc7d70;padding:4px;margin-left:5px}nav{display:flex;gap:35px;font-size:12px;color:#d4d6c9}nav span{color:var(--gold);margin-left:9px}.edition{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.hero{min-height:700px;height:calc(100svh - 106px);max-height:1100px;position:relative;display:flex;align-items:center;isolation:isolate}.scene{position:absolute;inset:0;z-index:-2;background:#18251d url('lounge.jpg') center/cover no-repeat}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1715df 0%,#0b17158c 42%,#0b171508 80%),linear-gradient(0deg,#0d1918e6,transparent 25%)}.hero-content{padding:50px 7% 110px;width:100%}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);display:flex;gap:12px;align-items:center}.dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--gold);box-shadow:0 0 15px #d5bc7d}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(55px,6.5vw,104px);line-height:1.04;font-weight:400;letter-spacing:-4px;margin:35px 0 26px}em{font-weight:400;color:var(--gold)}.intro{line-height:1.8;color:#d7d8cb;font-size:15px}.enter{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #d5bc7d88;padding:17px 0;margin-top:17px;font-size:12px}.enter span{color:var(--gold);font-size:24px}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;border-top:1px solid #eee8d933;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.8px;color:#c4c6b8}.hero-foot i{color:var(--gold);margin:0 12px}.club{padding:120px 10%;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid #d5bc7d33}h2{font-family:Georgia,serif;font-size:clamp(45px,5vw,68px);font-weight:400;line-height:1.12;letter-spacing:-2px;margin:24px 0}.club-copy{padding-top:25px}.large{font-family:Georgia,serif;font-size:25px;line-height:1.5}.club-copy>p:not(.large){font-size:14px;line-height:1.9;color:var(--muted);max-width:420px}.signature{border-top:1px solid #d5bc7d33;margin-top:35px;padding-top:25px;font-size:11px;letter-spacing:1px;color:var(--gold);display:flex;justify-content:space-between}.signature span{font-size:28px}.listening{padding:100px 10%;background:#16251e;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.record-wrap{display:flex;align-items:center;flex-direction:column;gap:30px}.record{width:min(100%,380px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#101511 0,#101511 2px,#232923 3px,#101511 4px);box-shadow:0 25px 60px #0007,0 0 0 1px #8c8a6633;display:grid;place-items:center;position:relative}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#fff1,transparent 30%,transparent 50%,#fff1,transparent 80%)}.label{width:36%;aspect-ratio:1;border-radius:50%;background:#bca06a;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#1a2c21;gap:8px;position:relative}.label:after{content:'';width:7px;height:7px;border-radius:50%;background:#101d18}.label img{width:38%;filter:brightness(.3)}.label span{font-size:10px;letter-spacing:3px}.label small{font-size:5px;letter-spacing:1px}.record-caption{font-size:8px;letter-spacing:2px;color:var(--muted)}.listening-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}#sound{display:flex;align-items:center;gap:20px;background:var(--gold);color:var(--green);border:0;padding:20px 25px;min-width:240px;cursor:pointer;font-family:inherit;font-size:12px;margin:27px 0 22px;transition:background .2s}#sound:hover{background:#ead39c}.play-icon{font-size:12px}.equalizer{display:flex;align-items:center;gap:3px;height:16px;margin-left:auto}.equalizer i{height:4px;width:2px;background:var(--green)}body.playing .equalizer i{animation:bars .8s infinite alternate}body.playing .equalizer i:nth-child(2){animation-delay:-.4s}body.playing .equalizer i:nth-child(3){animation-delay:-.2s}body.playing .equalizer i:nth-child(4){animation-delay:-.6s}body.playing .record{animation:spin 24s linear infinite}.volume{display:flex;align-items:center;gap:17px;font-size:8px;letter-spacing:2px;color:var(--muted)}input{accent-color:var(--gold);width:130px}.listening-copy .sound-note{font-size:10px!important;margin-top:18px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span,footer>a:last-child{font-size:8px;letter-spacing:1.8px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bars{to{height:16px}}@media(min-width:1600px){.hero-content{padding-left:10%}}@media(max-width:900px){.edition{display:none}.hero{min-height:650px}.hero h1{letter-spacing:-2px}.club,.listening{gap:7%;padding:85px 7%}.brand{font-size:11px;letter-spacing:1.5px}footer>span{display:none}}@media(max-width:600px){header{height:85px;padding:0 6%}.brand{gap:8px}.brand img{width:36px;height:36px}.brand b{margin-left:1px}nav{gap:0}nav a:first-child{display:none}nav a{font-size:10px}.hero{min-height:640px;height:calc(92svh - 85px)}.hero-content{padding:50px 7% 100px}.hero h1{font-size:55px;letter-spacing:-2.5px}.scene{background-position:62% center}.scene:after{background:linear-gradient(90deg,#0b1715d9,#0b17154d),linear-gradient(0deg,#0b1715,transparent 40%)}.eyebrow{font-size:8px;letter-spacing:2px}.hero-foot{font-size:7px;letter-spacing:1px}.hero-foot>a{display:none}.club,.listening{grid-template-columns:1fr;padding:65px 8%;gap:20px}.club-copy{padding-top:0}.large{font-size:23px}.record{max-width:280px}.record-wrap{padding:15px 0 30px}.listening-copy{padding-top:10px}footer{padding:30px 6%}footer .brand{font-size:9px}footer>a:last-child{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{animation:none!important}}