/* ==========================================================================
   Africa Unity for Renaissance 2026 — look and feel

   A navy menu bar with a gold pill for the current page, white cards with
   soft shadows and rounded corners, gold and navy pill buttons, and the
   conference banner's red-orange-yellow-green waves on a pale patterned
   ground. Loaded after aur.css; its tokens retune every older component.

   1. Tokens & primitives
   2. Header & navigation
   3. Home
   4. Interior page header
   5. Interior components
   6. Footer
   7. Responsive
   8. Print
   ========================================================================== */

/* 1. Tokens & primitives ---------------------------------------------------- */

:root {
	--aurc-navy: #0b2c5c;
	--aurc-navy-700: #08234a;
	--aurc-navy-900: #061a39;
	--aurc-blue: #12427f;
	--aurc-gold: #f5b51e;
	--aurc-gold-600: #e3a20b;
	--aurc-orange: #f47a20;
	--aurc-red: #e8432d;
	--aurc-yellow: #f9d01c;
	--aurc-green: #8cc63f;
	--aurc-rainbow: linear-gradient(90deg, #e8432d 0%, #f47a20 32%, #f9c21c 64%, #8cc63f 100%);
	--aurc-mist: #f3f6fb;
	--aurc-radius: 10px;
	--aurc-shadow: 0 12px 30px -16px rgba(11, 44, 92, .32), 0 2px 6px -2px rgba(11, 44, 92, .08);
	--aurc-shadow-hover: 0 20px 40px -18px rgba(11, 44, 92, .42), 0 3px 8px -3px rgba(11, 44, 92, .1);
	--aurc-pattern: url("../img/aur/aurc-pattern.svg");

	--aur-ink: var(--aurc-navy);
	--aur-text: #3c4a5d;
	--aur-muted: #66748a;
	--aur-paper: var(--aurc-mist);
	--aur-line: #dde5ef;
	--aur-line-2: #e8eef5;
	--aur-emerald: var(--aurc-blue);
	--aur-emerald-700: var(--aurc-navy);
	--aur-emerald-900: var(--aurc-navy-700);
	--aur-emerald-100: #cfdcef;
	--aur-emerald-50: #eef3fa;
	--aur-sun: var(--aurc-orange);
	--aur-sun-700: #c2520c;
	--aur-sun-300: var(--aurc-gold);
	--aur-sun-50: #fff4e6;
	--aur-btn: var(--aurc-gold);
	--aur-btn-hover: var(--aurc-gold-600);
	--aur-btn-ink: var(--aurc-navy);
	--aur-r: 8px;
	--aur-shadow: var(--aurc-shadow);
	--aur-shadow-lg: var(--aurc-shadow-hover);
}

a:hover {
	color: var(--aurc-orange);
}

.aur-title,
.aur-h2 {
	color: var(--aurc-navy);
}

.aur-title::after,
.aur-h2::after {
	width: 78px;
	height: 4px;
	border-radius: 2px;
	background: var(--aurc-rainbow);
}

.aur-eyebrow {
	color: var(--aur-sun-700);
}

/* Pill buttons: gold for the main action, navy for the next one. */
.aur-btn {
	min-height: 48px;
	padding: 0 26px;
	border-radius: 999px;
	letter-spacing: .06em;
}

.aur-btn--primary,
.aur-btn--sun {
	box-shadow: 0 10px 20px -12px rgba(184, 120, 0, .7);
}

.aur-btn--primary:hover,
.aur-btn--sun:hover {
	background: var(--aurc-gold-600);
	border-color: var(--aurc-gold-600);
	color: var(--aurc-navy);
}

.aur-btn--ghost {
	background: var(--aurc-navy);
	border-color: var(--aurc-navy);
	box-shadow: 0 10px 20px -12px rgba(11, 44, 92, .7);
	color: #fff;
}

.aur-btn--ghost:hover {
	background: var(--aurc-blue);
	border-color: var(--aurc-blue);
	color: #fff;
}

.aur-chip {
	border-radius: 999px;
}

.aur-chip[aria-pressed="true"] {
	background: var(--aurc-navy);
	border-color: var(--aurc-navy);
}

.aur-badge {
	border-radius: 999px;
}

:focus-visible {
	outline-color: var(--aurc-gold);
}

/* 2. Header & navigation ---------------------------------------------------- */

.site-header {
	border-bottom: 0;
	background: #fff;
}

.site-header.is-stuck {
	box-shadow: 0 8px 22px -14px rgba(6, 26, 57, .55);
}

.search-toggle {
	color: var(--aurc-navy);
}

.search-toggle:hover {
	color: var(--aurc-orange);
}

/* Desktop: the four partner logos on a white row with the search, the menu on
   a navy bar beneath with the banner's swoosh at its end. Only the bar stays on
   screen once the page scrolls (the header sticks at minus the logo row). */
@media (min-width: 1181px) {
	:root {
		--aur-header: 56px;
	}

	.site-header {
		--hdr-logo-h: 68px;
		--hdr-logo-row: calc(var(--hdr-logo-h) + 32px);
		top: calc(var(--hdr-logo-row) * -1);
		background: linear-gradient(#fff 0 var(--hdr-logo-row), var(--aurc-navy) var(--hdr-logo-row));
	}

	.site-header::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 0;
		width: clamp(260px, 30vw, 560px);
		height: calc(var(--aur-header) + 34px);
		background: url("../img/aur/aurc-swoosh.svg") no-repeat right bottom / 100% 100%;
		pointer-events: none;
	}

	/* The page's own width, so the logos and menu line up with the content below. */
	.site-header .container {
		--container: inherit;
	}

	.site-header__inner {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: var(--hdr-logo-row) var(--aur-header);
		align-items: center;
		gap: 0 24px;
		min-height: 0;
	}

	.site-header__brand {
		grid-column: 1 / -1;
	}

	.aur-logos {
		--logo-h: var(--hdr-logo-h);
		--logo-gap: 24px;
	}

	.primary-nav {
		align-self: stretch;
		margin: 0;
	}

	.primary-nav__list {
		height: 100%;
		gap: 4px;
		margin-inline-start: -16px;
	}

	.primary-nav__list > .menu-item > a {
		padding: 9px 16px;
		border-radius: 999px;
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .05em;
		transition: background-color .2s ease, color .2s ease;
	}

	.primary-nav__list > .menu-item > a::after {
		display: none;
	}

	.primary-nav__list > .menu-item > a:hover {
		color: var(--aurc-gold);
	}

	.primary-nav__list > .current-menu-item > a,
	.primary-nav__list > .current_page_item > a,
	.primary-nav__list > .current-menu-ancestor > a,
	.primary-nav__list > .current-menu-item > a:hover,
	.primary-nav__list > .current_page_item > a:hover {
		background: var(--aurc-gold);
		color: var(--aurc-navy);
	}

	/* Search sits at the end of the logo row. */
	.primary-nav__list > .menu-item-search {
		position: absolute;
		top: calc(var(--hdr-logo-row) / 2);
		right: 0;
		transform: translateY(-50%);
	}

	.primary-nav__list .sub-menu {
		border-radius: 8px;
	}
}

@media (min-width: 1181px) and (max-width: 1300px) {
	.site-header {
		--hdr-logo-h: 62px;
	}

	.primary-nav__list > .menu-item > a {
		padding-inline: 13px;
		font-size: 12.5px;
	}
}

/* Drawer widths: one white row, the logos as large as the room beside the
   menu button allows, a navy rule under it and a navy drawer. */
@media (max-width: 1180px) {
	.site-header {
		border-bottom: 5px solid var(--aurc-navy);
	}

	.aur-logos {
		--logo-gap: 12px;
		--logo-h: clamp(19px, calc((100vw - var(--gutter) * 2 - 72px - 3 * (var(--logo-gap) * 2 + 1px)) / 10.8), 62px);
	}

	.nav-toggle {
		border-color: var(--aurc-navy);
		border-radius: 8px;
		color: var(--aurc-navy);
	}

	.primary-nav {
		background: var(--aurc-navy);
	}

	.primary-nav__list > .menu-item {
		border-bottom-color: rgba(255, 255, 255, .14);
	}

	.primary-nav__list a {
		color: #fff;
	}

	.primary-nav__list a:hover,
	.primary-nav__list > .current-menu-item > a,
	.primary-nav__list > .current_page_item > a {
		color: var(--aurc-gold);
	}

	.primary-nav .search-toggle {
		color: #fff;
	}
}

@media (max-width: 640px) {
	.site-header__inner {
		gap: 10px;
	}

	.aur-logos {
		--logo-gap: 6px;
		--logo-h: clamp(19px, calc((100vw - var(--gutter) * 2 - 56px - 3 * (var(--logo-gap) * 2 + 1px)) / 10.8), 62px);
	}
}

@media (max-width: 400px) {
	.aur-logos {
		--logo-gap: 5px;
	}
}

/* 3. Home --------------------------------------------------------------------- */

/* Hero: emblem, title and fists on a pale patterned ground, the date, venue and
   programme button beneath, and the banner's waves along the foot. */
.aur-hero.aur-hero--2026 {
	position: relative;
	overflow: hidden;
	padding: 36px 0 0;
	border: 0;
	background: radial-gradient(120% 110% at 50% 0%, #fff 38%, #edf2f8 100%);
}

.aur-hero__pattern,
.page-hero__pattern {
	position: absolute;
	inset: 0;
	background: var(--aurc-pattern) repeat left top / 112px 112px;
	opacity: .28;
	-webkit-mask-image: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .55) 12%, transparent 30%, transparent 72%, rgba(0, 0, 0, .45) 90%, #000 100%);
	mask-image: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .55) 12%, transparent 30%, transparent 72%, rgba(0, 0, 0, .45) 90%, #000 100%);
	pointer-events: none;
}

