:root{--ink:#0a0a0c;--night:#101014;--night-2:#17171d;--ivory:#f7f2e8;--paper:#fffdf8;--gold:#d8a84e;--gold-soft:#f2d18e;--cobalt:#155dd8;--red:#c93b2c;--muted:#aaa5a0;--line:rgba(255,255,255,.14);--max:1240px;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:400 1rem/1.7 var(--sans);overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-6rem;background:#fff;padding:.7rem 1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{height:88px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;color:#fff;position:absolute;width:100%;z-index:20;border-bottom:1px solid rgba(255,255,255,.17)}.brand{display:flex;gap:.8rem;align-items:center;text-decoration:none;font-weight:600;letter-spacing:.15em;font-size:.82rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:600 1.45rem/1 var(--serif)}.site-header nav{display:flex;align-items:center;gap:2.1rem}.site-header nav a{text-decoration:none;font-weight:500;font-size:.83rem;letter-spacing:.06em}.site-header nav a:not(.nav-cta):hover{color:var(--gold-soft)}.nav-cta{padding:.72rem 1.1rem;border:1px solid rgba(255,255,255,.62);border-radius:999px}.nav-cta:hover{background:#fff;color:var(--ink)}.menu-button{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.55rem .9rem}
.hero{position:relative;min-height:880px;background:#08080a;color:#fff;overflow:hidden;display:flex;align-items:center;padding:145px max(24px,calc((100vw - var(--max))/2)) 160px}.hero-photo{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:60% center;filter:saturate(.92) contrast(1.06)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08080a 0%,rgba(8,8,10,.98) 27%,rgba(8,8,10,.72) 51%,rgba(8,8,10,.05) 82%),linear-gradient(0deg,rgba(8,8,10,.92) 0%,transparent 32%)}.hero-copy{position:relative;z-index:2;width:56%;max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-weight:600;font-size:.72rem;color:var(--gold);margin:0 0 1.4rem}.hero-name{margin:0 0 .65rem;font-weight:600;letter-spacing:.28em;font-size:.92rem;color:#fff}.hero h1,.section h2,.deposit-strip h2{font:500 clamp(4.5rem,8.5vw,8.6rem)/.77 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 em,.section h2 em{font-weight:500;color:var(--gold-soft)}.hero-lede{max-width:545px;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65;color:#d6d2cc;margin:2.2rem 0 2.5rem}.hero-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.86rem 1.45rem;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-weight:600;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#16110a}.button-primary:hover{background:var(--gold-soft)}.text-link{font-size:.88rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding:.65rem 0}.text-link span{color:var(--gold);margin-left:.4rem}.hero-rail{position:absolute;z-index:2;left:max(24px,calc((100vw - var(--max))/2));right:max(24px,calc((100vw - var(--max))/2));bottom:0;min-height:104px;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1.2fr 1fr .7fr;align-items:center}.hero-rail div{padding:0 2.2rem;border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column}.hero-rail div:first-child{padding-left:0}.hero-rail div:last-child{border:0}.hero-rail span{font-size:.66rem;text-transform:uppercase;letter-spacing:.22em;color:var(--gold)}.hero-rail strong{font-size:.84rem;font-weight:500;letter-spacing:.02em;margin-top:.2rem}.ticker{background:var(--gold);color:#17110a;padding:1rem;overflow:hidden;font-weight:700;font-size:.74rem;letter-spacing:.16em;white-space:nowrap;text-align:center}.ticker span{color:var(--red);padding:0 1.4rem}
.section{padding:125px max(24px,calc((100vw - var(--max))/2))}.section-heading{max-width:850px;margin-bottom:70px}.section h2{font-size:clamp(3.6rem,7vw,7rem);line-height:.82}.about{background:var(--paper)}.about-heading{margin-left:34%}.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}.about-visual{position:relative;min-height:475px;border:1px solid #d6ccbc;background:#f1e7d7}.about-visual:before{content:"";position:absolute;left:26px;top:26px;width:110px;height:6px;background:linear-gradient(90deg,var(--red) 0 33%,var(--gold) 33% 66%,var(--cobalt) 66%)}.experience-card{position:absolute;inset:78px 36px auto;display:grid;grid-template-columns:auto auto 1fr;align-items:start}.experience-number{font:500 clamp(8rem,15vw,12rem)/.7 var(--serif);letter-spacing:-.09em}.experience-plus{font:500 3.8rem/1 var(--serif);color:var(--gold);margin:.2rem 0 0 .6rem}.experience-card p{align-self:end;margin:0 0 .25rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;line-height:1.5}.residency-card{position:absolute;left:36px;right:36px;bottom:36px;border-top:1px solid #a99c89;padding-top:1.2rem}.residency-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#6c645a}.residency-card strong{display:block;font:600 1.75rem var(--serif);margin:.25rem 0}.residency-card p{margin:0;font-size:.85rem}.about-copy{font-size:1.05rem}.about-copy .lead{font:500 clamp(1.7rem,3vw,2.65rem)/1.2 var(--serif);letter-spacing:-.02em}.signature{margin-top:2.4rem;color:var(--red);font:600 clamp(1.25rem,2.2vw,1.85rem) var(--serif);letter-spacing:.01em}.signature span{font:600 .68rem var(--sans);color:#857b70;vertical-align:middle;margin-right:1rem}
.dark-panel{background:var(--night);color:#fff}.split-heading{max-width:none;display:grid;grid-template-columns:1.35fr .65fr;gap:5rem;align-items:end}.split-heading>p{color:#aaa6a1;max-width:430px}.mix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#38363a;border:1px solid #38363a}.mix-card{min-height:390px;padding:34px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:var(--night-2)}.mix-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(216,168,78,.16),transparent 30%);opacity:.8}.mix-card:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(216,168,78,.18);border-radius:50%;top:38px;right:-90px;box-shadow:0 0 0 34px rgba(216,168,78,.03),0 0 0 68px rgba(216,168,78,.02)}.mix-two:before{background:radial-gradient(circle at 80% 18%,rgba(201,59,44,.18),transparent 30%)}.mix-three:before{background:radial-gradient(circle at 80% 18%,rgba(21,93,216,.2),transparent 30%)}.mix-number{position:relative;z-index:1;font-size:.7rem;letter-spacing:.18em;color:var(--gold)}.mix-card h3{position:relative;z-index:1;font:500 2rem/1.05 var(--serif);margin:.4rem 0}.mix-card p{position:relative;z-index:1;color:#aaa6a1}.mix-type{text-transform:uppercase!important;letter-spacing:.18em;font-size:.66rem;color:var(--gold)!important;margin:0}.play-button{position:relative;z-index:2;align-self:flex-start;background:transparent;color:#fff;border:0;padding:0;display:flex;gap:.65rem;align-items:center;cursor:pointer;font-weight:600;font-size:.84rem}.play-button:hover{color:var(--gold-soft)}.play-button>span{border-bottom:1px solid currentColor}
.watch{background:var(--ivory)}.video-grid{display:grid;grid-template-columns:1.45fr .75fr;grid-template-rows:1fr 1fr;gap:16px;height:540px}.video-card{border:0;border-radius:0;background:linear-gradient(145deg,#1d1d22,#0b0b0d);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;padding:30px;text-align:left;font-weight:600;cursor:pointer;position:relative;overflow:hidden}.video-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(216,168,78,.1))}.video-card:nth-child(2){background:linear-gradient(145deg,#a62f24,#41130f)}.video-card:nth-child(3){background:linear-gradient(145deg,#155dd8,#071c42)}.video-main{grid-row:1/3;background-image:linear-gradient(0deg,rgba(6,6,8,.86),rgba(6,6,8,.1) 60%),url("assets/dj-phreespirit-live.jpg");background-size:cover;background-position:center}.video-play{position:relative;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;padding-left:4px;transition:.2s}.video-main .video-play{width:82px;height:82px;font-size:1.35rem}.video-card:hover .video-play{background:#fff;color:var(--ink)}
.booking{background:#e9dfcf;display:grid;grid-template-columns:.76fr 1.24fr;gap:7vw;align-items:start}.booking-intro{position:sticky;top:30px}.booking-intro h2{font-size:clamp(3.5rem,5.8vw,5.9rem);line-height:.83}.booking-intro>p:not(.eyebrow){font-size:1.03rem}.booking-facts{margin-top:2.5rem;border-top:1px solid #b7a995}.booking-facts div{padding:1rem 0;border-bottom:1px solid #b7a995;display:flex;flex-direction:column}.booking-facts span{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#6f665b}.booking-facts a{font-weight:600}.booking-form{background:var(--paper);padding:clamp(26px,4vw,50px);box-shadow:0 30px 90px rgba(34,25,17,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.booking-form label{font-weight:600;font-size:.84rem}.booking-form label>span{color:var(--red)}.booking-form input,.booking-form select,.booking-form textarea{display:block;width:100%;margin-top:.5rem;border:0;border-bottom:1px solid #bdb2a3;background:transparent;border-radius:0;padding:.82rem 0;color:var(--ink)}.booking-form textarea{resize:vertical}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:0;border-color:var(--red);box-shadow:0 2px 0 var(--red)}.booking-form .full{grid-column:1/-1}.consent{display:flex;gap:.8rem;margin:1.7rem 0;align-items:flex-start}.consent input{width:auto;margin:.35rem 0 0}.consent span{color:#4f4941!important;font-weight:400}.submit-button{width:100%}.form-note{text-align:center;color:#756d64;font-size:.78rem}.form-status{display:none;margin-bottom:1.2rem;padding:1rem;background:#fff1d7;color:#5a3700}.form-status.show{display:block}
.deposit-strip{background:var(--gold);color:#17110a;padding:70px max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:3rem}.deposit-strip .eyebrow{color:#5d3b00}.deposit-strip h2{font-size:clamp(3rem,5vw,5rem)}.deposit-strip p:last-child{margin-bottom:0}.button-light{background:#111;color:#fff;white-space:nowrap}footer{background:#08080a;color:#fff;padding:78px max(24px,calc((100vw - var(--max))/2)) 38px;text-align:center}.footer-brand{justify-content:center}.social-links{display:flex;justify-content:center;gap:1.7rem;flex-wrap:wrap;margin:2.2rem 0}.social-links a{color:var(--gold-soft);font-size:.9rem}.copyright{color:#747177;font-size:.78rem;margin-top:2rem}dialog{border:0;padding:2.2rem;max-width:440px;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.4)}dialog::backdrop{background:rgba(5,5,7,.78)}dialog h2{font:600 2.4rem/1 var(--serif)}.dialog-close{position:absolute;right:12px;top:10px;background:transparent;border:0;font-size:1.8rem;cursor:pointer}
.section h2 em{color:var(--red)}.dark-panel h2 em{color:var(--gold-soft)}.eyebrow,.hero-rail span,.experience-card p,.residency-card span,.mix-number,.mix-type,.booking-facts span{font-size:.75rem}.booking-form label{font-size:.875rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:940px){.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:#0b0b0d;padding:1.5rem 24px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-button{display:block}.hero{min-height:900px;align-items:flex-end;padding-bottom:175px}.hero-photo{width:100%;opacity:.72;object-position:58% center}.hero-shade{background:linear-gradient(0deg,#08080a 2%,rgba(8,8,10,.86) 46%,rgba(8,8,10,.2) 100%),linear-gradient(90deg,rgba(8,8,10,.55),transparent)}.hero-copy{width:100%;max-width:680px}.hero h1{font-size:clamp(4.5rem,15vw,7rem)}.hero-rail{grid-template-columns:1fr 1fr}.hero-rail div:last-child{display:none}.about-heading{margin-left:0}.about-grid,.booking{grid-template-columns:1fr}.about-visual{min-height:420px;max-width:620px}.booking-intro{position:static}.split-heading{grid-template-columns:1fr;gap:1.2rem}.mix-grid{grid-template-columns:1fr}.mix-card{min-height:310px}.deposit-strip{align-items:flex-start;flex-direction:column}.section{padding-top:92px;padding-bottom:92px}}
@media(max-width:640px){.site-header{height:74px}.site-header nav{top:74px}.brand{font-size:.76rem;letter-spacing:.1em}.brand-mark{width:34px;height:34px}.hero{min-height:820px;padding-top:110px;padding-bottom:200px}.hero-photo{object-position:56% center}.hero-shade{background:linear-gradient(0deg,#08080a 5%,rgba(8,8,10,.9) 54%,rgba(8,8,10,.12) 100%)}.hero-name{font-size:.78rem}.hero h1{font-size:4.7rem}.hero-lede{font-size:1rem;margin:1.5rem 0 1.8rem}.hero-actions{gap:1rem}.hero-rail{grid-template-columns:1fr;min-height:142px;padding:.7rem 0}.hero-rail div{padding:.5rem 0;border:0}.hero-rail div:nth-child(2){display:none}.ticker{font-size:.66rem}.section{padding-top:78px;padding-bottom:78px}.section-heading{margin-bottom:45px}.section h2{font-size:3.55rem}.about-visual{min-height:370px}.experience-card{inset:76px 24px auto}.experience-number{font-size:8.7rem}.experience-card p{margin-left:.4rem;font-size:.64rem}.residency-card{left:24px;right:24px;bottom:24px}.video-grid{height:auto;grid-template-columns:1fr;grid-template-rows:330px 220px 220px}.video-main{grid-row:auto}.form-grid{grid-template-columns:1fr}.booking-form .full{grid-column:auto}.deposit-strip{padding-top:55px;padding-bottom:55px}.deposit-strip h2{font-size:3.4rem}}

/* Live media */
.hero-photo{object-position:62% 52%;filter:saturate(1.02) contrast(1.03)}
.mix-card{gap:2rem}
.segmented-player{position:relative;z-index:3;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}
.segmented-player audio{display:none}
.mix-toggle{min-width:104px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(0,0,0,.16);color:#fff;padding:.72rem .9rem;display:flex;align-items:center;justify-content:center;gap:.55rem;cursor:pointer;font-weight:700;font-size:.78rem}
.mix-toggle:hover{border-color:var(--gold);color:var(--gold-soft)}
.mix-icon{color:var(--gold);font-size:.72rem}
.mix-timeline{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.mix-seek{width:100%;height:4px;accent-color:var(--gold);cursor:pointer}
.mix-time{color:#aaa6a1;font-size:.7rem;font-variant-numeric:tabular-nums}
.coming-label{position:relative;z-index:2;align-self:flex-start;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:var(--gold-soft);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.video-showcase{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}
.video-frame{padding:12px;background:#09090b;box-shadow:0 35px 80px rgba(18,12,8,.2)}
.video-frame video{display:block;width:100%;aspect-ratio:9/16;max-height:650px;object-fit:cover;background:#000}
.video-details{max-width:540px}
.video-details h3{font:500 clamp(3.4rem,6vw,6.2rem)/.86 var(--serif);letter-spacing:-.045em;margin:0 0 1.5rem}
.video-details>p:not(.eyebrow){font-size:1.08rem;color:#514b44}
.video-next{margin-top:3rem;padding-top:1.4rem;border-top:1px solid #c6bba9;display:flex;flex-direction:column;gap:.4rem}
.video-next span{color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.video-next strong{font:500 1.5rem/1.2 var(--serif)}

@media(max-width:940px){
  .video-showcase{grid-template-columns:minmax(260px,390px) 1fr;gap:3rem}
  .video-details h3{font-size:4.4rem}
}

@media(max-width:700px){
  .video-showcase{grid-template-columns:1fr}
  .video-frame{max-width:420px;margin:0 auto;width:100%}
  .video-details{max-width:none}
}

@media(max-width:640px){
  .hero{display:block;min-height:auto;padding:74px 0 160px;background:#08080a}
  .hero-photo{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;opacity:1;filter:saturate(1.04) contrast(1.03)}
  .hero-shade{display:none}
  .hero-copy{width:100%;max-width:none;padding:44px 24px 52px;background:#08080a}
  .hero h1{font-size:clamp(4rem,19vw,5.1rem)}
  .hero-lede{max-width:33rem}
  .hero-rail{left:24px;right:24px}
  .segmented-player{grid-template-columns:1fr;align-items:stretch}
  .mix-toggle{width:100%}
}