.hgsb,
				.hgsb * {
					box-sizing: border-box;
				}

				.hgsb {
					--hgsb-ink: #0f1d2d;
					--hgsb-muted: #68788b;
					--hgsb-line: rgba(15, 29, 45, 0.10);
					--hgsb-teal: #008f8c;
					--hgsb-surface: #ffffff;

					width: min(1320px, calc(100% - 48px));
					margin: 72px auto;
					color: var(--hgsb-ink);
					font-family:
						Manrope,
						Inter,
						system-ui,
						-apple-system,
						BlinkMacSystemFont,
						"Segoe UI",
						sans-serif;
				}

				.hgsb a {
					color: inherit;
					text-decoration: none !important;
				}


				/* =====================================================
				 * Section header
				 * ===================================================== */

				.hgsb-header {
					display: grid;
					grid-template-columns:
						minmax(300px, 0.82fr)
						minmax(420px, 1.18fr);
					gap: 54px;
					align-items: center;
					margin-bottom: 28px;
					padding-bottom: 25px;
					border-bottom: 1px solid var(--hgsb-line);
				}

				.hgsb-label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--hgsb-teal);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.hgsb-label::before {
	content: "";
	flex: 0 0 27px;
	width: 27px;
	height: 2px;
	border-radius: 999px;
	background: var(--hgsb-teal);
}

				.hgsb-heading {
					max-width: 540px;
					margin: -10px 0 0 !important;
					color: var(--hgsb-ink);
					font-size: clamp(28px, 2.5vw, 40px);
					font-weight: 660;
					letter-spacing: -0.05em;
					line-height: 1.04;
				}

				.hgsb-intro {
					max-width: 620px;
					margin: 0;
					color: var(--hgsb-muted);
					font-size: 15px;
					font-weight: 450;
					line-height: 1.7;
				}


				/* =====================================================
				 * Editorial layout
				 * ===================================================== */

				.hgsb-content {
					display: grid;
					grid-template-columns:
						minmax(0, 1.15fr)
						minmax(390px, 0.85fr);
					gap: 14px;
					align-items: stretch;
				}


				/* =====================================================
				 * Featured briefing
				 * ===================================================== */

				.hgsb-featured {
					position: relative;
					display: flex;
					min-height: 430px;
					align-items: flex-end;
					overflow: hidden;
					isolation: isolate;
					padding: 31px;
					border: 1px solid rgba(15, 29, 45, 0.08);
					border-radius: 18px;
					background:
						linear-gradient(145deg, #102d2b, #081d1c);
					background-position: center;
					background-size: cover;
					box-shadow:
						0 16px 40px rgba(15, 29, 45, 0.09),
						0 2px 7px rgba(15, 29, 45, 0.035);
					color: #ffffff;
					transition:
						transform 220ms cubic-bezier(.2, .8, .2, 1),
						box-shadow 220ms ease;
				}

				.hgsb-featured::before {
					content: "";
					position: absolute;
					inset: 0;
					z-index: -1;
					background:
						linear-gradient(
							180deg,
							rgba(4, 13, 23, 0.01) 0%,
							rgba(4, 13, 23, 0.05) 38%,
							rgba(4, 13, 23, 0.34) 67%,
							rgba(4, 13, 23, 0.86) 100%
						);
				}

				.hgsb-featured::after {
					content: "";
					position: absolute;
					inset: 0;
					z-index: 2;
					pointer-events: none;
					border-radius: inherit;
					box-shadow:
						inset 0 0 0 1px rgba(255, 255, 255, 0.11),
						inset 0 1px 0 rgba(255, 255, 255, 0.08);
				}

				.hgsb-featured-content {
					position: relative;
					z-index: 3;
					max-width: 610px;
				}

				.hgsb-featured-number {
					display: block;
					color: rgba(199, 232, 229, 0.82);
					font-size: 9px;
					font-weight: 800;
					letter-spacing: 0.13em;
					line-height: 1;
				}

				.hgsb-featured-title {
					max-width: 530px;
					margin: 14px 0 0;
					color: #ffffff;
					font-size: clamp(31px, 3.2vw, 49px);
					font-weight: 650;
					letter-spacing: -0.055em;
					line-height: 0.99;
				}

				.hgsb-featured-description {
					max-width: 550px;
					margin: 15px 0 0;
					color: rgba(238, 249, 248, 0.76);
					font-size: 13px;
					font-weight: 450;
					line-height: 1.62;
				}

				.hgsb-featured-action {
					display: inline-flex;
					align-items: center;
					gap: 9px;
					margin-top: 20px;
					color: rgba(186, 229, 225, 0.94);
					font-size: 9.5px;
					font-weight: 800;
					letter-spacing: 0.1em;
					line-height: 1;
					text-transform: uppercase;
				}

				.hgsb-featured-action svg {
					width: 15px;
					height: 15px;
					fill: none;
					stroke: currentColor;
					stroke-width: 1.8;
					stroke-linecap: round;
					stroke-linejoin: round;
					transition: transform 200ms ease;
				}

				.hgsb-featured:hover {
					transform: translateY(-3px);
					box-shadow:
						0 25px 58px rgba(15, 29, 45, 0.14),
						0 5px 15px rgba(15, 29, 45, 0.05);
					color: #ffffff;
				}

				.hgsb-featured:hover .hgsb-featured-action svg {
					transform: translateX(4px);
				}


				/* =====================================================
				 * Secondary briefing list
				 * ===================================================== */

				.hgsb-list {
					display: grid;
					grid-template-rows: repeat(3, minmax(0, 1fr));
					gap: 10px;
				}

				.hgsb-item {
					position: relative;
					display: grid;
					grid-template-columns: 124px minmax(0, 1fr);
					min-width: 0;
					overflow: hidden;
					border: 1px solid rgba(15, 29, 45, 0.085);
					border-radius: 16px;
					background: var(--hgsb-surface);
					box-shadow: 0 7px 24px rgba(15, 29, 45, 0.035);
					color: var(--hgsb-ink);
					transition:
						transform 200ms ease,
						border-color 200ms ease,
						box-shadow 200ms ease;
				}

				.hgsb-item-image {
					position: relative;
					min-height: 100%;
					overflow: hidden;
					background:
						linear-gradient(145deg, #153936, #0b2523);
					background-position: center;
					background-size: cover;
				}

				.hgsb-item-image::after {
					content: "";
					position: absolute;
					inset: 0;
					background:
						linear-gradient(
							90deg,
							rgba(5, 18, 28, 0),
							rgba(5, 18, 28, 0.12)
						);
				}

				.hgsb-item-content {
					position: relative;
					display: flex;
					min-width: 0;
					flex-direction: column;
					justify-content: center;
					padding: 18px 49px 18px 21px;
				}

				.hgsb-item-number {
					color: var(--hgsb-teal);
					font-size: 8.5px;
					font-weight: 800;
					letter-spacing: 0.12em;
					line-height: 1;
				}

				.hgsb-item-title {
					margin: 8px 0 0;
					color: var(--hgsb-ink);
					font-size: clamp(17px, 1.35vw, 21px);
					font-weight: 680;
					letter-spacing: -0.04em;
					line-height: 1.09;
				}

				.hgsb-item-description {
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					margin: 8px 0 0;
					color: var(--hgsb-muted);
					font-size: 11px;
					font-weight: 450;
					line-height: 1.5;
				}

				.hgsb-item-arrow {
					position: absolute;
					top: 50%;
					right: 17px;
					display: grid;
					width: 28px;
					height: 28px;
					place-items: center;
					border: 1px solid rgba(0, 143, 140, 0.13);
					border-radius: 50%;
					background: transparent;
					color: var(--hgsb-teal);
					transform: translateY(-50%);
					transition:
						transform 200ms ease,
						background-color 200ms ease,
						border-color 200ms ease;
				}

				.hgsb-item-arrow svg {
					width: 13px;
					height: 13px;
					fill: none;
					stroke: currentColor;
					stroke-width: 1.8;
					stroke-linecap: round;
					stroke-linejoin: round;
				}

				.hgsb-item:hover {
					transform: translateY(-1px);
					border-color: rgba(0, 143, 140, 0.22);
					box-shadow: 0 15px 34px rgba(15, 29, 45, 0.065);
					color: var(--hgsb-ink);
				}

				.hgsb-item:hover .hgsb-item-arrow {
					border-color: rgba(0, 143, 140, 0.22);
					background: rgba(0, 143, 140, 0.06);
					transform: translate(3px, -50%);
				}


				/* =====================================================
				 * Accessibility
				 * ===================================================== */

				.hgsb-featured:focus-visible,
				.hgsb-item:focus-visible {
					outline: 3px solid rgba(0, 143, 140, 0.18);
					outline-offset: 4px;
				}


				/* =====================================================
				 * Tablet
				 * ===================================================== */

				@media (max-width: 1000px) {

					.hgsb-header {
						grid-template-columns: 1fr;
						gap: 19px;
					}

					.hgsb-content {
						grid-template-columns: 1fr;
					}

					.hgsb-featured {
						min-height: 420px;
					}

					.hgsb-list {
						grid-template-rows: none;
						grid-template-columns: repeat(3, minmax(0, 1fr));
					}

					.hgsb-item {
						display: block;
					}

					.hgsb-item-image {
						min-height: 150px;
					}

					.hgsb-item-content {
						min-height: 180px;
						justify-content: flex-start;
						padding: 20px 22px 54px;
					}

					.hgsb-item-arrow {
						top: auto;
						right: 18px;
						bottom: 18px;
						transform: none;
					}

					.hgsb-item:hover .hgsb-item-arrow {
						transform: translateX(3px);
					}
				}


				/* =====================================================
				 * Mobile
				 * ===================================================== */

				@media (max-width: 700px) {

					.hgsb {
						width: min(100% - 28px, 1320px);
						margin: 54px auto;
					}

					.hgsb-header {
						display: block;
						margin-bottom: 23px;
						padding-bottom: 23px;
					}

					.hgsb-heading {
						font-size: 30px;
					}

					.hgsb-intro {
						margin-top: 17px;
						font-size: 14px;
					}

					.hgsb-featured {
						min-height: 380px;
						padding: 24px 21px;
						border-radius: 17px;
					}

					.hgsb-featured-title {
						font-size: 36px;
					}

					.hgsb-list {
						grid-template-columns: 1fr;
					}

					.hgsb-item {
						display: grid;
						grid-template-columns: 102px minmax(0, 1fr);
					}

					.hgsb-item-image {
						min-height: 148px;
					}

					.hgsb-item-content {
						min-height: 148px;
						justify-content: center;
						padding: 17px 44px 17px 17px;
					}

					.hgsb-item-arrow {
						top: 50%;
						right: 13px;
						bottom: auto;
						transform: translateY(-50%);
					}

					.hgsb-item:hover .hgsb-item-arrow {
						transform: translate(3px, -50%);
					}
				}


				@media (prefers-reduced-motion: reduce) {

					.hgsb-featured,
					.hgsb-item,
					.hgsb-featured-action svg,
					.hgsb-item-arrow {
						transition: none;
					}
				}

/* Responsive media delivery — preserves the original background-cover framing. */
.hgsb-featured-media {
	position: absolute;
	inset: 0;
	z-index: -2;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

.hgsb-item-media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}