.aur-hero__layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(150px, 230px) minmax(0, 1fr) minmax(200px, 340px);
	align-items: center;
	gap: 40px;
}

.aur-hero__emblem {
	display: block;
	width: 100%;
	height: auto;
}

.aur-hero__title {
	margin: 0;
	color: var(--aurc-navy);
	font-family: var(--aur-sans);
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.02;
	text-transform: uppercase;
}

.aur-hero__name {
	display: block;
	font-size: clamp(30px, 3.7vw, 54px);
}

.aur-hero__name sup {
	position: relative;
	top: -.05em;
	font-size: .55em;
	vertical-align: super;
	line-height: 0;
}

.aur-hero__year {
	display: block;
	margin-top: 10px;
	color: #45474d;
	font-size: clamp(25px, 3.1vw, 46px);
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: none;
}

.aur-hero__title::after {
	content: "";
	display: block;
	width: min(100%, 300px);
	height: 5px;
	margin-top: 18px;
	border-radius: 3px;
	background: var(--aurc-rainbow);
}

.aur-hero__theme {
	margin: 18px 0 0;
	color: var(--aurc-navy);
	font-style: italic;
}

.aur-hero__theme strong {
	display: block;
	font-size: clamp(20px, 1.9vw, 28px);
	font-weight: 700;
	line-height: 1.25;
}

