.sae-section{
  --sae-navy:#12275e;
  --sae-navy-deep:#0d1f4d;
  --sae-blue:#2f5bff;
  --sae-ink:#111a3a;
  --sae-dim:#6a7189;
  --sae-line:#e6e9f3;
  max-width:1440px;
  margin:0 auto;
  padding: 40px 20px;
  font-family: 'Segoe UI', Arial, sans-serif;
  box-sizing:border-box;
}
.sae-section *{ box-sizing:border-box; }

.sae-section-title{
  display:flex; align-items:center; gap:14px;
  color: var(--sae-navy); font-weight:800; font-size:13px; letter-spacing:1.3px;
  margin-bottom:24px;
}
.sae-section-title::after{ content:''; flex:1; height:1px; background: var(--sae-line); max-width:600px; }

.sae-grid-wrap{ position:relative; }

.sae-grid{
  overflow:hidden;
  transition: max-height 0.45s ease;
  position:relative;
}
.sae-grid.sae-expanded{
  overflow-y:auto;
  scrollbar-width: thin;
}
.sae-grid.sae-expanded::-webkit-scrollbar{ width:8px; }
.sae-grid.sae-expanded::-webkit-scrollbar-thumb{ background: #c7cde4; border-radius:8px; }
.sae-grid.sae-expanded::-webkit-scrollbar-track{ background: transparent; }

/* ---------------- Awards grid ---------------- */
.sae-awards-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.sae-award-card{
  position:relative; border-radius:12px; overflow:hidden; min-height:230px;
  display:flex; flex-direction:column; justify-content:flex-end;
  color:#fff; padding:24px;
}
.sae-award-card .sae-bgimg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.sae-award-card .sae-overlay{ position:absolute; inset:0; z-index:1; }
.sae-award-card.sae-style-dark .sae-overlay{ background: linear-gradient(100deg, rgba(13,31,77,0.94) 40%, rgba(13,31,77,0.5) 100%); }
.sae-award-card.sae-style-light{ color: var(--sae-ink); }
.sae-award-card.sae-style-light .sae-overlay{ background: linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.45) 55%, rgba(255,255,255,0.05) 100%); }
.sae-award-card .sae-content{ position:relative; z-index:2; }
.sae-award-card .sae-big-num{ font-size:44px; font-weight:800; opacity:0.85; }
.sae-award-card .sae-tag{ font-size:11px; font-weight:700; letter-spacing:1px; opacity:0.85; text-transform:uppercase; margin-bottom:8px; }
.sae-award-card.sae-style-light .sae-tag{ color: var(--sae-blue); opacity:1; }
.sae-award-card h3{ font-size:19px; font-weight:700; margin:0 0 10px; line-height:1.3; }
.sae-award-card p{ font-size:13px; line-height:1.55; opacity:0.85; max-width:280px; margin:0 0 16px; }
.sae-award-card.sae-style-light p{ color:#4a5170; opacity:1; }
.sae-view-link{ display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#fff; text-decoration:none; }
.sae-award-card.sae-style-light .sae-view-link{ color: var(--sae-blue); }

/* ---------------- Events grid ---------------- */
.sae-events-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr;
  gap:16px;
}
.sae-event-feature{
  position:relative; border-radius:12px; overflow:hidden; min-height:280px;
  display:flex; flex-direction:column; justify-content:flex-end; color:#fff; padding:26px;
}
.sae-event-feature img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.sae-event-feature .sae-overlay{ position:absolute; inset:0; z-index:1; background: linear-gradient(90deg, rgba(9,16,45,0.95) 30%, rgba(9,16,45,0.3) 100%); }
.sae-event-feature .sae-content{ position:relative; z-index:2; }
.sae-event-feature .sae-tag{ font-size:20px; font-weight:800; margin-bottom:10px; text-transform:none; letter-spacing:normal; }
.sae-event-feature p{ font-size:13px; opacity:0.85; line-height:1.5; max-width:230px; margin:0 0 16px; }
.sae-event-feature .sae-view-link{ color:#fff; text-decoration:none; }

.sae-event-card{
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow: 0 4px 14px rgba(20,30,70,0.08);
  display:flex; flex-direction:column;
}
.sae-event-card .sae-thumb{ position:relative; height:130px; background:#dfe3ec; }
.sae-event-card .sae-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.sae-date-badge{
  position:absolute; top:10px; left:10px;
  background: var(--sae-navy); color:#fff; border-radius:6px; padding:5px 9px; text-align:center;
  font-size:10.5px; font-weight:700; line-height:1.3;
}
.sae-event-card .sae-body{ padding:16px; flex:1; display:flex; flex-direction:column; }
.sae-event-card h4{ font-size:14.5px; font-weight:700; margin:0 0 8px; line-height:1.3; }
.sae-event-card p{ font-size:12.5px; color: var(--sae-dim); line-height:1.5; flex:1; margin:0 0 12px; }
.sae-event-card .sae-view-link{ color: var(--sae-blue); font-size:13px; text-decoration:none; font-weight:700; }

/* ---------------- Load more button ---------------- */
.sae-load-more{
  display:block;
  margin: 20px auto 0;
  background: var(--sae-navy);
  color:#fff;
  border:none;
  padding: 11px 26px;
  border-radius:6px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition: background 0.2s ease;
}
.sae-load-more:hover{ background: var(--sae-navy-deep); }
.sae-load-more.sae-hidden{ display:none; }

@media (max-width: 1000px){
  .sae-awards-grid{ grid-template-columns: 1fr 1fr; }
  .sae-events-grid{ grid-template-columns: 1fr 1fr; }
  .sae-event-feature{ grid-column: span 2; }
}
@media (max-width: 640px){
  .sae-awards-grid{ grid-template-columns: 1fr; }
  .sae-events-grid{ grid-template-columns: 1fr; }
  .sae-event-feature{ grid-column: span 1; }
}