#view-about .about-card{
  grid-template-columns:minmax(220px,280px) minmax(320px,1fr) minmax(260px,430px)!important;
  align-items:center!important;
}

.about-social-links{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:min(100%,220px)!important;
  margin:18px 0 0!important;
}

.about-social-links .social-platform{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  text-align:left!important;
}

.about-social-links .social-platform span{
  min-width:0;
}

.about-build-info{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  width:max-content;
  max-width:100%;
  margin-top:18px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  color:#8f859d;
  background:rgba(255,255,255,.025);
  font-size:8px;
  line-height:1.4;
}

.about-build-info strong{
  color:#f3edf8;
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.about-build-info span+span::before{
  content:"•";
  margin-right:10px;
  color:color-mix(in srgb,var(--accent) 70%,#fff);
}

.about-legal-notice{
  flex:1 0 100%;
  display:block;
  margin-top:2px;
  color:inherit;
  font-size:8px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.01em;
  opacity:.72;
}

.about-golden-logo-wrap{
  min-width:0;
  width:100%;
  display:grid;
  place-items:center;
  padding:4px 10px;
  overflow:visible;
}

.about-golden-wordmark{
  display:block;
  width:min(100%,430px);
  aspect-ratio:4 / 1.25;
  background:
    linear-gradient(
      180deg,
      #fff3b8 0%,
      #f4cf70 24%,
      #c7902f 58%,
      #f2cf72 78%,
      #9b651d 100%
    );
  -webkit-mask:url('../assets/logo.png') center / contain no-repeat;
  mask:url('../assets/logo.png') center / contain no-repeat;
  filter:
    drop-shadow(0 13px 25px rgba(0,0,0,.32))
    drop-shadow(0 0 18px rgba(232,184,77,.2));
}

@media(max-width:1180px) and (min-width:761px){
  #view-about .about-card{
    grid-template-columns:220px minmax(0,1fr)!important;
  }

  .about-golden-logo-wrap{
    grid-column:1/-1;
    padding-top:18px;
  }

  .about-golden-wordmark{
    width:min(68%,430px);
  }
}

@media(max-width:760px){
  #view-about .about-card{
    grid-template-columns:1fr!important;
  }

  #view-about .about-card>img{
    display:block!important;
    width:min(180px,100%)!important;
    max-width:180px!important;
    height:225px!important;
    aspect-ratio:4 / 5!important;
    margin:0 auto!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  .about-social-links{
    width:min(100%,260px)!important;
    margin:18px auto 0!important;
  }

  .about-social-links .social-platform{
    min-height:54px!important;
  }

  .about-build-info{
    width:100%;
    justify-content:center;
    margin-top:16px;
    text-align:center;
  }

  #view-about .about-card>.about-build-info{
    margin-top:4px;
  }

  .about-golden-logo-wrap{
    width:100%;
    margin-top:12px;
    padding:8px 0 0;
  }

  .about-golden-wordmark{
    width:min(88vw,430px);
  }
}

@media(max-width:430px){
  .about-build-info{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
  }

  .about-build-info span+span::before{
    content:none;
  }

  .about-legal-notice{
    margin-top:5px;
  }
}