:root {
  --navy: #071d2b;
  --ocean: #0d5264;
  --cyan: #00a8a8;
  --coral: #ef6745;
  --gold: #d8ad52;
  --ice: #f1f5f4;
  --mist: #dfe9e9;
  --ink: #102731;
  --muted: #566b73;
  --line: #cbd8d8;
  --white: #ffffff;
  --content: min(1320px, calc(100vw - 104px));
}

body.abc-preview { background: var(--white); }
.abc-preview .topbar { height: 28px; padding-inline: max(28px, calc((100vw - 1320px) / 2)); color: #b9cbd0; background: #061823; font-size: 11px; letter-spacing: 0; }
.abc-preview .site-header { inset: 28px 0 auto; height: 84px; padding-inline: max(28px, calc((100vw - 1320px) / 2)); background: rgba(255,255,255,0.98); border-bottom-color: rgba(7,29,43,0.13); }
.abc-preview .brand { min-width: 330px; gap: 14px; }
.abc-preview .brand img.official-logo { width: 66px; height: 54px; }

.abc-preview .footer-brand img.official-logo {
  width: 62px;
  height: 50px;
  padding: 0;
}
.abc-preview .brand-type strong { color: var(--navy); font-size: 23px; }
.abc-preview .brand-type small { color: #5d7178; font-size: 9px; line-height: 1.28; }
.abc-preview .desktop-nav { gap: 30px; font-size: 12px; text-transform: uppercase; }
.abc-preview .desktop-nav a { padding-block: 32px 29px; }
.abc-preview .desktop-nav a::after { bottom: 22px; background: var(--cyan); }
.abc-preview .desktop-nav a.is-current::after { transform: scaleX(1); }
.abc-preview .language-control { height: 40px; border-color: #c4d2d3; }
.abc-preview .header-cta,
.abc-preview .button { min-height: 44px; border-radius: 2px; }
.abc-preview .header-cta { background: var(--navy); }

.abc-preview .hero { min-height: 620px; height: calc(100svh - 142px); max-height: 720px; margin-top: 112px; align-items: stretch; }
.abc-preview .hero-image { object-position: center 52%; }
.abc-preview .hero-overlay { background: rgba(4,24,34,0.59); }
.abc-preview .hero-grid { position: relative; z-index: 2; width: var(--content); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr); gap: 86px; align-items: center; padding: 48px 0 126px; }
.abc-preview .hero-content { width: auto; margin: 0; padding: 0; }
.abc-preview .eyebrow { margin-bottom: 18px; color: #8edddd; font-size: 11px; }
.abc-preview .hero h1 { margin: 0; color: var(--white); font-family: Inter, "Noto Sans SC", sans-serif; font-size: 116px; font-weight: 800; line-height: 0.86; letter-spacing: 0; }
.abc-preview .hero-name { max-width: 780px; margin: 28px 0 0; color: var(--white); font: 600 31px/1.16 Georgia, "Noto Serif SC", serif; }
.abc-preview .hero-subtitle { margin-top: 18px; color: #b9eeee; font-size: 15px; }
.abc-preview .hero-copy { max-width: 650px; margin-top: 18px; color: #dce8e9; font-size: 16px; line-height: 1.65; }
.abc-preview .hero-actions { margin-top: 26px; }
.abc-preview .button.primary { color: var(--navy); background: var(--white); }
.abc-preview .button.secondary { background: transparent; border-color: rgba(255,255,255,0.65); }
.abc-preview .hero-network-panel { display: grid; align-content: center; min-height: 360px; padding-left: 38px; border-left: 1px solid rgba(255,255,255,0.38); }
.abc-preview .hero-network-panel > p { margin: 0 0 22px; color: #91dfe0; font-size: 11px; font-weight: 800; }
.abc-preview .hero-network-panel > div { display: grid; grid-template-columns: 94px 1fr; align-items: baseline; padding: 18px 0; border-top: 1px solid rgba(255,255,255,0.22); }
.abc-preview .hero-network-panel strong { color: var(--white); font-size: 35px; line-height: 1; }
.abc-preview .hero-network-panel span { color: #d4e3e5; font-size: 12px; font-weight: 650; }
.abc-preview .hero-update { min-height: 84px; grid-template-columns: 210px 1fr 38px; padding-inline: max(28px, calc((100vw - 1320px) / 2)); background: rgba(6,24,35,0.94); border-top-color: rgba(255,255,255,0.2); }
.abc-preview .hero-update span { color: #8edddd; }
.abc-preview .hero-update b { color: var(--coral); }

.abc-preview .quick-facts { width: var(--content); border: 0; }
.abc-preview .quick-facts article { position: relative; min-height: 132px; padding: 31px 30px 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.abc-preview .quick-facts article:first-child { border-left: 1px solid var(--line); }
.abc-preview .quick-facts small { position: absolute; top: 15px; right: 16px; color: var(--coral); font-size: 10px; font-weight: 800; }
.abc-preview .quick-facts strong { color: var(--navy); font-size: 22px; }
.abc-preview .quick-facts span { margin-top: 9px; font-size: 12px; text-transform: uppercase; }

.abc-preview .section { padding: 108px max(52px, calc((100vw - 1320px) / 2)); }
.abc-preview .section-intro { max-width: 980px; margin-bottom: 52px; }
.abc-preview .section-kicker { margin-bottom: 16px; color: var(--coral); font-size: 11px; }
.abc-preview h2 { max-width: 980px; color: var(--navy); font-size: 51px; line-height: 1.08; }
.abc-preview .lead { color: #405861; font-size: 17px; }

.abc-preview .about { background: var(--white); }
.abc-preview .about-layout { grid-template-columns: minmax(0, 1fr) minmax(430px, 0.92fr); gap: 92px; }
.abc-preview .academic-pillars { margin-top: 40px; }
.abc-preview .academic-pillars article { grid-template-columns: 56px 1fr; padding: 20px 0; }
.abc-preview .academic-pillars span { color: var(--coral); font-size: 11px; }
.abc-preview .about-figure { border: 0; }
.abc-preview .about-figure img { aspect-ratio: 3 / 2; object-fit: cover; background: var(--ice); }
.abc-preview .about-figure figcaption { padding: 15px 0; border-top: 0; border-bottom: 1px solid var(--line); }

.abc-preview .research { background: #0b3345; }
.abc-preview .research .section-intro { max-width: 1050px; }
.abc-preview .research-grid { grid-template-columns: repeat(3, 1fr); border-color: rgba(255,255,255,0.24); }
.abc-preview .research-grid article { min-height: 270px; padding: 30px; background: transparent; }
.abc-preview .research-grid span { color: #89dddc; }
.abc-preview .research-grid h3 { margin-top: 50px; font-size: 23px; }
.abc-preview .research-grid p { color: #bdd0d4; font-size: 14px; }

.abc-preview .initiatives { background: var(--ice); }
.abc-preview .initiative-list article { grid-template-columns: 150px 1fr; padding: 34px 0; }
.abc-preview .initiative-list > article > span { color: var(--coral); font-size: 42px; }
.abc-preview .initiative-list h3 { font-size: 27px; }
.abc-preview .initiative-list p { max-width: 900px; }

.abc-preview .news { background: var(--white); }
.abc-preview .news-heading { grid-template-columns: minmax(0, 1fr) 410px; gap: 80px; }
.abc-preview .news-grid { gap: 22px; }
.abc-preview .news-card { border-radius: 3px; border-color: #cbd8d8; }
.abc-preview .news-card.featured { background: #f2f6f5; }
.abc-preview .news-media { border-bottom-color: #cbd8d8; }
.abc-preview .news-copy { padding: 25px; }
.abc-preview .news-copy > span { color: var(--coral); }
.abc-preview .news-copy h3 { font-size: 20px; }
.abc-preview .featured .news-copy h3 { font-size: 31px; }
.abc-preview .news-copy p { color: #5b6f76; }
.abc-preview .source-links a,
.abc-preview .text-link { color: var(--ocean); border-bottom-color: var(--cyan); }

.abc-preview .publication-section { grid-template-columns: minmax(390px, 0.72fr) minmax(0, 1fr); gap: 100px; background: #e2eeee; }
.abc-preview .publication-visual { height: 630px; background: transparent; border-left: 1px solid #bdd0d1; border-right: 1px solid #bdd0d1; }
.abc-preview .publication-visual img { box-shadow: 0 20px 45px rgba(7,29,43,0.16); }

.abc-preview .membership { background: var(--white); }
.abc-preview .membership-types article { min-height: 250px; padding: 28px; }
.abc-preview .membership-types span { color: var(--coral); }
.abc-preview .membership-types h3 { margin-top: 42px; font-size: 20px; }
.abc-preview .membership-action { margin-top: 0; padding: 34px; background: var(--coral); }
.abc-preview .membership-action .section-kicker { color: #fff2e8; }

.abc-preview .governance { background: #0b3345; }
.abc-preview .governance-grid div { min-height: 118px; }
.abc-preview .partners { background: var(--ice); }
.abc-preview .partner-grid span { min-height: 86px; }

.abc-preview .contact-section { min-height: 620px; padding-inline: max(52px, calc((100vw - 1320px) / 2)); }
.abc-preview .contact-overlay { background: rgba(6,28,40,0.69); }
.abc-preview .contact-email { color: #9ce1df; }
.abc-preview footer { padding-inline: max(52px, calc((100vw - 1320px) / 2)); background: #061823; }

/* Motion is progressive enhancement: content remains fully visible without JavaScript. */
.motion-ready .abc-preview.motion-start .hero-image { animation: hero-drift 18s ease-in-out infinite alternate; }
.motion-ready .abc-preview .hero-content > *,
.motion-ready .abc-preview .hero-network-panel,
.motion-ready .abc-preview .hero-update { opacity: 0; transform: translateY(18px); }
.motion-ready .abc-preview.motion-start .hero-content > *,
.motion-ready .abc-preview.motion-start .hero-network-panel,
.motion-ready .abc-preview.motion-start .hero-update { animation: hero-enter 720ms cubic-bezier(.2,.75,.2,1) forwards; }
.motion-ready .abc-preview.motion-start .hero-content > :nth-child(1) { animation-delay: 80ms; }
.motion-ready .abc-preview.motion-start .hero-content > :nth-child(2) { animation-delay: 150ms; }
.motion-ready .abc-preview.motion-start .hero-content > :nth-child(3) { animation-delay: 230ms; }
.motion-ready .abc-preview.motion-start .hero-content > :nth-child(4) { animation-delay: 300ms; }
.motion-ready .abc-preview.motion-start .hero-content > :nth-child(5) { animation-delay: 370ms; }
.motion-ready .abc-preview.motion-start .hero-content > :nth-child(6) { animation-delay: 440ms; }
.motion-ready .abc-preview.motion-start .hero-network-panel { animation-delay: 420ms; }
.motion-ready .abc-preview.motion-start .hero-update { animation-delay: 620ms; }
.motion-ready .abc-preview .motion-reveal { opacity: 0; transform: translateY(24px); transition: opacity 700ms ease var(--reveal-delay, 0ms), transform 700ms cubic-bezier(.2,.75,.2,1) var(--reveal-delay, 0ms); }
.motion-ready .abc-preview .motion-reveal.is-visible { opacity: 1; transform: translateY(0); }
.abc-preview .news-media img { transition: transform 650ms cubic-bezier(.2,.75,.2,1), filter 650ms ease; }
.abc-preview .news-card:hover .news-media img { transform: scale(1.035); filter: saturate(1.05); }
.abc-preview .news-card { transition: border-color 280ms ease, box-shadow 280ms ease, transform 280ms ease; }
.abc-preview .news-card:hover { border-color: #aebfc1; box-shadow: 0 18px 34px rgba(7,29,43,0.09); transform: translateY(-3px); }
.abc-preview .research-grid article { transition: background-color 280ms ease; }
.abc-preview .research-grid article:hover { background: rgba(255,255,255,0.055); }
.abc-preview .hero-network-panel > div { position: relative; overflow: hidden; }
.abc-preview .hero-network-panel > div::after { content: ""; position: absolute; right: 100%; bottom: -1px; width: 100%; height: 2px; background: var(--cyan); transition: transform 600ms cubic-bezier(.2,.75,.2,1); }
.abc-preview .hero-network-panel > div:hover::after { transform: translateX(100%); }

@keyframes hero-enter {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-drift {
  from { transform: scale(1.01) translate3d(0, 0, 0); }
  to { transform: scale(1.045) translate3d(-0.6%, -0.35%, 0); }
}

html[dir="rtl"] .abc-preview .hero-network-panel { padding-right: 38px; padding-left: 0; border-right: 1px solid rgba(255,255,255,0.38); border-left: 0; }

@media (max-width: 1120px) {
  :root { --content: min(100% - 52px, 960px); }
  .abc-preview .brand { min-width: 286px; }
  .abc-preview .hero-grid { grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr); gap: 46px; }
  .abc-preview .hero h1 { font-size: 94px; }
  .abc-preview .hero-name { font-size: 27px; }
  .abc-preview .hero-network-panel { padding-left: 28px; }
}

@media (max-width: 760px) {
  :root { --content: calc(100% - 36px); }
  .abc-preview .topbar { display: none; }
  .abc-preview .site-header { inset: 0 0 auto; height: 68px; padding-inline: 18px; }
  .abc-preview .brand { min-width: 0; }
  .abc-preview .brand img.official-logo { width: 52px; height: 42px; }
  .abc-preview .brand-type strong { font-size: 19px; }
  .abc-preview .mobile-panel { inset: 68px 0 auto; }
  .abc-preview .hero { min-height: 720px; height: calc(100svh - 28px); max-height: 820px; margin-top: 68px; }
  .abc-preview .hero-image { object-position: 42% center; }
  .abc-preview .hero-overlay { background: rgba(4,24,34,0.7); }
  .abc-preview .hero-grid { width: var(--content); grid-template-columns: 1fr; gap: 25px; align-content: center; padding: 52px 0 132px; }
  .abc-preview .hero h1 { font-size: 64px; }
  .abc-preview .hero-name { margin-top: 20px; font-size: 25px; }
  .abc-preview .hero-subtitle { margin-top: 14px; font-size: 13px; }
  .abc-preview .hero-copy { margin-top: 14px; font-size: 14px; }
  .abc-preview .hero-actions { margin-top: 20px; }
  .abc-preview .hero-network-panel { min-height: 0; grid-template-columns: repeat(3, 1fr); padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,0.34); border-left: 0; }
  .abc-preview .hero-network-panel > p { grid-column: 1 / -1; margin-bottom: 8px; }
  .abc-preview .hero-network-panel > div { display: grid; grid-template-columns: 1fr; padding: 12px 8px 0 0; border-top: 0; }
  .abc-preview .hero-network-panel strong { font-size: 26px; }
  .abc-preview .hero-network-panel span { margin-top: 6px; font-size: 10px; line-height: 1.35; }
  .abc-preview .hero-update { min-height: 104px; grid-template-columns: 1fr 26px; padding: 14px 18px; }
  .abc-preview .quick-facts { grid-template-columns: repeat(2, 1fr); width: 100%; }
  .abc-preview .quick-facts article { min-height: 116px; padding: 28px 18px 20px; }
  .abc-preview .quick-facts article:nth-child(odd) { border-left: 0; }
  .abc-preview .quick-facts article:nth-child(even) { border-right: 0; }
  .abc-preview .quick-facts strong { font-size: 18px; }
  .abc-preview .section { padding: 76px 18px; }
  .abc-preview h2 { font-size: 37px; }
  .abc-preview .section-intro { margin-bottom: 34px; }
  .abc-preview .about-layout,
  .abc-preview .news-heading,
  .abc-preview .publication-section { grid-template-columns: 1fr; gap: 36px; }
  .abc-preview .about-figure { order: 0; }
  .abc-preview .research-grid { grid-template-columns: 1fr; }
  .abc-preview .research-grid article { min-height: 0; }
  .abc-preview .research-grid h3 { margin-top: 24px; }
  .abc-preview .initiative-list article { grid-template-columns: 58px 1fr; gap: 14px; }
  .abc-preview .initiative-list > article > span { font-size: 27px; }
  .abc-preview .initiative-list h3 { font-size: 22px; }
  .abc-preview .featured .news-copy h3 { font-size: 24px; }
  .abc-preview h2,
  .abc-preview .hero-update strong,
  .abc-preview .quick-facts span,
  .abc-preview .news-copy h3,
  .abc-preview .partner-grid span { overflow-wrap: anywhere; hyphens: auto; }
  .abc-preview .publication-visual { height: 490px; }
  .abc-preview .membership-action { padding: 24px; }
  .abc-preview .contact-section { padding-inline: 18px; }
  html[dir="rtl"] .abc-preview .hero-network-panel { padding-right: 0; border-right: 0; border-top: 1px solid rgba(255,255,255,0.34); }
}

@media (hover: none) {
  .abc-preview .news-card:hover { box-shadow: none; transform: none; }
  .abc-preview .news-card:hover .news-media img { transform: none; filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .abc-preview.motion-start .hero-image,
  .motion-ready .abc-preview.motion-start .hero-content > *,
  .motion-ready .abc-preview.motion-start .hero-network-panel,
  .motion-ready .abc-preview.motion-start .hero-update { animation: none; opacity: 1; transform: none; }
  .motion-ready .abc-preview .motion-reveal { opacity: 1; transform: none; transition: none; }
  .abc-preview .news-media img,
  .abc-preview .news-card,
  .abc-preview .research-grid article { transition: none; }
}