:root{--paper:#f2f0ea;--ink:#111;--muted:#666;--line:#c9c6bd;--dark:#101010;--dark-line:#303030;--white:#f7f5ef;--soft:#e7e3da;--aqua:#b9b4a8;--magenta:#111}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;border-bottom:1px solid var(--line);background:rgba(242,240,234,.95);backdrop-filter:blur(14px)}.brand{width:178px}.brand img{width:100%;height:auto;object-fit:contain;object-position:left center}.menu{display:none;border:0;background:none;font-size:22px;cursor:pointer;color:var(--ink)}nav{display:flex;gap:28px;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}nav a:hover,.text-link:hover,.socials a:hover{text-decoration:underline;text-underline-offset:4px}
.opening{min-height:82vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:7vw 8vw;border-bottom:1px solid var(--line);overflow:hidden;background:var(--paper)}.opening-copy{position:relative;z-index:1}.eyebrow{margin:0 0 17px;color:var(--muted);font:500 10px "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase}.opening h1{max-width:920px;margin:0;font-size:clamp(54px,7.7vw,116px);line-height:.88;letter-spacing:-.065em}.opening h1 em{font-style:normal;font-weight:400}.lead{max-width:660px;margin:34px 0;font-size:18px;color:#555}.opening-mark{justify-self:end;width:min(31vw,440px);opacity:1;transform:translateY(-25px)}.opening-mark img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.button{display:inline-block;padding:13px 18px;background:var(--ink);color:var(--white);border:1px solid var(--ink);font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.button:hover{transform:translateY(-1px);background:var(--magenta);border-color:var(--magenta)}.button-light{background:var(--white);color:var(--ink)}.text-link{font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.release-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.section{padding:105px 8vw;border-bottom:1px solid var(--line)}.section-heading h2{margin:0;font-size:clamp(45px,6vw,82px);line-height:.9;letter-spacing:-.055em}.inline-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-note{font:10px "DM Mono",monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}
.featured-section{background:var(--paper)}.featured-section .section-heading{margin-bottom:55px}.featured-release{display:grid;grid-template-columns:minmax(330px,48%) 1fr;gap:7vw;align-items:center}.cover-link{display:block;overflow:hidden}.cover{width:100%;aspect-ratio:1;object-fit:cover;background:#ddd}.cover-large{box-shadow:18px 18px 0 rgba(8,21,39,.12)}.release-copy h3{font-size:clamp(32px,4vw,58px);line-height:.98;letter-spacing:-.045em;margin:0 0 25px}.release-copy h3 em{font-weight:400}.release-copy p:not(.eyebrow){max-width:610px;color:#555}.micro{margin-top:30px;color:var(--muted)!important;font:9px/1.7 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.04em}
.catalogue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 24px}.catalogue-card{display:block}.catalogue-card .cover{margin-bottom:23px;transition:transform .3s ease}.catalogue-card:hover .cover{transform:translateY(-4px)}.catalogue-card h3{font-size:27px;line-height:1;margin:0 0 7px;letter-spacing:-.04em}.catalogue-card p:not(.eyebrow){margin:0;color:#595751;font-size:14px}.catalogue-card .eyebrow{margin-bottom:10px}
.coming-soon{background:#e7e3da}.coming-heading{margin-bottom:55px}.coming-heading h2{font-size:clamp(45px,6vw,82px);line-height:.9;letter-spacing:-.055em;margin:0}.coming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4vw}.coming-item{background:var(--paper);padding:0 0 30px}.coming-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.coming-copy{padding:24px 26px 0}.coming-copy h3{font-size:clamp(26px,3vw,42px);line-height:.98;letter-spacing:-.04em;margin:0 0 15px}.coming-copy h3 em{font-weight:400;font-style:normal}.lead-small{font-size:18px;margin:0;color:#555}
.label-section{display:grid;grid-template-columns:220px 1fr;gap:8vw}.label-copy .big,.harry-copy .big,.julian-layout .big{font-size:clamp(31px,4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 35px}.label-copy p:not(.big){max-width:880px;color:#555;font-size:17px}.strapline{font-weight:600;letter-spacing:.02em;margin-top:35px}
.dark{background:var(--dark);color:var(--white);border-color:var(--dark-line)}.dark .button-light:hover{background:var(--aqua);border-color:var(--aqua);color:var(--ink)}.dark .eyebrow{color:#888}.harry-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.harry-title span{display:block;color:#888;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:25px}.harry-title strong{display:block;font-size:clamp(64px,9vw,132px);line-height:.77;letter-spacing:-.08em}.harry-copy p{color:#aaa;max-width:680px}.harry-copy .big{color:var(--white)}blockquote{margin:40px 0;padding:26px 0;border-top:1px solid #444;border-bottom:1px solid #444;color:var(--white);font-size:clamp(24px,3vw,38px);line-height:1.05;letter-spacing:-.025em}blockquote strong{font-weight:500}
.radio-card{display:grid;grid-template-columns:150px 1fr;gap:6vw;align-items:center;border:1px solid var(--line);padding:5vw}.radio-mark{display:flex;align-items:center;justify-content:center;width:150px}.radio-mark img{display:block;width:150px;height:auto;object-fit:contain}.radio-card h3{font-size:clamp(32px,4vw,55px);line-height:1;margin:0 0 17px}.radio-card p:not(.eyebrow){max-width:720px;color:#555}
.press-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.press-grid>a{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;display:flex;flex-direction:column}.press-grid h3{font-size:25px;line-height:1.02;margin:0 0 13px;letter-spacing:-.035em}.press-grid p:not(.eyebrow){color:#55534d;margin:0 0 20px}.press-grid span{margin-top:auto;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.press-grid>a:hover h3{text-decoration:underline;text-underline-offset:5px}.press-more{margin-top:45px}
.julian-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.julian-layout p:not(.big){color:#555;max-width:700px}.support-section{background:#e7e3da}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa69b;border-left:1px solid #aaa69b}.support-grid>div{min-height:150px;padding:25px;border-right:1px solid #aaa69b;border-bottom:1px solid #aaa69b;display:flex;flex-direction:column;justify-content:space-between}.support-grid strong{font-size:22px;letter-spacing:-.025em}.support-grid span{font:10px "DM Mono",monospace;text-transform:uppercase;color:#666}
.contact{padding:105px 8vw;background:#101010;color:var(--white)}.contact h2{font-size:clamp(65px,10vw,150px);line-height:.82;letter-spacing:-.07em;margin:25px 0}.contact>p:not(.eyebrow){font-size:18px;color:#aaa}.socials{display:flex;flex-wrap:wrap;gap:15px 27px;margin-top:55px}.socials a{font:500 10px "DM Mono",monospace;color:var(--white);text-transform:uppercase;letter-spacing:.08em}footer{display:flex;justify-content:space-between;padding:22px 4vw;color:#666;background:#f2f0ea;font:10px "DM Mono",monospace;text-transform:uppercase}
@media(max-width:900px){nav{gap:17px}.opening{grid-template-columns:1fr;padding:16vw 7vw;min-height:78vh}.featured-release,.harry-layout,.julian-layout,.label-section{grid-template-columns:1fr;gap:45px}.catalogue-grid{grid-template-columns:repeat(2,1fr)}.coming-grid{grid-template-columns:1fr}.press-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.site-header{padding:12px 5vw}.brand{width:135px}.brand img{height:auto}.menu{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:20px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.opening h1{font-size:clamp(48px,14vw,78px)}.lead{font-size:18px}.section,.contact{padding:72px 7vw}.inline-heading{display:block;margin-bottom:40px}.inline-heading>.text-link,.section-note{display:block;margin-top:25px}.catalogue-grid,.press-grid,.support-grid,.coming-grid{grid-template-columns:1fr}.catalogue-grid{gap:45px}.catalogue-card h3{font-size:29px}.catalogue-card p:not(.eyebrow){font-size:16px}.press-grid{border-left:0}.press-grid h3{font-size:27px}.press-grid p:not(.eyebrow){font-size:16px}.press-grid>a{border-left:1px solid var(--line)}.radio-card{grid-template-columns:1fr;padding:35px}.radio-mark{width:120px}.radio-mark img{width:120px}.support-grid>div{min-height:125px}.contact h2{font-size:clamp(60px,17vw,100px)}footer{flex-direction:column;gap:9px}}


/* JuJu Muzik audio player */
.juju-audio-player {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(140px, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  margin: 0 auto 28px;
  max-width: 1180px;
  background: #111;
  color: #f2f0ea;
  border: 1px solid #111;
}
.juju-audio-player__meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.juju-audio-player__label {
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .65;
}
.juju-audio-player__track {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.juju-audio-player button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 5px 7px;
  font: inherit;
}
.juju-audio-player__play {
  font-size: 17px !important;
  width: 34px;
}
.juju-audio-player input[type="range"] {
  accent-color: #f2f0ea;
  cursor: pointer;
}
.juju-audio-player__progress {
  width: 100%;
  min-width: 100px;
}
.juju-audio-player__volume {
  width: 76px;
}
.juju-audio-player__mute {
  font-size: 15px !important;
}
@media (max-width: 700px) {
  .juju-audio-player {
    grid-template-columns: auto 1fr auto;
    gap: 8px 10px;
    margin-bottom: 22px;
    padding: 13px 14px;
  }
  .juju-audio-player__meta {
    grid-column: 1 / -1;
  }
  .juju-audio-player__play {
    grid-column: 1;
  }
  .juju-audio-player__progress {
    grid-column: 2;
  }
  .juju-audio-player__mute {
    grid-column: 3;
  }
  .juju-audio-player__volume {
    grid-column: 1 / -1;
    width: 100%;
  }
}


.footer-demo-link {
  display: inline-block;
  color: #111;
  text-decoration: none;
  font: 10px "DM Mono", monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
  white-space: nowrap;
}
.footer-demo-link:hover {
  text-decoration: underline;
}
@media(max-width:680px) {
  footer { align-items: flex-start; }
}


/* Harry Dennis exclusive video */
.harry-video{margin-top:70px;max-width:1100px}.harry-video-heading{margin-bottom:22px}.harry-video-heading h3{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:8px 0 10px;color:var(--white)}.harry-video-heading p:not(.eyebrow){color:#aaa;margin:0}.harry-video video{display:block;width:100%;height:auto;background:#000;border:1px solid #333}
@media(max-width:680px){.harry-video{margin-top:50px}.harry-video-heading h3{font-size:30px}}

.video-credit {
  margin: 10px 0 0;
  font: 10px "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #666;
}

.video-event { margin: 6px 0 12px; font: 10px "DM Mono", monospace; letter-spacing: .06em; text-transform: uppercase; color: #666; }
.marcia-video-feature { margin-top: 36px; }
.marcia-video-feature h3 { margin: 0; font-size: clamp(20px, 2.4vw, 30px); line-height: 1.08; }
@media (max-width: 680px) { .marcia-video-feature { margin-top: 28px; } }