/* ============================================================
   desktop.css — Riva Rocci · Large Screen Enhancements
   Targets: 1401px and above
   ============================================================ */

/* ── LARGE DESKTOP (1401px – 1799px) ── */
@media (min-width: 1401px) {

  /* NAV — wider padding on big screens */
  nav {
    padding: 1.2rem 4rem;
  }

  /* HERO — cap content width so it doesn't float too wide */
  .hero-content {
    max-width: 920px;
  }
  .hero-scroll {
    right: 4rem;
  }

  /* SECTION PADDING — breathe a bit more */
  .manifesto,
  .pillars-header,
  .about-txt,
  .stats-section,
  .ig-section-header,
  .ig-feed,
  .cta-section,
  footer,
  .pg-hdr,
  .oo-intro,
  .oo-split-left,
  .oo-split-right,
  .oo-quote,
  .barsol-txt,
  .praes-years,
  .praes-body,
  .lied-main,
  .spon-grid,
  .sup-left, .sup-right,
  .faq-section,
  .soc-text {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  /* FOOTER */
  footer {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
  .ft-grid {
    gap: 4rem;
  }

  /* IDENTITY STRIP */
  .id-cell {
    padding: 2.2rem 3rem;
  }

  /* MANIFESTO */
  .manifesto {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  /* PILLARS */
  .pillar-row {
    min-height: 420px;
  }
  .pillar-row-txt {
    padding: 4rem;
  }

  /* ABOUT */
  .about-txt {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .about-section {
    min-height: 580px;
  }

  /* STATS */
  .stats-section {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  /* IG FEED — cap at 7 columns, add outer gutter */
  .ig-feed {
    padding-top: 3rem;
    padding-bottom: 3.5rem;
    gap: 18px;
  }

  /* PRAESIDIUM hero — always fluid */
  .praes-hero {
    width: 100%;
    height: 640px;
  }

  /* OVER ONS split */
  .oo-split {
    min-height: 480px;
  }

  /* GESCHICHTE — 5 cols fine but give more room */
  .gs-item {
    --gs-pad: 3rem;
    padding: 3.5rem 3rem;
  }

  /* BARSOL */
  .barsol-txt {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  /* PILLAR text max-width so it doesn't stretch too wide */
  .pillar-row-desc {
    max-width: 400px;
  }

  /* CTA */
  .cta-section {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  /* Support page */
  .sup-left, .sup-right {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .faq-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  /* Social section */
  .soc-text {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

/* ── ULTRA-WIDE (1800px+) — constrain to prevent runaway layouts ── */
@media (min-width: 1800px) {

  /* Global content container: cap readable width and center */
  body {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  /* Even more generous nav breathing room */
  nav {
    padding: 1.3rem 5rem;
  }

  /* Section padding scales with screen width but caps */
  .manifesto,
  .pillars-header,
  .about-txt,
  .stats-section,
  .ig-section-header,
  .ig-feed,
  .cta-section,
  footer,
  .pg-hdr,
  .oo-intro,
  .oo-split-left,
  .oo-split-right,
  .oo-quote,
  .barsol-txt,
  .praes-years,
  .praes-body,
  .lied-main,
  .spon-grid,
  .sup-left, .sup-right,
  .faq-section,
  .soc-text {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  footer {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  /* IG feed — on ultra-wide, allow scrolling feel with bigger gaps */
  .ig-feed {
    gap: 22px;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  /* PRAESIDIUM — hero stays full width inside capped body */
  .praes-hero {
    width: 100%;
    height: 700px;
  }

  /* Pillar rows feel proportional */
  .pillar-row {
    min-height: 460px;
  }
  .pillar-row-txt {
    padding: 5rem;
  }

  /* About */
  .about-txt {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  /* PILLARS header whitespace — prevent header from being too spread */
  .pillars-header {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  /* Footer grid — cap column gap */
  .ft-grid {
    gap: 5rem;
  }

  /* STATS: hero numbers look great large — no cap needed */

  /* Geschichte — 5 cols can be cramped at ultra-wide, give more min-height */
  .gs-item {
    --gs-pad: 3.5rem;
    min-height: 300px;
    padding: 4rem 3.5rem;
  }

  /* soc-grid deco max-width */
  .soc-grid-deco {
    max-width: 420px;
  }

  /* Manifesto / CTA vertical padding */
  .manifesto {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .cta-section {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

/* ── PILLARS HEADER text wrapping fix for mid-desktop ── */
@media (min-width: 901px) and (max-width: 1200px) {
  .pillars-h {
    white-space: normal;
    line-height: 1.05;
  }
  .ig-section-hl {
    white-space: normal;
    line-height: 1.05;
  }
}

/* ── SPONSOR GRID: allow 4 cols on large desktop ── */
@media (min-width: 1401px) {
  .sg-unified {
    grid-template-columns: repeat(4, 1fr);
  }
  .spon-t1 .sg-unified {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ── LIED LAYOUT: wider sidebar on big screens ── */
@media (min-width: 1401px) {
  .lied-layout {
    grid-template-columns: 300px 1fr;
  }
}

/* ── PRAESIDIUM member grid: more columns on large screens ── */
@media (min-width: 1600px) {
  .pr-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}