/* at-awards-timeline.css
   All layout units use rem (root = 16px assumed).
   Image placeholder path (when needed): /mnt/data/b9041a08-c19d-455d-a45d-23a83d173290.png
*/

/* color tokens */
:root {
  --at-card-bg: #ffffff;
  --at-muted: #7E7F8A;
  --at-accent: #0f9ea6;
  --at-purple: #4809E9;
}

.at-awards-banner {
  background-position: 0% 50% !important;
}

/* container root */
.at-awards-timeline {
  -webkit-font-smoothing: antialiased;
  padding-block: 2rem;
}

/* year header (centered badge with lines) */
.at-year-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 3.5rem 0 3rem;
  padding-top: 2rem;
}

/*.at-year-header::before,*/
/*.at-year-header::after {*/
/*  content: "";*/
/*  flex: 1;*/
/*  height: 0.0625rem; */
/*  background: rgba(11, 26, 26, 0.06);*/
/*  margin: 0 0.8rem;*/
/*}*/

.at-year-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: radial-gradient(227.51% 88.31% at 21.76% 44.59%, #2D2D3A 0%, #14161A 100%);
  color: white;
  padding: 0.8rem 2rem;
  border-radius: 9999px; /* 18px */
  font-weight: 700;
  font-size: 1.5625rem;
}

.at-year-badge span {
  display: inline-block;
  margin-bottom: -0.5rem;
}

/* the card that groups awards in a year */
.at-awards-list {
  background: var(--at-card-bg);
  border-radius: 1.875rem;
  padding: 3.125rem; 
  padding-top: 2rem;
  box-shadow: none;
}

/* single award row */
.at-award-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.1875rem;
  padding: 2rem 0; /* 16px top/bottom */
  border-bottom: 0.0625rem solid rgba(11,26,26,0.04); /* 1px */
}

.at-award-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* left thumbnail */
.at-award-image {
  width: 12.5rem;
  height: 8.25rem;
  min-width: 12.5rem;
  border-radius: 0.5rem; /* 8px */
  background: #f5f7f8;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 12.5 / 8.25;
  margin: 0;
}

.at-award-image img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  display: block;
}

/* content */
.at-award-content {
  flex: 1 1 auto;
  min-width: 0; /* allow text truncation in flex */
}

.at-award-category {
  color: var(--at-purple);
  font-size: 1rem;
  font-weight: 400;
}

.at-award-title {
  margin: 0 0 0.5rem 0; /* 6px bottom */
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.at-award-description {
  color: var(--at-muted);
  font-size: 1.125rem;
  line-height: 1.45;
  
}

.at-award-description > p {
  margin-bottom: 0 !important;  
} 

/* no-awards state */
.at-no-awards {
  text-align: center;
  padding: 1.75rem;
  color: var(--at-muted);
}

/* responsive */
@media (max-width: 48em) { /* 768px */
  .at-award-item {
    gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .at-award-image {
    width: 100%;
    height: 10rem;
    aspect-ratio: 12.5 / 8.25 !important;
  }
  
  .at-year-badge {
    font-size: 1.25rem;
  }
  
  .at-awards-list {
    padding: 1.5rem; 
    padding-top: 1rem;
  }
}