/* DROPZONE V27 OWNER POLISH PASS — 2026-08-28
   Scope: restrained motion, proportion fixes, compact premium cards, current owner feedback.
   Private draft only. */

/* 1) MOTION GRAMMAR — calm, tactile, predictable */
html.dz-master-motion .dz-m-section,
html.dz-master-motion .dz-m-title,
html.dz-master-motion .dz-m-card,
html.dz-master-motion .dz-m-media{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;transition-delay:0ms!important}
html.dz-master-motion .dz-hero__ambient{animation:none!important}
.dz-signal-card,.dz-radar-card,.dz-event-card,.dz-set-card,.dz-artist-photo,.dz-gateway,.dz-product{transform:none!important;transition:border-color .22s var(--dz-ease),box-shadow .22s var(--dz-ease),background-color .22s var(--dz-ease)!important}
.dz-signal-card:hover,.dz-radar-card:hover,.dz-event-card:hover,.dz-set-card:hover,.dz-gateway:hover,.dz-product:hover{transform:none!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important}
.dz-signal-card>img,.dz-radar-media img,.dz-event-card>img,.dz-set-media img,.dz-artist-photo img,.dz-gateway>img,.dz-product-media img{transition:transform .28s var(--dz-ease),filter .28s var(--dz-ease)!important}
.dz-signal-card:hover>img,.dz-radar-card:hover .dz-radar-media img,.dz-event-card:hover>img,.dz-set-card:hover .dz-set-media img,.dz-artist:hover .dz-artist-photo img,.dz-gateway:hover>img,.dz-product:hover .dz-product-media img{transform:scale(1.025)!important}
.dz-signal-card>img,.dz-radar-media img,.dz-event-card>img,.dz-gateway>img{filter:grayscale(.34) brightness(.58) contrast(1.08) saturate(.68)!important}
.dz-signal-card:hover>img,.dz-radar-card:hover .dz-radar-media img,.dz-event-card:hover>img,.dz-gateway:hover>img{filter:grayscale(0) brightness(.72) contrast(1.06) saturate(.96)!important}
.dz-gateway b,.dz-contact-cta a,.dz-section-head>a{transition:transform .2s var(--dz-ease),background-color .2s var(--dz-ease),border-color .2s var(--dz-ease),color .2s var(--dz-ease)!important}
.dz-gateway:hover b,.dz-contact-cta a:hover{transform:scale(1.04)!important;box-shadow:none!important}

/* 2) HEADER — stronger proportions + original ring logo */
.dz-head{height:94px!important;background:linear-gradient(180deg,rgba(2,2,2,.94),rgba(2,2,2,.56) 78%,transparent)!important}
.dz-head__inner{height:94px!important;gap:21px!important}
.dz-head.is-scrolled{height:76px!important}
.dz-head.is-scrolled .dz-head__inner{height:76px!important}
.dz-brand img{width:52px!important;height:52px!important;object-fit:contain!important;transform:none!important;filter:none!important}
.dz-brand:hover img{transform:scale(1.035)!important;filter:none!important}
.dz-brand span{font-size:10.5px!important;letter-spacing:.10em!important}
.dz-nav{gap:clamp(17px,1.4vw,25px)!important}
.dz-nav a{font-size:10.5px!important;letter-spacing:.072em!important;padding:13px 0!important}
.dz-nav a:hover{transform:none!important}
.dz-tools a{width:36px!important;height:36px!important;font-size:8px!important}

/* 3) HERO — larger left-side statement + stronger CTAs */
.dz-hero__copy{left:max(30px,calc((100% - 1400px)/2))!important;top:49%!important;transform:translateY(-38%)!important;width:min(52vw,760px)!important}
.dz-hero__copy h1{font-size:clamp(48px,4vw,66px)!important;line-height:.98!important;letter-spacing:.105em!important;white-space:nowrap!important}
.dz-hero__copy h2{font-size:clamp(31px,2.8vw,46px)!important;line-height:1!important;letter-spacing:.105em!important;margin-top:34px!important;white-space:nowrap!important}
.dz-hero__rule{width:72px!important;margin-top:44px!important}
.dz-signal-nav{gap:16px!important;margin-top:18px!important}
.dz-signal-nav a{font-size:10px!important;letter-spacing:.19em!important;padding:9px 0!important}
.dz-signal-nav a:hover{transform:scale(1.035)!important}

