/* USS New Home - hero section only, first version.
   Premium business news style: black and white first, thin rules,
   no shadows, no rounded cards, no emojis. Scoped to .uss-new-home,
   so the live homepage and other pages are untouched. */

/* Full-width fix, 2026-11-02: the custom header sits outside
   GeneratePress's .site container, so it spans the viewport, but
   this template's hero sits inside that container, which is
   narrower and centred, leaving grey body background on both
   sides. For this template only, open that container to full
   width. The hero's own .uss-container (80rem) then centres the
   content exactly like the header container does. */
body.page-template-template-new-home {
  background: var(--uss-paper);
}

body.page-template-template-new-home .site.grid-container.container {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  background: var(--uss-paper);
}

body.page-template-template-new-home .site-content {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  background: var(--uss-paper);
}

/* The old Elementor footer is now a draft, and the custom black
   footer renders site-wide from the theme footer hook, so there
   is nothing left to hide here. */

.uss-new-home {
  width: 100%;
  background: var(--uss-paper);
  color: var(--uss-ink);
}

.uss-hero {
  padding: 2.5rem 0 3rem;
  border-bottom: 1px solid var(--uss-line);
}

.uss-hero-grid {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 3rem;
  align-items: start;
}

.uss-hero-date {
  font-size: 0.8125rem;
  color: var(--uss-muted);
  margin: 0 0 1.5rem;
}

.uss-hero-rule {
  width: 3rem;
  border-top: 3px solid var(--uss-line-strong);
  margin: 0 0 1.25rem;
}

.uss-hero-title {
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
  line-height: 1.05;
}

.uss-hero-intro {
  font-size: 1rem;
  line-height: 1.65;
  color: var(--uss-ink-soft);
  max-width: 38rem;
  margin: 0 0 1.5rem;
}

.uss-hero-explore {
  font-size: 1rem;
  margin: 0 0 2rem;
}

.uss-hero-explore a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.uss-hero-explore a:hover { color: var(--uss-accent); }

.uss-hero-form {
  display: flex;
  gap: 0.5rem;
  max-width: 32rem;
}

.uss-hero-form input[type="email"] {
  flex: 1;
  min-width: 0;
  font-family: var(--uss-font-body);
  font-size: 1rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--uss-ink);
  background: var(--uss-paper);
  color: var(--uss-ink);
}

.uss-hero-form button {
  font-family: var(--uss-font-body);
  font-size: 1rem;
  font-weight: 600;
  padding: 0.875rem 1.5rem;
  border: 1px solid var(--uss-ink);
  background: var(--uss-ink);
  color: var(--uss-paper);
  cursor: pointer;
  white-space: nowrap;
}

.uss-hero-form button:hover { background: var(--uss-ink-soft); color: var(--uss-paper); }

.uss-hero-form-note {
  font-size: 0.8125rem;
  color: var(--uss-muted);
  margin: 0.75rem 0 0;
}

.uss-screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* Latest panel: a clean list with dividers, not boxed cards. */
.uss-hero-latest {
  border: 1px solid var(--uss-line);
  padding: 1.5rem;
  background: var(--uss-paper);
}

.uss-hero-latest-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 2px solid var(--uss-line-strong);
  padding-bottom: 0.75rem;
  margin-bottom: 0.25rem;
}

.uss-hero-latest-head h2 {
  font-size: 1.25rem;
  margin: 0;
}

.uss-hero-latest-head a {
  font-size: 0.8125rem;
  color: var(--uss-muted);
  white-space: nowrap;
}

.uss-hero-latest-head a:hover { color: var(--uss-ink); }

.uss-hero-latest-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.uss-hero-latest-item {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
  border-top: 1px solid var(--uss-line);
}

.uss-hero-latest-list li:first-child .uss-hero-latest-item {
  border-top: 0;
}

.uss-hero-latest-thumb {
  flex-shrink: 0;
  width: 6rem;
  height: 4.5rem;
  overflow: hidden;
  background: var(--uss-paper-soft);
  line-height: 0;
}

.uss-hero-latest-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.uss-hero-latest-text h3 {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 0 0.25rem;
}

.uss-hero-latest-text h3 a:hover { color: var(--uss-accent); }

.uss-hero-latest-text time {
  font-size: 0.8125rem;
  color: var(--uss-muted);
}

/* Logo collaboration section: soft background to separate it
   from the white hero, centred premium heading, and a logo wall
   where each tile lifts and sharpens on hover. */
.uss-logos {
  background: var(--uss-paper-soft);
  border-bottom: 1px solid var(--uss-line);
  padding: 3.5rem 0;
}

