:root{--gold:#c9a77b;--white:#f5f0ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101012;color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff22;position:absolute;top:0;width:100%;z-index:5;font-size:.75rem;letter-spacing:.17em}.nav span{color:var(--gold)}.nav nav{display:flex;gap:30px}.nav a:hover,.nav a:focus-visible{color:var(--gold)}.hero{min-height:100svh;display:flex;align-items:center;background:linear-gradient(90deg,#08090bf2 10%,#111013b0 60%,#0c0b0be8),radial-gradient(ellipse at 75% 40%,#a17b5366,transparent 44%),repeating-linear-gradient(110deg,#ffffff09 0 1px,transparent 1px 130px);border-bottom:1px solid #78614355}.hero-inner{width:min(1200px,90vw);margin:100px auto 60px;position:relative}.eyebrow{color:var(--gold);font-weight:bold;font-size:.75rem;letter-spacing:.23em}.signature{position:absolute;right:3%;top:-8%;font:italic 20vw Georgia,serif;color:#c5a67a16;margin:0;pointer-events:none}h1,h2{font:400 clamp(4.5rem,10vw,11rem)/.92 Georgia,serif;letter-spacing:-.065em;margin:35px 0}h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;border-top:1px solid #ffffff44;padding-top:25px}.hero-bottom p{font:1.35rem/1.5 Georgia,serif}.hero-bottom a{font-size:.75rem;letter-spacing:.16em;border:1px solid var(--gold);padding:18px 22px}.hero-bottom a:hover{background:var(--gold);color:#111}.wrap{width:min(1200px,90vw);margin:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:140px 0;border-bottom:1px solid #ffffff27}.about h2,.music h2{font-size:clamp(3.5rem,6vw,6.5rem)}.about-copy{padding-top:35px;color:#cbc5be;font-size:1.1rem;line-height:1.9}.music{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:145px 0}.music-copy p:not(.eyebrow){color:#c6c0b8;font-size:1.05rem;line-height:1.75;max-width:450px}.coming{margin-top:35px;padding:22px 0;border-top:1px solid #967b59;border-bottom:1px solid #967b59;font-size:.8rem;letter-spacing:.2em;color:var(--gold)}.tv{padding:6% 6% 3%;border:1px solid #937c61;border-radius:22px 22px 35px 35px;background:linear-gradient(135deg,#42382f,#181719 50%,#393028);box-shadow:0 30px 70px #0009,inset 0 0 0 4px #100e0d}.screen{aspect-ratio:16/10;border:8px solid #09090a;border-radius:10%/15%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,#89725140,#0c0c0f 65%),repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 4px);box-shadow:inset 0 0 35px #000;color:var(--gold)}.screen span{font:italic clamp(6rem,15vw,13rem) Georgia,serif;letter-spacing:-.17em;padding-right:.17em;line-height:1}.screen small{font-size:.7rem;letter-spacing:.35em}.tv-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 6px 4px;color:#d4bb99;font-size:.76rem;letter-spacing:.2em}@media(max-width:760px){.nav{height:68px;padding:0 18px}.nav span{display:none}.nav nav{gap:16px;font-size:.68rem}.back{font-size:.64rem}.hero-inner{margin:110px auto 45px}h1{font-size:clamp(4.2rem,15vw,7rem)}.hero-bottom{display:block}.hero-bottom a{display:inline-block;margin-top:18px}.about,.music{grid-template-columns:1fr;padding:85px 0;gap:35px}.about-copy{padding-top:0}.music h2,.about h2{font-size:clamp(3.5rem,12vw,5rem)}.screen span{font-size:35vw}}
.moon-logo{display:block;width:min(100%,1050px);height:auto;margin:30px auto 35px;box-shadow:0 0 70px #0007}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.moon-logo{width:115%;max-width:none;margin:30px 0 35px -7.5%}}
.hero{background:linear-gradient(180deg,#101012,#1d2023 55%,#101012)}.dj-title{text-align:center;font-size:clamp(2.8rem,6vw,6rem);letter-spacing:-.04em;margin:18px 0 24px;font-weight:400}.beach-art{display:block;width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;border:1px solid #c9a77b77;box-shadow:0 28px 70px #0008;margin:0 0 30px}@media(max-width:760px){.dj-title{font-size:clamp(2.7rem,12vw,4.8rem)}.beach-art{aspect-ratio:1.5/1;object-fit:cover}}
.tv-screen{position:relative;overflow:hidden}.tv-art{position:absolute;inset:0;background-size:400% 300%;background-repeat:no-repeat;transition:filter .35s;filter:saturate(1.1)}.tv-idle{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:radial-gradient(circle,#89725140,#0c0c0f 65%),repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 4px)}.tv-idle[hidden]{display:none}.tv-footer span:last-child{font-size:.65rem;color:#c9a77b}.house-tracks{margin-top:25px}.house-track{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff2c}.house-track button{height:43px;width:43px;border:1px solid #a18461;border-radius:50%;background:#26211f;color:#fff;cursor:pointer;font-size:1rem}.house-track button:focus-visible,.progress input:focus-visible{outline:2px solid #eac99b;outline-offset:3px}.house-track.playing button{background:#a18461;color:#101012}.house-track strong,.house-track small{display:block}.house-track strong{font:400 1.03rem Georgia,serif;overflow-wrap:anywhere}.house-track small{color:#aa9d91;margin-top:5px;font-size:.75rem}.house-track>span{color:#a18461;font-size:.8rem}.progress{display:flex;gap:12px;align-items:center;margin-top:24px;color:#bfb2a5;font-size:.75rem}.progress input{width:100%;accent-color:#c9a77b;cursor:pointer}.progress span{white-space:nowrap}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions a{display:inline-block}.hero-actions .project-link{background:#c9a77b;color:#101012;font-weight:bold}.hero-actions .project-link:hover{background:#f1d3a6}.nav nav a:last-child{color:#d7b991}@media(max-width:760px){.hero-actions{align-items:flex-start}.nav nav a:last-child{display:none}}

.tv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}