/* P10-T03 About: editorial campus profile, isolated to the About template enqueue. */
body {
  --iwut-about-navy: #16295A;
  --iwut-about-deep: #0A1024;
  --iwut-about-turquoise: #12938C;
  --iwut-about-gold: #C0A165;
  --iwut-about-paper: #F6F7FA;
}

body > .wp-site-blocks > main.wp-block-group {
  width: min(100% - 32px, 1180px);
  margin-inline: auto;
  padding-block: 132px clamp(56px, 8vw, 104px);
  background: var(--iwut-about-paper);
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(230px, 28vw, 330px);
  margin: 0 0 clamp(34px, 5vw, 64px);
  padding: 24px;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--iwut-about-navy);
  color: #fff;
  font: 700 clamp(42px, 7vw, 76px)/1.05 "IWUT Source Serif", "Noto Serif", serif;
  letter-spacing: -.03em;
  text-align: center;
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("svg/arch/arch-panel-girih-window.svg") center / 280px auto repeat;
  opacity: .12;
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title::after {
  content: "";
  position: absolute;
  bottom: 52px;
  left: 50%;
  width: 110px;
  height: 3px;
  transform: translateX(-50%);
  background: var(--iwut-about-gold);
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content {
  max-width: 1040px;
  margin-inline: auto;
  color: var(--iwut-about-deep);
  font: 400 clamp(16px, 1.25vw, 19px)/1.8 "IWUT Inter", sans-serif;
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > h2 {
  margin: 0 0 28px;
  color: var(--iwut-about-navy);
  font: 700 clamp(28px, 3.4vw, 42px)/1.15 "IWUT Source Serif", "Noto Serif", serif;
  letter-spacing: -.025em;
}

/* The editorial image is intentionally omitted on About; the copy carries the page. */
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure { display: none; }

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: saturate(.92) contrast(1.03);
  transition: transform 420ms cubic-bezier(.2,.8,.2,1), filter 240ms ease;
}

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure:hover img,
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure:focus-within img { transform: scale(1.025); filter: saturate(1.04) contrast(1.05); }

body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > p { margin: 0 0 22px; }
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > h3 {
  margin: 28px 0 14px;
  color: var(--iwut-about-navy);
  font: 700 clamp(20px, 2vw, 26px)/1.3 "IWUT Source Serif", "Noto Serif", serif;
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > ul {
  display: grid;
  gap: 10px;
  margin: 0 0 28px;
  padding-inline-start: 1.3em;
  color: var(--iwut-about-navy);
}
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > ul li::marker { color: var(--iwut-about-turquoise); }
body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content::after { content: ""; display: block; clear: both; }

@media (max-width: 700px) {
  body > .wp-site-blocks > main.wp-block-group { width: min(100% - 24px, 1180px); }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title { min-height: 190px; margin-bottom: 34px; }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-title::after { bottom: 38px; width: 82px; }
}

@media (prefers-reduced-motion: reduce) {
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure img { transition-duration: .01ms; }
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure:hover img,
  body > .wp-site-blocks > main.wp-block-group > .wp-block-post-content > figure:focus-within img { transform: none; }
}