a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-style:solid;outline-width:2px}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}blockquote,caption,figcaption,h1,h2,h3,h4,h5,h6,p{text-wrap:pretty}.more-link{display:block}:where(pre){overflow-x:auto}


/* =========================================================
   VIETNAMHUB — WORLD MAGAZINE HEADER
   ========================================================= */

:root {
	--vh-red: #a90000;
	--vh-black: #111111;
	--vh-white: #ffffff;
	--vh-paper: #f7f6f2;
	--vh-line: #dedbd3;
	--vh-muted: #706d67;
}


/* =========================================================
   BASE
   ========================================================= */

.vietnamhub-header {
	background: var(--vh-white);
	color: var(--vh-black);
	font-family: "Be Vietnam Pro", sans-serif;
}

.vietnamhub-header p {
	margin: 0;
}

.vietnamhub-header a {
	color: inherit;
	text-decoration: none;
}

.vietnamhub-header a:hover {
	color: var(--vh-red);
}


/* =========================================================
   TOPBAR
   ========================================================= */

.vh-topbar {
	background: var(--vh-paper);
	border-bottom: 1px solid var(--vh-line);
}

.vh-topbar-inner {
	min-height: 34px;
}

.vh-top-left,
.vh-top-links {
	display: flex;
	align-items: center;
	gap: 18px;
}

.vh-date,
.vh-location,
.vh-top-links p {
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--vh-muted);
}

.vh-location {
	color: var(--vh-red);
}


/* =========================================================
   BRAND
   ========================================================= */

.vh-brand-row {
	background: var(--vh-white);
}

.vh-brand-inner {
	padding-top: 30px;
	padding-bottom: 28px;
}

.vh-brand {
	gap: 5px;
}

.vh-logo {
	margin: 0 !important;
	line-height: .85;
}

.vh-logo,
.vh-logo a {
	font-family: "Be Vietnam Pro", sans-serif;
	font-size: clamp(42px, 5.2vw, 72px);
	font-weight: 900;
	letter-spacing: -.065em;
	text-transform: uppercase;
	color: var(--vh-black);
}

.vh-logo a::after {
	content: ".";
	color: var(--vh-red);
}

.vh-tagline {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--vh-muted);
}

.vh-brand-statement {
	margin-left: auto;
	gap: 4px;
	text-align: right;
}

.vh-statement-main {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .16em;
	color: var(--vh-black);
}