.aur-hero__theme span {
	display: block;
	margin-top: 6px;
	color: #2f3d55;
	font-size: clamp(15px, 1.3vw, 19px);
	line-height: 1.45;
}

.aur-hero__fists {
	display: block;
	width: 100%;
	height: auto;
	align-self: end;
}

.aur-hero__facts {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px 0;
	margin-top: 26px;
	padding-bottom: clamp(70px, 8vw, 116px);
}

.aur-hero__fact {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding-inline: 28px;
	border-inline-start: 1px solid #c3cedd;
	color: var(--aurc-navy);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1.35;
	text-transform: uppercase;
}

.aur-hero__fact:first-child {
	padding-inline-start: 0;
	border: 0;
}

.aur-hero__fact .hsrc-icon {
	flex: none;
	color: var(--aurc-gold);
}

.aur-hero__fact small {
	display: block;
	margin-top: 3px;
	color: var(--aur-text);
	font-size: 13.5px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.aur-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-inline-start: auto;
}

.aur-hero__actions .aur-btn {
	min-height: 52px;
	padding-inline: 30px;
}

.aur-hero__waves,
.page-hero__waves {
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;
	display: block;
	width: 100%;
	height: clamp(56px, 8vw, 120px);
	pointer-events: none;
}

/* The three purposes and the countdown, as white cards. */
.aur-pillars {
	padding-block: 24px 8px;
}

