@media (max-width: 1100px) {
  .cc-nav { display: none; }
  .cc-mobile-nav { display: block; }
  .cc-module-layout { grid-template-columns: 1fr; }
  .cc-module-intro { max-width: 680px; }
  .cc-hero { min-height: 690px; }
  .cc-hero-media img { object-position: 58% center; }
  .cc-hero-copy { width: 57%; }
  .cc-system-grid { grid-template-columns: repeat(2, 1fr); }
  .cc-benefit-grid { grid-template-columns: 1fr 1fr; }
  .cc-benefit:first-child { grid-column: 1 / -1; }
  .cc-world-grid { grid-template-columns: 1fr 1fr; }
  .cc-footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .cc-story-grid { grid-template-columns: 1fr 1fr; }
  .cc-story:first-child { grid-column: 1 / -1; }
}

@media (max-width: 800px) {
  .cc-header-inner { height: 72px; width: calc(100% - 36px); }
  .cc-hero { display: block; min-height: auto; padding-bottom: 58vw; }
  .cc-hero-media { bottom: 0; height: 48%; top: auto; }
  .cc-hero-media::after { background: linear-gradient(180deg, var(--cc-white), rgba(255,255,255,.2) 24%, rgba(255,255,255,0) 55%); }
  .cc-hero-media img { object-position: 62% center; }
  .cc-hero-copy { padding: 85px 0 55px; width: auto; }
  .cc-section-head,
  .cc-module-layout,
  .cc-everyday-head { gap: 30px; grid-template-columns: 1fr; }
  .cc-section-head { margin-bottom: 45px; }
  .cc-module-intro { max-width: 680px; }
  .cc-system-grid { grid-template-columns: 1fr 1fr; }
  .cc-campus-photo { min-height: 650px; }
  .cc-campus-photo > img { object-position: 62% center; }
  .cc-benefit-grid,
  .cc-world-grid,
  .cc-footer-grid { grid-template-columns: 1fr; }
  .cc-benefit:first-child { grid-column: auto; }
  .cc-benefit:not(:last-child) { border-right: 0; margin-right: 0; }
  .cc-world { min-height: 220px; }
  .cc-story-grid { grid-template-columns: 1fr; }
  .cc-story:first-child { grid-column: auto; }
  .cc-story { min-height: 480px; }
  .cc-footer-bottom { flex-direction: column; }
  .cc-display { font-size: clamp(44px, 12vw, 68px); }
}

@media (max-width: 520px) {
  :root { --cc-pad: 20px; --cc-section: 76px; --cc-section-cta: 88px; --cc-gap-visual: 48px; }
  .cc-brand { font-size: 16px; }
  .cc-brand-mark { height: 38px; width: 38px; }
  .cc-system-grid { grid-template-columns: 1fr; }
  .cc-system-item { min-height: 135px; }
  .cc-btns { flex-direction: column; }
  .cc-btn { width: 100%; }
  .cc-campus-copy { padding: 55px 0; width: 100%; }
  .cc-campus-photo { min-height: 590px; }
  .cc-module-row b { flex-basis: 42px; }
  .cc-flow { margin-top: 50px; }
  .cc-footer { padding-top: 58px; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; scroll-behavior: auto !important; transition: none !important; }
}
