:root{color-scheme:dark;--bg:#080d0b;--gold:#e9c16b;--cream:#fff0cb;--muted:#b9c5bc;--line:#314239}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:#f1f3e9;font:17px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}a:hover{color:var(--gold)}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.preview{font-size:10px;letter-spacing:2px;text-align:center;background:#17372b;color:#e5d5a5;padding:6px 12px}.preview span{letter-spacing:.5px;margin-left:16px}.nav{display:flex;justify-content:space-between;align-items:center;min-height:82px}.wordmark{font-weight:900;letter-spacing:3px;font-size:23px}.wordmark span{color:var(--gold)}nav{display:flex;gap:30px;font-size:14px}nav a{padding:12px 0}.banner{width:100%;height:auto;display:block}.hero{background:#020806}.intro{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:42px 0 55px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-style:italic;letter-spacing:-2px;line-height:1.08;color:var(--cream)}h1{font-size:66px;margin:18px 0 0}.h1-sub{display:block;font:400 20px/1.5 Arial,sans-serif;letter-spacing:0;color:#c3cfc5;margin-top:13px}h2{font-size:60px;margin:15px 0 20px}p{color:var(--muted)}.intro p{font-size:16px;line-height:1.75;margin:0 0 25px}.button{display:inline-flex;align-items:center;gap:40px;background:var(--gold);color:#152117;border-radius:3px;padding:12px 23px;font-size:14px;font-weight:700;min-height:48px}.button:hover{background:#ffe5a4;color:#08150c}.section{padding-top:85px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dot{color:var(--gold)}.text-link{font-size:14px;color:var(--cream);border-bottom:1px solid #726240;padding:12px 0;display:inline-block}.mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cover img{width:100%;height:auto;display:block;border:1px solid #3d4a35}.mix-meta{display:flex;justify-content:space-between;gap:14px;margin:20px 0 12px;font-size:9px;letter-spacing:1px;color:var(--gold);text-transform:uppercase}.mix h3{font-size:24px;line-height:1.2;letter-spacing:-.5px;font-weight:700;margin-bottom:14px}.mix p{font-size:14px;line-height:1.7;margin-bottom:12px}.draft{font-size:12px;color:#c7b987}.mix small{display:block;margin-top:14px}.connections{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.connections p{font-size:25px;margin:8px 0;color:var(--cream)}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:85px}.story img{width:100%;max-width:355px;height:auto;margin-top:14px}.story-copy{padding-top:35px}.story-copy p{margin:0 0 23px;font-size:17px}.connect{padding:70px 0;background:radial-gradient(ellipse at 90% 110%,#12543b 0%,#0a231a 45%,#08120e 100%);border-top:1px solid var(--line)}.connect h2{font-size:70px;margin-bottom:24px}.socials{display:flex;gap:18px 36px;flex-wrap:wrap;margin-top:32px}.socials>a,.pending{font-size:16px;display:inline-block;padding:12px 0;min-height:48px}.socials>a{color:var(--gold);border-bottom:1px solid var(--gold)}.pending{color:#afbbb1}.pending small{display:block;font-size:10px;color:#c7b987}footer{display:flex;justify-content:space-between;gap:18px;padding-top:27px;padding-bottom:27px;font-size:11px;color:#b0beb4;letter-spacing:1px}.skip{position:absolute;left:10px;top:-90px;z-index:10;background:var(--gold);color:#000;padding:12px}.skip:focus{top:10px}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.intro{gap:25px;grid-template-columns:1fr;padding-top:28px}.intro h1{font-size:52px}.mix-grid{gap:35px;grid-template-columns:1fr 1fr}.story{gap:35px;grid-template-columns:1fr 1.2fr}h2{font-size:48px}.section{padding:55px 0}.section-heading{align-items:flex-start;gap:15px}.section-heading>a{font-size:12px}.connect h2{font-size:58px}}@media(max-width:540px){.nav{min-height:70px}.wordmark{font-size:18px;letter-spacing:1px}nav{gap:16px;font-size:12px}.preview{font-size:9px}.preview span{display:none}.banner{min-height:130px;object-fit:contain;background:#000}.mix-grid,.story{grid-template-columns:1fr}.section-heading{display:block}.section-heading>a{padding-top:0;margin-bottom:12px}.story img{max-width:230px}.story-copy{padding-top:0}.connect h2{font-size:52px}.socials{gap:10px 27px}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}.eyebrow{letter-spacing:1.7px}.intro{padding-bottom:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.banner{max-width:1180px;margin:auto}

.enquiry{display:inline-block;margin:15px 0 0 20px;font-size:13px;color:var(--cream);padding:10px 0}@media(max-width:540px){.enquiry{margin-left:0;display:block}}
/* V4: full-width record artwork and cover-inspired display type. */
@font-face{font-family:Fugaz;src:url('assets/FugazOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{background:#061810}.nav{min-height:76px;position:relative;z-index:2}.wordmark{display:flex;align-items:center}.wordmark img{width:92px;height:auto;display:block}.hero{background:transparent}.hero-art{position:relative;width:100%;height:clamp(350px,37vw,570px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#05311c url('assets/emerald-grooves-v4.jpg') center/cover no-repeat;border-top:1px solid #31573c;border-bottom:1px solid #8c753b}.hero-art h1{margin:0;line-height:0;display:contents}.hero-logo{width:min(690px,57vw);height:auto;max-height:calc(100% - 70px);object-fit:contain;filter:drop-shadow(0 10px 18px #001b11)}.hero-genres{font-size:13px;letter-spacing:1.5px;color:#ffedbb;text-align:center;padding:0 20px;text-shadow:0 2px 5px #000}.hero-genres span{margin:0 12px;color:#e1b550}.intro{padding-top:50px;padding-bottom:50px;position:relative;gap:75px;align-items:center}.intro h2{font-size:clamp(38px,4.6vw,65px);margin:12px 0 0}.intro-detail{color:#d7cfb6!important;font-size:14px!important}.enquiry{margin-left:18px}.intro p{margin-bottom:17px}
h2{font-family:Fugaz,'Arial Black',sans-serif;font-style:normal;font-weight:400;letter-spacing:-1.3px;line-height:1.13;color:#ffe9aa;background:linear-gradient(#fff4d3 15%,#ffe5a0 48%,#efb63f 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #8c5916);padding-bottom:5px}h3{font-family:Fugaz,'Arial Black',sans-serif;font-weight:400!important;color:#f8e6b5;font-size:23px!important}.section-heading h2{font-size:58px}.section{padding-top:65px;padding-bottom:65px}main{position:relative;isolation:isolate;overflow:hidden}main:before,main:after{content:"";pointer-events:none;position:absolute;z-index:-1;top:470px;bottom:0;width:max(16vw,150px);background-image:url('assets/emerald-grooves-v4.jpg');background-size:auto 950px;background-repeat:repeat-y;opacity:.72}main:before{left:0;background-position:left top;mask-image:linear-gradient(to right,#000,transparent)}main:after{right:0;background-position:right 400px;mask-image:linear-gradient(to left,#000,transparent)}.mix-grid{gap:32px}.mix{position:relative}.cover{box-shadow:0 10px 40px #00170e;border-bottom:2px solid #ae8c3e}.mix-meta{color:#e1bf6a}.mix p{color:#d0d8cc}.connections{border-color:#6e6635;background:linear-gradient(90deg,transparent,#173a28a8,transparent);padding:26px 0}.connections p{font-family:Fugaz,sans-serif;font-size:30px;color:#f4dda0}.story{gap:80px}.story-copy p{color:#d0d8cc}.connect{position:relative;background:linear-gradient(90deg,#021a11eb 0%,#021a11dd 55%,#021a1180 100%),url('assets/emerald-grooves-v4.jpg') center/cover;border-color:#776130}.connect h2{font-size:clamp(42px,5.5vw,78px);max-width:900px}.connect p{color:#d5ddce}.socials{gap:14px 28px}.text-link{color:#ffe5a3}.button{background:linear-gradient(#ffe4a1,#dfb34f);box-shadow:0 2px 0 #725222}footer{background:transparent}nav a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1600px){.wrap{width:min(1280px,calc(100% - 100px))}.hero-logo{width:740px}.hero-art{height:560px}}
@media(max-width:800px){.hero-art{height:360px}.hero-logo{width:min(540px,80vw)}.hero-genres{font-size:11px;letter-spacing:.5px}.hero-genres span{margin:0 5px}.intro{gap:24px}.intro h2{font-size:49px}.intro-detail{font-size:15px!important}.section-heading h2{font-size:48px}.story{gap:30px}main:before,main:after{opacity:.5;width:100px}.connect h2{font-size:56px}}
@media(max-width:540px){.nav{min-height:66px}.wordmark img{width:76px}.hero-art{height:300px;background-size:auto 100%}.hero-logo{width:95vw;max-height:230px}.hero-genres{max-width:340px;line-height:1.8;font-size:10px;letter-spacing:.5px}.hero-genres span{margin:0 3px}.intro{padding:34px 0}.intro h2{font-size:44px}.enquiry{margin-left:0;display:block}.section{padding:42px 0}.section-heading h2{font-size:44px}.mix-grid{gap:42px}main:before,main:after{width:65px;opacity:.55;background-size:auto 700px}.connections p{font-size:24px}.connect{padding:50px 0}.connect h2{font-size:43px}.connect p{font-size:15px}.socials{gap:8px 22px}.socials>a{font-size:14px}.story img{max-width:275px}}
/* Continuous edge artwork: no tiled horizontal joins. */
main:before,main:after{position:fixed;top:0;bottom:0;background-repeat:no-repeat;background-size:auto 100vh}main:before{background-position:left center}main:after{background-position:right center}
/* Direct social links, visible at the top of every screen size. */
.nav{gap:26px}.nav>nav:first-of-type{margin-left:auto}.header-socials{gap:9px;flex-wrap:wrap}.header-socials .social-button{min-height:44px;padding:8px 14px;border:1px solid #89713d;border-radius:5px;color:#ffe5a3;background:#102b20;font-size:12px;gap:8px;justify-content:center}.header-socials .social-button:hover{background:#244c35;border-color:#e9c16b;color:#fff1c7}@media(max-width:800px){.nav{gap:12px;flex-wrap:wrap;padding-top:7px;padding-bottom:12px}.nav>nav:first-of-type{gap:22px}.header-socials{width:100%;justify-content:center;border-top:1px solid #304b39;padding-top:10px;gap:10px}.header-socials .social-button{flex:1;max-width:160px;min-height:44px;font-size:12px}}
/* V06: miniature emerald-and-gold record sleeves in the top navigation. */
.nav>nav:first-of-type a{font-family:Fugaz,'Arial Black',sans-serif;font-size:15px;color:#f5d78c;text-shadow:0 1px 1px #583c10;letter-spacing:.1px}
.nav>nav:first-of-type a:hover{color:#fff1c8}
.header-socials .social-button{position:relative;isolation:isolate;overflow:hidden;min-height:46px;padding:10px 17px;border:1px solid #c49b47;border-radius:6px;background:linear-gradient(105deg,rgba(0,19,12,.70),rgba(0,21,13,.90) 42%,rgba(0,25,15,.78)),url('assets/emerald-grooves-v4.jpg') left center/auto 190px;color:#ffe7a3;font-family:Fugaz,'Arial Black',sans-serif;font-size:13px;font-weight:400;text-shadow:0 1px 2px #000,0 0 5px #001109;box-shadow:inset 0 1px 0 #fce4a47a,inset 0 -2px 4px #0009,0 2px 5px #0005;transition:border-color .18s,box-shadow .18s}
.header-socials .social-button:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:100px;height:100px;left:-50px;top:-28px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3px,#dca63880 3.5px 4px,transparent 4.5px 6px),conic-gradient(from 35deg,#073b24,#b7892d,#ffe9a5,#205c37,#052519,#b7892d,#073b24);opacity:.65;box-shadow:0 0 0 1px #f1cb78aa}
.header-socials .social-button:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,#eec164bb,transparent);pointer-events:none}
.header-socials .social-button:hover{background:linear-gradient(105deg,#002217a6,#002518d9),url('assets/emerald-grooves-v4.jpg') left center/auto 190px;border-color:#ffe4a1;color:#fff2c9;box-shadow:inset 0 1px 0 #fff1b5aa,0 0 12px #d3ae4133}
.header-socials .social-button span{font-family:Arial,sans-serif;font-size:14px}
@media(max-width:800px){.nav>nav:first-of-type a{font-size:14px}.header-socials .social-button{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.header-socials .social-button{transition:none}}