.aur-pillar {
	border: 0;
	border-radius: var(--aurc-radius);
	box-shadow: var(--aurc-shadow);
}

.aur-pillar__icon {
	width: 58px;
	height: 58px;
	background: var(--aurc-navy);
}

.aur-pillar__icon--sun {
	background: var(--aurc-gold);
	color: var(--aurc-navy);
}

.aur-pillar__title {
	color: var(--aurc-navy);
	letter-spacing: .04em;
}

.aur-countdown__label {
	color: var(--aurc-navy);
	font-size: 14.5px;
	letter-spacing: .06em;
}

.aur-countdown__values strong {
	color: var(--aurc-red);
	font-size: 40px;
}

.aur-countdown__values span {
	color: var(--aurc-navy);
}

/* About, beside three photo cards with an icon on the photo's edge. */
.aur-about-home {
	padding-block: 64px 72px;
}

.aur-feature {
	position: relative;
	overflow: hidden;
	border: 0;
	border-radius: var(--aurc-radius);
	box-shadow: var(--aurc-shadow);
	text-align: center;
	transition: box-shadow .2s ease, transform .2s ease;
}

.aur-feature:hover {
	box-shadow: var(--aurc-shadow-hover);
	transform: translateY(-3px);
}

.aur-feature__media {
	height: 160px;
	border: 0;
	background: var(--aurc-navy);
}

/* The keynote speakers' own photos, side by side. */
.aur-feature__media--people {
	display: flex;
	gap: 2px;
	background: #fff;
}

.aur-feature__media--people img {
	flex: 1 1 0;
	min-width: 0;
	width: 50%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 22%;
}

.aur-feature__body {
	position: relative;
	flex: 1;
	flex-direction: column;
	align-items: center;
	gap: 0;
	padding: 42px 18px 24px;
}

.aur-feature__icon {
	position: absolute;
	top: -31px;
	left: 50%;
	width: 62px;
	height: 62px;
	border: 4px solid #fff;
	background: var(--aurc-navy);
	box-shadow: 0 6px 14px -6px rgba(6, 26, 57, .55);
	transform: translateX(-50%);
}

.aur-feature__title {
	margin-bottom: 8px;
	color: var(--aurc-navy);
	font-size: 15px;
	letter-spacing: .04em;
}

.aur-feature__text {
	font-size: 14.5px;
}

/* Quick links: navy, gold icons, the swoosh at the end. */
.aur-actionbar {
	position: relative;
	overflow: hidden;
	background: var(--aurc-navy);
}

.aur-actionbar::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: clamp(220px, 28vw, 520px);
	height: 100%;
	background: url("../img/aur/aurc-swoosh.svg") no-repeat right bottom / 100% 100%;
	pointer-events: none;
}

.aur-actionbar__grid {
	position: relative;
	z-index: 1;
}

.aur-actionbar__item {
	padding-block: 26px;
	border-inline-start-color: rgba(255, 255, 255, .28);
}

.aur-actionbar__item:hover {
	background: rgba(255, 255, 255, .06);
}

.aur-actionbar__item .hsrc-icon {
	color: var(--aurc-gold);
}