.uss-logos-head {
  text-align: center;
  max-width: none;
  margin: 0 auto 2.5rem;
}

.uss-logos-head h2 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1.15;
  margin: 0 0 1rem;
}

.uss-logos-head h2 span { color: var(--uss-accent); }

.uss-logos-sub {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--uss-muted);
  max-width: 30rem;
  margin: 0 auto;
  text-align: center;
}

.uss-logos-head .uss-logos-sub,
.uss-new-home.uss-custom .uss-logos-sub {
  max-width: 30rem;
  margin: 0 auto;
  text-align: center;
}

.uss-logos-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.uss-logo-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  padding: 0.75rem;
  background: var(--uss-paper);
  border: 1px solid var(--uss-line);
  border-top: 2px solid var(--uss-line);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.uss-logo-tile img {
  max-width: 9rem;
  max-height: 3rem;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0.85;
  filter: saturate(0.9);
  transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease;
}

.uss-logo-tile:hover {
  border-color: var(--uss-ink);
  border-top-color: var(--uss-accent);
  transform: translateY(-2px);
}

.uss-logo-tile:hover img {
  opacity: 1;
  filter: saturate(1);
  transform: scale(1.04);
}

@media (max-width: 64rem) {
  .uss-hero-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .uss-logos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 48rem) {
  .uss-hero {
    padding: 1.5rem 0 2rem;
  }

  .uss-hero-title {
    font-size: 2.25rem;
  }

  .uss-hero-form {
    flex-direction: column;
    max-width: none;
  }

  .uss-hero-form button {
    width: 100%;
  }

  .uss-hero-latest {
    padding: 1rem;
  }

  .uss-hero-latest-thumb {
    width: 5rem;
    height: 3.75rem;
  }

  .uss-logos {
    padding: 2.5rem 0;
  }

  .uss-logos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }

  .uss-logo-tile {
    height: 4rem;
    padding: 0.5rem;
  }

  .uss-logo-tile img {
    max-height: 2.5rem;
  }
}

/* Startup news section, in the big-news layout: a latest list
   on the left, a large feature in the centre with two smaller
   stories below it, and a side story plus newsletter box on
   the right. */
.uss-news {
  padding: 3.5rem 0;
  border-bottom: 1px solid var(--uss-line);
  background: var(--uss-paper);
}

.uss-news-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 2px solid var(--uss-line-strong);
  padding-bottom: 0.75rem;
  margin-bottom: 2rem;
}

.uss-news-head h2 {
  font-size: 2rem;
  margin: 0;
}

.uss-news-head a {
  font-size: 0.875rem;
  color: var(--uss-muted);
  white-space: nowrap;
}

.uss-news-head a:hover { color: var(--uss-ink); }

.uss-news-grid {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-areas: "latest featured side";
  gap: 2.5rem;
  align-items: start;
}

.uss-news-latest { grid-area: latest; }

.uss-news-latest h3 {
  font-family: var(--uss-font-body);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--uss-line-strong);
  padding-bottom: 0.5rem;
  margin: 0 0 0.5rem;
}

.uss-news-latest-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.uss-news-latest-list li {
  padding: 1rem 0;
  border-bottom: 1px solid var(--uss-line);
}

.uss-news-latest-list h4 {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 0 0.5rem;
}

.uss-news-latest-list h4 a:hover { color: var(--uss-accent); }

.uss-news-meta {
  font-size: 0.75rem;
  color: var(--uss-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0;
}

.uss-news-explore {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 1rem;
}

.uss-news-explore:hover { color: var(--uss-accent); }

.uss-news-featured { grid-area: featured; }

.uss-news-featured-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--uss-paper-soft);
  margin-bottom: 1rem;
  line-height: 0;
}

.uss-news-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.uss-news-tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--uss-ink);
  color: var(--uss-paper);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.375rem 0.625rem;
}

.uss-news-featured-main h3 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1.1;
  margin: 0 0 1rem;
}

.uss-news-featured-main h3 a:hover { color: var(--uss-accent); }

.uss-news-excerpt {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--uss-ink-soft);
  margin: 0 0 1rem;
}

.uss-news-byline {
  font-size: 0.8125rem;
  color: var(--uss-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0;
}

.uss-news-featured-secondary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  border-top: 1px solid var(--uss-line);
  padding-top: 1.5rem;
  margin-top: 2.5rem;
}

.uss-news-secondary-media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--uss-paper-soft);
  margin-bottom: 0.75rem;
  line-height: 0;
}

