/* Michael Butler Native WordPress 1.5 — SEO/editorial layer */

/* Small, visible editorial context for index pages. */
.mb-gallery-intro{
  max-width:680px!important;
  margin:18px 0 0!important;
  color:#8d8d8d!important;
  font-size:15px!important;
  line-height:1.7!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.mb-gallery-description--collection{
  max-width:760px!important;
  margin-top:22px!important;
  color:#a0a0a0!important;
  font-size:15px!important;
  line-height:1.75!important;
}
.mb-gallery-description--collection p:last-child{margin-bottom:0!important}

/* The Artist remains visually restrained while exposing a clear artist identity. */
.mb-artist-identity h1,
.standard__layout .breadcrumb__title.mb-artist-identity h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,2.3vw,40px)!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
.mb-artist-identity p{
  margin:12px 0 0!important;
  color:#818181!important;
  font-size:13px!important;
  line-height:1.4!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.standard__layout .breadcrumb__title h1,
.contact .breadcrumb__title h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(28px,2.3vw,40px)!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
}

/* Optional expanded homepage. OFF by default in ACF, so 1.5 keeps the current
   homepage appearance until the client elects to enable this section. */
.mb-home-editorial{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  background:#000!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  padding:clamp(90px,11vw,170px) 0!important;
}
.mb-home-editorial__inner{
  width:min(88%,1380px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  gap:clamp(70px,9vw,150px)!important;
  align-items:start!important;
}
.mb-home-editorial__copy{max-width:760px!important}
.mb-home-editorial__eyebrow{
  margin:0 0 24px!important;
  color:#5574ff!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.mb-home-editorial h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(34px,4.2vw,64px)!important;
  line-height:1.02!important;
  font-weight:300!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.mb-home-editorial__intro{
  max-width:680px!important;
  margin-top:34px!important;
  color:#a5a5a5!important;
  font-size:clamp(15px,1.2vw,18px)!important;
  line-height:1.8!important;
}
.mb-home-editorial__intro p:last-child{margin-bottom:0!important}
.mb-home-editorial__links{border-top:1px solid rgba(255,255,255,.13)!important}
.mb-home-editorial__links a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr) auto!important;
  gap:22px!important;
  align-items:center!important;
  padding:25px 0!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
  color:#858585!important;
  font-size:13px!important;
  line-height:1.5!important;
  transition:color .25s ease,border-color .25s ease!important;
}
.mb-home-editorial__links a:hover{color:#fff!important;border-color:rgba(85,116,255,.6)!important}
.mb-home-editorial__link-title{color:#fff!important;font-size:13px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.mb-home-editorial__links i{color:#fff!important;font-size:18px!important;font-style:normal!important;transition:transform .25s ease!important}
.mb-home-editorial__links a:hover i{transform:translateX(5px)!important}

@media(max-width:980px){
  .mb-home-editorial__inner{grid-template-columns:1fr!important;gap:64px!important}
  .mb-home-editorial__links{max-width:760px!important}
}
@media(max-width:767px){
  .mb-gallery-intro,.mb-gallery-description--collection{font-size:14px!important;line-height:1.65!important}
  .mb-home-editorial{padding:76px 0 86px!important}
  .mb-home-editorial__inner{width:88%!important;gap:50px!important}
  .mb-home-editorial h1{font-size:clamp(32px,10vw,46px)!important}
  .mb-home-editorial__intro{font-size:15px!important;line-height:1.75!important;margin-top:26px!important}
  .mb-home-editorial__links a{grid-template-columns:1fr auto!important;gap:8px 20px!important;padding:22px 0!important}
  .mb-home-editorial__links a>span:not(.mb-home-editorial__link-title){grid-column:1/2!important;font-size:12px!important}
  .mb-home-editorial__links i{grid-column:2!important;grid-row:1/3!important}
}