.aur-actionbar__item span span {
	color: #d4ddea;
}

/* 4. Interior page header ----------------------------------------------------- */

/* The home hero's language: pale patterned ground, navy title over a rainbow
   rule, the emblem and fists on the right, the waves along the foot. Every
   page's header is the same height. */
.page-hero.page-hero--aurc {
	--hero-h: clamp(300px, 22vw, 360px);
	--hero-wave: clamp(56px, 8vw, 120px);
	position: relative;
	display: block;
	min-height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	background: radial-gradient(120% 110% at 30% 0%, #fff 36%, #edf2f8 100%);
	color: var(--aurc-navy);
}

.page-hero--aurc::after {
	content: none;
}

.page-hero--aurc .page-hero__pattern {
	-webkit-mask-image: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .5) 14%, transparent 34%);
	mask-image: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .5) 14%, transparent 34%);
}

.page-hero--aurc .page-hero__inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 40px;
	min-height: var(--hero-h);
	padding: 0;
}

.page-hero--aurc .page-hero__copy {
	align-self: center;
	min-width: 0;
	padding-block: 34px calc(var(--hero-wave) * .55 + 24px);
}

.page-hero--aurc .page-hero__art {
	flex: none;
	align-self: flex-end;
	margin-inline-end: -8px;
	line-height: 0;
}

.page-hero--aurc .page-hero__art img {
	display: block;
	width: auto;
	height: calc(var(--hero-h) - 44px);
	max-width: none;
}

.page-hero--aurc .breadcrumbs a {
	color: var(--aur-sun-700);
}

.page-hero--aurc .breadcrumbs a:hover {
	color: var(--aurc-navy);
}

.page-hero--aurc .breadcrumbs__sep {
	color: #b9c4d3;
}

.page-hero--aurc .breadcrumbs__current {
	color: var(--aurc-navy);
}

.page-hero--aurc .page-hero__title {
	max-width: 16em;
	margin-top: 14px;
	color: var(--aurc-navy);
	font-family: var(--aur-sans);
	font-size: clamp(32px, 3.9vw, 54px);
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.04;
	text-shadow: none;
	text-transform: uppercase;
}

.page-hero--aurc .page-hero__title::after {
	width: 120px;
	height: 5px;
	margin-top: 18px;
	border-radius: 3px;
	background: var(--aurc-rainbow);
}

.page-hero--aurc .page-hero__sub {
	max-width: 40em;
	margin: 18px 0 0;
	color: #2f3d55;
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	line-height: 1.5;
	text-shadow: none;
}

.page-hero--aurc .page-hero__waves {
	z-index: 2;
	height: var(--hero-wave);
}

/* Long titles (news headlines): sentence case, smaller, the full width beside the fists. */
.page-hero--long .page-hero__title {
	max-width: 30em;
	font-size: clamp(26px, 2.5vw, 38px);
	letter-spacing: -.015em;
	line-height: 1.18;
	text-transform: none;
}

.page-hero--long .page-hero__art img {
	height: min(calc(var(--hero-h) - 44px), 280px);
}

/* 5. Interior components -------------------------------------------------------- */

/* Cards and panels: rounded white with a soft shadow instead of ruled boxes. */
.aur-cta__panel {
	position: relative;
	overflow: hidden;
	border: 0;
	border-radius: var(--aurc-radius);
	background:
		url("../img/aur/aurc-swoosh.svg") no-repeat right bottom / 46% 70%,
		var(--aurc-navy);
	box-shadow: var(--aurc-shadow);
	color: #d4ddea;
}

.aur-cta__panel .aur-h2 {
	color: #fff;
}

.aur-cta__panel .aur-h2 em {
	color: var(--aurc-gold);
}

.aur-cta__panel p {
	color: #d4ddea;
}

.aur-cta__panel .aur-btn--ghost {
	background: #fff;
	border-color: #fff;
	color: var(--aurc-navy);
}

.aur-cta__panel .aur-btn--ghost:hover {
	background: var(--aurc-mist);
	border-color: var(--aurc-mist);
}

