/* Homepage section 3: SRM's 38 startups drifting past, DEI's six centres, SRMSAT. Used by both halves of index.html. */
.st { background: radial-gradient(70% 60% at 80% 0%, rgba(255,170,140,.07), transparent 70%), linear-gradient(180deg,#0c0910,#07060a 40%,#0b0910); padding: 104px 0 96px; overflow: hidden; color: #f6efe9; font-family: Geist, Inter, -apple-system, "Segoe UI", Arial, sans-serif; font-weight: 300; line-height: 1.55; }
:where(.st) :where(h2, h3, p, ul) { margin: 0; }
:where(.st) ul { list-style: none; padding: 0; }
.st a { color: #ffd6a8; text-decoration: none; }
.st-w { width: min(1200px, 100% - 48px); margin: 0 auto; }
.st-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 56px; align-items: start; }
.st-eb { display: flex; align-items: center; gap: 12px; font: 500 11px "Geist Mono", ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,226,200,.72); }
.st-eb::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ffd6a8; box-shadow: 0 0 12px 2px rgba(255,200,140,.55); }
.st-top h2 { margin-top: 24px; font-weight: 300; font-size: 96px; letter-spacing: -.05em; line-height: .96; color: #f6efe9; }
.st-top h2 b { font-weight: 500; }
.st-lede { margin-top: 22px; max-width: 46ch; font-size: 17px; color: rgba(246,239,233,.72); }
.st-sat { margin-top: 26px; display: flex; gap: 14px; align-items: flex-start; max-width: 52ch; padding: 16px 18px; border-radius: 14px; border: 1px solid rgba(255,240,230,.14); background: linear-gradient(180deg, rgba(255,240,232,.07), rgba(255,240,232,.02)); font-size: 15px; color: rgba(246,239,233,.72); }
.st-sat b { color: #f6efe9; font-weight: 500; }
.st-sat::before { content: ""; flex: none; margin-top: 7px; width: 7px; height: 7px; border-radius: 50%; background: #ffd6a8; box-shadow: 0 0 12px 2px rgba(255,200,140,.55); }
.st-dei { padding: 22px 24px; border-radius: 18px; border: 1px solid rgba(255,240,230,.16); background: linear-gradient(180deg, rgba(255,236,226,.09), rgba(255,236,226,.03)); }
.st-dei h3 { font: 500 11px "Geist Mono", ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,226,200,.72); }
.st-dei p.n { margin-top: 8px; font-size: 17px; font-weight: 400; }
.st-dei ul { margin-top: 16px; display: grid; }
.st-dei li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: 1px solid rgba(255,222,196,.16); font-size: 14.5px; color: rgba(246,239,233,.72); }
.st-dei li b { color: #f6efe9; font-weight: 500; }
.st-dei a.go { display: inline-flex; margin-top: 14px; min-height: 44px; align-items: center; font-size: 15px; }
.st-rows { margin-top: 64px; display: grid; gap: 14px; -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.st .row { display: flex; gap: 14px; width: max-content; animation: st-drift 90s linear infinite; }
.st .row.rev { animation-direction: reverse; animation-duration: 100s; }
.st-rows:hover .row, .st-rows:focus-within .row { animation-play-state: paused; }
@keyframes st-drift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.su { flex: none; width: 290px; min-height: 118px; display: grid; align-content: start; gap: 6px; padding: 16px 18px; border-radius: 14px; border: 1px solid rgba(255,240,230,.13); background: linear-gradient(180deg, rgba(255,240,232,.06), rgba(255,240,232,.015)); }
.su b { font-size: 17px; font-weight: 400; letter-spacing: -.01em; color: #f6efe9; }
.su span { font-size: 14.5px; color: rgba(246,239,233,.72); line-height: 1.4; }
.su i { font: 500 10px "Geist Mono", ui-monospace, monospace; font-style: normal; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,226,200,.6); margin-top: 4px; }
.st-foot { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 8px 26px; font-size: 15px; }
.st-foot a { min-height: 44px; display: inline-flex; align-items: center; }
.st a:focus-visible { outline: 2px solid #ffd6a8; outline-offset: 3px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .st .row { animation: none; } .st-rows { overflow-x: auto; } }
html.nm-rm .st .row { animation: none; }
@media (max-width: 900px) {
  .st { padding: 64px 0; }
  .st-w { width: calc(100% - 32px); }
  .st-top { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .st-top h2 { font-size: 58px; margin-top: 18px; }
  .st-dei li { grid-template-columns: 86px minmax(0, 1fr); }
  .st-rows { margin-top: 40px; gap: 10px; }
  .st .row { gap: 10px; }
  .su { width: 240px; min-height: 108px; padding: 14px 16px; }
}
/* Dhruva Space spotlight */
.st-dh { margin-top: 28px; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; align-items: stretch; max-width: 600px; padding: 12px; border-radius: 18px; border: 1px solid rgba(255,240,230,.16); background: linear-gradient(180deg, rgba(255,236,226,.09), rgba(255,236,226,.03)); color: #f6efe9 !important; }
.st-dh figure { margin: 0; border-radius: 12px; overflow: hidden; min-height: 150px; background: #15101a; }
.st-dh img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.95) brightness(.95); }
.st-dh .tx { padding: 6px 8px 6px 0; display: grid; align-content: center; gap: 6px; }
.st-dh .k { font: 500 10.5px "Geist Mono", ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: #ffd6a8; }
.st-dh b { font-size: 21px; font-weight: 400; letter-spacing: -.015em; line-height: 1.25; }
.st-dh p { font-size: 14.5px; color: rgba(246,239,233,.72); line-height: 1.5; }
.st-dh:hover { border-color: rgba(255,214,168,.45); }
@media (max-width: 560px) { .st-dh { grid-template-columns: 1fr; } .st-dh figure { min-height: 180px; } }