.uss-news-secondary-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.uss-news-cat {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--uss-accent);
  margin: 0 0 0.5rem;
}

.uss-news-secondary h4 {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0;
}

.uss-news-secondary h4 a:hover { color: var(--uss-accent); }

.uss-news-side { grid-area: side; }

.uss-news-side-card {
  background: var(--uss-paper-soft);
  padding: 1.25rem;
}

.uss-news-side-media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--uss-paper);
  margin: -1.25rem -1.25rem 1rem;
  line-height: 0;
}

.uss-news-side-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.uss-news-side-card h4 {
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 0 0 0.75rem;
}

.uss-news-side-card h4 a:hover { color: var(--uss-accent); }

.uss-news-side-card .uss-news-excerpt {
  font-size: 0.875rem;
  margin: 0 0 0.75rem;
}

.uss-news-cta {
  background: var(--uss-ink);
  color: var(--uss-paper);
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.uss-news-cta-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--uss-paper);
  opacity: 0.7;
  margin: 0 0 0.75rem;
}

.uss-news-cta h4 {
  font-size: 1.375rem;
  line-height: 1.2;
  color: var(--uss-paper);
  margin: 0 0 0.75rem;
}

.uss-news-cta p {
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--uss-paper);
  opacity: 0.85;
  margin: 0 0 1rem;
}

.uss-news-cta a {
  display: inline-block;
  background: var(--uss-paper);
  color: var(--uss-ink);
  font-weight: 600;
  padding: 0.75rem 1.25rem;
}

.uss-news-cta a:hover {
  background: var(--uss-accent);
  color: var(--uss-paper);
}

@media (max-width: 64rem) {
  .uss-news-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "featured featured"
      "latest side";
    gap: 2rem;
  }
}

@media (max-width: 48rem) {
  .uss-news {
    padding: 2.5rem 0;
  }

  .uss-news-head {
    flex-wrap: wrap;
  }

  .uss-news-head h2 {
    font-size: 1.5rem;
  }

  .uss-stories-head,
  .uss-lessons-head,
  .uss-videos-head {
    flex-wrap: wrap;
  }

  .uss-news-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "featured"
      "latest"
      "side";
  }

  .uss-news-featured-secondary {
    grid-template-columns: 1fr;
  }
}

/* Inspirational Startup Stories, in the example's card layout:
   4 columns, 2 rows, thin dividers between columns and a rule
   between rows, image, category label, and title only. */
.uss-stories {
  padding: 3.5rem 0;
  border-bottom: 1px solid var(--uss-line);
  background: var(--uss-paper);
}

.uss-stories-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}

.uss-stories-head h2 {
  position: relative;
  font-size: 2rem;
  padding-bottom: 0.75rem;
  margin: 0;
}

.uss-stories-head h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.75rem;
  height: 4px;
  background: var(--uss-accent);
}

.uss-stories-head a {
  font-size: 0.875rem;
  color: var(--uss-muted);
  white-space: nowrap;
}

.uss-stories-head a:hover { color: var(--uss-ink); }

.uss-stories-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.uss-stories-card {
  padding: 0 1.25rem;
}

.uss-stories-card:nth-child(4n+1) { padding-left: 0; }
.uss-stories-card:nth-child(4n) { padding-right: 0; }
.uss-stories-card:not(:nth-child(4n+1)) { border-left: 1px solid var(--uss-line); }
.uss-stories-card:nth-child(-n+4) { padding-bottom: 2rem; }
.uss-stories-card:nth-child(n+5) {
  border-top: 1px solid var(--uss-line);
  padding-top: 2rem;
}

.uss-stories-media {
  display: block;
  height: 160px;
  overflow: hidden;
  background: var(--uss-paper-soft);
  margin-bottom: 0.75rem;
  line-height: 0;
}

.uss-stories-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.uss-stories-cat {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--uss-accent);
  margin: 0 0 0.5rem;
}