/* Ruled boxes become rounded cards. */
.aur-facts,
.aur-vision,
.aur-card,
.aur-convener,
.aur-theme-rows,
.aur-outline,
.aur-finder,
.aur-person,
.aur-map,
.aur-options,
.aur-panel,
.aur-qr,
.aur-contact-cards,
.aur-lined-row {
	border-radius: var(--aurc-radius);
}

.aur-facts,
.aur-card,
.aur-contact-cards,
.aur-lined-row,
.aur-theme-rows,
.aur-options {
	overflow: hidden;
}

.aur-facts,
.aur-vision,
.aur-card,
.aur-person,
.aur-finder,
.aur-panel,
.aur-options,
.aur-contact-cards,
.aur-lined-row {
	border-color: #e3e9f1;
	box-shadow: var(--aurc-shadow);
}

.aur-audience li {
	border-radius: 999px;
}

.btn,
.btn--orange,
.btn--blue,
.search-form button {
	border-radius: 999px;
}

.aur-search input,
.search-form input[type="search"] {
	border-radius: 999px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.aur-panel input,
.aur-panel select,
.aur-panel textarea {
	border-radius: 8px;
}

/* A white line between the quick links and the footer, both navy. */
.aur-actionbar {
	border-bottom: 6px solid #fff;
}

/* Long links in posts (full URLs) wrap instead of widening the page on a phone. */
.content-layout > * {
	min-width: 0;
}

.entry-content {
	overflow-wrap: anywhere;
}

/* News: rounded cards with a shadow, headlines held to four lines, pill filters. */
.section__title::after {
	width: 78px;
	height: 4px;
	border-radius: 2px;
	background: var(--aurc-rainbow);
}

.filterbar__item {
	border-radius: 999px;
}

.filterbar__item.is-active {
	background: var(--aurc-navy);
	border-color: var(--aurc-navy);
}

.newscard,
.panel,
.post-card {
	overflow: hidden;
	border-color: #e3e9f1;
	border-radius: var(--aurc-radius);
	box-shadow: var(--aurc-shadow);
}

.newscard:hover,
.post-card:hover {
	border-color: #e3e9f1;
	box-shadow: var(--aurc-shadow-hover);
	transform: translateY(-3px);
}

.newscard__img--brand {
	position: relative;
	border-bottom: 0;
	background:
		var(--aurc-pattern) repeat center / 112px 112px,
		var(--aurc-mist);
}

.newscard__img--brand::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(243, 246, 251, .78);
}

.newscard__img--brand::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: var(--aurc-rainbow);
}

.newscard__img--brand img {
	position: relative;
	z-index: 1;
	width: 104px;
}

.newscard__title {
	font-size: 17.5px;
	line-height: 1.3;
}

.newscard__title a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.panel--navy {
	border-color: var(--aurc-navy);
	background: var(--aurc-navy);
}

/* 6. Footer ---------------------------------------------------------------------- */

.site-footer {
	margin-top: 0;
	background: var(--aurc-navy);
	color: #d4ddea;
}

.aur-ribbon {
	display: none;
}

.site-footer__grid {
	padding-block: 60px 44px;
}

.site-footer__col {
	padding-inline-start: 34px;
	border-inline-start: 1px solid rgba(255, 255, 255, .18);
}

.site-footer__about p,
.site-footer__menu a,
.site-footer__facts a,
.site-footer__facts li {
	color: #d4ddea;
}

.site-footer__title::after {
	width: 38px;
	background: var(--aurc-orange);
}

.site-footer__menu a:hover,
.site-footer__facts a:hover {
	color: var(--aurc-gold);
}

.site-footer__dates-label,
.site-footer__facts .hsrc-icon {
	color: var(--aurc-gold);
}

.site-footer .social-list a {
	width: 40px;
	height: 40px;
	border: 1.5px solid rgba(255, 255, 255, .7);
	color: #fff;
}

