/* Desktop density for the home page. Content remains in normal flow so that
   long captions, translated text and zoom can expand without being clipped. */
@media screen and (min-width: 1024px) {
  /* The photograph used to impose a 430–470px minimum before hero padding. */
  .ccs-home .hero--editorial {
    padding-block: clamp(1.5rem, 2.2vw, 2.25rem);
  }
  .ccs-home .hero-editorial {
    gap: clamp(1.5rem, 3vw, 2.75rem);
  }
  .ccs-home .hero-editorial h1 {
    max-width: 18ch;
    margin-bottom: .85rem;
  }
  .ccs-home .hero-editorial__eyebrow { margin-bottom: 1rem; }
  .ccs-home .hero-editorial__location { margin-bottom: .85rem; }
  .ccs-home .hero-editorial__tagline { margin-bottom: .9rem; }
  .ccs-home .hero-editorial__photo {
    min-height: clamp(20rem, 45vh, 25rem);
    max-height: none;
  }
  .ccs-home .authority__inner { padding-block: .9rem; }

  /* Enrollment has its own inset card in addition to the section spacing. */
  .ccs-home .enrollment-section .enroll {
    padding: 1.5rem;
    gap: 2rem;
  }
  .ccs-home .enroll__cycle { margin-bottom: 1rem; }
  .ccs-home .enroll__current { margin-bottom: 1rem; }
  .ccs-home .mini-timeline { margin-bottom: 1rem; }
  .ccs-home .mini-timeline li { padding-block: .45rem; }
  .ccs-home .enroll .microcopy { margin-bottom: 0; }
  .ccs-home .oe-cal { max-width: 20rem; padding-bottom: 1.25rem; }
  .ccs-home .oe-cal__label { margin-top: .85rem; }
  .ccs-home .oe-cal__dates {
    font-size: clamp(1.8rem, 2.4vw, 2.4rem);
    margin-bottom: 1rem;
  }

  /* Keep the elevated center honor and its sheen; scale the actual artwork,
     pedestal and surrounding gaps together rather than cropping the section. */
  .ccs-home .awards { padding-block: clamp(2rem, 3vw, 2.75rem); }
  .ccs-home .awards h2 {
    font-size: clamp(2rem, 2.65vw, 2.6rem);
    max-width: 34ch;
    margin-bottom: .6rem;
  }
  .ccs-home .awards__sub { font-size: 1rem !important; line-height: 1.55; }
  .ccs-home .awards .podium {
    gap: clamp(1.5rem, 3vw, 2.5rem);
    margin-block: 1.25rem;
  }
  .ccs-home .awards .podium > li { --pw: 10rem; }
  .ccs-home .awards .podium > li:nth-child(2) { --pw: clamp(10.25rem, 14vw, 11.5rem); }
  .ccs-home .awards .podium > li::after { height: 1.25rem; }
  .ccs-home .awards .podium > li:nth-child(2)::after { height: 2rem; }
  .ccs-home .awards .podium + .honor-roll { margin-top: 1.75rem; }
  .ccs-home .honor-roll.is-reeling .honor-roll__item { padding-block: .8rem; }
  .ccs-home .awards__sources { margin-top: .5rem; }
  .ccs-home .awards .mt-2 { margin-top: .5rem; margin-bottom: .5rem; }
  .ccs-home .awards .medal-note { margin-top: .5rem; margin-bottom: 0; }

  /* Desktop data stays in three columns at laptop widths as well: the old
     1100px breakpoint added a full-width tuition row to the same section. */
  .ccs-home .numbers-section { padding-block: clamp(2rem, 3vw, 2.75rem); }
  .ccs-home .numbers-head { gap: 1rem; margin-bottom: 1.25rem; }
  .ccs-home .numbers-section .bento {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr);
    grid-template-areas: "left top right" "left bottom right" "under under under";
    gap: .8rem;
  }
  .ccs-home .numbers-section .stat-card { padding: 1rem; gap: .6rem; }
  .ccs-home .numbers-section .stat-card__head { gap: .6rem; margin-bottom: 0; }
  .ccs-home .numbers-section .icon-badge { width: 2.5rem; height: 2.5rem; }
  .ccs-home .numbers-section .stat-caption { margin-block: 0; }
  .ccs-home .numbers-section .bars { gap: .55rem; }
  .ccs-home .numbers-section .bar-row { margin-block: .15rem; }
  .ccs-home .numbers-section .ladder { gap: .4rem; }
  .ccs-home .numbers-section .ladder li .rank { padding-block: .4rem; }
  .ccs-home .numbers-section .ladder-head .big-num {
    font-size: clamp(3.25rem, 4.6vw, 4rem);
  }
  .ccs-home .numbers-section .bento__right .duel--stack .duel__side:first-child .big-num {
    font-size: 4.25rem;
  }
  .ccs-home .numbers-section .duel__side--them .big-num { font-size: 1.8rem; }
  .ccs-home .numbers-section .duel--stack .duel__vs { margin-block: .25rem; }
  .ccs-home .numbers-section .minis { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
  .ccs-home .numbers-section .mini { padding: 1rem; gap: .65rem; }
  .ccs-home .numbers-section .mini .big-num { font-size: 2.15rem; }
  .ccs-home .numbers-section .numbers-more { margin-top: 1rem; }
  .ccs-home .numbers-section .result-honor-card .honor-inline {
    gap: .7rem;
    padding-block: .2rem .4rem;
  }
  .ccs-home .numbers-section .result-honor-card .honor-inline .plaque {
    --pw: clamp(9rem, 48cqi, 11rem);
  }
  .ccs-home .numbers-section .result-score-card > p.big-num {
    font-size: clamp(3.5rem, 22cqi, 5rem);
  }

  /* Remove surplus illustration height, leaving the complete lesson text. */
  .ccs-home .method-section .type-tile {
    min-height: 15rem;
    padding: 2.8rem 1.25rem 1.15rem;
    gap: .65rem;
  }
  .ccs-home .method-number { top: .8rem; left: 1.25rem; }
  .ccs-home .method-section .trio { gap: 1rem; }
  .ccs-home .method-section .trio__copy { padding: 1.25rem; }
  .ccs-home .method-section .trio__copy p { margin-bottom: .8rem; }
  .ccs-home .method-section .type-tile blockquote { font-size: 1.35rem; }

  .ccs-home .readiness-section > .split { gap: 2rem; }
  .ccs-home .ready-honors { margin-top: 1rem; gap: .75rem; }
  .ccs-home .ready-honor { padding: .85rem .75rem; }
  .ccs-home .ready-honor p { margin-block: .35rem; }
  .ccs-home .credit-panel { padding: 1.25rem; }
  .ccs-home .credit-panel .transcript-head { padding-bottom: .85rem; }
  .ccs-home .credit-panel .transcript li { margin-bottom: .45rem; padding: .6rem .75rem; }
  .ccs-home .credit-panel .transcript-note { margin-top: .85rem; padding-top: .75rem; }

  /* The video cards were all forced to at least 430px tall. */
  .ccs-home .voices-section .voices { gap: 1rem; }
  .ccs-home .voices-section .voice { min-height: 21rem; }
  .ccs-home .voices-section .voice__body { padding: 1.25rem; }
  .ccs-home .voices-section .voice__line { font-size: clamp(1.2rem, 1.6vw, 1.4rem); }
  .ccs-home .voices-section .voice--quote .voice__who { margin-top: 1rem; }
  .ccs-home .voices-section .voice-note { margin-top: 1rem; }

  /* Four campuses share one desktop row, with shallower photography and
     compact details; their buttons retain the established 44px targets. */
  .ccs-home .schools-section .campus-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ccs-home .schools-section .campus-card__media { aspect-ratio: 16 / 9; }
  .ccs-home .schools-section .campus-card__body { padding: 1rem; gap: .6rem; }
  .ccs-home .schools-section .proof { min-height: 0; padding: .6rem; }
  .ccs-home .schools-section .campus-card__links { padding-top: .7rem; gap: .35rem; }
  .ccs-home .schools-section .event-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }
  .ccs-home .schools-section .event-card { padding: 1rem; column-gap: 1rem; }
  .ccs-home .schools-section .event-card .event-card__label { margin-bottom: .45rem; }
  .ccs-home .schools-section .event-card .btn { margin-top: .75rem; }

  .ccs-home .life-section .strip__tile { aspect-ratio: 16 / 10; }
  .ccs-home .life-section .strip img { height: 100%; }
  .ccs-home .life-section .strip > li > h3 { margin-top: .85rem; }
  .ccs-home .life-section .strip > li > p { padding-bottom: .85rem; }
  .ccs-home .news-section .news { gap: 1rem; }
  .ccs-home .news-card__media { aspect-ratio: 16 / 8; }
  .ccs-home .news-card__copy { padding: 1.15rem; }
  .ccs-home .news-card__copy h3 { margin-block: .5rem; }

  .ccs-home .facts-section > .split {
    grid-template-columns: .8fr 1.7fr;
    gap: 2rem;
  }
  .ccs-home .facts-definition { margin-block: 1rem; }
  .ccs-home .facts-section .glance dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ccs-home .facts-section .glance dl > .fact-card { padding: 1rem; }
  .ccs-home .facts-section .glance dt { margin-bottom: .65rem; }
  .ccs-home .facts-section .glance dt::after { margin-top: .5rem; }
  .ccs-home .fact-tuition { margin-bottom: .5rem; }
}
