/* Homepage hero: one reading column, a clear search, and room for campus photos. */
.hero { background:#142c29; }
.hero .hero-overlay {
  background:linear-gradient(90deg,rgba(6,27,25,.92) 0%,rgba(6,27,25,.82) 38%,rgba(6,27,25,.28) 77%,rgba(6,27,25,.12)),linear-gradient(0deg,rgba(5,22,21,.58),transparent 55%);
}
.hero .hero-inner {
  width:min(1180px,calc(100% - 64px));
  grid-template-columns:minmax(0,740px) minmax(0,1fr);
  align-content:center;
  gap:16px 0;
  padding:38px 0 28px;
  min-height:440px;
}
.hero .hero-copy,.hero .search-surface,.hero .hero-intake-anchors,.hero .hero-article-card { grid-column:1; min-width:0; width:100%; max-width:none; }
.hero .hero-brand-lockup { align-items:center; gap:10px; border:0; padding:0; margin:0 0 14px; }
.hero .hero-brand-lockup strong { font-size:16px; font-weight:700; line-height:1.5; }
.hero .hero-brand-domain { font-size:10px; letter-spacing:.1em; font-weight:500; color:#d6e3dd; }
.hero .hero-brand-descriptor { flex-basis:auto; font-size:11px; font-weight:400; padding-left:10px; border-left:1px solid #ffffff40; }
.hero h1 { font-size:clamp(38px,3.8vw,50px); line-height:1.22; font-weight:700; letter-spacing:.01em; text-wrap:balance; }
.hero h1 span { display:inline-block; }
.hero .hero-tagline { font-size:15px; line-height:1.6; font-weight:400; color:#d5e1dc; margin:10px 0 5px; letter-spacing:.02em; }
.hero .search-box { min-height:60px; border-radius:12px; border:1px solid #ffffffb3; box-shadow:0 8px 24px #00000014; background:#fff; }
.hero .search-box:focus-within { outline:3px solid #dfca8f; outline-offset:3px; }
.hero .search-box input { font-size:16px; }
.hero .hero-search-example { margin:9px 0 0; color:#c2d1ca; font-size:12px; line-height:1.5; }
.hero .quick-searches { margin:6px 0 0; gap:16px; }
.hero .quick-searches button { min-height:26px; flex:0 0 auto; padding:2px 0; border:0; border-radius:0; background:transparent; color:#edf3f0; font-size:12px; line-height:1.5; }
.hero .quick-searches button:hover { color:#f0d796; background:transparent; text-decoration:underline; text-underline-offset:4px; }
.hero .hero-intake-anchors { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.hero .hero-intake-pill { position:relative; gap:3px; padding:13px 42px 13px 18px; min-height:74px; border:1px solid #ffffff52; border-radius:12px; background:rgba(255,255,255,.07); backdrop-filter:blur(8px); box-shadow:none; }
.hero .hero-intake-kicker { color:#c6d5cf; font-size:11px; letter-spacing:.04em; font-weight:500; }
.hero .hero-intake-pill strong { font-size:16px; font-weight:650; line-height:1.5; }
.hero .hero-intake-arrow { position:absolute; right:17px; top:50%; transform:translateY(-50%); font-size:23px; font-weight:400; }
.hero .hero-intake-pill:first-child { color:#123f32; background:#eee5cb; border-color:#eee5cb; }
.hero .hero-intake-pill:first-child .hero-intake-kicker { color:#45634e; }
.hero .hero-intake-pill:hover { background:#ffffff1f; border-color:#e6d3a2; box-shadow:none; transform:translateY(-2px); }
.hero .hero-intake-pill:first-child:hover { background:#f7efda; }
.hero .hero-article-card { position:static; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; min-height:0; margin:0; padding:14px 0 0; border:0; border-top:1px solid #ffffff2e; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.hero .hero-article-card:hover { background:transparent; box-shadow:none; border-color:#ffffff52; }
.hero .hero-article-card:hover strong { text-decoration:underline; text-underline-offset:4px; }
.hero .hero-article-badge { grid-column:auto; grid-row:auto; padding:2px 7px; font-size:10px; font-weight:500; color:#e6d3a2; background:transparent; border:1px solid #e6d3a25c; border-radius:4px; white-space:nowrap; }
.hero .hero-article-card strong { grid-column:auto; grid-row:auto; overflow:visible; font-size:14px; line-height:1.6; font-weight:500; white-space:normal; text-overflow:clip; }
.hero .hero-article-action { grid-column:auto; grid-row:auto; margin:0; color:#d2ddd8; font-size:12px; font-weight:400; white-space:nowrap; }
.hero .hero-article-action span { margin-left:6px; color:#e6d3a2; }
.hero .campus-name-card { min-width:0; justify-items:start; text-align:left; padding:8px 0 8px 16px; border-left:1px solid #ffffff5c; gap:5px; }
.hero .campus-name-card strong { font-size:24px; line-height:1.3; font-weight:500; letter-spacing:.02em; }
.hero .campus-name-card small { font-size:10px; font-weight:400; }
.hero .hero-name-track > span { padding-bottom:30px; }
@media (min-width:701px) and (max-width:1040px) {
  .hero .hero-inner { grid-template-columns:minmax(0,740px); padding-top:34px; }
  .hero .hero-name-track > span { align-items:flex-start; padding-top:24px; }
  .hero .campus-name-card { border:0; }
  .hero .campus-name-card strong { font-size:15px; }
  .hero .campus-name-card small { font-size:9px; }
  .hero .hero-brand-descriptor { display:none; }
}
@media (max-width:700px) {
  .hero .hero-inner { width:calc(100% - 36px); min-height:0; grid-template-columns:minmax(0,1fr); gap:14px; padding:22px 0 20px; }
  .hero .hero-overlay { background:linear-gradient(90deg,rgba(6,27,25,.91),rgba(6,27,25,.72)),linear-gradient(0deg,rgba(5,22,21,.4),transparent); }
  .hero .hero-brand-lockup { gap:8px; margin-bottom:12px; }
  .hero .hero-brand-domain { display:none; }
  .hero .hero-brand-descriptor { font-size:10px; }
  .hero h1 { font-size:34px; line-height:1.28; letter-spacing:0; text-wrap:balance; }
  .hero .hero-tagline { font-size:13px; margin:10px 0 0; }
  .hero .search-box { min-height:56px; padding-left:13px; grid-template-columns:20px minmax(0,1fr) 34px; gap:6px; }
  .hero .hero-search-example { font-size:10px; margin-top:8px; }
  .hero .quick-searches { display:none; }
  .hero .hero-intake-anchors { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .hero .hero-intake-pill { padding:12px 29px 12px 12px; min-height:73px; gap:4px; border-radius:10px; }
  .hero .hero-intake-pill strong { font-size:13px; }
  .hero .hero-intake-kicker { font-size:10px; }
  .hero .hero-intake-arrow { right:10px; font-size:18px; }
  .hero .hero-article-card { grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; padding-top:12px; }
  .hero .hero-article-badge { grid-column:1; grid-row:1; width:fit-content; font-size:9px; padding:1px 5px; }
  .hero .hero-article-card strong { grid-column:1; grid-row:2; font-size:12px; line-height:1.6; }
  .hero .hero-article-action { grid-column:2; grid-row:1 / 3; font-size:11px; }
}
@media (max-width:360px) {
  .hero h1 { font-size:30px; }
  .hero .hero-intake-pill { padding-left:10px; padding-right:22px; }
  .hero .hero-intake-arrow { right:7px; }
  .hero .hero-intake-pill strong { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero .hero-intake-pill { transition:none; transform:none; }
}
