/* Spacing, two-column composition and Arial hierarchy follow the original BONDI site. */
:root{--bg:#202020;--ink:#e9e8de;--muted:#b3b3ac;--line:#61615d;--focus:#d3652a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;padding:12px;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:-.035em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:.85fr 1.7fr 1fr 1fr;align-items:center;gap:20px;background:var(--bg);padding:16px 0 20px;border-bottom:1px solid var(--ink)}.wordmark{display:block;width:190px;max-width:100%;font-family:Futura,'Futura PT',Arial,sans-serif;font-weight:700}.wordmark img{display:block;width:100%;height:auto}nav{display:flex;gap:22px;flex-wrap:wrap;font-weight:600}.location{font-size:14px;line-height:1.3;letter-spacing:-.02em}.contact{background:var(--ink);color:var(--bg);padding:17px;font-weight:600}.intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:12px}.visual{min-width:0;display:flex;align-items:center;justify-content:center;background:#202020}.visual img{width:100%;height:auto;display:block;mix-blend-mode:screen}.editorial{min-width:0;padding-bottom:28px}.eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:bold;letter-spacing:.03em;margin:6px 0 30px}h1{font-size:clamp(48px,5.5vw,94px);line-height:.96;letter-spacing:-.075em;font-weight:700;margin:0 0 32px}.bio{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:17px;line-height:1.32;margin-bottom:30px}.bio p{margin:0}em{font-style:normal}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:16px}.text-link:hover{text-decoration:none;border-color:var(--focus)}.featured{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--ink);padding:28px 0 40px;margin-top:20px}.featured h2{font-size:clamp(70px,10vw,165px);line-height:.85;letter-spacing:-.075em;margin:70px 0 24px;overflow-wrap:anywhere}.artist{font-size:clamp(24px,3vw,42px);letter-spacing:-.055em;margin:0 0 32px}.feature-description{max-width:430px;font-size:20px;line-height:1.35;margin-bottom:30px}.feature-cover{display:block;align-self:start}.feature-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.catalog{border-top:1px solid var(--ink);padding:32px 0 48px}.section-label{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:0 0 28px}.section-label h2{font-size:18px;margin:0}.section-label span{font-size:14px}.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 20px}.release{min-width:0}.cover-link{display:block;overflow:hidden;background:#151515}.cover-link img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s}.cover-link:hover img{transform:scale(1.025)}.release-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.015em;color:var(--muted);padding-top:13px}.release h3{font-size:clamp(21px,2.15vw,34px);letter-spacing:-.06em;line-height:1.05;font-weight:700;margin:9px 0 8px}.release p{font-size:14px;line-height:1.35;margin:0;color:var(--muted);letter-spacing:-.02em}.catalog-all{margin-top:40px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding:20px 0;font-size:14px}@media(min-width:1700px){body{max-width:2000px;margin:auto}}@media(max-width:1000px){header{grid-template-columns:.85fr 1.5fr 1fr}.location{display:none}.intro{gap:16px}.bio{grid-template-columns:1fr;gap:15px}.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){body{padding:10px}header{grid-template-columns:1fr auto;gap:16px;padding:12px 0}.wordmark{width:156px}nav{grid-row:2;grid-column:1/-1;gap:24px;font-size:14px}.contact{padding:12px;font-size:14px}.intro{grid-template-columns:1fr}.visual{aspect-ratio:1}.editorial{padding-top:12px}h1{font-size:clamp(48px,11vw,78px)}.bio{grid-template-columns:1fr 1fr;font-size:16px;gap:18px}.eyebrow{margin-bottom:24px;font-size:13px}.featured{grid-template-columns:1fr;gap:30px}.featured h2{font-size:95px;margin:40px 0 24px}.feature-description{font-size:18px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.release h3{font-size:25px}.release-meta{font-size:12px;flex-wrap:wrap;gap:5px}.release p{font-size:14px}footer{flex-wrap:wrap}}@media(max-width:380px){.bio{grid-template-columns:1fr}.release h3{font-size:22px}.wordmark{width:135px}.contact{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-link img{transition:none}}
/* Refined label introduction and quieter header. */
.visual img{width:78%;max-width:620px}.editorial{padding-top:20px}@media(max-width:700px){.visual{aspect-ratio:1.2}.visual img{width:72%}.editorial{padding-top:12px}}

/* Two label palettes: original charcoal and a cool mist echoing BONDI. */
:root{--bg:#202020;--ink:#e9e8de;--muted:#b3b3ac;--line:#61615d}
html[data-theme=light]{--bg:#c4d0d1;--ink:#222827;--muted:#505b5b;--line:#788887;--focus:#a64c49}
.visual{background:var(--bg)}.label-logo{position:relative;width:78%;max-width:620px;aspect-ratio:1}.visual .label-logo img{width:100%;max-width:none;mix-blend-mode:normal}
.hero-wordmark{display:none;position:absolute;left:24.17%;top:56.64%;width:50.49%;height:4.94%;background:var(--ink);mask:url(assets/wordmark.png) center/100% 100% no-repeat;-webkit-mask:url(assets/wordmark.png) center/100% 100% no-repeat}
html[data-theme=light] .hero-wordmark{display:block}
.wordmark{background:var(--ink);mask:url(assets/wordmark.png) center/contain no-repeat;-webkit-mask:url(assets/wordmark.png) center/contain no-repeat}.wordmark img{opacity:0}
.theme-switch{display:flex;gap:5px}.theme-switch button{font:inherit;font-size:14px;letter-spacing:-.02em;color:var(--ink);background:transparent;border:1px solid var(--line);padding:5px 8px;cursor:pointer}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.theme-switch button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pinned{margin-top:0}.pinned h2{margin-top:52px;font-size:clamp(65px,9vw,150px);line-height:.9}header nav{align-items:center;gap:18px}
@media(max-width:700px){.label-logo{width:72%}.visual .label-logo img{width:100%}.pinned h2{font-size:clamp(65px,17vw,105px);margin-top:36px}header nav{gap:18px}.theme-switch{margin-left:auto}}

.visual .label-logo img{clip-path:inset(0 0 43.4% 0)}.hero-wordmark{display:block}

/* Alternating featured album composition and a compact label signature. */
#space-logic .feature-cover{grid-column:1;grid-row:1}#space-logic .feature-copy{grid-column:2;grid-row:1}
.editorial{position:relative;padding-top:42px}.brand-circles{position:absolute;top:4px;right:0;width:82px;height:auto;display:block}
@media(max-width:700px){#space-logic .feature-cover{grid-column:1;grid-row:1}#space-logic .feature-copy{grid-column:1;grid-row:2}.editorial{padding-top:42px}.brand-circles{width:70px}}

.brand-lockup{display:flex;align-items:center;gap:15px;min-width:0}.brand-lockup .wordmark{width:156px;flex-shrink:0}.header-circles{display:block;width:48px;height:auto;color:var(--ink);flex-shrink:0}header{grid-template-columns:1.05fr 1.5fr 1fr 1fr}.editorial{padding-top:20px}@media(max-width:1000px){header{grid-template-columns:1.05fr 1.5fr 1fr}}@media(max-width:700px){header{grid-template-columns:1fr auto}.brand-lockup .wordmark{width:135px}.header-circles{width:42px}.brand-lockup{gap:12px}.editorial{padding-top:12px}}

/* Artist roster and the original three-circle signature. The image crop keeps source geometry intact. */
.brand-lockup .wordmark{width:190px}.editorial{position:relative;padding-top:42px}.brand-circles{position:absolute;top:4px;right:0;width:86px;height:auto;display:block;color:var(--ink)}.contact-bar{min-height:52px;padding:0;pointer-events:none}
.artists{border-top:1px solid var(--ink);padding:32px 0 42px}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;list-style:none;margin:0;padding:0}.artist-grid li{border-top:1px solid var(--line);padding:17px 0 19px;font-size:clamp(24px,2.6vw,42px);font-weight:700;letter-spacing:-.065em;line-height:1.08;overflow-wrap:anywhere}
@media(max-width:1000px){header{grid-template-columns:.95fr 1.65fr .85fr}}
@media(max-width:700px){header{grid-template-columns:1fr 96px}.brand-lockup .wordmark{width:156px}.contact-bar{min-height:40px}.editorial{padding-top:42px}.brand-circles{width:74px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.artist-grid li{font-size:clamp(23px,5.3vw,34px);padding:15px 0 17px}header nav{gap:22px}}

/* Compact roster accommodates future artists without a tall table. */
.artists{padding:27px 0 30px}.artists .section-label{margin-bottom:18px}.artist-grid{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px;max-width:1100px}.artist-grid li{border:0;padding:0;font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.025em;overflow-wrap:normal}
@media(max-width:700px){.artists{padding:24px 0 28px}.artist-grid{column-gap:22px;row-gap:9px}.artist-grid li{font-size:18px;padding:0;line-height:1.35}}

/* A justified name block shares clean left and right edges. Names retain their letter spacing. */
.brand-circles{width:64px}.artist-grid{display:block;max-width:960px;text-align:justify;text-align-last:justify;line-height:2.05;word-spacing:12px}.artist-grid li{display:inline-block;white-space:nowrap;word-spacing:normal;vertical-align:baseline;font-size:20px;font-weight:400;line-height:1.35}
@media(max-width:700px){.brand-circles{width:56px}.artist-grid{line-height:2;word-spacing:8px}.artist-grid li{font-size:18px}}

/* Lift the coloured label mark towards the centre of the introductory heading. */
@media(min-width:701px){.intro .visual{align-items:flex-start}.intro .label-logo{transform:translateY(-12%)}}
@media(max-width:700px){.intro .label-logo{transform:none}}

/* Preserve the supplied coloured logo and align its visible circles with the headline. */
.intro .visual .label-logo img{clip-path:none}.intro .hero-wordmark{display:none}
header{grid-template-columns:.9fr 1.75fr 1fr}.label-info{color:var(--bg);text-align:right;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:-.02em;padding:12px 16px;min-height:52px;display:flex;flex-direction:column;justify-content:center;pointer-events:none}
@media(min-width:701px){.intro .visual{align-items:flex-start}.intro .label-logo{width:66%;max-width:520px;margin-top:42px;transform:translateY(-27.64%)}}
@media(max-width:1000px){header{grid-template-columns:.85fr 1.45fr 1fr}}
@media(max-width:700px){header{grid-template-columns:1fr 160px}.label-info{font-size:12px;padding:10px;min-height:46px}.intro .visual{align-items:center}.intro .label-logo{width:64%;margin-top:0;transform:none}}

/* Return the label logo to the centre, with a further 15% size reduction. */
.intro .visual{align-items:center;justify-content:center}.intro .label-logo{width:56.1%;max-width:442px;margin-top:0;transform:none}
@media(max-width:700px){.intro .label-logo{width:54.4%;margin-top:0;transform:none}}

/* Legal pages share the label's typography and palette. */
.legal-header{display:flex;justify-content:space-between;align-items:center}.legal-header .wordmark{width:190px}.legal-page{max-width:880px;margin:56px auto;padding:0 24px}.legal-page h1{font-size:clamp(36px,6vw,74px);line-height:1.05;overflow-wrap:anywhere;margin:0 0 32px}.legal-page h2{font-size:22px;letter-spacing:-.025em;line-height:1.25;margin:36px 0 14px}.legal-page p{font-size:17px;line-height:1.65;margin:0 0 16px}.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-notice{border:1px solid var(--ink);padding:20px;font-size:16px;line-height:1.5}.legal-notice strong{display:block;margin-bottom:8px}.legal-missing{text-decoration:underline;text-decoration-style:dotted}.legal-links{display:flex;gap:24px}footer .legal-links a{font-size:14px}.legal-page footer{gap:24px;flex-wrap:wrap;margin-top:48px;padding-top:24px}@media(max-width:700px){.legal-header .wordmark{width:135px}.legal-page{margin:32px auto;padding:0 18px}.legal-page h2{font-size:20px}.legal-page p{font-size:16px}.legal-links{gap:16px}}

/* The catalogue opens with eight releases; older entries stay collapsed. */
.catalog-more{margin-top:40px}.catalog-more summary{width:max-content;max-width:100%;cursor:pointer;list-style:none;font-size:16px;letter-spacing:-.02em;border-bottom:1px solid var(--ink);padding:0 0 8px}.catalog-more summary::-webkit-details-marker{display:none}.catalog-more summary::marker{content:""}.catalog-more summary:hover{border-color:var(--focus)}.catalog-more summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.catalog-more .less-label{display:none}.catalog-more[open] .more-label{display:none}.catalog-more[open] .less-label{display:inline}.catalog-more[open]>.release-grid{margin-top:36px}

/* Expanded roster keeps the compact, justified block across the full width. */
.artist-grid{max-width:none;word-spacing:10px;line-height:1.9}.artist-grid li{font-size:18px}
@media(max-width:700px){.artist-grid{word-spacing:8px;line-height:2}.artist-grid li{font-size:18px}}

/* Keep the light bar on the catalogue expansion control. */
.catalog-more summary{background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:12px 18px;min-width:160px;line-height:1.25;font-weight:600}
.catalog-more summary:hover{background:var(--bg);color:var(--ink);border-color:var(--ink)}

/* Keep the expansion bar at two thirds of a catalogue cover. */
.catalog-more summary{width:calc((100% - 60px)/6);min-width:128px}
@media(max-width:1000px){.catalog-more summary{width:calc((100% - 40px)/4.5)}}
@media(max-width:700px){.catalog-more summary{width:calc((100% - 14px)/3)}}