.uss-stories-card h3 {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.uss-stories-card h3 a:hover { color: var(--uss-accent); }

@media (max-width: 64rem) {
  .uss-stories-media {
    height: 210px;
  }

  .uss-stories-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .uss-stories-card {
    padding: 0 1rem 1.5rem;
    border-left: none;
    border-top: none;
  }

  .uss-stories-card:nth-child(odd) { padding-left: 0; }
  .uss-stories-card:nth-child(even) {
    padding-right: 0;
    border-left: 1px solid var(--uss-line);
  }
  .uss-stories-card:nth-child(n+3) {
    border-top: 1px solid var(--uss-line);
    padding-top: 1.5rem;
  }
}

@media (max-width: 48rem) {
  .uss-stories {
    padding: 2.5rem 0;
  }

  .uss-stories-head h2 {
    font-size: 1.5rem;
  }

  .uss-stories-media {
    height: 200px;
  }

  .uss-stories-grid {
    grid-template-columns: 1fr;
  }

  .uss-stories-card {
    padding: 0 0 1.5rem;
    border-left: none;
    border-top: none;
  }

  .uss-stories-card:nth-child(odd) { padding-left: 0; }
  .uss-stories-card:nth-child(even) {
    padding-right: 0;
    border-left: none;
  }
  .uss-stories-card:nth-child(n+2) {
    border-top: 1px solid var(--uss-line);
    padding-top: 1.5rem;
  }

  .uss-stories-card h3 {
    font-size: 0.9375rem;
  }

  .uss-stories-cat {
    font-size: 0.6875rem;
  }
}

/* High-specificity re-assertions, so the base design-system
   heading and paragraph rules can never override this section,
   on any screen size. */
.uss-new-home.uss-custom .uss-stories-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.uss-new-home.uss-custom .uss-stories-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.uss-new-home.uss-custom .uss-stories-media {
  height: 160px;
  overflow: hidden;
}

.uss-new-home.uss-custom .uss-stories-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uss-new-home.uss-custom .uss-stories-cat {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--uss-accent);
}

.uss-new-home.uss-custom .uss-stories-card h3 {
  font-size: 1rem;
  line-height: 1.3;
}

@media (max-width: 64rem) {
  .uss-new-home.uss-custom .uss-stories-media {
    height: 210px;
  }

  .uss-new-home.uss-custom .uss-stories-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 48rem) {
  .uss-new-home.uss-custom .uss-stories-media {
    height: 200px;
  }

  .uss-new-home.uss-custom .uss-stories-grid {
    grid-template-columns: 1fr;
  }

  .uss-new-home.uss-custom .uss-stories-card h3 {
    font-size: 0.9375rem;
  }

  .uss-new-home.uss-custom .uss-stories-cat {
    font-size: 0.6875rem;
  }
}

/* Business Lessons from the Leaders: black section, featured
   quote on one side with its image on the other, three lesson
   cards below it. */
.uss-lessons {
  background: var(--uss-ink);
  color: var(--uss-paper);
  padding: 3.5rem 0;
  border-bottom: 1px solid #262626;
}

.uss-lessons-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}

.uss-lessons-head h2 {
  position: relative;
  font-size: 2rem;
  color: var(--uss-paper);
  padding-bottom: 0.75rem;
  margin: 0;
}

.uss-lessons-head h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.75rem;
  height: 4px;
  background: var(--uss-accent);
}

.uss-lessons-head a {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
}

.uss-lessons-head a:hover { color: var(--uss-paper); }

.uss-lessons-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  align-items: center;
  border-bottom: 1px solid #2a2a2a;
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
}

.uss-lessons-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--uss-accent);
  margin: 0 0 1rem;
}

.uss-lessons-quote blockquote {
  font-family: var(--uss-font-heading);
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
  font-weight: 600;
  line-height: 1.3;
  color: var(--uss-paper);
  border-left: 4px solid var(--uss-accent);
  padding-left: 1.25rem;
  margin: 0 0 1.5rem;
}

.uss-lessons-author {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 1.75rem;
}

.uss-lessons-author strong {
  color: var(--uss-paper);
  font-weight: 700;
}

.uss-lessons-read {
  display: inline-block;
  background: var(--uss-accent);
  color: var(--uss-paper);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.875rem 1.5rem;
  border: 1px solid var(--uss-accent);
  transition: background 0.25s ease, border-color 0.25s ease;
}

.uss-lessons-read:hover {
  background: var(--uss-accent-dark);
  border-color: var(--uss-accent-dark);
  color: var(--uss-paper);
}

.uss-lessons-featured-media {
  display: block;
  aspect-ratio: 1 / 1;
  height: auto;
  overflow: hidden;
  background: #1f1f1f;
  line-height: 0;
}

.uss-lessons-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

.uss-lessons-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.uss-lessons-media {
  display: block;
  aspect-ratio: 1 / 1;
  height: auto;
  overflow: hidden;
  background: #1f1f1f;
  margin-bottom: 0.75rem;
  line-height: 0;
}

.uss-lessons-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

