/* Home-page composition: image overlap, editorial news and open event columns. */
body[data-page="home"] { --home-title: linear-gradient(100deg, #ed8a0b 4%, #d63b60 58%, #892351 100%); }
body[data-page="home"] .section h2 { width: fit-content; max-width: 100%; }
.hero-campus .hero-photo { background-image: url("/campus/assets/campus-night.webp"); }

.about-heading .section-overline,
.news-section .section-overline,
.events-section .section-overline,
.campus-section .section-overline { display: none; }

.about-heading h2,
.news-section .section-heading h2,
.events-section .section-heading h2,
.campus-section .section-heading h2 {
  background: var(--home-title);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.about-section .text-link,
.news-section .text-link,
.events-section .text-link {
  gap: 14px;
  border-bottom: 0;
  color: var(--berry);
}
.about-section .text-link:hover,
.news-section .text-link:hover,
.events-section .text-link:hover { gap: 20px; color: var(--wine); }
.about-section .text-link span,
.news-section .text-link span,
.events-section .text-link span { font-size: 23px; }

.about-section { background: #f6f5f4; }
.about-heading { position: relative; z-index: 3; }
.about-copy .section-intro { margin-top: 0; }
.about-visual::before {
  top: auto;
  right: -22px;
  bottom: -20px;
  width: 65%;
  height: 44%;
  background: linear-gradient(110deg, #f0a652, #c95372);
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
.about-visual img { object-position: center 42%; }
.about-section .visual-index { background: #6d2444; }

.figures-section { background: #f4f3f3; }
.figures-grid b {
  background: var(--home-title);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.news-section { background: #f7f7f7; }
.news-section::after {
  background: linear-gradient(100deg, rgba(241, 139, 24, .11), rgba(201, 53, 112, .14));
}
.news-card { min-height: 0; background: transparent; }
.news-card a { padding-bottom: 14px; }
.news-card img { height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.news-card time,
.news-card a > span { display: none; }
.news-card h3 { min-height: 72px; margin: 17px 0 0; color: #342d31; font-size: 17px; line-height: 1.5; }
.news-card.is-center h3 { color: var(--wine); font-weight: 900; }
.news-arrow { border: 0; background: transparent; color: var(--wine); font-size: 43px; }
.news-arrow:hover { background: transparent; color: var(--orange-deep); }
.news-pagination { margin-top: 2px; }

.events-section { padding: 64px 0 70px; background: #fff; }
.events-section .section-heading { margin-bottom: 32px; }
.events-grid { gap: 36px 0; }
.events-grid article { position: relative; border: 0; border-right: 1px solid #e2dce0; background: transparent; }
.events-grid article:last-child { border-right: 0; }
.events-grid article::before {
  position: absolute;
  top: 0;
  right: 27px;
  left: 27px;
  height: 1px;
  background: #d7cdd2;
  content: "";
}
.events-grid article::after {
  position: absolute;
  top: -3px;
  left: 27px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange-deep);
  content: "";
}
.events-grid a { min-height: 215px; padding: 25px 27px 5px; }
.event-date { display: block; }
.event-date strong { display: block; color: var(--wine); font-size: 46px; line-height: 1; }
.event-date span { display: block; margin-top: 8px; color: #8a7e84; }
.events-grid p { margin: 15px 0 9px; color: #71646c; font-size: 12px; line-height: 1.6; }
.events-grid h3 { min-height: 0; font-size: 19px; line-height: 1.5; }
.event-more { display: none; }

.campus-section { padding: 74px 0 126px; background: #fff; }
.campus-section .section-heading { margin-bottom: 92px; }
.campus-showcase { min-height: 368px; overflow: visible; }
.campus-showcase::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  clip-path: polygon(0 0, 42% 0, 18% 100%, 0 100%);
  background: linear-gradient(120deg, rgba(235, 147, 32, .2), rgba(170, 37, 85, .08));
  content: "";
  pointer-events: none;
}
.campus-showcase > img { height: 100%; object-position: center 44%; }
.campus-links {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0;
  bottom: -45px;
  width: min(380px, 44%);
  min-height: 0;
  margin: 0;
  padding: 26px 29px 27px 49px;
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
  background: linear-gradient(115deg, #67203e, #90214f);
}
.campus-links p { margin-bottom: 10px; font-size: 17px; }
.campus-links a { padding: 8px 0; font-size: 13px; }

@media (min-width: 761px) {
  body[data-page="home"] .container,
  body[data-page="home"] .header-inner { max-width: calc(100% - 48px); }
  .about-section { padding: 69px 0 69px; }
  .about-section::before {
    background: linear-gradient(143deg, transparent 0 59%, rgba(236, 220, 213, .45) 59.1% 78%, transparent 78.1%),
                linear-gradient(38deg, rgba(231, 226, 226, .75) 0 17%, transparent 17.1%);
  }
  .about-layout { min-height: 540px; }
  .about-heading { position: absolute; top: 0; left: 0; width: 60%; }
  .about-copy { top: 125px; width: 48%; padding: 27px 29px 29px; box-shadow: 0 12px 35px rgba(58, 32, 44, .07); }
  .about-copy .section-intro { font-size: 14px; line-height: 1.76; }
  .about-copy .link-grid { margin-top: 17px; }
  .about-visual { top: 77px; width: 61%; min-height: 440px; }
  .about-visual img { height: 440px; }
  .news-section { padding: 84px 0 75px; }
  .news-section .section-heading { margin-bottom: 20px; }
  .news-carousel { margin-inline: 0; padding: 0 46px; }
  .news-window { padding: 75px 0; }
  .news-card { transform: scale(.90); opacity: .76; box-shadow: none; }
  .news-card.is-center { transform: scale(1.27); opacity: 1; box-shadow: none; }
  .news-arrow { top: 45%; }
  .news-arrow.prev { left: 0; }
  .news-arrow.next { right: 0; }
}

@media (min-width: 900px) {
  .news-carousel { margin-inline: 0; }
}

@media (min-width: 1550px) {
  .about-layout { min-height: 675px; }
  .about-heading { width: 58%; }
  .about-copy { top: 155px; width: 47%; padding: 36px 42px 39px; }
  .about-copy .section-intro { font-size: 18px; line-height: 1.85; }
  .about-copy .link-grid a { min-height: 47px; font-size: 15px; }
  .about-visual { top: 95px; min-height: 550px; }
  .about-visual img { height: 550px; }
  .news-card h3 { font-size: 20px; }
  .news-card.is-center h3 { font-size: 22px; }
  .events-grid a { min-height: 270px; padding: 30px 34px 5px; }
  .events-grid article::before { right: 34px; left: 34px; }
  .events-grid article::after { left: 34px; }
  .event-date strong { font-size: 58px; }
  .events-grid h3 { font-size: 23px; }
  .campus-section .section-heading { margin-bottom: 120px; }
  .campus-showcase { min-height: 490px; }
  .campus-links { bottom: -58px; width: min(490px, 42%); padding: 39px 42px 39px 65px; }
  .campus-links p { font-size: 23px; }
  .campus-links a { padding: 11px 0; font-size: 17px; }
}

@media (max-width: 760px) {
  .about-section { padding: 64px 0 73px; }
  .about-layout { gap: 0; }
  .about-heading { margin-bottom: 22px; }
  .about-copy { padding: 25px 22px 26px; background: #fff; }
  .about-copy .section-intro { margin: 0; font-size: 14px; line-height: 1.8; }
  .about-copy .link-grid { margin-top: 18px; }
  .about-visual { margin-top: 24px; }
  .about-visual::before { right: 0; }
  .about-visual img { width: 100%; height: 300px; }
  .news-section { padding: 70px 0 65px; }
  .news-window { padding: 0; }
  .news-card, .news-card.is-center { transform: none; opacity: 1; box-shadow: none; }
  .news-card { background: #fff; }
  .news-card h3 { min-height: 65px; margin: 16px 16px 0; font-size: 15px; }
  .events-grid article { border-right: 0; border-bottom: 1px solid #e5dce0; }
  .events-grid article:last-child { border-bottom: 0; }
  .events-grid a { min-height: 195px; }
  .campus-section { padding: 70px 0 88px; }
  .campus-section .section-heading { margin-bottom: 45px; }
  .campus-showcase { min-height: 0; }
  .campus-showcase::before { display: none; }
  .campus-showcase > img { position: relative; inset: auto; width: 100%; height: 300px; }
  .campus-links { position: relative; top: auto; right: auto; bottom: auto; width: calc(100% - 24px); margin: -36px 0 0 auto; padding: 27px 26px; clip-path: none; }
}

@media (max-width: 560px) {
  .about-section { padding: 57px 0 65px; }
  .about-heading { margin-bottom: 18px; }
  .about-copy { padding: 21px 18px 22px; }
  .about-copy .link-grid { gap: 0 13px; }
  .about-copy .link-grid a { min-height: 41px; }
  .about-visual img { height: 260px; }
  .news-section { padding: 61px 0 58px; }
  .news-card h3 { margin-inline: 15px; }
  .events-section { padding: 60px 0 65px; }
  .events-grid a { padding: 24px 17px 20px; }
  .events-grid article::before { right: 17px; left: 17px; }
  .events-grid article::after { left: 17px; }
  .campus-section { padding: 60px 0 78px; }
  .campus-showcase > img { height: 265px; }
  .campus-links { width: calc(100% - 18px); margin-top: -27px; padding: 22px 22px; }
}

@media (forced-colors: active) {
  .about-heading h2,
  .news-section .section-heading h2,
  .events-section .section-heading h2,
  .campus-section .section-heading h2,
  .figures-grid b { background: none; color: CanvasText; }
}