.vh-statement-sub {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .1em;
	color: var(--vh-muted);
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.vh-nav-row {
	border-top: 1px solid var(--vh-black);
	border-bottom: 1px solid var(--vh-black);
	background: var(--vh-white);
}

.vh-nav-inner {
	min-height: 49px;
}

.vh-main-navigation {
	flex: 1;
	min-width: 0;
}

.vh-main-navigation .wp-block-navigation {
	width: 100%;
}

.vh-main-navigation
.wp-block-navigation-item__content {
	padding: 16px 10px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
	white-space: nowrap;
}

.vh-main-navigation
.wp-block-navigation-item:first-child
.wp-block-navigation-item__content {
	padding-left: 0;
}

.vh-main-navigation
.wp-block-navigation-item__content:hover {
	color: var(--vh-red);
}


/* =========================================================
   NAV TOOLS
   ========================================================= */

.vh-nav-tools {
	margin-left: 18px;
	gap: 15px;
}

.vh-search {
	font-size: 25px !important;
	font-family: Arial, sans-serif;
	line-height: 1;
}

.vh-en {
	padding-left: 15px;
	border-left: 1px solid var(--vh-line);
	font-size: 10px !important;
	font-weight: 900;
	letter-spacing: .08em;
}

.vh-en a {
	color: var(--vh-red);
}


/* =========================================================
   TOPICS
   ========================================================= */

.vh-topics {
	background: var(--vh-black);
	color: var(--vh-white);
}

.vh-topics-inner {
	min-height: 32px;
	gap: 15px;
}

.vh-topics-label {
	padding: 5px 9px;
	background: var(--vh-red);
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .12em;
	color: #fff;
	white-space: nowrap;
}

.vh-topics-content {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .05em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vh-topics-content a {
	color: #eeeeee;
}

.vh-topics-content a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.vh-topics-content span {
	margin: 0 7px;
	color: #777;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	.vh-brand-statement {
		display: none;
	}

	.vh-main-navigation
	.wp-block-navigation-item__content {
		padding-left: 7px;
		padding-right: 7px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

	.vh-topbar-inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	.vh-top-links {
		display: none;
	}

	.vh-top-left {
		width: 100%;
		justify-content: space-between;
	}

	.vh-brand-inner {
		padding: 21px 15px 19px;
	}

	.vh-logo,
	.vh-logo a {
		font-size: 39px;
	}

	.vh-tagline {
		font-size: 8px;
		letter-spacing: .09em;
	}

	.vh-nav-inner {
		padding: 0 15px;
	}

	.vh-main-navigation {
		max-width: calc(100% - 55px);
		overflow: hidden;
	}

	.vh-main-navigation .wp-block-navigation {
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap !important;
		scrollbar-width: none;
	}

	.vh-main-navigation .wp-block-navigation::-webkit-scrollbar {
		display: none;
	}

	.vh-main-navigation
	.wp-block-navigation-item__content {
		padding: 15px 7px;
		font-size: 8px;
	}

	.vh-main-navigation
	.wp-block-navigation-item:first-child
	.wp-block-navigation-item__content {
		padding-left: 0;
	}

	.vh-nav-tools {
		margin-left: 8px;
		gap: 9px;
	}

	.vh-search {
		font-size: 22px !important;
	}

	.vh-en {
		padding-left: 9px;
		font-size: 8px !important;
	}

	.vh-topics-inner {
		padding: 0 15px;
		gap: 9px;
	}

	.vh-topics-content {
		font-size: 8px;
	}

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.vh-logo,
	.vh-logo a {
		font-size: 34px;
	}

	.vh-date,
	.vh-location {
		font-size: 7px;
	}

	.vh-topics-label {
		font-size: 7px;
		padding: 5px 7px;
	}

}






 /* =========================================================
    VIETNAMHUB — WORLD MAGAZINE FOOTER
    ========================================================= */

.vietnamhub-footer {
	background: #111111;
	color: #ffffff;
	font-family: "Be Vietnam Pro", sans-serif;
}

.vietnamhub-footer a {
	color: inherit;
	text-decoration: none;
}

.vietnamhub-footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/* =========================================================
   TOP LINE
   ========================================================= */

.vh-footer-top-line {
	margin: 0 !important;
	border: 0;
	border-top: 3px solid #a90000;
	max-width: none !important;
}


/* =========================================================
   MAIN FOOTER
   ========================================================= */

.vh-footer-main {
	background: #111111;
}

.vh-footer-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
	gap: 50px;
	padding-top: 65px;
	padding-bottom: 60px;
}


/* =========================================================
   BRAND
   ========================================================= */

.vh-footer-brand {
	gap: 5px;
}

.vh-footer-logo,
.vh-footer-logo a {
	margin: 0 !important;
	font-size: 36px;
	font-weight: 900;
	line-height: .95;
	letter-spacing: -.055em;
	text-transform: uppercase;
	color: #ffffff;
}

.vh-footer-logo a::after {
	content: ".";
	color: #a90000;
}

.vh-footer-tagline {
	margin: 5px 0 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	letter-spacing: .1em;
	color: #aaa;
}

.vh-footer-description {
	max-width: 330px;
	margin-top: 24px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 15px;
	line-height: 1.7;
	color: #bcbcbc;
}

.vh-footer-motto {
	margin-top: 25px !important;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .12em;
	color: #ffffff;
}


/* =========================================================
   COLUMN HEADINGS
   ========================================================= */

.vh-footer-column {
	gap: 13px;
}

.vh-footer-heading {
	margin: 0 !important;
	padding-bottom: 12px;
	border-bottom: 1px solid #3a3a3a;
	font-size: 10px !important;
	font-weight: 900;
	letter-spacing: .14em;
	color: #ffffff;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.vh-footer-navigation {
	width: 100%;
}

.vh-footer-navigation
.wp-block-navigation-item__content {
	padding: 0 !important;
	font-size: 12px;
	line-height: 1.7;
	color: #aaa;
}

.vh-footer-navigation
.wp-block-navigation-item__content:hover {
	color: #ffffff;
}


/* =========================================================
   CONNECT
   ========================================================= */

.vh-footer-contact {
	margin: 0 !important;
	font-size: 12px;
	line-height: 1.7;
	color: #aaa;
}

.vh-footer-contact a:hover {
	color: #fff;
}


/* =========================================================
   EDITORIAL STRIP
   ========================================================= */

.vh-editorial-strip {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #171717;
}

.vh-editorial-inner {
	min-height: 48px;
}

.vh-editorial-label {
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .13em;
	color: #a90000;
}

.vh-editorial-text {
	margin-left: auto;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	font-style: italic;
	color: #aaa;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

.vh-footer-bottom {
	background: #0c0c0c;
}

.vh-footer-bottom-inner {
	min-height: 55px;
}

.vh-copyright,
.vh-footer-credit {
	margin: 0 !important;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .08em;
	color: #777;
}

.vh-footer-credit {
	text-transform: uppercase;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	.vh-footer-grid {
		grid-template-columns: 2fr 1fr 1fr;
		gap: 40px;
		padding: 50px 25px;
	}

	.vh-footer-brand {
		grid-column: 1 / -1;
	}

	.vh-editorial-inner,
	.vh-footer-bottom-inner {
		padding-left: 25px;
		padding-right: 25px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

	.vh-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 35px 25px;
		padding: 42px 18px;
	}

	.vh-footer-brand {
		grid-column: 1 / -1;
	}

	.vh-footer-logo,
	.vh-footer-logo a {
		font-size: 32px;
	}

	.vh-footer-description {
		font-size: 14px;
	}

	.vh-editorial-inner {
		padding: 13px 18px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.vh-editorial-text {
		margin-left: 0;
		font-size: 12px;
	}

	.vh-footer-bottom-inner {
		padding: 15px 18px;
		gap: 6px;
	}

	.vh-copyright,
	.vh-footer-credit {
		font-size: 8px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

	.vh-footer-grid {
		grid-template-columns: 1fr;
	}

	.vh-footer-brand {
		grid-column: auto;
	}

}





/* =========================================================
   VIETNAMHUB — TT5 PRO
   Editorial Magazine System
   ========================================================= */


/* =========================================================
   01. DESIGN TOKENS
   ========================================================= */

:root {
	--vh-red: #a90000;
	--vh-red-dark: #800000;

	--vh-black: #111111;
	--vh-text: #202020;
	--vh-muted: #777777;

	--vh-paper: #f7f6f2;
	--vh-white: #ffffff;

	--vh-line: #dedbd4;
	--vh-line-dark: #303030;

	--vh-max: 1320px;

	--vh-serif: Georgia, "Times New Roman", serif;
	--vh-sans: "Be Vietnam Pro", Inter, Arial, sans-serif;
}


/* =========================================================
   02. GLOBAL
   ========================================================= */

body {
	margin: 0;
	background: var(--vh-white);
	color: var(--vh-text);
	font-family: var(--vh-sans);
}

.vh-home {
	overflow: hidden;
}

.vh-home a {
	text-decoration: none;
}

.vh-home img {
	display: block;
}


/* =========================================================
   03. SECTION SYSTEM
   ========================================================= */

.vh-section {
	margin-top: 100px;
	margin-bottom: 100px;
}

.vh-section-heading {
	border-top: 2px solid var(--vh-black);
	padding-top: 18px;
	margin-bottom: 32px;
}

.vh-section-title {
	margin: 0 !important;
	font-family: var(--vh-serif);
	font-size: clamp(32px, 4vw, 48px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.03em;
}

.vh-section-link {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.vh-section-link a {
	color: var(--vh-black);
}

.vh-section-link a:hover {
	color: var(--vh-red);
}


/* =========================================================
   04. KICKER
   ========================================================= */

.vh-kicker,
.vh-dark-kicker {
	margin: 18px 0 9px !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.vh-kicker a {
	color: var(--vh-red);
}

.vh-kicker a:hover {
	color: var(--vh-red-dark);
}


/* =========================================================
   05. HERO
   ========================================================= */

.vh-hero-wrap {
	margin-top: 60px;
}

.vh-hero {
	position: relative;
}

.vh-hero-image {
	margin: 0;
	overflow: hidden;
	background: #ddd;
}

.vh-hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.vh-hero:hover .vh-hero-image img {
	transform: scale(1.025);
}

.vh-hero-content {
	max-width: 900px;
	margin: -90px auto 0;
	position: relative;
	background: var(--vh-white);
	padding: 38px 48px 42px;
	text-align: center;
}

.vh-hero-content .vh-kicker {
	margin-top: 0 !important;
}

.vh-hero-title {
	margin: 8px 0 20px !important;
	font-family: var(--vh-serif);
	font-size: clamp(38px, 5.5vw, 76px);
	font-weight: 500;
	line-height: 0.98;
	letter-spacing: -0.045em;
}

.vh-hero-title a {
	color: var(--vh-black);
}

.vh-hero-title a:hover {
	color: var(--vh-red);
}

.vh-hero-excerpt {
	max-width: 720px;
	margin: 0 auto 22px !important;
	font-size: 17px;
	line-height: 1.7;
	color: #555;
}

.vh-meta {
	justify-content: center;
	gap: 18px !important;
	color: var(--vh-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.vh-meta > * {
	margin: 0 !important;
}

.vh-meta .vh-date {
	position: relative;
	padding-left: 18px;
}

.vh-meta .vh-date::before {
	content: "";
	width: 4px;
	height: 4px;
	background: var(--vh-red);
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}


/* =========================================================
   06. SECONDARY STORIES
   ========================================================= */

.vh-secondary {
	margin-top: 45px;
}

.vh-secondary-grid {
	gap: 32px !important;
}

.vh-story-card {
	min-width: 0;
}

.vh-card-image {
	overflow: hidden;
	margin: 0 !important;
	background: #e9e7e2;
}

.vh-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}

.vh-story-card:hover .vh-card-image img {
	transform: scale(1.035);
}

.vh-card-content {
	margin-top: 0;
}

.vh-card-title {
	margin: 0 !important;
	font-family: var(--vh-serif);
	font-size: clamp(22px, 2.1vw, 30px);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.025em;
}

.vh-card-title a {
	color: var(--vh-black);
}

.vh-card-title a:hover {
	color: var(--vh-red);
}

.vh-small-date {
	margin-top: 14px !important;
	font-size: 10px;
	color: var(--vh-muted);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}


/* =========================================================
   07. LATEST
   ========================================================= */

.vh-latest {
	padding-top: 15px;
}

.vh-latest-list {
	display: flex;
	flex-direction: column;
	gap: 0 !important;
}

.vh-latest-item {
	display: flex;
	gap: 30px;
	padding: 26px 0;
	border-top: 1px solid var(--vh-line);
}

.vh-latest-item:last-child {
	border-bottom: 1px solid var(--vh-line);
}

.vh-latest-image {
	flex: 0 0 220px;
	margin: 0 !important;
	overflow: hidden;
}

.vh-latest-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.vh-latest-item:hover .vh-latest-image img {
	transform: scale(1.035);
}

.vh-latest-content {
	flex: 1;
	min-width: 0;
}

.vh-latest-content .vh-kicker {
	margin-top: 0 !important;
}

.vh-latest-title {
	margin: 0 0 12px !important;
	font-family: var(--vh-serif);
	font-size: clamp(24px, 3vw, 36px);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.025em;
}

.vh-latest-title a {
	color: var(--vh-black);
}

.vh-latest-title a:hover {
	color: var(--vh-red);
}

.vh-latest-excerpt {
	margin: 0 0 13px !important;
	color: #666;
	font-size: 14px;
	line-height: 1.7;
	max-width: 700px;
}


/* =========================================================
   08. FOUR CARD GRID
   ========================================================= */

.vh-four-grid {
	gap: 26px !important;
}

.vh-four-card .vh-card-title {
	font-size: 22px;
	margin-top: 0 !important;
}


/* =========================================================
   09. STANDARD THREE CARD GRID
   ========================================================= */

.vh-three-grid {
	gap: 32px !important;
}

.vh-card-excerpt {
	margin-top: 12px !important;
	color: #666;
	font-size: 14px;
	line-height: 1.65;
}


/* =========================================================
   10. DARK AI SECTION
   ========================================================= */

.vh-dark-section {
	background: var(--vh-black);
	color: var(--vh-white);
	margin-top: 100px;
	padding: 85px 0;
}

.vh-dark-inner {
	width: 100%;
}

.vh-dark-heading {
	border-top-color: #555;
}

.vh-dark-heading .vh-section-title {
	color: var(--vh-white);
}

.vh-dark-heading .vh-section-link a {
	color: #ddd;
}

.vh-dark-heading .vh-section-link a:hover {
	color: #fff;
}

.vh-dark-grid {
	gap: 30px !important;
}

.vh-dark-card {
	min-width: 0;
}

.vh-dark-image {
	margin: 0 !important;
	overflow: hidden;
	background: #222;
}

.vh-dark-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}

.vh-dark-card:hover .vh-dark-image img {
	transform: scale(1.035);
}

.vh-dark-kicker {
	color: #d9d9d9;
}

.vh-dark-kicker a {
	color: #d9d9d9;
}

.vh-dark-title {
	margin: 0 !important;
	font-family: var(--vh-serif);
	font-size: clamp(24px, 2.6vw, 36px);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.025em;
}

.vh-dark-title a {
	color: var(--vh-white);
}

.vh-dark-title a:hover {
	color: #ddd;
}

.vh-dark-excerpt {
	color: #aaa;
	font-size: 14px;
	line-height: 1.7;
	margin-top: 14px !important;
}


/* =========================================================
   11. EDITORIAL STATEMENT
   ========================================================= */

.vh-editorial {
	margin-top: 110px;
	background: var(--vh-paper);
	border-top: 1px solid var(--vh-line);
	border-bottom: 1px solid var(--vh-line);
}

.vh-editorial-inner {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}

.vh-editorial-label {
	margin: 0 0 25px !important;
	color: var(--vh-red);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.vh-editorial-title {
	margin: 0 auto !important;
	max-width: 850px;
	font-family: var(--vh-serif);
	font-size: clamp(38px, 5vw, 66px);
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: -0.04em;
	color: var(--vh-black);
}

.vh-editorial-text {
	max-width: 650px;
	margin: 28px auto 25px !important;
	color: #666;
	font-size: 16px;
	line-height: 1.8;
}

.vh-editorial-link {
	margin: 0 !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.vh-editorial-link a {
	color: var(--vh-black);
	border-bottom: 1px solid var(--vh-black);
	padding-bottom: 4px;
}

.vh-editorial-link a:hover {
	color: var(--vh-red);
	border-color: var(--vh-red);
}


/* =========================================================
   12. WORDPRESS DEFAULT OVERRIDES
   ========================================================= */

.vh-home .wp-block-query {
	margin-block-start: 0;
}

.vh-home .wp-block-post-template {
	margin: 0;
	padding: 0;
}

.vh-home .wp-block-post {
	margin: 0;
}

.vh-home .wp-block-post-excerpt__more-link {
	color: inherit;
}

.vh-home .wp-block-post-excerpt__more-text {
	display: none;
}

.vh-home .wp-block-post-date a {
	color: inherit;
}


/* =========================================================
   13. RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 900px) {

	.vh-hero-wrap {
		margin-top: 35px;
	}

	.vh-hero-content {
		margin-top: -50px;
		padding: 30px 32px 34px;
	}

	.vh-section {
		margin-top: 75px;
		margin-bottom: 75px;
	}

	.vh-secondary-grid,
	.vh-three-grid,
	.vh-dark-grid {
		gap: 22px !important;
	}

	.vh-latest-image {
		flex-basis: 180px;
	}

	.vh-dark-section {
		margin-top: 75px;
		padding: 65px 0;
	}

	.vh-editorial {
		margin-top: 80px;
	}

	.vh-editorial-inner {
		padding-top: 75px;
		padding-bottom: 75px;
	}
}


/* =========================================================
   14. RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 650px) {

	.vh-hero-wrap {
		margin-top: 20px;
	}

	.vh-hero-content {
		margin-top: 0;
		padding: 25px 0 5px;
		text-align: left;
	}

	.vh-hero-title {
		font-size: clamp(34px, 10vw, 48px);
	}

	.vh-hero-excerpt {
		font-size: 15px;
		line-height: 1.65;
	}

	.vh-meta {
		justify-content: flex-start;
	}

	.vh-secondary {
		margin-top: 30px;
	}

	.vh-secondary-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 35px !important;
	}

	.vh-section {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.vh-section-heading {
		padding-top: 14px;
		margin-bottom: 23px;
	}

	.vh-section-title {
		font-size: 34px;
	}

	.vh-section-link {
		font-size: 9px;
	}

	.vh-latest-item {
		gap: 17px;
		padding: 20px 0;
		align-items: flex-start;
	}

	.vh-latest-image {
		flex: 0 0 105px;
	}

	.vh-latest-title {
		font-size: 21px;
		line-height: 1.13;
		margin-bottom: 7px !important;
	}

	.vh-latest-excerpt {
		display: none;
	}

	.vh-latest-content .vh-kicker {
		font-size: 9px;
		margin-bottom: 5px !important;
	}

	.vh-four-grid,
	.vh-three-grid,
	.vh-dark-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 35px !important;
	}

	.vh-four-card .vh-card-title {
		font-size: 25px;
	}

	.vh-dark-section {
		margin-top: 60px;
		padding: 55px 20px;
	}

	.vh-dark-inner {
		width: 100%;
	}

	.vh-dark-title {
		font-size: 28px;
	}

	.vh-editorial {
		margin-top: 65px;
	}

	.vh-editorial-inner {
		padding: 65px 20px;
	}

	.vh-editorial-title {
		font-size: 39px;
	}

	.vh-editorial-text {
		font-size: 15px;
	}
}


/* =========================================================
   15. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.vh-hero-title {
		font-size: 34px;
	}

	.vh-latest-image {
		flex: 0 0 90px;
	}

	.vh-latest-title {
		font-size: 19px;
	}

	.vh-section-title {
		font-size: 31px;
	}
}


/* =========================================================
   16. ACCESSIBILITY
   ========================================================= */

.vh-home a:focus-visible {
	outline: 2px solid var(--vh-red);
	outline-offset: 4px;
}

.vh-home img {
	-webkit-user-select: none;
	user-select: none;
}


/* =========================================================
   17. REDUCED MOTION
   ========================================================= */

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

	.vh-home *,
	.vh-home *::before,
	.vh-home *::after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}

}