/* MojoHeadz Records — site styles (v3 redesign, matches index) */
@font-face{font-family:"Neue Montreal";src:url(fontz/NeueMontreal-Regular.woff2) format("woff2"),url(fontz/NeueMontreal-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Neue Montreal";src:url(fontz/NeueMontreal-Medium.woff2) format("woff2"),url(fontz/NeueMontreal-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}

*,*:before,*:after{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:#fff;min-width:320px;max-width:100%;overflow-x:hidden}
body{font-family:"Neue Montreal",-apple-system,"Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.425em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote{margin:0;padding:0;font-weight:400;font-size:inherit;list-style:none}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .3s cubic-bezier(.165,.84,.44,1)}
a:hover{color:#d2fa64}
em,i{font-family:ivypresto-headline,Georgia,serif;font-style:italic;font-weight:300}
strong,b{font-weight:500}
.mh-wrap{margin:0 auto;max-width:1920px;width:100%;padding:0 20px}

/* ---------- header ---------- */
.mh-header{position:absolute;top:0;right:0;left:0;z-index:99;padding:0 20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.mh-header_inner{display:grid;align-items:center;grid-gap:0 40px;grid-template-columns:repeat(2,1fr);height:70px;position:relative;width:100%;border-bottom:.5px solid #fff}
.mh-logo{display:flex;align-items:center;height:40px}
.mh-logo img{width:64px;height:40px}
.mh-info{display:none;line-height:1em;font-size:15px;text-transform:uppercase}
.mh-info div+div{margin-top:7px}
.mh-cta{display:inline-flex;justify-content:flex-end;align-items:center}
.mh-burger{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;font-family:inherit;padding:0}
.mh-burger span{padding-right:6px;line-height:1.15em;font-size:15px;text-transform:uppercase}
.mh-burger i{display:inline-flex;position:relative;width:24px;height:24px;transition:transform .6s ease}
.mh-burger i:before,.mh-burger i:after{content:"";background:#fff;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:1px;height:16px}
.mh-burger i:after{transform:rotate(90deg)}
.is-menu-open .mh-burger i{transform:rotate(135deg)}
@media (min-width:1024px){
  .mh-header_inner{grid-template-columns:repeat(4,1fr);height:80px}
  .mh-info{display:block}
}

/* ---------- menu overlay ---------- */
.mh-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background:#000;display:flex;align-items:stretch;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}
.is-menu-open .mh-menu{opacity:1;visibility:visible;pointer-events:auto}
.mh-menu_list{display:flex;flex-direction:column;justify-content:center;width:100%;padding:80px 0 20px;overflow-y:auto}
.mh-menu_list a{display:flex;justify-content:flex-start;align-items:center;font-size:clamp(32px,4.8vw,76px);line-height:1em;padding:.09em 20px .1em;position:relative;overflow:hidden;flex:0 0 auto}
.mh-menu_list a .l{position:relative;z-index:2}
.mh-menu_list a .bg{background:#d2fa64;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:0;transition:height .3s cubic-bezier(.165,.84,.44,1);z-index:1}
.mh-menu_list a:hover{color:#000}
.mh-menu_list a:hover .bg{height:100%}

/* ---------- page hero ---------- */
.mh-hero{position:relative;background:#000;overflow:hidden;padding:calc(80px + 18vh) 20px 90px;min-height:76vh;display:flex;align-items:flex-end}
.mh-hero_bg{position:absolute;inset:0;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.45;filter:grayscale(1);pointer-events:none}
.mh-hero:after{content:"";position:absolute;right:0;bottom:0;left:0;height:60%;background:linear-gradient(180deg,transparent 0,#000 92%);pointer-events:none}
.mh-hero_inner{position:relative;z-index:2;margin:0 auto;max-width:1920px;width:100%}
.mh-crumbs{line-height:1em;font-size:15px;text-transform:uppercase;opacity:.6;margin-bottom:28px}
.mh-crumbs a{text-decoration:none}
.mh-title{font-size:clamp(40px,7.2vw,140px);line-height:1.05em;text-transform:uppercase;text-wrap:balance}
.mh-title em{font-family:ivypresto-headline,Georgia,serif;font-style:italic;font-weight:100}

/* ---------- main content ---------- */
.mh-main{position:relative;z-index:2;background:#000;border-top-left-radius:20px;border-top-right-radius:20px;margin-top:-20px;padding:70px 20px 120px}
.mh-main>.mh-wrap{padding:0}
.mh-row{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:60px 40px;align-items:start;width:100%}
.mh-row+.mh-row{margin-top:80px}
.mh-row>.mh-row,.mh-row>.mh-cards,.mh-cards>.mh-row{grid-column:1/-1}
.mh-col{grid-column:span 12;min-width:0}
@media (min-width:900px){
  .mh-col[data-span="3"]{grid-column:span 3}
  .mh-col[data-span="4"]{grid-column:span 4}
  .mh-col[data-span="6"]{grid-column:span 6}
  .mh-col[data-span="8"]{grid-column:span 8}
  .mh-col[data-span="9"]{grid-column:span 9}
  .mh-col[data-span="12"]{grid-column:span 12}
  .mh-main{padding:110px 20px 160px}
}
.mh-main h2{font-size:clamp(22px,calc(8.7px + 3.17vw),60px);line-height:1.05em;text-transform:uppercase;margin-bottom:.5em}
.mh-main h3{font-size:clamp(20px,calc(15px + 1.1vw),28px);line-height:1.15em;text-transform:uppercase;margin-bottom:.6em}
.mh-main h4{font-size:18px;text-transform:uppercase;margin-bottom:.6em}
.mh-main p{font-size:clamp(16px,calc(14.6px + .33vw),20px);line-height:1.425em}
.mh-main p+p,.mh-main p+h2,.mh-main p+h3,.mh-main ul+h2,.mh-main ul+h3{margin-top:1em}
.mh-main h2+h2,.mh-main h3+h3{margin-top:1.2em}
.mh-main li{font-size:clamp(16px,calc(14.6px + .33vw),20px);line-height:1.425em;padding-left:22px;position:relative}
.mh-main li+li{margin-top:8px}
.mh-main li:before{content:"-";color:#d2fa64;position:absolute;top:0;left:0;width:22px}
.mh-main a{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:.5px}
.mh-main iframe{max-width:100%;border:0;border-radius:12px;display:block}
.mh-figure{display:block;position:relative;width:100%;aspect-ratio:940/700;border-radius:8px;overflow:hidden;background:#0b0b0b center center/cover no-repeat;filter:grayscale(1);transition:filter .4s cubic-bezier(.165,.84,.44,1)}
.mh-figure:hover{filter:grayscale(0)}
.mh-note{font-size:15px;text-transform:uppercase;opacity:.6;line-height:1em;margin-bottom:20px;display:block}

/* ---------- cards (news list, artists, jobs) ---------- */
.mh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:60px 40px;width:100%}
.mh-card{display:flex;flex-direction:column;text-decoration:none!important}
.mh-card_img{display:block;width:100%;aspect-ratio:780/580;border-radius:8px;overflow:hidden;background:#0b0b0b center center/cover no-repeat;filter:grayscale(1);transition:filter .4s cubic-bezier(.165,.84,.44,1)}
.mh-card:hover .mh-card_img,.mh-card:hover .mh-card_pic{filter:grayscale(0)}
.mh-card_pic{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;filter:grayscale(1);transition:filter .4s cubic-bezier(.165,.84,.44,1)}
.mh-card_body{padding-top:20px;border-top:.5px solid rgba(255,255,255,.25);margin-top:20px}
.mh-card_body h2,.mh-card_body h3{font-size:clamp(18px,calc(15.9px + .5vw),24px)!important;line-height:1.1em;text-transform:uppercase;margin-bottom:.5em}
.mh-card_body p{font-size:16px!important;line-height:1.425em;opacity:.7}
.mh-card_body a{text-decoration:none}

/* ---------- pagination ---------- */
.mh-pager{display:flex;gap:8px;justify-content:center;margin-top:90px}
.mh-pager li{padding:0}
.mh-pager li:before{display:none}
.mh-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 14px;border:.5px solid rgba(255,255,255,.35);border-radius:100px;font-size:15px;text-transform:uppercase;text-decoration:none!important}
.mh-pager a:hover{background:#d2fa64;border-color:#d2fa64;color:#000}
.mh-pager .active a{background:#fff;border-color:#fff;color:#000}
.mh-pager .disabled a{opacity:.3;pointer-events:none}

/* ---------- footer ---------- */
.mh-footer{position:relative;background:#000;color:#fff;text-transform:uppercase;z-index:10;overflow:hidden}
.mh-footer_bg{position:absolute;inset:0;background:url(art/footer_bg.jpg) no-repeat center center/cover;opacity:.5;pointer-events:none}
.mh-footer_inner{position:relative;z-index:1;margin:0 auto;max-width:1920px;width:100%;padding:0 20px}
.mh-footer_rule{border-bottom:.5px solid #fff;display:block;margin-bottom:40px;padding:70px 0 108px;width:100%}
.mh-footer_main{display:grid;grid-template-columns:1fr;grid-gap:60px;padding:0 0 160px;position:relative;width:100%}
@media (min-width:900px){.mh-footer_main{grid-template-columns:1fr 1fr 2fr;padding-bottom:300px}}
.mh-footer_heading{display:block;font-size:14px;line-height:1em;margin-bottom:20px;opacity:.6}
.mh-footer_links li+li{margin-top:.5em}
.mh-footer_links a,.mh-footer_links li{display:inline-flex;font-size:clamp(18px,calc(15.9px + .5vw),24px);line-height:1em}
.mh-backtop{display:inline-block;font-size:12px;line-height:1em}
.mh-footer_bottom{display:grid;grid-template-columns:1fr 3fr;align-items:center;padding:33px 0;width:100%;font-size:13px;line-height:1em}
.mh-footer_bottom>div:last-child{text-align:right}

/* ---------- mobile ---------- */
@media (max-width:900px){
  .mh-row{grid-template-columns:1fr!important;grid-gap:44px 0}
  .mh-col,.mh-col[data-span]{grid-column:span 1!important;min-width:0}
  .mh-main{padding:60px 20px 90px}
  .mh-main h2{margin-bottom:.6em}
  .mh-hero{padding:calc(64px + 12vh) 20px 70px;min-height:60vh}
  .mh-header_inner{height:64px}
  .mh-cards{grid-gap:44px 0}
  .mh-pager{flex-wrap:wrap;margin-top:60px}
  .mh-footer_rule{padding:40px 0 56px;margin-bottom:30px}
  .mh-footer_main{padding-bottom:110px;grid-gap:44px}
  .mh-footer_bottom{grid-template-columns:1fr auto}
  .mh-main iframe,.mh-main img,.mh-main table{max-width:100%!important}
  [id^="amoforms"],[class*="amoforms"]{max-width:100%!important;width:100%!important}
}
@media (max-width:700px){
  .mh-cards{grid-template-columns:1fr}
}