:root{--bg:#10100e;--panel:#181916;--gold:#e6be65;--text:#f0eee7;--muted:#aaa99f;--line:#34342d;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{cursor:pointer}::selection{background:var(--gold);color:var(--bg)}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-80px;z-index:50;background:var(--gold);color:var(--bg);padding:14px 20px}.skip-link:focus{top:10px}.section-shell{max-width:1500px;margin:0 auto;padding-left:6%;padding-right:6%}.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;max-width:1500px;margin:auto;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;font-weight:900;letter-spacing:-1px;line-height:1}.brand-dot{font-size:10px;color:var(--gold);vertical-align:top;margin-left:4px}.wordmark small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:8px;font-weight:500}.header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.header nav a{padding:12px 0}.header nav a:hover,.text-link:hover{color:var(--gold)}.header nav .nav-cta{border:1px solid #68604a;padding:12px 18px;color:var(--gold)}.nav-cta span{margin-left:25px}.hero{position:relative;min-height:720px;padding-top:68px;display:grid;grid-template-columns:1.05fr 1fr;gap:2%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.6;margin:0}.status-dot{width:6px;height:6px;display:inline-block;background:var(--gold);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(65px,7.75vw,118px);font-weight:900;letter-spacing:-5px;line-height:.93;margin:30px 0 24px;max-width:650px}.hero h1>span{color:var(--gold)}.hero-intro{font-size:17px;line-height:1.55;color:#c4c2b8;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin:28px 0 40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 22px;min-height:52px;border:1px solid transparent;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#15150f}.gold:hover{background:#f2d286}.button span{font-size:18px;line-height:1}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:22px;align-items:center;padding:12px 0}.text-link span{font-size:18px}.hero-art{position:relative;align-self:start;padding-top:7px;min-width:0}.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:var(--muted);position:relative;z-index:2}.art-top{padding:0 9%}.art-bottom{border-top:1px solid var(--line);padding:20px 9%}.emblem-stage{position:relative;margin:18px 0 10px;aspect-ratio:1;isolation:isolate;display:flex;align-items:center;justify-content:center}.emblem{width:94%;height:94%;object-fit:contain;mix-blend-mode:screen;z-index:1;filter:drop-shadow(0 15px 30px #0004)}.emblem-stage:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#c6a25212,transparent 68%)}.orbit{position:absolute;border:1px solid #9a7f402c;border-radius:50%;inset:0}.orbit-two{inset:8%;border-style:dashed;transform:rotate(-15deg)}.orbit-one:after{content:'';position:absolute;top:16%;right:11%;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px #e6be6540}.art-index{position:absolute;right:-2%;top:34%;font-size:8px;letter-spacing:3px;writing-mode:vertical-rl;color:var(--muted)}.hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:23px 0;margin-top:20px;font-size:8px;letter-spacing:1.6px;color:var(--muted)}.hero-footer a{display:flex;gap:25px;align-items:center}.hero-footer a span{color:var(--gold);font-size:15px}.separator{color:var(--gold);padding:0 12px}.culture-strip{background:var(--gold);color:#15150f;display:flex;align-items:center;justify-content:space-around;gap:25px;padding:21px 5%;font-size:clamp(13px,1.4vw,21px);font-weight:800;letter-spacing:-.5px;overflow:hidden}.strip-star{font-size:26px;font-weight:400}.section-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--line);gap:20px}.section-number{color:var(--gold);margin-right:15px}.micro-copy{font-size:8px;letter-spacing:1.5px;color:var(--muted);text-align:right}.sound-section{padding-top:95px;padding-bottom:100px}.sound-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:55px}h2{font-size:clamp(38px,4vw,60px);font-weight:800;letter-spacing:-2.5px;line-height:1.06;margin:0}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-2px;color:var(--gold)}.sound-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:390px;margin:28px 0}.sound-tabs{display:flex;border-bottom:1px solid var(--line);margin:27px 0}.sound-tabs button{border:0;color:var(--muted);background:transparent;padding:14px 18px;border-bottom:2px solid transparent;font-size:12px}.sound-tabs button:first-child{padding-left:0;padding-right:24px}.sound-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.sound-tabs button:hover{color:var(--text)}.mood-title{font-size:15px;font-weight:600;margin:20px 0 10px}.mood-description{font-size:13px;line-height:1.8;color:var(--muted);max-width:380px;margin:0 0 14px;min-height:70px}.record-scene{position:relative;border:1px solid #454435;background:#1e2119;aspect-ratio:1;padding:24px;overflow:hidden;transition:background .5s}.record-scene:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 3px,#ffffff01 3px,#ffffff01 4px);pointer-events:none}.record-top{position:relative;z-index:2;font-size:8px;letter-spacing:2px;color:#d1cbbb}.vinyl{position:absolute;width:89%;height:89%;left:18%;top:15%;border-radius:50%;border:2px solid #353a2c;background:repeating-radial-gradient(circle,#11120e 0px,#11120e 2px,#292b22 3px,#0c0d0b 4px,#151611 6px);box-shadow:-10px 15px 30px #0008;transform:rotate(-18deg)}.vinyl:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 80deg,transparent,#ffffff09,transparent 35%,#ffffff0a,transparent 72%)}.record-label{position:absolute;inset:28%;background:var(--gold);border-radius:50%;color:#191a12;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(18deg);transition:background .5s}.record-label-top{font-size:6px;letter-spacing:1.3px;margin-bottom:13px}.record-label strong{font-size:clamp(22px,2.5vw,38px);font-weight:900;letter-spacing:-1.5px;line-height:.9;text-align:center}.record-label-bottom{font-size:6px;letter-spacing:1.2px;margin-top:22px}.record-hole{position:absolute;left:49%;top:50%;width:6px;height:6px;background:#14160e;border:1px solid #a58140;border-radius:50%}.record-caption{position:absolute;left:24px;right:24px;bottom:23px;font-size:8px;letter-spacing:1.3px;display:flex;justify-content:space-between;color:#cfccb9}.record-stamp{position:absolute;left:23px;bottom:80px;font-size:22px;letter-spacing:-1px;line-height:1.05;font-weight:800;color:#d1cbbb}.record-scene[data-mood=amapiano]{background:#213630}.record-scene[data-mood=amapiano] .record-label{background:#aac3a6}.record-scene[data-mood=rnb]{background:#392527}.record-scene[data-mood=rnb] .record-label{background:#c9a399}.empire-section{background:#171813;padding-top:70px;padding-bottom:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empire-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:55px 0 65px}.mini-crown{display:block;font-size:46px;color:var(--gold);margin-bottom:25px;line-height:1}.empire-title h2{font-size:clamp(38px,4.6vw,68px)}.empire-story .large-copy{font-size:clamp(21px,2.2vw,30px);line-height:1.3;color:var(--text);letter-spacing:-.6px;margin:0 0 25px}.empire-story p{color:var(--muted);font-size:14px;line-height:1.8;max-width:400px}.story-signature{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.story-signature span{display:block;font-size:22px;letter-spacing:-.5px;font-weight:900}.story-signature small{display:block;color:var(--gold);font-size:7px;letter-spacing:1.5px;margin-top:7px}.community-line{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:var(--muted);padding-top:30px}.connect-section{padding-top:95px;padding-bottom:90px}.connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:55px}.connect-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:360px;margin:28px 0 35px}.social-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;gap:20px}.social-row:last-of-type{border-bottom:1px solid var(--line)}.social-row small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}.social-row strong{font-size:clamp(14px,1.5vw,21px);font-weight:500;letter-spacing:-.4px}.social-arrow{color:var(--gold);font-size:24px}.social-row:hover strong{color:var(--gold)}.connect-copy .connection-note{font-size:11px;line-height:1.8;margin-top:20px}.booking-panel{padding:35px;border:1px solid var(--line);background:var(--panel)}.booking-head .eyebrow{color:var(--gold);font-size:8px}.booking-head h3,.message-result h3{font-size:23px;letter-spacing:-.7px;margin:12px 0}.booking-head>p:last-child,.message-result>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 25px}.field{margin-top:19px}.field label,.message-result label{display:block;font-size:10px;color:#d2d0c6;margin-bottom:9px}.field label span{color:var(--gold)}input,select,textarea{display:block;width:100%;border:1px solid #43443a;background:#10110e;color:var(--text);padding:13px 12px;border-radius:0;font-size:12px;line-height:1.4;min-width:0}input::placeholder,textarea::placeholder{color:#94958a;opacity:1}select{min-height:45px}textarea{resize:vertical}input[type=date]{color-scheme:dark;min-height:45px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-submit{width:100%;margin-top:22px}.form-note{font-size:9px;line-height:1.6;color:var(--muted);text-align:center;margin:12px 0 0}.message-result .eyebrow{color:var(--gold)}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.result-actions .button{gap:15px;padding:13px 16px;min-height:45px}.outline{border:1px solid #77705b;color:var(--gold);background:transparent}.outline:hover{background:#e6be6510}#copy-status{min-height:20px;font-size:11px;color:var(--gold);margin:10px 0}.edit-message{border:0;background:transparent;color:var(--muted);padding:10px 0;font-size:11px}.edit-message:hover{color:var(--gold)}.footer{border-top:1px solid var(--line);padding-top:48px;padding-bottom:28px}.footer-brand{display:flex;justify-content:space-between;align-items:end;gap:20px}.footer-title{font-size:clamp(40px,7.5vw,105px);letter-spacing:-5px;font-weight:900;line-height:1}.footer-title span{color:var(--gold)}.footer-brand p{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:9px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:40px;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.2px;color:var(--muted)}.footer-bottom a span{color:var(--gold);margin-left:15px}
@media(min-width:1500px){.hero h1{font-size:118px}}@media(max-width:1050px){.header nav{gap:23px}.hero{min-height:630px;padding-top:50px}.hero h1{letter-spacing:-4px}.hero-actions{gap:18px;flex-wrap:wrap}.button{padding:16px}.text-link{gap:12px}.art-top,.art-bottom{font-size:7px;letter-spacing:1px}.sound-layout,.connect-layout{gap:6%}.booking-panel{padding:25px}.form-grid{grid-template-columns:1fr;gap:0}.record-label-top{margin-bottom:10px}.record-label-bottom{margin-top:16px}.empire-layout{gap:6%}}
@media(max-width:760px){html{scroll-padding-top:20px}.section-shell{padding-left:6%;padding-right:6%}.header{height:85px}.wordmark{font-size:21px}.wordmark small{font-size:6px;letter-spacing:1px}.header nav>a:not(.nav-cta){display:none}.header nav .nav-cta{font-size:10px;padding:11px}.nav-cta span{margin-left:10px}.hero{grid-template-columns:1fr;padding-top:42px;gap:0}.hero h1{font-size:clamp(70px,14.5vw,108px);letter-spacing:-4px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-intro{font-size:15px}.hero-actions{margin-bottom:20px;flex-wrap:wrap;gap:20px}.hero-art{width:100%;max-width:460px;justify-self:center;padding-top:20px}.emblem-stage{margin:15px 0 0}.emblem{width:91%;height:91%}.art-bottom{padding:16px 5%}.art-top{padding:0 5%}.art-index{right:-3%}.hero-footer{font-size:6px;letter-spacing:1px;gap:15px;align-items:start;line-height:1.8;margin-top:25px;padding:20px 0}.hero-footer>span{max-width:210px}.hero-footer a{white-space:nowrap;gap:10px}.separator{padding:0 5px}.culture-strip{padding:18px 6%;gap:12px;justify-content:center;flex-wrap:wrap;font-size:13px}.culture-strip>span:nth-last-child(-n+2){display:none}.strip-star{font-size:19px}.sound-section,.connect-section{padding-top:58px;padding-bottom:60px}.section-top{padding-bottom:23px}.micro-copy{display:none}.sound-layout,.connect-layout,.empire-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}h2{font-size:44px;letter-spacing:-2px}.sound-copy>p{font-size:14px;max-width:450px}.sound-tabs button{font-size:12px}.mood-description{min-height:55px}.record-scene{max-width:520px;width:100%;justify-self:center}.record-label strong{font-size:clamp(24px,7vw,44px)}.record-label-top{font-size:7px;margin-bottom:13px}.record-label-bottom{font-size:6px;margin-top:22px}.record-stamp{font-size:26px}.empire-section{padding-top:48px;padding-bottom:26px}.empire-layout{padding-bottom:35px}.empire-title h2{font-size:47px}.mini-crown{font-size:35px;margin-bottom:20px}.empire-story .large-copy{font-size:26px}.community-line{font-size:6px;letter-spacing:.7px;gap:12px;padding-top:23px}.connect-copy>p{max-width:430px;margin-bottom:26px}.social-row strong{font-size:18px}.booking-panel{padding:26px}.form-grid{grid-template-columns:1fr 1fr;gap:12px}.footer{padding-top:36px;padding-bottom:25px}.footer-title{font-size:61px;letter-spacing:-3px}.footer-brand{align-items:start;flex-direction:column;gap:10px}.footer-brand p{font-size:7px;margin:0}.footer-bottom{flex-wrap:wrap;font-size:6px;margin-top:25px;line-height:1.8;gap:16px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:390px){.hero h1{font-size:69px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;gap:16px}.text-link{font-size:11px}.culture-strip{font-size:11px}.form-grid{grid-template-columns:1fr;gap:0}.booking-panel{padding:20px}.social-row strong{font-size:16px}.community-line{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

.record-scene[data-mood=hiphop]{background:#342b1b}.record-scene[data-mood=hiphop] .record-label{background:#dcb673}
@media(max-width:390px){.sound-tabs button{padding:14px 12px;font-size:11px}.sound-tabs button:first-child{padding-right:18px}}

/* DJ RASKO MIXTAPE EXPERIENCE */
.mixes-section{padding-top:95px;padding-bottom:100px;border-top:1px solid var(--line)}
.mixes-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:50px 0 38px}
.mixes-intro p{color:var(--muted);font-size:14px;line-height:1.8;max-width:330px;margin:0}
.mixes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mix-card{border:1px solid var(--line);background:var(--panel);min-width:0;overflow:hidden}
.mix-video{position:relative;width:100%;aspect-ratio:16/9;background:#080807}
.mix-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mix-info{padding:22px}.mix-tag{color:var(--gold);font-size:9px;letter-spacing:1.4px;font-weight:700}
.mix-info h3{font-size:21px;margin:12px 0 18px;letter-spacing:-.5px}
.mix-info a{font-size:12px;font-weight:700;color:var(--gold)}.mix-info a:hover{text-decoration:underline}
.mixes-note{font-size:11px;color:var(--muted);margin-top:22px;line-height:1.6}
@media(max-width:760px){.mixes-section{padding-top:58px;padding-bottom:60px}.mixes-intro{display:block;padding:35px 0 28px}.mixes-intro p{margin-top:18px}.mixes-grid{grid-template-columns:1fr;gap:20px}.mix-info{padding:20px}.header nav{gap:10px}.header nav>a[href="#mixes"]{display:inline-block;font-size:10px}.header nav .nav-cta{padding:9px 7px}}
@media(max-width:390px){.header nav>a[href="#mixes"]{font-size:9px}.header nav .nav-cta{font-size:9px}.wordmark{font-size:18px}}

/* Booking email submission status */
.booking-status{font-size:12px;line-height:1.6;color:var(--gold);margin:14px 0 0}.booking-status:empty{display:none}.booking-submit:disabled{opacity:.65;cursor:wait;transform:none}#booking-success:focus{outline:none}#booking-success .button{margin-top:14px}

/* CMS-managed event flyers and performance photo gallery */
.cms-media-section{padding-top:65px;padding-bottom:75px}
.cms-media-section[hidden]{display:none}
.cms-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.cms-media-card{min-width:0;margin:0;padding:20px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.cms-media-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:18px}
.cms-media-card h3{font-size:22px;line-height:1.2;margin:0 0 12px}
.cms-media-card p,.cms-media-card figcaption{font-size:13px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.cms-media-card .cms-media-meta{color:var(--gold)}
.cms-media-link{display:inline-block;color:var(--gold);font-size:13px;font-weight:700;margin-top:10px}
@media(max-width:760px){.cms-media-grid{grid-template-columns:1fr}.cms-media-section{padding-top:45px;padding-bottom:50px}}

/* Multiple DJ RASKO photo albums */
.cms-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.cms-album{min-width:0;border:1px solid var(--line);background:var(--panel);align-self:start}
.cms-album-cover{cursor:pointer;list-style:none;display:block}
.cms-album-cover::-webkit-details-marker{display:none}
.cms-album-cover>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.cms-album-info{padding:20px}
.cms-album-info h3{font-size:21px;margin:0 0 10px}
.cms-album-info p{font-size:13px;line-height:1.6;color:var(--muted)}
.cms-album-count{display:block;margin-top:14px;font-size:12px;color:var(--gold);font-weight:700}
.cms-album[open]{grid-column:1/-1}
.cms-album[open]>.cms-album-cover{display:flex;align-items:center;gap:20px}
.cms-album[open]>.cms-album-cover>img{width:180px;aspect-ratio:4/3}
.cms-album-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px}
.cms-album-photos .cms-media-card{padding:12px}
@media(max-width:760px){.cms-album-grid{grid-template-columns:1fr}.cms-album-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.cms-album[open]>.cms-album-cover>img{width:38%}}
@media(max-width:440px){.cms-album-photos{grid-template-columns:1fr}}

/* Website 2.0: keep expanded navigation usable on narrow screens */
@media(max-width:760px){.header{height:auto;min-height:98px;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.header nav a{padding:7px 0}.header nav .nav-cta{padding:9px 10px}}
@media(max-width:480px){.header{align-items:flex-start}.header nav{width:100%;justify-content:flex-start}.header nav .nav-cta{margin-left:auto}}

/* WEBSITE 2.0 / PHASE 2 — cinematic editorial styling */
.hero{isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 32%,rgba(212,175,55,.12),transparent 43%),linear-gradient(115deg,rgba(212,175,55,.045),transparent 48%)}
.hero-overline{display:inline-flex;align-items:center;gap:12px;border:1px solid #80683c;padding:11px 15px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:1.6px;line-height:1.5;margin:0 0 10px}
.hero-overline span{font-size:14px}
.hero h1{background:linear-gradient(140deg,#fff 15%,#f5e2ac 52%,#c99b43 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-intro{font-size:clamp(20px,2.1vw,30px);font-weight:700;line-height:1.3;color:#f4dfad;max-width:510px}
.hero-promise{color:#c4c0b5;font-size:13px;line-height:1.8;max-width:420px;margin:17px 0 0}
.emblem-stage{filter:drop-shadow(0 0 35px rgba(207,166,69,.12))}
.emblem-stage:before{background:radial-gradient(ellipse,rgba(212,175,55,.18),transparent 65%)}
.hero-actions .gold{box-shadow:0 12px 34px rgba(201,157,55,.16)}
.experience-band{position:relative;padding-top:80px;padding-bottom:80px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 82% 48%,rgba(212,175,55,.09),transparent 42%)}
.experience-label{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--gold);margin:0 0 20px}
.experience-band h2{font-size:clamp(33px,5.1vw,76px);line-height:1.05;letter-spacing:-2px;max-width:1100px;margin:0 0 22px}
.experience-band h2 em{font-family:var(--serif);font-weight:400;color:var(--gold)}
.experience-band>p:not(.experience-label){font-size:15px;line-height:1.8;color:var(--muted);max-width:650px}
.experience-actions{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px}
.experience-actions a{border-bottom:1px solid var(--gold);padding:12px 0;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1px}
.mix-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.mix-card:hover{transform:translateY(-5px);border-color:#94743e;box-shadow:0 20px 45px rgba(0,0,0,.24)}
.booking-panel{box-shadow:0 20px 65px rgba(0,0,0,.15)}
@media(max-width:760px){.hero-overline{font-size:8px;letter-spacing:.9px}.hero h1{letter-spacing:-3px}.hero-promise{font-size:12px}.experience-band{padding-top:58px;padding-bottom:58px}.experience-band h2{letter-spacing:-1px}.experience-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){.mix-card,.button{transition:none}.mix-card:hover,.button:hover{transform:none}}

/* Phase 3: professional DJ RASKO electronic press kit */
.epk-feature{padding-top:85px;padding-bottom:95px;border-top:1px solid var(--line)}
.epk-feature-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;padding-top:44px}
.epk-feature h2{font-size:clamp(35px,5.5vw,76px);letter-spacing:-2.5px;line-height:1.1;margin:18px 0 22px}
.epk-feature h2 .serif{color:var(--gold)}
.epk-feature-layout>div:first-child>p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:1.85;font-size:15px}
.epk-feature-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}
.epk-feature-card{padding:38px;border:1px solid #75613d;background:linear-gradient(140deg,#242117,#141511);box-shadow:0 25px 65px #0003}
.epk-feature-card>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#d7d2c7;padding:16px 0;border-bottom:1px solid #4a4230}
.epk-feature-card strong{font-size:23px;color:#f1d38e}
.epk-feature-card .epk-feature-tagline{font-size:20px!important;font-weight:800;color:var(--gold)!important;line-height:1.5!important}
.epk-feature-card>a{display:inline-block;color:var(--gold);font-weight:700;font-size:11px;letter-spacing:1px;padding-top:15px}
@media(max-width:760px){.epk-feature{padding-top:55px;padding-bottom:65px}.epk-feature-layout{grid-template-columns:1fr;gap:30px}.epk-feature h2{letter-spacing:-1px}.epk-feature-card{padding:24px}}

/* Phase 3 typography refinement: calm, readable press-kit hierarchy */
.epk-feature-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,80px)}
.epk-feature h2{font-size:clamp(34px,4.4vw,62px);letter-spacing:-1.6px;line-height:1.17}
.epk-feature .epk-description{font-size:16px!important;line-height:1.95!important;max-width:540px!important;color:#d4d0c6!important}
.epk-feature-actions{gap:18px 28px}
.epk-feature-actions .button{white-space:nowrap}
.epk-feature-card{padding:clamp(24px,3.2vw,46px)}
.epk-feature-card .epk-card-label{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 28px}
.epk-artist-name{display:flex;flex-direction:column;gap:8px;padding-bottom:26px;border-bottom:1px solid #4a4230}
.epk-artist-name strong{font-size:clamp(27px,3vw,38px);letter-spacing:-.7px;line-height:1.1;color:#f1d38e}
.epk-artist-name span{font-size:11px;letter-spacing:2px;font-weight:700;color:#eee8d9}
.epk-card-group{padding:22px 0;border-bottom:1px solid #4a4230}
.epk-card-caption{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#aa9876;margin-bottom:12px}
.epk-card-group p{font-size:14px;line-height:1.85;color:#f0ece2;margin:0;overflow-wrap:break-word}
.epk-card-group p span{color:var(--gold);padding:0 4px}
.epk-feature-card p.epk-feature-tagline{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.1vw,27px)!important;font-weight:400!important;letter-spacing:0;line-height:1.45!important;padding:26px 0 22px;margin:0;color:var(--gold)!important;border-bottom:0}
.epk-feature-card .epk-photo-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.7px;padding-top:8px}
@media(max-width:760px){.epk-feature-layout{grid-template-columns:1fr}.epk-feature h2{font-size:clamp(34px,8vw,52px)}.epk-feature .epk-description{font-size:15px!important}.epk-feature-card{padding:26px}.epk-feature-actions{align-items:flex-start}.epk-feature-actions .button{white-space:normal}}

/* Booking Experience 2.0: clear event enquiry steps */
.booking-panel{border:1px solid #655332;background:linear-gradient(155deg,#1d1c17,#131410);box-shadow:0 28px 80px rgba(0,0,0,.25)}
.booking-head{padding-bottom:12px}
.booking-step-label{display:flex;align-items:center;gap:12px;color:#ebce89;font-size:11px;font-weight:800;letter-spacing:1.7px;margin:32px 0 20px;padding-bottom:13px;border-bottom:1px solid #48402d}
.booking-step-label span{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #947440;color:#f0d596;font-size:11px;letter-spacing:0}
.booking-panel .field{min-width:0}
.booking-panel .field label{line-height:1.6}
.booking-panel .field-optional{font-size:11px;color:#aaa59b;font-weight:400;letter-spacing:0}
.booking-panel input,.booking-panel select,.booking-panel textarea{max-width:100%;min-width:0}
.booking-panel input:focus,.booking-panel select:focus,.booking-panel textarea:focus{border-color:#e6be65}
.booking-reassurance{display:flex;flex-wrap:wrap;gap:8px;color:#e0c58d;font-size:9px;letter-spacing:.9px;line-height:1.9;margin:19px 0 8px;font-weight:700}
.booking-submit{width:100%;justify-content:center;margin-top:13px;letter-spacing:.5px}
@media(max-width:760px){.booking-step-label{margin-top:26px}.booking-reassurance{font-size:9px;gap:6px}}

/* RASKO Mix Vault homepage gateway */
.vault-teaser{padding-top:85px;padding-bottom:85px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 82% 38%,rgba(212,175,55,.09),transparent 52%)}
.vault-teaser .eyebrow{color:var(--gold)}
.vault-teaser h2{font-size:clamp(38px,6.2vw,88px);line-height:1.04;letter-spacing:-2.5px;margin:22px 0}
.vault-teaser h2 span{color:var(--gold);font-family:var(--serif);font-style:italic;font-weight:400}
.vault-teaser>p:not(.eyebrow){max-width:610px;font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:27px}
@media(max-width:760px){.vault-teaser{padding-top:55px;padding-bottom:60px}.vault-teaser h2{letter-spacing:-1px}}

/* Mix Vault — SoundCloud-inspired integrated homepage audio library */
.home-vault{padding-top:90px;padding-bottom:100px;border-top:1px solid var(--line)}
.home-vault-head{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0 12px}
.home-vault-head h2{font-size:clamp(42px,6vw,85px);line-height:1.02;letter-spacing:-2.8px;margin:0 0 24px;font-weight:900}
.home-vault-head h2 span{font-family:var(--serif);font-style:italic;color:var(--gold);font-weight:400}
.home-vault-head p{max-width:590px;color:#bfb9aa;line-height:1.8;font-size:15px}
.home-vault-symbol{font-size:110px;color:#b38d44;opacity:.55}
.home-vault .vault-filter{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 26px}
.home-vault .vault-filter button{background:transparent;border:1px solid #655637;color:#d7d1c5;padding:11px 17px;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.4px}
.home-vault .vault-filter button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#16150f}
.vault-track-list{display:flex;flex-direction:column;gap:10px}
.vault-track{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:20px;align-items:center;padding:13px 18px;background:#1b1b17;border:1px solid #3a352a;transition:border-color .2s,background .2s}
.vault-track:hover{border-color:#a0844b;background:#211f18}
.vault-track-cover{height:88px;width:88px;background:linear-gradient(140deg,#594625,#1a1a15);display:grid;place-items:center;overflow:hidden}
.vault-track-cover img{width:100%;height:100%;object-fit:cover}
.vault-track-cover span{font-size:24px;font-weight:900;color:var(--gold)}
.vault-track-info{min-width:0}
.vault-track-info small{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--gold)}
.vault-track-info h3{font-size:clamp(16px,2vw,22px);line-height:1.3;margin:8px 0;color:#f4f0e7}
.vault-track-info p{font-size:12px;color:#b2ada2;line-height:1.6;margin:0}
.vault-track-actions{display:flex;align-items:center;gap:15px}
.vault-track-play{background:var(--gold);color:#14130e;border:0;padding:14px 18px;min-width:120px;font-size:11px;font-weight:900;cursor:pointer}
.vault-track-external{font-size:11px;font-weight:800;color:var(--gold)}
.vault-empty{border:1px solid #5d4b2e;padding:38px;background:#1a1915;color:#e4d4b2;line-height:1.6}
.vault-empty strong{font-size:14px;letter-spacing:1px}
.vault-empty p{color:#b9b1a2;margin-bottom:0}
.vault-help{font-size:12px;color:var(--muted);margin-top:25px;line-height:1.8}
.vault-help a{color:var(--gold)}
.vault-player[hidden]{display:none!important}
.vault-player{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#15150f;border-top:2px solid #d4aa56;box-shadow:0 -15px 45px #000a;padding:12px 5%}
.vault-player-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:46px minmax(130px,1fr) minmax(200px,2fr) 30px;align-items:center;gap:16px}
.vault-playing-art{height:46px;width:46px;display:grid;place-items:center;background:#44351c;color:var(--gold);font-size:14px;font-weight:900}
.vault-playing-info{min-width:0}
.vault-playing-info small{font-size:9px;letter-spacing:1.3px;color:var(--gold);display:block}
.vault-playing-info strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}
.vault-player audio{width:100%;height:42px}
.vault-close{background:transparent;border:0;color:#eee;font-size:26px;cursor:pointer}
@media(max-width:750px){.home-vault{padding-top:55px;padding-bottom:65px}.home-vault-head h2{letter-spacing:-1px}.home-vault-symbol{display:none}.vault-track{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:12px}.vault-track-cover{width:65px;height:65px}.vault-track-actions{grid-column:2;justify-content:flex-start}.vault-track-play{padding:11px 14px}.vault-player-inner{grid-template-columns:minmax(0,1fr) 28px;gap:8px}.vault-playing-art{display:none}.vault-player audio{grid-column:1;grid-row:2}.vault-close{grid-column:2;grid-row:1}.vault-playing-info{grid-column:1;grid-row:1}}

/* National booking experiences — proposal */
.booking-experiences{padding-top:90px;padding-bottom:95px}
.booking-experiences-intro{padding:42px 0 28px;max-width:760px}
.booking-experiences-intro p{color:var(--muted);line-height:1.8}
.booking-experiences-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.booking-experience-card{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(22px,3vw,38px);border:1px solid #806638;background:linear-gradient(145deg,#242017,#12120f);border-radius:12px}
.booking-experience-card .eyebrow{color:var(--gold)}
.booking-experience-card h3{font-size:clamp(20px,2vw,29px);line-height:1.15;letter-spacing:-.6px;margin:0}
.booking-experience-card p:not(.eyebrow){color:#c8c3b5;line-height:1.7;flex:1;margin:0}
.booking-experience-card .button{margin-top:auto;width:100%;gap:10px;text-align:center}
.booking-experiences-note{color:var(--muted);font-size:12px;line-height:1.7;margin-top:24px}
@media(max-width:850px){.booking-experiences-grid{grid-template-columns:1fr}.booking-experiences{padding-top:60px;padding-bottom:65px}}


/* Mobile-first refinements: navigation, embeds, forms and safe content wrapping. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .section-shell{padding-left:20px;padding-right:20px}
  .header{height:auto;min-height:78px;padding:16px 20px;flex-wrap:wrap;gap:14px}
  .header nav{width:100%;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .header nav a{flex:0 0 auto;white-space:nowrap;padding:10px 12px;border:1px solid var(--line);border-radius:6px}
  .hero{min-height:0}
  .hero h1{font-size:clamp(52px,16vw,88px);letter-spacing:-.055em}
  .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
  .hero-actions .button{flex:1 1 190px;min-width:0;gap:10px}
  .hero-art,.hero-copy,.radio-feature,.vip-panel{min-width:0}
  .vip-panel{margin:22px auto;padding:22px}
  .vip-form>div,.vip-form input[type=email],.vip-form button{width:100%;max-width:none}
  iframe,video{max-width:100%}
  img{max-width:100%;height:auto}
}
@media(max-width:440px){
  .header nav a{font-size:11px}
  .hero-actions .button{flex-basis:100%}
  .hero-footer{flex-wrap:wrap;gap:12px}
  .vip-panel h2{overflow-wrap:anywhere}
}


/* Rasko DJ Console: featured YouTube player with a responsive three-mix selector. */
.rasko-console{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px;align-items:stretch}
.console-main,.console-playlist{min-width:0;border:1px solid #5c4a2b;background:linear-gradient(145deg,#191813,#0d0e0c);border-radius:12px;overflow:hidden}
.console-topline,.console-playlist-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#e6be65;border-bottom:1px solid #3d3526}
.console-topline>span:nth-child(2){margin-right:auto}.console-live-dot{width:8px;height:8px;background:#e6be65;border-radius:50%;box-shadow:0 0 12px #e6be6588}
.console-counter,.console-playlist-head span:last-child{color:#aaa99f;white-space:nowrap}
.console-screen{position:relative;aspect-ratio:16/9;background:#080807}.console-frame{position:absolute;inset:0}.console-frame[hidden]{display:none!important}.console-frame iframe{width:100%;height:100%;border:0;display:block}
.console-now-playing{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.console-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#e6be65}.console-now-playing h3{font-size:clamp(21px,2.6vw,32px);margin:8px 0 5px;line-height:1.1}.console-now-playing p{font-size:12px;color:#aaa99f;margin:0}.console-bars{font-size:27px;letter-spacing:3px;color:#e6be65;white-space:nowrap}
.console-playlist{display:flex;flex-direction:column}.console-track{border-bottom:1px solid #353126;padding:10px 14px;display:flex;align-items:center;gap:8px;transition:background .2s}.console-track.is-active{background:#302513;box-shadow:inset 3px 0 #e6be65}.console-select{display:flex;align-items:center;gap:13px;flex:1;min-width:0;background:none;border:0;color:#f0eee7;text-align:left;padding:12px 4px;cursor:pointer}.console-track-number{font-size:13px;color:#e6be65;font-weight:800}.console-track-text{display:grid;gap:6px;min-width:0}.console-track-text small{font-size:9px;letter-spacing:.15em;color:#e6be65}.console-track-text strong{font-size:clamp(14px,1.5vw,19px);line-height:1.2;overflow-wrap:anywhere}.console-play-icon{color:#e6be65;margin-left:auto}.console-track>a{font-size:10px;color:#e6be65;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:10px 2px}.console-playlist-footer{margin-top:auto;padding:18px 20px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#a99d89;font-size:9px;letter-spacing:.12em}
@media(max-width:900px){.rasko-console{grid-template-columns:minmax(0,1fr)}.console-playlist{gap:0}.console-track-text strong{font-size:17px}}
@media(max-width:480px){.console-topline,.console-playlist-head{padding:13px 12px;font-size:9px}.console-now-playing{padding:16px}.console-bars{font-size:17px;letter-spacing:1px}.console-track{padding:8px}.console-select{gap:9px}.console-track-text strong{font-size:15px}.console-track>a{font-size:10px}.console-playlist-footer{padding:14px}}
@media(prefers-reduced-motion:reduce){.console-track{transition:none}}

/* DJ RASKO homepage: luxury gold outline action buttons (Style 1). */
.hero-actions > a.button.gold {
  background: linear-gradient(145deg, #1c1a15, #100f0c);
  color: #f6de9b;
  border: 1px solid #d9b866;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 #f5d88918, 0 8px 24px #00000024;
  min-height: 76px;
  min-width: 0;
  flex: 1 1 0;
  gap: 12px;
  padding: 16px 18px;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .035em;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.hero-actions > a.button.gold .hero-button-label { font-size: inherit; line-height: 1.35; font-weight: 750; }
.hero-actions > a.button.gold > span[aria-hidden] { color: #eac875; font-size: 20px; flex-shrink: 0; }
.hero-actions > a.button.gold:hover {
  background: linear-gradient(145deg, #2a2418, #17140e);
  border-color: #ffe4a0;
  box-shadow: inset 0 1px 0 #f5d88924, 0 10px 30px #d9b86620;
  transform: translateY(-2px);
}
.hero-actions > a.button.gold:focus-visible { outline: 2px solid #f6de9b; outline-offset: 4px; }
@media (max-width: 1050px) { .hero-actions > a.button.gold { flex: 1 1 160px; } }
@media (max-width: 760px) { .hero-actions > a.button.gold { min-height: 64px; flex: 1 1 150px; padding: 14px 16px; } }
@media (max-width: 420px) { .hero-actions > a.button.gold { flex-basis: 100%; } }
@media (prefers-reduced-motion: reduce) { .hero-actions > a.button.gold { transition: none; } .hero-actions > a.button.gold:hover { transform: none; } }

/* Accessible, full mobile navigation. Desktop navigation remains unchanged. */
.mobile-menu-toggle{display:none}
@media(max-width:760px){
  .header{position:relative;align-items:center;flex-wrap:wrap}
  .mobile-menu-toggle{display:inline-flex;align-items:center;gap:9px;margin-left:auto;padding:11px 14px;background:transparent;border:1px solid #a98749;border-radius:7px;color:#e4bc72;font-size:13px;font-weight:700}
  .mobile-menu-toggle span:first-child{font-size:19px;line-height:1}
  .header nav#site-navigation{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;order:3;padding:12px 0 4px;border-top:1px solid #4b412d}
  .header nav#site-navigation.is-open{display:flex}
  .header nav#site-navigation>a,.header nav#site-navigation>a[href="#mixes"],.header nav#site-navigation>a:not(.nav-cta){display:block;font-size:13px;padding:13px 12px;border-bottom:1px solid #39352c}
  .header nav#site-navigation .nav-cta{margin:12px 0 0;text-align:center;border:1px solid #a98749;border-radius:6px;padding:13px}
}

/* DJ RASKO premium auto slideshow */
.rasko-slideshow{position:relative;max-width:1100px;margin:32px auto 22px;border:1px solid #a98749;border-radius:14px;overflow:hidden;background:#11100d;text-align:center}
.rasko-slide-image{display:block;width:100%;height:clamp(260px,53vw,600px);object-fit:contain;background:#100f0c}
.rasko-slide-caption{margin:0;padding:14px 18px;color:#e4bc72;font-size:13px;letter-spacing:.03em}
.rasko-slide-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 16px 18px}
.rasko-slide-controls button{border:1px solid #a98749;border-radius:7px;background:#1b1811;color:#e4bc72;min-width:44px;min-height:44px;font-size:26px}
.rasko-slide-controls .rasko-slide-pause{font-size:12px;padding:0 15px}
.rasko-slide-counter{color:#f5e8cf;font-size:13px;min-width:52px}
@media(max-width:760px){.rasko-slide-image{height:clamp(260px,70vw,450px)}.rasko-slide-controls{gap:12px}}

/* Mobile-first gallery: slideshow is the single visible photo experience. */
#gallery:has(.rasko-slideshow) #cms-album-grid,
#gallery:has(.rasko-slideshow) #cms-gallery-grid{display:none!important}
@media(max-width:760px){
 #gallery.cms-media-section{padding-top:34px;padding-bottom:42px}
 #gallery .rasko-slideshow{margin:18px 0 0;border-radius:12px}
 #gallery .rasko-slide-image{height:clamp(230px,82vw,460px)}
 #gallery .rasko-slide-caption{padding:12px 14px;font-size:12px}
 #gallery .rasko-slide-controls{gap:12px;padding:0 12px 14px}
}

/* Keep the gold culture ribbon readable at every screen width. */
.culture-strip{flex-wrap:wrap;justify-content:center;column-gap:clamp(10px,2vw,25px);row-gap:10px;text-align:center;line-height:1.35}
.culture-strip .culture-phrase{display:inline-block;white-space:nowrap;flex:0 0 auto}
.culture-strip .strip-star{display:inline-block;flex:0 0 auto;line-height:1}
@media(max-width:760px){
 .culture-strip{display:grid;grid-template-columns:1fr;justify-items:center;gap:8px;padding:20px 16px;font-size:clamp(13px,3.5vw,17px);letter-spacing:.03em}
 .culture-strip .culture-phrase{white-space:normal;max-width:100%;overflow-wrap:break-word}
 .culture-strip .strip-star{font-size:15px}
 .culture-strip .strip-star:last-child{display:none}
}

/* Mix Vault player upgrade: mobile-friendly metadata and playback speed */
.vault-player .vault-player-meta{display:block;margin-top:5px;font-size:11px;letter-spacing:.08em;color:#d5bd83}
.vault-player .vault-speed{display:flex;align-items:center;gap:6px;color:#d5bd83;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.vault-player .vault-speed select{min-height:38px;padding:6px 8px;background:#25231e;color:#f3dfad;border:1px solid #9b7a3e;border-radius:6px;font:inherit;letter-spacing:normal}
@media(max-width:760px){.vault-player .vault-player-inner{gap:9px}.vault-player .vault-speed{justify-self:end}.vault-player .vault-playing-info{min-width:0}.vault-player .vault-playing-info strong{overflow-wrap:anywhere}.vault-player .vault-player-meta{font-size:10px}}

/* Premium Mix Vault sticky transport: artwork, previous/next and responsive controls */
.vault-playing-art img{display:block;width:100%;height:100%;object-fit:cover}
.vault-transport{display:flex;align-items:center;justify-content:center;gap:6px}
.vault-skip{min-width:38px;min-height:42px;border:1px solid #8c7347;border-radius:7px;background:#242016;color:#e5c478;font-size:18px;cursor:pointer}
.vault-skip:hover,.vault-skip:focus-visible{background:#4a381d;outline-color:#e5c478}
.vault-player-inner{grid-template-columns:46px minmax(130px,1fr) auto minmax(170px,2fr) auto 30px;gap:12px}
.vault-player .vault-speed{grid-column:5}
@media(max-width:750px){.vault-player{padding:10px 14px max(12px,env(safe-area-inset-bottom))}.vault-player-inner{display:grid;grid-template-columns:46px minmax(0,1fr) auto 28px;gap:8px}.vault-playing-art{display:grid;grid-column:1;grid-row:1;width:46px;height:46px}.vault-playing-info{grid-column:2;grid-row:1}.vault-close{grid-column:4;grid-row:1}.vault-transport{grid-column:3;grid-row:1}.vault-skip{min-width:34px;min-height:38px;font-size:16px}.vault-player audio{grid-column:1 / 4;grid-row:2;min-width:0}.vault-player .vault-speed{grid-column:3 / 5;grid-row:3;justify-self:end}.vault-player .vault-playing-info strong{font-size:12px}.vault-player .vault-player-meta{font-size:9px}}
@media(max-width:420px){.vault-player-inner{grid-template-columns:40px minmax(0,1fr) 28px}.vault-playing-art{width:40px;height:40px}.vault-transport{grid-column:1 / 3;grid-row:3;justify-content:flex-start}.vault-player .vault-speed{grid-column:2 / 4;grid-row:3}.vault-player audio{grid-column:1 / 4}.vault-close{grid-column:3;grid-row:1}}

/* Mix Vault premium mobile-first redesign — scoped to vault components */
.home-vault{position:relative}
.home-vault-head{gap:20px}
.home-vault .vault-filter{gap:10px;margin:28px 0 30px}
.home-vault .vault-filter button{border-radius:999px;padding:12px 18px;min-height:44px;transition:background .2s,border-color .2s,transform .2s}
.home-vault .vault-filter button:focus-visible,.vault-track-play:focus-visible,.vault-close:focus-visible{outline:2px solid #f3ce82;outline-offset:3px}
.vault-track-list{gap:14px}
.vault-track{position:relative;grid-template-columns:104px minmax(0,1fr) auto;gap:22px;padding:16px;border:1px solid #55462c;border-radius:14px;background:linear-gradient(115deg,#242117,#151510);box-shadow:0 10px 30px #0003;transition:border-color .2s,transform .2s,box-shadow .2s}
.vault-track:hover{transform:translateY(-2px);border-color:#cba85c;box-shadow:0 16px 38px #0006}
.vault-track.is-current{border-color:#d8b76e;background:linear-gradient(110deg,#30271a,#1b1a15)}
.vault-track-cover{width:104px;height:104px;border-radius:10px;box-shadow:0 6px 22px #0007}
.vault-track-cover span{font-size:29px}
.vault-track-info h3{font-size:clamp(18px,2.1vw,24px);margin:7px 0}
.vault-track-info p{max-width:52ch}
.vault-track-status{display:inline-block;margin-top:9px;font-size:10px;letter-spacing:.11em;color:#f2d18a;font-weight:800}
.vault-track-play{min-height:44px;border-radius:8px;padding:13px 20px;box-shadow:0 3px 12px #0005}
.vault-track-external{padding:10px}
.vault-player{background:linear-gradient(110deg,#191710,#11120f);border-top:1px solid #d9b86d;box-shadow:0 -12px 38px #000b;backdrop-filter:blur(14px)}
.vault-playing-art{border-radius:7px;overflow:hidden;box-shadow:0 2px 12px #0009}
.vault-playing-info strong{color:#f8f2e4}
.vault-playback-progress{position:absolute;left:0;right:0;top:0;height:3px;background:#51452f;overflow:hidden}
.vault-playback-progress span{display:block;width:0;height:100%;background:#e6bf6d;transition:width .2s linear}
.vault-player.is-buffering .vault-playing-info small{opacity:.6}
@media(max-width:750px){.home-vault .vault-filter{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 10px;scrollbar-width:thin}.home-vault .vault-filter button{flex:0 0 auto;scroll-snap-align:start}.vault-track{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px;border-radius:12px}.vault-track-cover{width:76px;height:76px}.vault-track-info h3{font-size:17px;margin:5px 0}.vault-track-actions{grid-column:2;flex-wrap:wrap;gap:6px}.vault-track-play{min-width:0;padding:11px 15px}.vault-player{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.vault-player-inner{gap:8px}.vault-playing-art{border-radius:6px}}
@media(max-width:420px){.vault-track{grid-template-columns:68px minmax(0,1fr)}.vault-track-cover{width:68px;height:68px}.vault-track-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.vault-player .vault-playing-info strong{font-size:12px}.vault-player .vault-playing-info small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.vault-track,.vault-playback-progress span,.home-vault .vault-filter button{transition:none}.vault-track:hover{transform:none}}

/* Phase 3: booking experience polish, mobile-first */
.booking-panel{border-radius:18px;overflow:hidden;box-shadow:0 18px 54px #0004}
.booking-head{padding-bottom:20px;border-bottom:1px solid #514329}
.booking-head>p{line-height:1.65}
.booking-trust-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.booking-trust-line span{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border:1px solid #665333;border-radius:999px;color:#ebd4a4;font-size:11px;font-weight:700;letter-spacing:.01em;background:#272115}
#booking-form .booking-step-label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;margin-bottom:18px;border-top:1px solid #4b412f;font-weight:800;letter-spacing:.09em}
#booking-form .booking-step-label small{font-size:11px;letter-spacing:0;color:#bfb3a1;font-weight:400;margin-left:auto}
#booking-form .field label{display:block;margin-bottom:8px;font-weight:700;line-height:1.4}
#booking-form input:not([type=hidden]),#booking-form select,#booking-form textarea{min-height:48px;width:100%;max-width:100%;border-radius:9px;font-size:16px;line-height:1.4}
#booking-form textarea{min-height:110px;resize:vertical}
#booking-form input:focus-visible,#booking-form select:focus-visible,#booking-form textarea:focus-visible{outline:2px solid #e6be65;outline-offset:2px}
#booking-form .booking-submit{width:100%;min-height:54px;justify-content:center;border-radius:9px;font-size:14px;letter-spacing:.02em}
.booking-privacy-note{font-size:12px;color:#d8c5a2;line-height:1.6;margin:18px 0 12px}
#booking-form .booking-reassurance{line-height:1.8}
@media(max-width:760px){.booking-panel{border-radius:14px}.booking-head{padding-bottom:16px}.booking-trust-line{gap:7px}.booking-trust-line span{font-size:10px;padding:7px 9px}.booking-experiences-grid{gap:16px}.booking-experience-card .button{min-height:48px}.booking-panel .form-grid{grid-template-columns:1fr;gap:14px}#booking-form .booking-step-label{gap:7px}#booking-form .booking-step-label small{width:100%;margin-left:0}#booking-form .booking-submit{position:relative}#booking-form .field{min-width:0}}
@media(prefers-reduced-motion:reduce){#booking-form .booking-submit{transition:none}}

/* Phase 4: homepage hero polish — keep CMS hooks and existing navigation */
.hero{isolation:isolate}
.hero-copy{position:relative;z-index:2}
.hero-copy:before{content:'';position:absolute;inset:-35px -30px auto -30px;height:330px;background:radial-gradient(ellipse at 25% 30%,#e6be6512,transparent 70%);pointer-events:none;z-index:-1}
.hero-overline{color:#e5c77f;letter-spacing:.16em}
.hero h1{text-wrap:balance;text-shadow:0 12px 35px #0005}
.hero-promise{max-width:34ch;line-height:1.6}
.hero-service-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.hero-service-line span{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border:1px solid #665331;border-radius:999px;color:#ddc89b;background:#201b13;font-size:10px;font-weight:800;letter-spacing:.08em}
.hero-actions{gap:12px;flex-wrap:wrap}
.hero-actions .button{border-radius:8px;min-height:52px;gap:14px;box-shadow:0 5px 20px #0003}
.hero-actions .button:first-child{background:linear-gradient(125deg,#f1d38b,#d9ab50);color:#16120a}
.hero-actions .button:focus-visible{outline:2px solid #fff0bf;outline-offset:4px}
.hero-art-label{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 8px;color:#d8bb7d;font-size:9px;font-weight:800;letter-spacing:.2em}
.hero-art-label span{font-size:14px}
.emblem-stage{filter:drop-shadow(0 14px 35px #b68b251b)}
.hero-footer{gap:15px;line-height:1.7}
@media(max-width:760px){.hero{padding-top:30px;gap:10px}.hero-copy:before{inset:-20px -15px auto -15px;height:250px}.hero-overline{font-size:9px;line-height:1.7}.hero h1{font-size:clamp(58px,14vw,84px);letter-spacing:-3px;line-height:.92;margin:18px 0}.hero-intro{font-size:16px}.hero-promise{font-size:14px;max-width:32ch}.hero-service-line{gap:6px;margin-top:16px}.hero-service-line span{font-size:9px;min-height:28px;padding:6px 9px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 20px}.hero-actions .button{min-width:0;width:100%;min-height:48px;padding:12px;font-size:11px;gap:6px;text-align:center;justify-content:center}.hero-actions .button:first-child{grid-column:1/-1;min-height:54px;font-size:13px}.hero-art{padding-top:0}.hero-art-label{font-size:8px}.emblem-stage{margin:6px 0}.hero-footer{margin-top:8px;padding:15px 0;font-size:8px}}
@media(max-width:380px){.hero h1{font-size:57px}.hero-actions .button{font-size:10px;padding:10px 6px}.hero-service-line span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-actions .button{transition:none}.hero-actions .button:hover{transform:none}}