:root{--bg:#050505;--fg:#f2f2ef;--muted:#777;--line:#202020;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}
.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}
.topbar{position:fixed;z-index:30;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px var(--pad);mix-blend-mode:difference;color:#fff}.mark{font-size:30px;font-weight:800;letter-spacing:-.06em}.primary-nav,.platform-nav{display:flex;gap:24px;text-transform:uppercase;font-size:10px;letter-spacing:.09em}.platform-nav{justify-self:end}.topbar a:hover{opacity:.5}
.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding-top:110px;padding-bottom:34px;overflow:hidden}.hero-meta{position:absolute;top:110px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.09em}.hero h1{font-size:clamp(74px,16.5vw,260px);line-height:.72;letter-spacing:-.075em;margin:0 0 4vh;font-weight:800;position:relative;z-index:2}.manifesto{font-size:clamp(18px,2.1vw,34px);font-weight:700;margin:0;letter-spacing:-.03em}.scroll-cue{position:absolute;right:var(--pad);bottom:38px;font-size:10px;color:#666;letter-spacing:.12em}
.dot-matrix{background-image:radial-gradient(circle,#fff 0 1.8px,transparent 2.25px);background-size:23px 23px;opacity:.22;pointer-events:none}.hero-dots{position:absolute}.dots-a{right:3vw;top:14vh;width:min(48vw,760px);height:min(39vw,600px);mask-image:linear-gradient(135deg,transparent 4%,#000 32%,#000 72%,transparent 100%)}.dots-b{left:31vw;bottom:-11vh;width:32vw;height:34vh;opacity:.08;transform:rotate(90deg);mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.eyebrow,.section-head{font-size:10px;letter-spacing:.12em;color:#777;text-transform:uppercase}.latest{padding-top:14vh;padding-bottom:18vh}.latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-top:5vh}.latest-copy h2{font-size:clamp(56px,8vw,128px);line-height:.83;letter-spacing:-.065em;margin:0 0 32px}.latest-copy h2 span{font-weight:400}.latest-copy p{font-size:11px;letter-spacing:.08em;color:#888}.text-link{display:inline-block;margin-top:30px;border-bottom:1px solid #444;padding-bottom:5px;font-size:12px;letter-spacing:.08em}.hero-cover{max-width:720px;justify-self:end}.cover{overflow:hidden}.cover img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.cover:hover img{transform:scale(1.012)}
.catalogue{padding-top:11vh;padding-bottom:16vh;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;margin-bottom:7vh}.catalogue-index{border-top:1px solid var(--line)}.cat-item{position:relative;display:grid;grid-template-columns:70px 110px 1fr auto;gap:28px;align-items:center;min-height:138px;padding:14px 0;border-bottom:1px solid var(--line);transition:background .25s}.cat-item:hover{background:#0b0b0b}.cat-no{font-size:10px;color:#666;letter-spacing:.13em}.cat-item img{width:110px;height:110px;object-fit:cover}.cat-copy{display:flex;flex-direction:column;gap:3px;letter-spacing:-.02em}.cat-copy b{font-size:clamp(23px,2.3vw,37px);line-height:1;font-weight:700}.cat-copy span{font-size:clamp(18px,1.9vw,30px);line-height:1;color:#aaa}.cat-copy small{margin-top:7px;color:#555;font-size:9px;letter-spacing:.1em}.cat-item>a{font-size:10px;letter-spacing:.1em;color:#999;padding:20px 0}.catalogue-more{display:grid;grid-template-columns:1fr 2fr;gap:5vw;margin-top:10vh;align-items:start;color:#777;font-size:10px;letter-spacing:.12em}.mini-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-covers img{filter:grayscale(1);opacity:.7;transition:filter .4s,opacity .4s}.mini-covers img:hover{filter:none;opacity:1}
.artist{position:relative;padding-top:15vh;padding-bottom:16vh;border-top:1px solid var(--line);overflow:hidden}.artist-dots{position:absolute;right:-6vw;top:5vh;width:48vw;height:85%;opacity:.09;transform:rotate(-8deg);mask-image:linear-gradient(90deg,transparent,#000 25%,#000)}.artist-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;position:relative;z-index:2}.artist-copy h2{font-size:clamp(70px,11vw,180px);line-height:.76;letter-spacing:-.07em;margin:0 0 5vh}.artist-copy p{max-width:720px;font-size:clamp(20px,2.2vw,34px);line-height:1.03;letter-spacing:-.035em;color:#aaa}.artist-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:5vh;font-size:10px;letter-spacing:.1em}.artist-grid figure{margin:0;max-width:620px;justify-self:end}
.principle{padding-top:13vh;padding-bottom:13vh;border-top:1px solid var(--line)}.principle-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:8vw;align-items:start}.principle h2{font-size:clamp(58px,8.8vw,142px);line-height:.77;letter-spacing:-.065em;margin:3vh 0 0}.principle-list{border-top:1px solid var(--line)}.principle-list p{margin:0;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(19px,2vw,31px);line-height:1;letter-spacing:-.03em}.principle-list p span{color:#888}
.about{padding-top:16vh;padding-bottom:18vh;border-top:1px solid var(--line)}.about-big{font-size:clamp(56px,9vw,145px);line-height:.86;letter-spacing:-.065em;max-width:1100px;margin:7vh 0}.about-copy{font-size:clamp(22px,3vw,42px);line-height:1.05;letter-spacing:-.04em;max-width:1160px;color:#aaa}
.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;padding-top:10vh;padding-bottom:10vh;border-top:1px solid var(--line)}.newsletter h2{font-size:clamp(50px,7vw,110px);line-height:.8;letter-spacing:-.065em;margin:3vh 0 0}.newsletter-form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #555}.newsletter-form input,.newsletter-form button{font:inherit;background:none;border:0;color:var(--fg);padding:15px 0;outline:none;font-size:11px;letter-spacing:.1em}.newsletter-form input::placeholder{color:#555}.newsletter-form button{cursor:pointer;padding-left:24px}.newsletter-form button:hover{opacity:.5}
.footer{border-top:1px solid var(--line);padding-top:6vh;padding-bottom:28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.11em}.footer-links{margin:12vh 0 11vh;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;font-size:clamp(17px,2vw,30px);letter-spacing:-.025em}.footer-links a:hover{opacity:.5}
@media(max-width:900px){.topbar{grid-template-columns:auto 1fr}.primary-nav{display:none}.platform-nav{justify-self:end}.hero-meta{flex-direction:column;gap:5px}.dots-a{width:82vw;height:62vw;right:-24vw;top:23vh}.hero h1{font-size:24.5vw}.latest-grid,.artist-grid,.principle-grid,.newsletter{grid-template-columns:1fr}.hero-cover{grid-row:1}.cat-item{grid-template-columns:38px 80px 1fr}.cat-item img{width:80px;height:80px}.cat-item>a{display:none}.catalogue-more{grid-template-columns:1fr}.artist-grid figure{grid-row:1;justify-self:stretch;max-width:none}.artist-copy h2{font-size:20vw}.artist-dots{width:95vw}.principle-list{margin-top:5vh}.newsletter-form{margin-top:6vh}.footer-links{grid-template-columns:1fr 1fr;row-gap:28px}}
@media(max-width:560px){.platform-nav{gap:12px}.hero{padding-bottom:25px}.hero h1{font-size:25vw}.latest-copy h2{font-size:17vw}.cat-item{gap:12px;min-height:100px}.cat-copy b{font-size:19px}.cat-copy span{font-size:15px}.cat-copy small{display:none}.mini-covers{gap:8px}.principle h2{font-size:18vw}.about-big{font-size:18vw}.about-copy{font-size:8vw}.footer-links{font-size:18px}.footer-top span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}
.catalogue-extra{border-top:0}.catalogue-extra[hidden]{display:none}.load-more{display:block;width:100%;margin-top:28px;padding:20px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--fg);font:inherit;text-align:left;font-size:10px;letter-spacing:.12em;cursor:pointer}.load-more:hover{opacity:.5}.artist-portrait{overflow:hidden;aspect-ratio:2/3}.artist-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 38%}

/* V04 refinements */
.mark{display:block;width:38px;height:31px;overflow:hidden;mix-blend-mode:normal}.mark img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}.platform-nav{gap:15px}.platform-nav a{width:22px;height:22px;display:grid;place-items:center;opacity:.92;transition:opacity .2s,transform .2s}.platform-nav a:hover{opacity:.5;transform:translateY(-1px)}.platform-nav svg{width:19px;height:19px;fill:currentColor;display:block}
.latest{padding-top:10vh;padding-bottom:10vh}.catalogue{padding-top:8vh;padding-bottom:8vh}.artist{padding-top:8vh;padding-bottom:9vh}.principle{padding-top:8vh;padding-bottom:8vh}.about{padding-top:10vh;padding-bottom:11vh}.newsletter{padding-top:7vh;padding-bottom:7vh}.section-head{margin-bottom:5vh}.catalogue .load-more{margin-bottom:0}
.artist-portrait{aspect-ratio:1/1;max-width:620px}.artist-portrait img{object-position:center top}
.radio{padding-top:0;padding-bottom:8vh}.radio-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.radio-toggle{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:18px;padding:17px 0;border:0;background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.radio-play{width:34px;height:34px;border:1px solid #666;border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:2px}.radio-copy{display:flex;flex-direction:column;gap:2px}.radio-copy b{font-size:11px;letter-spacing:.13em}.radio-copy small{font-size:8px;letter-spacing:.13em;color:#666}.radio-status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.14em;color:#777}.radio-status i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #111}.radio-embed{border-top:1px solid var(--line);padding:16px 0}.radio-embed iframe{display:block;background:#050505;filter:grayscale(1) contrast(1.08)}
@media(max-width:900px){.mark{width:34px;height:28px}.radio-toggle{grid-template-columns:38px 1fr auto;gap:12px}.radio-copy small{display:none}.catalogue{padding-bottom:6vh}.artist{padding-top:6vh}}

/* V05 refinements */
.mark{width:42px;height:36px;background:#000}.mark img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.platform-nav{gap:22px;align-items:center}.platform-nav a{width:auto;min-width:30px;height:30px}.platform-nav svg{width:24px;height:24px}.platform-word{font-size:11px;font-weight:700;letter-spacing:-.06em;text-transform:lowercase}.beatport-mark{font-size:27px;line-height:1;font-weight:800;font-family:Arial,sans-serif;position:relative}.beatport-mark:after{content:'';position:absolute;width:8px;height:8px;border:2px solid currentColor;border-radius:50%;right:-6px;bottom:2px}.soundcloud-mark{font-size:27px;line-height:1;transform:translateY(-1px)}
.hero-radio{position:absolute;z-index:4;right:var(--pad);top:18vh;width:min(31vw,500px);padding:0}.hero-radio .radio-shell{border:1px solid #292929;background:rgba(3,3,3,.92);backdrop-filter:blur(8px)}.hero-radio .radio-toggle{padding:22px 20px}.hero-radio .radio-embed{padding:12px 14px}.hero-radio .radio-copy b{font-size:12px}.hero-radio .radio-copy small{font-size:8px}.hero-radio .radio-status{font-size:8px}.hero-radio:before{content:'D.O.T.Y. / TRANSMISSION';position:absolute;top:-22px;left:0;font-size:8px;letter-spacing:.14em;color:#555}.hero-radio .radio-play{width:40px;height:40px}
@media(max-width:900px){.platform-nav{gap:14px}.platform-word{display:none}.hero-radio{top:25vh;right:var(--pad);width:min(62vw,430px)}.mark{width:38px;height:32px}}
@media(max-width:560px){.hero-radio{top:28vh;width:calc(100% - (2 * var(--pad)))}.hero-radio .radio-status{display:none}}

/* V06: official supplied D. mark, clearer platform marks, radio position */
.mark{width:44px;height:44px;overflow:hidden;background:transparent}
.mark img{width:100%;height:100%;object-fit:contain;display:block}
.platform-nav{gap:25px}
.platform-nav a{width:34px;height:34px;min-width:34px;display:grid;place-items:center}
.platform-nav img{display:block;max-width:30px;max-height:25px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.platform-nav a:nth-child(2) img{max-width:31px;max-height:27px;filter:none}
.hero-radio{top:calc(18vh + 20px);right:calc(var(--pad) + 20px)}
@media(max-width:900px){.mark{width:40px;height:40px}.platform-nav{gap:16px}.platform-nav a{width:30px;height:30px;min-width:30px}.platform-nav img{max-width:27px;max-height:23px}.hero-radio{top:calc(25vh + 20px);right:calc(var(--pad) + 20px)}}
@media(max-width:560px){.hero-radio{top:calc(28vh + 20px);right:var(--pad)}}

/* V08: final hero radio refinements */
.hero-radio{top:calc(18vh + 25px)}
.hero-radio:before{color:#fff}
@media(max-width:900px){.hero-radio{top:calc(25vh + 25px)}}
@media(max-width:560px){.hero-radio{top:calc(28vh + 25px)}}

/* V14: mobile-only hero fit + tighter vertical rhythm. Desktop unchanged. */
@media(max-width:560px){
  .hero h1{font-size:22.5vw;line-height:.74;letter-spacing:-.072em}
  .latest{padding-top:7vh;padding-bottom:7vh}
  .catalogue{padding-top:6vh;padding-bottom:5vh}
  .artist{padding-top:5vh;padding-bottom:6vh}
  .principle{padding-top:6vh;padding-bottom:6vh}
  .about{padding-top:7vh;padding-bottom:8vh}
  .newsletter{padding-top:5vh;padding-bottom:5vh}
  .section-head{margin-bottom:4vh}
}

/* V15: final mobile hero title fit. Desktop unchanged. */
@media(max-width:560px){
  .hero h1{font-size:21vw;letter-spacing:-.078em}
}