.uss-lessons-card h3 {
  font-size: 1rem;
  line-height: 1.3;
  color: var(--uss-paper);
  margin: 0 0 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.uss-lessons-card h3 a { color: var(--uss-paper); }
.uss-lessons-card h3 a:hover { color: var(--uss-accent); }

.uss-lessons-card p {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}

.uss-new-home.uss-custom .uss-lessons h2,
.uss-new-home.uss-custom .uss-lessons h3,
.uss-new-home.uss-custom .uss-lessons-card h3 a {
  color: var(--uss-paper);
}

.uss-new-home.uss-custom .uss-lessons-card p {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 64rem) {
  .uss-lessons-featured {
    grid-template-columns: 1fr;
  }

  .uss-lessons-featured-media {
    aspect-ratio: 1 / 1;
    height: auto;
  }
}

@media (max-width: 48rem) {
  .uss-lessons {
    padding: 2.5rem 0;
  }

  .uss-lessons-head h2 {
    font-size: 1.5rem;
  }

  .uss-lessons-featured-media {
    aspect-ratio: 1 / 1;
    height: auto;
  }

  .uss-lessons-grid {
    grid-template-columns: 1fr;
  }

  .uss-lessons-media {
    aspect-ratio: 1 / 1;
    height: auto;
  }
}

/* Watch UAE Startup News: square video grid, 2 videos on a row,
   embeds taken from the current live homepage. */
.uss-videos {
  padding: 3.5rem 0;
}

.uss-videos-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}

.uss-videos-head h2 {
  position: relative;
  font-size: 2rem;
  padding-bottom: 0.75rem;
  margin: 0;
}

.uss-videos-head h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.75rem;
  height: 4px;
  background: var(--uss-accent);
}

.uss-videos-head a {
  font-size: 0.875rem;
  color: var(--uss-muted);
  white-space: nowrap;
}

.uss-videos-head a:hover { color: var(--uss-accent); }

.uss-videos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.uss-videos-media {
  display: block;
  aspect-ratio: 16 / 9;
  background: var(--uss-ink);
  overflow: hidden;
  line-height: 0;
}

.uss-videos-media iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 64rem) {
  .uss-videos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 48rem) {
  .uss-videos {
    padding: 2.5rem 0;
  }

  .uss-videos-head h2 {
    font-size: 1.5rem;
  }

  .uss-videos-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* Newsroom CTA, after Startup News: a black box narrower than
   the page, centred on white, editorial in tone, not a sales
   banner. */
.uss-cta {
  padding: 3rem 0;
  border-bottom: 1px solid var(--uss-line);
  background: var(--uss-paper);
}

.uss-cta-box {
  max-width: 56rem;
  margin: 0 auto;
  background: var(--uss-ink);
  color: var(--uss-paper);
  padding: 2.5rem 3rem;
  text-align: center;
}

.uss-cta-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--uss-accent);
  margin: 0 0 1rem;
}

.uss-cta-box h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: var(--uss-paper);
  margin: 0 0 1rem;
}

.uss-cta-box p {
  font-size: 1rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.75);
  max-width: 38rem;
  margin: 0 auto 1.75rem;
}

.uss-cta-box p.uss-cta-kicker {
  max-width: none;
  color: var(--uss-accent);
  margin: 0 0 1rem;
}

.uss-new-home.uss-custom .uss-cta-box h2 {
  color: var(--uss-paper);
}

.uss-new-home.uss-custom .uss-cta-box p {
  color: rgba(255, 255, 255, 0.75);
}

.uss-cta-button {
  display: inline-block;
  background: var(--uss-accent);
  color: var(--uss-paper);
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.875rem 1.5rem;
  border: 1px solid var(--uss-accent);
  transition: background 0.25s ease, border-color 0.25s ease;
}

.uss-cta-button:hover {
  background: var(--uss-accent-dark);
  border-color: var(--uss-accent-dark);
  color: var(--uss-paper);
}

/* Button text was rendering black, not white: the base
   .uss-custom a rule (ink) beats a single button class, so
   these higher-specificity rules are needed. Same fix for the
   lessons Read full button, which had the same issue. */
.uss-new-home.uss-custom .uss-cta-button,
.uss-new-home.uss-custom .uss-lessons-read {
  color: var(--uss-paper);
}

.uss-new-home.uss-custom .uss-cta-button:hover,
.uss-new-home.uss-custom .uss-lessons-read:hover {
  color: var(--uss-paper);
}

@media (max-width: 48rem) {
  .uss-cta {
    padding: 2.5rem 0;
  }

  .uss-cta-box {
    padding: 2rem 1.5rem;
  }

  .uss-cta-box h2 {
    font-size: 1.5rem;
  }
}