/* 4) PLAY CONTROL — one centred triangle, no double/misaligned icon */
.dz-play{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#F4A601!important;box-shadow:0 7px 18px rgba(0,0,0,.34)!important;scale:1!important;transition:transform .2s var(--dz-ease),box-shadow .2s var(--dz-ease)!important}
.dz-play:before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:0!important;height:0!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-left:10px solid #020202!important;border-right:0!important;margin:0!important;transform:translate(-38%,-50%)!important}
.dz-play:after{content:none!important;display:none!important}
.dz-signal-card .dz-play{top:16px!important;right:16px!important;left:auto!important;bottom:auto!important;transform:none!important}
.dz-set-media .dz-play{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
.dz-signal-card:hover .dz-play{transform:scale(1.05)!important;scale:1!important;box-shadow:0 8px 20px rgba(0,0,0,.38)!important}
.dz-set-card:hover .dz-play{transform:translate(-50%,-50%) scale(1.05)!important;scale:1!important;box-shadow:0 8px 20px rgba(0,0,0,.38)!important}

/* 5) SIGNAL */
.dz-signal-section>.dz-section-title span{color:#F4A601!important}

/* 6) DNB RADAR — shorter editorial band, image-led right cards */
.dz-radar-section{padding-top:40px!important;padding-bottom:42px!important}
.dz-radar-section .dz-section-head{margin-bottom:20px!important}
.dz-radar-grid{grid-template-columns:1.08fr .92fr!important;grid-template-rows:112px 112px!important;gap:10px!important}
.dz-radar-card{grid-template-columns:36% 64%!important;min-height:112px!important}
.dz-radar-card--lead{grid-template-columns:50% 50%!important;grid-row:1/3!important}
.dz-radar-copy{padding:14px!important}
.dz-radar-copy h3{font-size:clamp(10px,.9vw,14px)!important;line-height:1.2!important;margin:7px 0 9px!important}
.dz-radar-media img{object-fit:cover!important;object-position:center!important}

/* 7) LATEST SETS — compact, clean, correct thumbnail crop */
#sets{padding-top:42px!important;padding-bottom:44px!important}
#sets .dz-section-head{margin-bottom:20px!important}
.dz-set-grid{gap:10px!important}
.dz-set-card{grid-template-columns:40% 60%!important;height:112px!important;background:#070707!important;border:1px solid rgba(255,255,255,.11)!important}
.dz-set-media{height:112px!important;background:#050505!important}
.dz-set-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#050505!important;filter:grayscale(.26) brightness(.70) contrast(1.08) saturate(.78)!important}
.dz-set-card:hover .dz-set-media img{filter:grayscale(0) brightness(.84) contrast(1.05) saturate(1)!important}
.dz-set-card>div:last-child{padding:14px 15px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.dz-set-card h3{font-size:12px!important;line-height:1.16!important;margin:7px 0 0!important}

/* 8) ARTISTS — Netrom closer; JN visually integrated into black circle */
.dz-artist:first-child .dz-artist-photo img{transform:scale(1.12)!important;object-position:center 19%!important}
.dz-artist:first-child:hover .dz-artist-photo img{transform:scale(1.145)!important}
.dz-artist:nth-child(5) .dz-artist-photo{background:#020202!important}
.dz-artist:nth-child(5) .dz-artist-photo:before{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 72% 42%,transparent 0 27%,rgba(2,2,2,.18) 42%,rgba(2,2,2,.72) 68%,#020202 92%),linear-gradient(90deg,#020202 0%,rgba(2,2,2,.74) 24%,transparent 58%);pointer-events:none}
.dz-artist:nth-child(5) .dz-artist-photo img{object-position:80% center!important;transform:scale(1.18)!important;filter:grayscale(1) brightness(.56) contrast(1.22)!important}
.dz-artist:nth-child(5):hover .dz-artist-photo img{transform:scale(1.205)!important;filter:grayscale(.12) brightness(.72) contrast(1.14)!important}

/* 9) STUDIO + DJ SCHOOL — lower, tighter, premium */
.dz-dual{grid-template-columns:1fr 1fr!important;gap:10px!important;padding-top:42px!important;padding-bottom:44px!important}
.dz-gateway{min-height:218px!important}
.dz-gateway>div{width:min(430px,76%)!important;padding:28px 28px!important}
.dz-gateway h2{font-size:clamp(21px,2vw,30px)!important;margin:8px 0 10px!important}
.dz-gateway p{font-size:10px!important;line-height:1.45!important;margin:0 0 14px!important}
.dz-gateway b{min-height:36px!important;padding:0 13px!important;font-size:6.5px!important}

/* 10) MERCH — restore compact horizontal cards from owner reference */
#merch{padding-top:42px!important;padding-bottom:44px!important}
#merch .dz-section-head{margin-bottom:20px!important}
.dz-merch-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.dz-product{display:grid!important;grid-template-columns:46% 54%!important;height:128px!important;min-height:128px!important;background:#070707!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important}
.dz-product-media{height:128px!important;min-height:128px!important;background:linear-gradient(135deg,#161616,#0a0a0a)!important;border-right:1px solid rgba(255,255,255,.06)!important}
.dz-product-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:5px!important;mix-blend-mode:normal!important;filter:brightness(.90) contrast(1.05)!important;transform:none!important}
.dz-product:hover .dz-product-media img{filter:brightness(.96) contrast(1.04)!important}
.dz-product-copy{min-height:128px!important;height:128px!important;padding:14px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:9px!important;border-top:0!important}
.dz-product-copy h3{font-size:9px!important;line-height:1.18!important}
.dz-product-copy span{font-size:7px!important}

/* 11) Duplicate CTA removed visually; footer owns final contact closure */
.dz-contact-cta{display:none!important}
.dz-footer{padding-top:38px!important}
.dz-footer-brand img,.dz-global-footer__brand img{object-fit:contain!important;filter:none!important}

/* Responsive polish */
@media(max-width:1100px){
  .dz-head,.dz-head__inner{height:78px!important}.dz-head.is-scrolled,.dz-head.is-scrolled .dz-head__inner{height:66px!important}.dz-brand img{width:43px!important;height:43px!important}.dz-nav a{font-size:8.5px!important}.dz-nav{gap:11px!important}
  .dz-hero__copy{width:56%!important}.dz-hero__copy h1{font-size:42px!important}.dz-hero__copy h2{font-size:29px!important}
  .dz-radar-grid{grid-template-rows:108px 108px!important}.dz-set-card{height:108px!important}.dz-set-media{height:108px!important}
  .dz-product{height:92px!important;min-height:92px!important}.dz-product-media,.dz-product-copy{height:92px!important;min-height:92px!important}
}
@media(max-width:820px){
  .dz-head,.dz-head__inner{height:68px!important}.dz-brand img{width:36px!important;height:36px!important}.dz-menu-toggle{display:block!important}
  .dz-hero{min-height:620px!important;height:620px!important}.dz-hero__copy{left:18px!important;top:47%!important;width:80%!important;transform:translateY(-30%)!important}.dz-hero__copy h1{font-size:clamp(28px,7vw,38px)!important}.dz-hero__copy h2{font-size:clamp(22px,5.5vw,30px)!important;margin-top:26px!important}.dz-hero__rule{margin-top:32px!important}.dz-signal-nav a{font-size:8px!important}
  .dz-radar-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}.dz-radar-card,.dz-radar-card--lead{grid-row:auto!important;grid-template-columns:40% 60%!important;min-height:116px!important}
  .dz-set-grid{grid-template-columns:1fr!important}.dz-set-card{height:118px!important}.dz-set-media{height:118px!important}
  .dz-dual{grid-template-columns:1fr!important}.dz-gateway{min-height:230px!important}
  .dz-merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .dz-hero{min-height:430px!important;height:430px!important}.dz-hero__media img{object-position:center 38%!important}.dz-hero__copy{left:14px!important;width:84%!important;top:47%!important}.dz-hero__copy h1{font-size:clamp(25px,7.4vw,31px)!important;letter-spacing:.07em!important}.dz-hero__copy h2{font-size:clamp(20px,5.8vw,25px)!important;letter-spacing:.065em!important}.dz-hero__rule{width:48px!important;margin-top:25px!important}.dz-signal-nav{gap:10px!important;margin-top:15px!important}.dz-signal-nav a{font-size:7px!important;letter-spacing:.13em!important}
  .dz-radar-section,#sets,#merch,.dz-dual{padding-top:34px!important;padding-bottom:36px!important}
  .dz-radar-card,.dz-radar-card--lead{grid-template-columns:38% 62%!important;min-height:106px!important}.dz-radar-copy{padding:11px!important}.dz-radar-copy h3{font-size:10px!important}
  .dz-set-card{grid-template-columns:40% 60%!important;height:104px!important}.dz-set-media{height:104px!important}.dz-set-card h3{font-size:10px!important}
  .dz-gateway{min-height:205px!important}.dz-gateway>div{padding:24px 20px!important}.dz-gateway h2{font-size:23px!important}
  .dz-merch-grid{grid-template-columns:1fr!important}.dz-product{height:92px!important;min-height:92px!important}.dz-product-media,.dz-product-copy{height:92px!important;min-height:92px!important}
}
body.dz-qa-mobile .dz-head,body.dz-qa-mobile .dz-head__inner{height:68px!important}body.dz-qa-mobile .dz-brand img{width:36px!important;height:36px!important}body.dz-qa-mobile .dz-hero{min-height:430px!important;height:430px!important}body.dz-qa-mobile .dz-hero__media img{object-position:center 38%!important}body.dz-qa-mobile .dz-hero__copy{left:14px!important;width:84%!important;top:47%!important;transform:translateY(-30%)!important}body.dz-qa-mobile .dz-hero__copy h1{font-size:30px!important;letter-spacing:.07em!important}body.dz-qa-mobile .dz-hero__copy h2{font-size:24px!important;letter-spacing:.065em!important;margin-top:26px!important}body.dz-qa-mobile .dz-hero__rule{width:48px!important;margin-top:25px!important}body.dz-qa-mobile .dz-signal-nav{margin-top:15px!important}body.dz-qa-mobile .dz-signal-nav a{font-size:7px!important;letter-spacing:.13em!important}body.dz-qa-mobile .dz-radar-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}body.dz-qa-mobile .dz-radar-card,body.dz-qa-mobile .dz-radar-card--lead{grid-row:auto!important;grid-template-columns:38% 62%!important;min-height:106px!important}body.dz-qa-mobile .dz-set-grid{grid-template-columns:1fr!important}body.dz-qa-mobile .dz-set-card{grid-template-columns:40% 60%!important;height:104px!important}body.dz-qa-mobile .dz-set-media{height:104px!important}body.dz-qa-mobile .dz-dual{grid-template-columns:1fr!important}body.dz-qa-mobile .dz-gateway{min-height:205px!important}body.dz-qa-mobile .dz-merch-grid{grid-template-columns:1fr!important}body.dz-qa-mobile .dz-product{height:92px!important;min-height:92px!important}body.dz-qa-mobile .dz-product-media,body.dz-qa-mobile .dz-product-copy{height:92px!important;min-height:92px!important}

@media(prefers-reduced-motion:reduce){
  .dz-signal-card,.dz-radar-card,.dz-event-card,.dz-set-card,.dz-artist-photo,.dz-gateway,.dz-product,.dz-play,.dz-gateway b{transition:none!important;transform:none!important}
  .dz-set-media .dz-play{transform:translate(-50%,-50%)!important}
}