.site-footer .social-list a:hover {
	background: var(--aurc-gold);
	border-color: var(--aurc-gold);
	color: var(--aurc-navy);
}

.site-footer__bottom {
	border-top-color: rgba(255, 255, 255, .16);
}

.site-footer__copy,
.site-footer__partner {
	color: #c2cddd;
}

.aur-wsu {
	padding: 8px 14px;
	border-radius: 6px;
}

/* The banner's colours in a patterned wave, along the foot of every page. */
.site-footer__waves {
	height: clamp(44px, 6vw, 88px);
	margin-top: 6px;
	margin-bottom: 10px;
	background: url("../img/aur/aurc-wave-footer.svg") no-repeat center / 100% 100%;
}

/* 7. Responsive ------------------------------------------------------------------- */

@media (max-width: 1240px) {
	.aur-hero__layout {
		grid-template-columns: minmax(130px, 190px) minmax(0, 1fr) minmax(180px, 280px);
		gap: 28px;
	}
}

@media (max-width: 1100px) {
	.page-hero.page-hero--aurc {
		--hero-h: 280px;
	}

	.page-hero--aurc .page-hero__inner {
		gap: 24px;
	}
}

@media (max-width: 1100px) {
	.aur-hero__layout {
		grid-template-columns: 150px minmax(0, 1fr) 210px;
		gap: 26px;
	}
}

@media (max-width: 1024px) {
	.site-footer__col {
		padding-inline-start: 0;
		border: 0;
	}
}

@media (max-width: 900px) {
	.aur-hero__layout {
		grid-template-columns: 150px minmax(0, 1fr);
		gap: 28px;
	}

	.aur-hero__fists {
		position: absolute;
		right: 0;
		bottom: -12px;
		width: 230px;
		opacity: .14;
		z-index: -1;
	}

	.aur-hero__actions {
		margin-inline-start: 0;
		flex-basis: 100%;
	}

	.aur-hero__fact:nth-child(2) {
		padding-inline-end: 0;
	}
}

@media (max-width: 760px) {
	.aur-hero.aur-hero--2026 {
		padding-top: 26px;
	}

	.aur-hero__layout {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 18px;
		align-items: start;
	}

	.aur-hero__fists {
		width: 180px;
		bottom: 0;
	}

	.aur-hero__facts {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		margin-top: 22px;
	}

	.aur-hero__fact,
	.aur-hero__fact:first-child {
		padding: 0;
		border: 0;
	}

	.aur-hero__actions .aur-btn {
		flex: 1 1 100%;
	}

	.page-hero.page-hero--aurc {
		--hero-h: 260px;
	}

	/* On a phone the fists stand behind the title, faint. */
	.page-hero--aurc .page-hero__inner {
		display: block;
	}

	.page-hero--aurc .page-hero__copy {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: var(--hero-h);
		padding-block: 28px calc(var(--hero-wave) * .55 + 18px);
	}

	.page-hero--aurc .page-hero__art {
		position: absolute;
		right: -14px;
		bottom: 18px;
		margin: 0;
		opacity: .14;
	}

	.page-hero--aurc .page-hero__art img {
		height: 190px;
	}

	.page-hero--aurc .page-hero__sub {
		font-size: 16px;
	}
}

@media (max-width: 600px) {
	.aur-hero__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.aur-hero__emblem {
		width: 104px;
	}

	.aur-hero__name {
		font-size: clamp(25px, 7.4vw, 34px);
	}

	.aur-hero__year {
		font-size: clamp(22px, 6.4vw, 30px);
		letter-spacing: .04em;
	}
}

/* 8. Print ---------------------------------------------------------------------- */

@media print {
	.site-header::after,
	.aur-actionbar::after,
	.aur-hero__pattern,
	.page-hero__pattern,
	.aur-hero__waves,
	.page-hero__waves,
	.page-hero--aurc .page-hero__art,
	.site-footer__waves {
		display: none;
	}

	.site-header {
		background: #fff;
	}
}