/* ==========================================================================
   Human Impact — theme styles (front end + editor)
   Colors, fonts, sizes and buttons are defined in theme.json.
   ========================================================================== */

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
.wp-site-blocks { overflow-x: clip; }
img { height: auto; }
:focus-visible { outline: 3px solid var(--wp--preset--color--gold); outline-offset: 3px; }
mark.has-inline-color { padding: 0; }

/* Links on dark backgrounds */
.has-charcoal-background-color a:where(:not(.wp-element-button)),
.wp-block-cover:not(.is-light) a:where(:not(.wp-element-button)),
.hi-page-title a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--gold); }

/* ---------- Eyebrow label with thin rule ---------- */
.hi-eyebrow {
	display: flex; align-items: center; gap: 0.9rem;
	font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
	line-height: 1.2; margin-bottom: 0.75rem !important;
}
.hi-eyebrow::after { content: ""; flex: 0 0 52px; height: 1px; background: currentColor; opacity: 0.85; }
.has-text-align-center.hi-eyebrow { justify-content: center; }

/* ---------- Headings ---------- */
.hi-h2 { font-size: clamp(1.6rem, 0.9rem + 1.6vw, 2.3rem) !important; line-height: 1.06; margin-top: 0 !important; }
.hi-statement { font-family: var(--wp--preset--font-family--inter); font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; }

/* ---------- Buttons ---------- */
.wp-element-button, .wp-block-button__link { transition: filter .2s ease, transform .2s ease, background .2s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.hi-arrow .wp-block-button__link::after { content: "\2192"; display: inline-block; margin-left: 0.6em; font-weight: 700; transition: transform .2s ease; }
.hi-arrow .wp-block-button__link:hover::after { transform: translateX(3px); }

/* Outline (light sections): orange ring + accessible orange text */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent !important; background-image: none !important;
	color: var(--wp--preset--color--text-orange) !important;
	border: 1.5px solid var(--wp--preset--color--sunrise-orange) !important;
	padding: calc(0.95rem - 1.5px) calc(1.75rem - 1.5px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(252, 92, 3, 0.08) !important; }
/* Outline on dark: white ring + white text */
.has-charcoal-background-color .wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-cover:not(.is-light) .wp-block-button.is-style-outline > .wp-block-button__link,
.hi-page-title .wp-block-button.is-style-outline > .wp-block-button__link {
	color: #fff !important; border-color: rgba(255, 255, 255, 0.85) !important;
}
.has-charcoal-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-cover:not(.is-light) .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.1) !important; }

/* Play icon (Watch Our Story) */
.hi-play .wp-block-button__link { display: inline-flex; align-items: center; gap: 0.7em; }
.hi-play .wp-block-button__link::before {
	content: ""; width: 1.55em; height: 1.55em; flex: none; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M10 8.2v7.6l6-3.8z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M10 8.2v7.6l6-3.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Header ---------- */
.hi-site-header { position: sticky; top: 0; z-index: 100; }
.admin-bar .hi-site-header { top: var(--wp-admin--admin-bar--height, 0px); }
@media (max-width: 600px) { .admin-bar .hi-site-header { top: 0; } }
.hi-header { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.hi-header__inner { gap: 1.5rem; }
.hi-header .hi-logo { margin: 0; flex: none; }
.hi-header .hi-logo img { display: block; width: 190px; max-width: 42vw; }
.hi-header__nav { flex: 1 1 auto; }
.hi-primary-nav .wp-block-navigation-item__content { color: #fff; text-decoration: none; padding: 0.4rem 0; white-space: nowrap; }
.hi-primary-nav .wp-block-navigation-item__content:hover,
.hi-primary-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--glow-orange); }
.hi-header-cta .wp-block-button__link { padding: 0.8rem 1.4rem; font-size: 0.75rem; white-space: nowrap; }
.hi-header-search .wp-block-search__button {
	background: transparent !important; color: #fff !important; border: 0; padding: 0.35rem; margin: 0;
	box-shadow: none;
}
.hi-header-search .wp-block-search__button svg { width: 26px; height: 26px; fill: currentColor; }
.hi-header-search .wp-block-search__input { background: #16181A; color: #fff; border: 1px solid #3a3d40; border-radius: 999px; padding: 0.45rem 0.9rem; font-size: 0.875rem; }
.hi-header-search.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { border: 0; }
.hi-header-search .wp-block-search__inside-wrapper { background: transparent; border: 0; padding: 0; }

/* Mobile/tablet overlay menu: use the hamburger up to 1180px (8 nav items + search + CTA need room) */
.hi-primary-nav .wp-block-navigation__responsive-container-open,
.hi-primary-nav .wp-block-navigation__responsive-container-close { color: #fff; }
.hi-primary-nav .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }
@media (min-width: 600px) and (max-width: 1180px) {
	.hi-primary-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.hi-primary-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
.hi-primary-nav .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem clamp(1.25rem, 5vw, 3rem); }
.hi-primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 3.5rem; }
.hi-primary-nav .is-menu-open .wp-block-navigation__container { gap: 1.25rem !important; }
.hi-primary-nav .is-menu-open .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--unbounded); font-size: 1.2rem; letter-spacing: 0; }
@media (max-width: 599px) {
	.hi-header .hi-header-cta { display: none; }
	.hi-header .hi-logo img { width: 140px; }
	.hi-header__nav { gap: 0.4rem !important; }
}

/* ---------- Hero ---------- */
.hi-hero { overflow: hidden; }
.hi-hero__title { font-size: clamp(2.9rem, 1.2rem + 5.3vw, 5.6rem) !important; line-height: 0.95 !important; letter-spacing: -0.015em; margin: 0; }
.hi-hero__lede { line-height: 1.35; margin-top: 1.25rem !important; max-width: 34ch; }
.hi-script {
	font-family: var(--wp--preset--font-family--script); font-size: clamp(1.9rem, 1rem + 2vw, 2.8rem); line-height: 1.02;
	transform: rotate(-8deg); transform-origin: right bottom; display: inline-block; float: right;
	padding-bottom: 1.4rem; position: relative; margin-right: 0.5rem; text-shadow: 0 2px 18px rgba(0,0,0,.45);
}
.hi-script::after {
	content: ""; position: absolute; right: 0.2rem; bottom: 0.2rem; width: 4.2rem; height: 0.4rem; border-radius: 999px;
	background: var(--wp--preset--gradient--sunrise); transform: rotate(-4deg);
}
@media (max-width: 781px) {
	.hi-hero__script-col { display: none; }
	.hi-hero { min-height: 560px !important; }
	.hi-hero .wp-block-cover__image-background { object-position: 78% 40% !important; }
	.hi-hero .wp-block-cover__background { background: linear-gradient(180deg, rgba(10,11,11,.35) 0%, rgba(10,11,11,.72) 45%, rgba(10,11,11,.94) 100%) !important; }
}

/* ---------- Human Advantage cards ---------- */
.hi-skill-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.hi-skill-card { overflow: hidden; align-items: flex-end; }
.hi-skill-card .wp-block-cover__image-background { transition: transform .5s ease; }
.hi-skill-card:hover .wp-block-cover__image-background { transform: scale(1.04); }
.hi-skill-card .wp-block-cover__inner-container { width: 100%; }
.hi-skill-card__title { font-family: var(--wp--preset--font-family--inter) !important; font-weight: 800 !important; letter-spacing: 0.01em !important; margin: 0 0 0.25rem !important; font-size: 0.9375rem !important; }
.hi-skill-card__text { margin: 0 !important; line-height: 1.3; opacity: 0.95; }
@media (max-width: 1100px) { .hi-skill-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 781px) {
	.hi-skill-grid { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0.6rem !important; padding-bottom: 0.5rem; margin-inline: calc(var(--wp--style--root--padding-right) * -1); padding-inline: var(--wp--style--root--padding-right); }
	.hi-skill-grid > .hi-skill-card { flex: 0 0 46%; scroll-snap-align: start; min-height: 300px !important; }
}

/* ---------- Future of Work ---------- */
.hi-future__cols { margin: 0 !important; align-items: stretch !important; }
.hi-future__media { display: flex; }
.hi-future__media > .hi-future__image { flex: 1; min-height: 100%; padding: 0; }
.hi-compare { border-left: 1px solid var(--wp--preset--color--sunrise-orange); }
.hi-compare__col { padding: 0 1.25rem; }
.hi-compare__col--human { border-left: 1px solid var(--wp--preset--color--sunrise-orange); }
.hi-compare__title { font-family: var(--wp--preset--font-family--inter) !important; font-size: 0.875rem !important; font-weight: 800 !important; letter-spacing: 0.04em !important; line-height: 1.25 !important; margin: 0.6rem 0 1rem !important; }
.hi-icon { margin-block: 0 !important; }
.hi-icon img { display: block; }
.hi-check-list { list-style: none; padding: 0 !important; margin: 0 auto !important; width: max-content; max-width: 100%; font-size: 0.875rem; }
.hi-check-list li { position: relative; padding-left: 1.7rem; margin: 0 0 0.62rem; line-height: 1.35; }
.hi-check-list li::before {
	content: ""; position: absolute; left: 0; top: 0.12em; width: 1em; height: 1em; background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.hi-check-list--orange li::before { background: var(--wp--preset--color--sunrise-orange); }
@media (max-width: 781px) {
	.hi-future__media { min-height: 300px; }
	.hi-future__text { padding-inline: var(--wp--style--root--padding-left) !important; padding-bottom: var(--wp--preset--spacing--40) !important; }
	.hi-future__compare { padding: 0 var(--wp--style--root--padding-left) var(--wp--preset--spacing--60) !important; }
	.hi-future__image .wp-block-cover__background { background: linear-gradient(180deg, rgba(10,11,11,0) 50%, #0A0B0B 100%) !important; }
	.hi-compare { border-left: 0; }
	.hi-compare__col:first-child { padding-left: 0; }
}

/* ---------- Next Gen ---------- */
.hi-rounded-image img { width: 100%; }
.hi-next-gen__links { display: flex; flex-direction: column; gap: 1.1rem; }
.hi-next-gen__links > * { margin: 0 !important; }
.hi-icon-link__label { margin: 0; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.25; }
.hi-icon-link__label a { color: var(--wp--preset--color--charcoal); text-decoration: none; }
.hi-icon-link__label a:hover { color: var(--wp--preset--color--text-orange); text-decoration: underline; }
.hi-icon-link .hi-icon { flex: none; }
@media (max-width: 781px) {
	.hi-next-gen__links { display: grid; grid-template-columns: 1fr 1fr; }
}

/* ---------- Movement ---------- */
@media (max-width: 781px) {
	.hi-movement__spacer { display: none; }
	.hi-movement .wp-block-cover__background { background: linear-gradient(180deg, rgba(10,11,11,.25) 0%, rgba(10,11,11,.85) 45%, rgba(10,11,11,.95) 100%) !important; }
	.hi-movement { padding-top: 14rem !important; }
}

/* ---------- Closing band ---------- */
.hi-closing__title { font-size: clamp(1.5rem, 0.9rem + 1.6vw, 2.2rem) !important; line-height: 1.08 !important; margin: 0 0 0.75rem !important; }
.hi-closing__logo img { max-width: 100%; }
.hi-closing__tagline { border-left: 1px solid rgba(252, 92, 3, 0.75); padding-left: clamp(1.25rem, 3vw, 2.5rem); }
.hi-closing__stay { font-family: var(--wp--preset--font-family--unbounded); font-weight: 800; text-transform: uppercase; font-size: clamp(1.1rem, 0.8rem + 0.8vw, 1.5rem); line-height: 1.15; margin-bottom: 1.25rem !important; }
.hi-closing__triad { font-size: 0.75rem; letter-spacing: 0.24em; text-transform: uppercase; line-height: 1.9; opacity: 0.92; }
@media (max-width: 781px) {
	.hi-closing { text-align: center; }
	.hi-closing__tagline { border-left: 0; padding-left: 0; border-top: 1px solid rgba(252, 92, 3, 0.75); padding-top: 1.5rem; }
	.hi-closing .wp-block-cover__background { background: rgba(10,11,11,.72) !important; }
}

/* ---------- Quick links (optional pattern) ---------- */
.hi-quick-links__grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.hi-quick-link { align-items: center !important; text-align: center; padding: 0.5rem; border-right: 1px solid rgba(255,255,255,.08); }
.hi-quick-link:last-child { border-right: 0; }
.hi-quick-link__title { font-family: var(--wp--preset--font-family--inter) !important; font-weight: 800 !important; letter-spacing: 0.06em !important; margin: 0.4rem 0 0 !important; }
.hi-quick-link__title a { color: #fff !important; text-decoration: none; }
.hi-quick-link__text { margin: 0 !important; color: #cfcac1; }
@media (max-width: 900px) { .hi-quick-links__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .hi-quick-link { border-right: 0; } }
@media (max-width: 520px) { .hi-quick-links__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* ---------- Cards (Query Loop) ---------- */
.hi-card-grid { gap: 1.5rem !important; }
@media (max-width: 1000px) { .hi-card-grid.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .hi-card-grid.is-layout-grid { grid-template-columns: 1fr !important; } }
.hi-card { height: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 0 rgba(10,11,11,.06), 0 10px 30px -18px rgba(10,11,11,.35); transition: transform .2s ease, box-shadow .2s ease; }
.hi-card:hover { transform: translateY(-3px); box-shadow: 0 1px 0 rgba(10,11,11,.06), 0 18px 40px -20px rgba(10,11,11,.45); }
.hi-card .wp-block-post-featured-image { margin: 0 0 0.4rem; background: linear-gradient(135deg, #16181A, #3a1d0a); }
.hi-card .wp-block-post-featured-image:empty { aspect-ratio: 16 / 10; }
.hi-card .wp-block-post-title { font-family: var(--wp--preset--font-family--unbounded); font-weight: 700; text-transform: none; letter-spacing: -0.01em; line-height: 1.25; margin: 0; }
.hi-card .wp-block-post-title a:hover { color: var(--wp--preset--color--text-orange); }
.hi-card .wp-block-post-excerpt { color: var(--wp--preset--color--muted); margin: 0; }
.hi-card .wp-block-post-excerpt__excerpt { margin: 0; }
.hi-card__terms a, .hi-eyebrow-terms a { color: var(--wp--preset--color--text-orange); text-decoration: none; }
.hi-read-more { font-size: 0.8125rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--text-orange); text-decoration: none; }
.hi-read-more:hover { text-decoration: underline; }
.hi-pagination { margin-top: var(--wp--preset--spacing--50) !important; font-weight: 700; }
.hi-pagination a, .hi-pagination span { padding: 0.35rem 0.7rem; border-radius: 999px; text-decoration: none; }
.hi-pagination .current { background: var(--wp--preset--gradient--sunrise); color: var(--wp--preset--color--charcoal); }

/* ---------- Page title band (pages, posts, archives) ---------- */
.hi-page-title { margin: 0 !important; }
.hi-page-title__h, .hi-single-title { margin: 0 !important; max-width: 22ch; }
.hi-page-title .wp-block-post-title, .hi-page-title h1 { color: #fff; }
.hi-page-title__h { font-size: clamp(2rem, 1rem + 3.4vw, 3.6rem) !important; }
.hi-single-title { font-size: clamp(1.75rem, 1rem + 2.6vw, 3rem) !important; line-height: 1.06 !important; max-width: 26ch; }
.hi-page-title__lede { max-width: 60ch; color: #e8e3da; font-size: var(--wp--preset--font-size--large); }
.hi-eyebrow-terms { font-size: 0.8125rem !important; letter-spacing: 0.22em !important; }
.hi-eyebrow-terms a { color: var(--wp--preset--color--sunrise-orange) !important; }
.hi-post-meta, .hi-post-meta > *, .hi-post-meta a { color: #d7d1c6 !important; font-size: 0.875rem; margin: 0; }
.hi-search-form { max-width: 560px; margin-top: 1.5rem !important; }
.hi-search-form .wp-block-search__input { border-radius: 999px; border: 1px solid #c9bfae; padding: 0.75rem 1.1rem; background: #fff; }
.hi-search-form .wp-block-search__button { margin-left: 0.5rem; }

/* ---------- Readable single posts & pages ---------- */
.hi-article { background: var(--wp--preset--color--off-white); }
.hi-prose { font-size: 1.125rem; line-height: 1.75; color: var(--wp--preset--color--ink); }
.hi-prose > * + * { margin-block-start: 1.35em; }
.hi-prose h2, .hi-prose h3, .hi-prose h4 { color: var(--wp--preset--color--charcoal); margin-block-start: 2em; margin-block-end: 0.5em; }
.hi-prose h2 { font-size: clamp(1.4rem, 1rem + 1.2vw, 1.9rem); }
.hi-prose h3 { font-size: 1.25rem; }
.hi-prose a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--text-orange); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
.hi-prose a:where(:not(.wp-element-button)):hover { text-decoration-thickness: 2px; }
.hi-prose ul, .hi-prose ol { padding-left: 1.3em; }
.hi-prose li + li { margin-top: 0.4em; }
.hi-prose li::marker { color: var(--wp--preset--color--sunrise-orange); }
.hi-prose blockquote { font-style: normal; color: var(--wp--preset--color--charcoal); }
.hi-prose figcaption { text-align: center; }
.hi-post-footer { font-size: 0.875rem; }
.hi-post-footer a { color: var(--wp--preset--color--text-orange); }
.hi-cta-card { margin-top: var(--wp--preset--spacing--40) !important; }
.hi-cta-card h2 { margin: 0; }
.hi-cta-card p { margin: 0; }

/* Full-width page template: patterns go edge to edge */
.hi-full-content > .alignfull { margin-block: 0; }

/* ---------- Footer ---------- */
.hi-footer { color: #e7e2d9; }
.hi-footer .hi-logo { margin: 0 0 1rem; }
.hi-footer__heading { font-family: var(--wp--preset--font-family--inter) !important; font-size: 0.8125rem !important; font-weight: 800 !important; letter-spacing: 0.2em !important; margin: 0 0 1.1rem !important; }
.hi-footer-nav { font-size: 0.875rem; font-weight: 500; text-transform: none; letter-spacing: 0; }
.hi-footer-nav .wp-block-navigation-item__content { color: #e7e2d9; text-decoration: none; }
.hi-footer-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--glow-orange); text-decoration: underline; }
.hi-footer__tagline { line-height: 1.6; color: #cfcac1; }
.hi-footer__tagline strong { color: #fff; }
.hi-social { margin-top: 1.25rem !important; }
.hi-social .wp-social-link a { padding: 0.3rem; }
.hi-social .wp-social-link:hover { transform: none; }
.hi-social .wp-social-link a:hover { color: var(--wp--preset--color--glow-orange) !important; }
.hi-footer__rule { border: 0; height: 1px; margin: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--30) !important; background: rgba(255,255,255,.12) !important; opacity: 1; }
.hi-footer__bottom p { margin: 0; color: #bdb7ad; }
.hi-footer__bottom a { color: #e7e2d9 !important; }

/* ---------- Responsive columns spacing ---------- */
@media (max-width: 781px) {
	.hi-section .wp-block-columns { gap: var(--wp--preset--spacing--40) !important; }
}

/* Footer: two menu columns side by side on phones */
@media (max-width: 781px) {
	.hi-footer__cols { flex-wrap: wrap !important; }
	.hi-footer__cols > .wp-block-column:nth-child(2),
	.hi-footer__cols > .wp-block-column:nth-child(3) { flex-basis: calc(50% - 1rem) !important; flex-grow: 0; }
}

/* Overlay menu: left-aligned list */
.hi-primary-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.hi-primary-nav .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { align-items: flex-start !important; }

/* Expanding header search: open as an overlay so the nav doesn't reflow */
.hi-header-search .wp-block-search__inside-wrapper { position: relative; }
.hi-header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
	position: absolute; right: calc(100% + 0.4rem); top: 50%; transform: translateY(-50%);
	width: min(320px, 70vw) !important; z-index: 5;
}

/* Sticky footer: short pages still end on the dark footer */
.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.wp-site-blocks > main, .wp-site-blocks > .hi-main { flex: 1 0 auto; }
.hi-page-title__inner > * { margin-block: 0; }
.hi-page-title__inner > .hi-eyebrow { margin-bottom: 0.25rem !important; }
.error404 .hi-main { background: #16181A; }
.hi-page-title .wp-block-buttons { margin-top: 1rem !important; }

/* ==========================================================================
   1.1.0 — Magazine front page (layout modelled on a news/magazine homepage)
   ========================================================================== */
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

/* Brand strip */
.hi-brand-strip { border-bottom: 1px solid rgba(255,255,255,.06); }
.hi-brand-strip__inner { gap: 0.75rem 1.5rem; }
.hi-brand-strip__title { font-size: clamp(1.05rem, 0.8rem + 0.9vw, 1.45rem) !important; margin: 0 !important; letter-spacing: 0; }
.hi-brand-strip__lede { margin: 0; color: #cfcac1; font-size: 0.9rem; }
.hi-brand-strip__social { margin: 0 !important; }
@media (max-width: 781px) { .hi-brand-strip__lede, .hi-brand-strip__social { display: none !important; } }

/* Section headers */
.hi-mag-section .hi-section-head { margin-bottom: var(--wp--preset--spacing--30) !important; padding-bottom: 0.8rem; border-bottom: 1px solid rgba(10,11,11,.14); gap: 0.5rem 1rem; }
.has-charcoal-background-color .hi-section-head { border-bottom-color: rgba(255,255,255,.14); }
.hi-sunrise-band .hi-section-head, .has-sunrise-band-gradient-background .hi-section-head { border-bottom-color: rgba(10,11,11,.25); }
.hi-section-title { display: flex; align-items: center; gap: 0.7rem; font-size: clamp(1.35rem, 1rem + 1vw, 1.85rem) !important; margin: 0 !important; }
.hi-section-title::before { content: ""; width: 0.55em; height: 0.55em; border-radius: 50%; background: var(--wp--preset--gradient--sunrise); box-shadow: 0 0 0 4px rgba(252,92,3,.18); flex: none; }
.has-sunrise-band-gradient-background .hi-section-title::before { background: var(--wp--preset--color--charcoal); box-shadow: 0 0 0 4px rgba(10,11,11,.15); }
.hi-section-sub { margin: 0 !important; font-size: 0.9rem; opacity: 0.8; }
.hi-view-all { margin: 0 !important; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.hi-view-all a { text-decoration: none; color: var(--wp--preset--color--text-orange); white-space: nowrap; }
.hi-view-all a::after { content: " \2192"; }
.hi-view-all a:hover { text-decoration: underline; }
.has-charcoal-background-color .hi-view-all a { color: var(--wp--preset--color--glow-orange) !important; }
.has-sunrise-band-gradient-background .hi-view-all a { color: var(--wp--preset--color--charcoal) !important; }

/* Generic magazine card */
.hi-mag-list { list-style: none; margin: 0 !important; padding: 0 !important; }
.hi-mag-list > li { margin: 0 !important; min-width: 0; }
.hi-mag-card { position: relative; height: 100%; display: flex; flex-direction: column; }
.hi-mag-card > * { margin: 0 !important; }
.hi-mag-card__media { position: relative; overflow: hidden; border-radius: 8px; background: linear-gradient(135deg, #16181A, #3a1d0a); }
.hi-mag-card__media img { width: 100%; height: 100% !important; object-fit: cover; display: block; transition: transform .45s ease; }
.hi-mag-card:hover .hi-mag-card__media img { transform: scale(1.04); }
.hi-mag-card__body { display: flex; flex-direction: column; gap: 0.45rem; padding-top: 0.85rem; }
.hi-mag-card__body > * { margin: 0 !important; }
.hi-mag-card__title { font-family: var(--wp--preset--font-family--unbounded); font-weight: 700 !important; text-transform: none !important; letter-spacing: -0.01em !important; line-height: 1.25 !important; font-size: 1.05rem !important; }
.hi-mag-card__title a { color: inherit; text-decoration: none; }
.hi-mag-card__title a:hover { color: var(--wp--preset--color--text-orange); }
.has-charcoal-background-color .hi-mag-card__title a:hover { color: var(--wp--preset--color--glow-orange); }
.hi-mag-card__excerpt { font-size: 0.9rem; line-height: 1.5; color: var(--wp--preset--color--muted); }
.hi-mag-card__excerpt p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.has-charcoal-background-color .hi-mag-card__excerpt { color: #cfcac1; }
.has-sunrise-band-gradient-background .hi-mag-card__excerpt { color: #2a1406; }
.hi-mag-card__meta { gap: 0.4rem 1rem !important; align-items: center; font-size: 0.8rem; }
.hi-mag-card__date { font-size: 0.8rem !important; color: var(--wp--preset--color--muted); }
.has-charcoal-background-color .hi-mag-card__date { color: #a9a39a; }
.has-sunrise-band-gradient-background .hi-mag-card__date { color: #3a1d0a; }
.hi-mag-card__more { display: none; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--text-orange); text-decoration: none; }
.has-charcoal-background-color .hi-mag-card__more { color: var(--wp--preset--color--glow-orange); }

/* Category badge (first category only), sits on the image */
.hi-badge { position: absolute; top: 0.7rem; left: 0.7rem; z-index: 3; line-height: 1; }
.hi-badge a { display: inline-block; background: var(--wp--preset--color--sunrise-orange); color: var(--wp--preset--color--charcoal) !important; font-family: var(--wp--preset--font-family--inter); font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; padding: 0.38rem 0.55rem; border-radius: 3px; }
.hi-badge a:hover { background: var(--wp--preset--color--gold); }
.hi-badge .wp-block-post-terms__separator, .hi-badge a ~ a { display: none; }
.hi-mag-card:not(:has(.hi-mag-card__media)) .hi-badge, .hi-badge--static { position: static; }
.hi-badge-row a ~ a { display: inline-block; margin-left: 0.35rem; }

/* Play badge for video posts */
.format-video .hi-mag-card__media::after,
.category-videos .hi-mag-card__media::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 3.4rem; height: 3.4rem; transform: translate(-50%, -50%); z-index: 2; pointer-events: none;
	border-radius: 50%; background: rgba(10,11,11,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FC5C03' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") 56% 50% / 55% no-repeat;
	border: 2px solid rgba(255,255,255,.85); box-shadow: 0 6px 24px rgba(0,0,0,.35); transition: transform .2s ease;
}
.format-video .hi-mag-card:hover .hi-mag-card__media::after, .category-videos .hi-mag-card:hover .hi-mag-card__media::after { transform: translate(-50%, -50%) scale(1.08); }

/* Overlay card treatment (featured mosaic, stories, numbered, first item of feature-list) */
.hi-overlay-card .hi-mag-card, .hi-layout-mosaic .hi-mag-card, .hi-layout-overlay3 .hi-mag-card, .hi-layout-numbered .hi-mag-card,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card {
	border-radius: 8px; overflow: hidden; justify-content: flex-end; background: radial-gradient(120% 90% at 80% 0%, rgba(252,92,3,.45), rgba(10,11,11,0) 60%), #16181A;
}
.hi-layout-mosaic .hi-mag-card__media, .hi-layout-overlay3 .hi-mag-card__media, .hi-layout-numbered .hi-mag-card__media,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__media { position: absolute !important; inset: 0; border-radius: 0; aspect-ratio: auto !important; height: 100%; }
.hi-layout-mosaic .hi-mag-card__media img, .hi-layout-overlay3 .hi-mag-card__media img, .hi-layout-numbered .hi-mag-card__media img,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__media img { aspect-ratio: auto !important; }
.hi-layout-mosaic .hi-mag-card::before, .hi-layout-overlay3 .hi-mag-card::before, .hi-layout-numbered .hi-mag-card::before,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card::before {
	content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(10,11,11,0) 30%, rgba(10,11,11,.7) 62%, rgba(10,11,11,.96) 100%);
}
.hi-layout-mosaic .hi-mag-card__body, .hi-layout-overlay3 .hi-mag-card__body, .hi-layout-numbered .hi-mag-card__body,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__body { position: relative; z-index: 2; padding: 1.1rem 1.2rem 1.2rem; color: #fff; pointer-events: none; }
.hi-layout-mosaic .hi-mag-card__body a, .hi-layout-overlay3 .hi-mag-card__body a, .hi-layout-numbered .hi-mag-card__body a,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__body a { pointer-events: auto; }
.hi-layout-mosaic .hi-badge, .hi-layout-overlay3 .hi-badge, .hi-layout-numbered .hi-badge,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-badge { position: static; }
.hi-layout-mosaic .hi-mag-card__title a, .hi-layout-overlay3 .hi-mag-card__title a, .hi-layout-numbered .hi-mag-card__title a,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__title a { color: #fff !important; }
.hi-layout-mosaic .hi-mag-card__excerpt, .hi-layout-overlay3 .hi-mag-card__excerpt, .hi-layout-numbered .hi-mag-card__excerpt { display: none; }
.hi-layout-mosaic .hi-mag-card__date, .hi-layout-overlay3 .hi-mag-card__date, .hi-layout-numbered .hi-mag-card__date,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__date { color: #d7d1c6 !important; }
/* stretch the title link over the whole tile */
.hi-layout-mosaic .hi-mag-card__title a::after, .hi-layout-overlay3 .hi-mag-card__title a::after, .hi-layout-numbered .hi-mag-card__title a::after,
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 0; }
.hi-layout-mosaic .hi-badge a, .hi-layout-overlay3 .hi-badge a, .hi-layout-feature-list .hi-mag-list > li:first-child .hi-badge a { position: relative; z-index: 3; }

/* Featured mosaic: 1 big + 1 tall + 2 small */
.hi-layout-mosaic .hi-mag-list { display: grid; grid-template-columns: 46fr 28fr 26fr; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 6px; height: clamp(380px, 34vw, 500px); }
.hi-layout-mosaic .hi-mag-list > li:nth-child(1) { grid-row: 1 / span 2; }
.hi-layout-mosaic .hi-mag-list > li:nth-child(2) { grid-row: 1 / span 2; }
.hi-layout-mosaic .hi-mag-list > li:nth-child(1) .hi-mag-card__title { font-size: clamp(1.3rem, 0.8rem + 1.3vw, 2rem) !important; line-height: 1.15 !important; }
.hi-layout-mosaic .hi-mag-list > li:nth-child(2) .hi-mag-card__title { font-size: clamp(1.1rem, 0.8rem + 0.6vw, 1.4rem) !important; }
.hi-layout-mosaic .hi-mag-list > li:nth-child(n+3) .hi-mag-card__title { font-size: 0.95rem !important; }
.hi-layout-mosaic .hi-mag-list > li:nth-child(n+3) .hi-mag-card__date { display: none; }
.hi-layout-mosaic .hi-mag-list > li:nth-child(n+3) .hi-mag-card__media::after { width: 2.6rem; height: 2.6rem; }
.hi-layout-mosaic .hi-mag-list > li:nth-child(1) .hi-mag-card__excerpt { display: block; color: #e7e2d9; max-width: 52ch; }
.hi-layout-mosaic .hi-mag-card, .hi-layout-mosaic .hi-mag-list > li:first-child .hi-mag-card { border-radius: 4px; }
@media (max-width: 900px) {
	.hi-layout-mosaic .hi-mag-list { grid-template-columns: 1fr 1fr; grid-template-rows: auto; height: auto; }
	.hi-layout-mosaic .hi-mag-list > li:nth-child(1) { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 16 / 11; }
	.hi-layout-mosaic .hi-mag-list > li:nth-child(n+2) { grid-row: auto; aspect-ratio: 1 / 1; }
	.hi-layout-mosaic .hi-mag-list > li:nth-child(2) .hi-mag-card__title { font-size: 0.95rem !important; }
	.hi-layout-mosaic .hi-mag-list > li:nth-child(1) .hi-mag-card__excerpt, .hi-layout-mosaic .hi-mag-list > li:nth-child(2) .hi-mag-card__date { display: none; }
	.hi-layout-mosaic .hi-mag-list > li:nth-child(n+2) .hi-mag-card__body { padding: 0.75rem; }
	.hi-layout-mosaic .hi-mag-list > li:nth-child(4):last-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
}
.hi-layout-mosaic .hi-mag-list > li:only-child { grid-column: 1 / -1; }
.hi-layout-mosaic .hi-no-results, .hi-no-results { padding: 1.5rem; border: 1px dashed rgba(127,127,127,.45); border-radius: 8px; text-align: center; margin: 0; }

/* Feature + list (Videos, Future of Work): big tile left, compact rows right */
.hi-layout-feature-list .hi-mag-list { display: grid; grid-template-columns: 1.35fr 1fr; grid-auto-rows: auto; gap: 1.1rem 2rem; }
.hi-layout-feature-list .hi-mag-list > li:first-child { grid-row: 1 / span 3; min-height: 440px; }
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__title { font-size: clamp(1.25rem, 0.9rem + 1vw, 1.75rem) !important; }
.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__excerpt { color: #e7e2d9; max-width: 56ch; }
.hi-layout-feature-list .hi-mag-list > li:first-child:only-child { grid-column: 1 / -1; }
.hi-layout-feature-list .hi-mag-list > li:not(:first-child) .hi-mag-card { display: grid; grid-template-columns: 42% 1fr; gap: 1rem; align-items: start; }
.hi-layout-feature-list .hi-mag-list > li:not(:first-child) .hi-mag-card__body { padding-top: 0; }
.hi-layout-feature-list .hi-mag-list > li:not(:first-child) .hi-mag-card__excerpt { display: none; }
.hi-layout-feature-list .hi-mag-list > li:not(:first-child) .hi-mag-card__title { font-size: 0.95rem !important; }
.hi-layout-feature-list .hi-mag-list > li:not(:first-child) .hi-badge { top: 0.4rem; left: 0.4rem; }
.hi-layout-feature-list .hi-mag-list > li:not(:first-child) .hi-badge a { font-size: 0.6rem; padding: 0.3rem 0.4rem; }
.hi-layout-feature-list .hi-mag-list > li:not(:first-child) .hi-mag-card__media::after { width: 2.2rem; height: 2.2rem; }
@media (max-width: 781px) {
	.hi-layout-feature-list .hi-mag-list { grid-template-columns: 1fr; }
	.hi-layout-feature-list .hi-mag-list > li:first-child { grid-row: auto; min-height: 0; aspect-ratio: 4 / 3; }
	.hi-layout-feature-list .hi-mag-list > li:first-child .hi-mag-card__excerpt { display: none; }
}

/* 4-up grid (Articles, HI Next Gen, related) */
.hi-layout-grid4 .hi-mag-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
.hi-layout-cards3 .hi-mag-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.has-off-white-background-color .hi-layout-grid4 .hi-mag-card, .hi-layout-cards3 .hi-mag-card { background: #fff; border-radius: 10px; box-shadow: 0 1px 0 rgba(10,11,11,.05), 0 12px 30px -20px rgba(10,11,11,.4); }
.has-off-white-background-color .hi-layout-grid4 .hi-mag-card__media, .hi-layout-cards3 .hi-mag-card__media { border-radius: 10px 10px 0 0; }
.has-off-white-background-color .hi-layout-grid4 .hi-mag-card__body, .hi-layout-cards3 .hi-mag-card__body { padding: 1rem 1.1rem 1.2rem; flex: 1; }
.hi-layout-cards3 .hi-mag-card__meta { margin-top: auto !important; justify-content: space-between; }
.hi-layout-cards3 .hi-mag-card__more { display: inline-block; }
.hi-layout-cards3 .hi-mag-card__title { font-size: 1.15rem !important; }
.has-sunrise-band-gradient-background .hi-layout-grid4 .hi-mag-card__media { box-shadow: 0 14px 30px -18px rgba(10,11,11,.6); }
.has-sunrise-band-gradient-background .hi-badge a { background: var(--wp--preset--color--charcoal); color: #fff !important; }
.has-sunrise-band-gradient-background .hi-mag-card__title a:hover { color: #fff; }
@media (max-width: 1024px) { .hi-layout-grid4 .hi-mag-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 781px) { .hi-layout-cards3 .hi-mag-list { grid-template-columns: 1fr; } }
@media (max-width: 520px) {
	.hi-layout-grid4 .hi-mag-list { grid-template-columns: 1fr 1fr; gap: 1rem; }
	.hi-layout-grid4 .hi-mag-card__excerpt { display: none; }
	.hi-layout-grid4 .hi-mag-card__title { font-size: 0.875rem !important; }
	.has-off-white-background-color .hi-layout-grid4 .hi-mag-card__body { padding: 0.75rem; }
}

/* Overlay tiles (Stories) */
.hi-layout-overlay3 .hi-mag-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.hi-layout-overlay3 .hi-mag-list > li { aspect-ratio: 4 / 5; }
.hi-layout-overlay3 .hi-mag-card__title { font-size: 1.2rem !important; }
@media (max-width: 781px) {
	.hi-layout-overlay3 .hi-mag-list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.5rem; }
	.hi-layout-overlay3 .hi-mag-list > li { flex: 0 0 78%; scroll-snap-align: start; }
}

/* Latest area: Quick Reads | Feed | Sidebar */
.hi-latest-cols { align-items: flex-start !important; }
.hi-latest-cols__quick, .hi-latest-cols__side { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 92px); }
.hi-side-title { font-family: var(--wp--preset--font-family--inter) !important; font-size: 0.8125rem !important; font-weight: 800 !important; letter-spacing: 0.18em !important; display: flex; align-items: center; gap: 0.6rem; margin: 1.75rem 0 0.9rem !important; }
.hi-side-title::before { content: ""; width: 4px; height: 1.1em; background: var(--wp--preset--color--sunrise-orange); border-radius: 2px; }
.hi-latest-cols__quick > .hi-side-title:first-child, .hi-latest-cols__side > .hi-side-title:first-child { margin-top: 0.35rem !important; }
.hi-latest-cols .wp-block-column > * { margin-block: 0; }

/* Quick Reads: text-only list */
.hi-layout-text .hi-mag-card__media, .hi-layout-text .hi-badge, .hi-layout-text .hi-mag-card__excerpt, .hi-layout-text .hi-mag-card__more { display: none !important; }
.hi-layout-text .hi-mag-list > li { border-bottom: 1px solid rgba(10,11,11,.12); }
.hi-layout-text .hi-mag-card__body { padding: 0.8rem 0; gap: 0.3rem; }
.hi-layout-text .hi-mag-card__title { font-family: var(--wp--preset--font-family--inter); font-weight: 700 !important; font-size: 0.9375rem !important; line-height: 1.35 !important; letter-spacing: 0 !important; }
.hi-layout-text .hi-mag-card__date { font-size: 0.75rem !important; }

/* Latest feed: thumbnail-left medium list */
.hi-layout-list .hi-mag-list > li { padding: 1.1rem 0; border-bottom: 1px solid rgba(10,11,11,.1); }
.hi-layout-list .hi-mag-list > li:first-child { padding-top: 0.2rem; }
.hi-layout-list .hi-mag-card { display: grid; grid-template-columns: minmax(0, 38%) 1fr; gap: 1.25rem; align-items: start; }
.hi-layout-list .hi-mag-card__media { aspect-ratio: 16 / 11; }
.hi-layout-list .hi-mag-card__media img { aspect-ratio: 16 / 11 !important; }
.hi-layout-list .hi-badge { top: auto; bottom: 0.6rem; }
.hi-layout-list .hi-mag-card__body { padding-top: 0.1rem; }
.hi-layout-list .hi-mag-card__title { font-size: 1.15rem !important; }
.hi-layout-list .hi-mag-card__excerpt p { -webkit-line-clamp: 2; }
.hi-layout-list .hi-mag-card:not(:has(.hi-mag-card__media)) { grid-template-columns: 1fr; }
@media (max-width: 600px) {
	.hi-layout-list .hi-mag-card { grid-template-columns: 112px 1fr; gap: 0.9rem; }
	.hi-layout-list .hi-mag-card__media, .hi-layout-list .hi-mag-card__media img { aspect-ratio: 1 / 1 !important; }
	.hi-layout-list .hi-badge, .hi-layout-list .hi-mag-card__excerpt { display: none; }
	.hi-layout-list .hi-mag-card__title { font-size: 0.95rem !important; }
	.hi-layout-list .hi-mag-card__media::after { width: 2rem !important; height: 2rem !important; }
}

/* Start Here: numbered image tiles */
.hi-layout-numbered .hi-mag-list { counter-reset: hi-num; display: grid; gap: 0.75rem; }
.hi-layout-numbered .hi-mag-list > li { counter-increment: hi-num; aspect-ratio: 16 / 9; }
.hi-layout-numbered .hi-mag-card::after { content: counter(hi-num); position: absolute; top: 0; left: 0; z-index: 3; width: 2.1rem; height: 2.1rem; display: grid; place-items: center; background: var(--wp--preset--gradient--sunrise); color: var(--wp--preset--color--charcoal); font-family: var(--wp--preset--font-family--unbounded); font-weight: 800; font-size: 0.95rem; border-radius: 0 0 6px 0; }
.hi-layout-numbered .hi-mag-card__title { font-size: 0.875rem !important; }
.hi-layout-numbered .hi-mag-card__body { padding: 0.75rem 0.9rem !important; }
.hi-layout-numbered .hi-badge a { font-size: 0.6rem; padding: 0.28rem 0.4rem; }
.hi-layout-numbered .hi-mag-card__date, .hi-layout-numbered .hi-mag-card__media::after { display: none; }

/* Sidebar cards */
.hi-side-card { border-radius: 12px; padding: 1.4rem !important; }
.hi-side-card > * { margin: 0 !important; }
.hi-side-card--about { box-shadow: 0 12px 30px -22px rgba(10,11,11,.45); }
.hi-side-card__big { font-family: var(--wp--preset--font-family--unbounded); font-weight: 700; font-size: 1.05rem; line-height: 1.3; }
.hi-side-card__title { font-size: 1.15rem !important; }
.hi-side-card--join { margin-top: 1.75rem !important; }
.hi-btn-dark .wp-block-button__link { background: #0A0B0B !important; color: #fff !important; }
.hi-side-cats { list-style: none; padding: 0 !important; margin: 0 !important; }
.hi-side-cats li { display: flex; justify-content: space-between; padding: 0.55rem 0; border-bottom: 1px solid rgba(10,11,11,.1); font-weight: 600; font-size: 0.9rem; color: var(--wp--preset--color--muted); }
.hi-side-cats li a { color: var(--wp--preset--color--charcoal); text-decoration: none; }
.hi-side-cats li a:hover { color: var(--wp--preset--color--text-orange); }

@media (max-width: 1100px) and (min-width: 782px) {
	.hi-latest-cols { flex-wrap: wrap !important; }
	.hi-latest-cols__quick { display: none; }
	.hi-latest-cols__feed { flex-basis: 62% !important; }
	.hi-latest-cols__side { flex-basis: 34% !important; }
}
@media (max-width: 781px) {
	.hi-latest-cols { display: flex !important; flex-direction: column; }
	.hi-latest-cols__feed { order: 1; }
	.hi-latest-cols__side { order: 2; position: static; }
	.hi-latest-cols__quick { order: 3; position: static; }
}

/* Category chips in archive headers */
.hi-cat-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0 !important; margin: 1.5rem 0 0 !important; }
.hi-cat-chips li a { display: inline-block; padding: 0.4rem 0.85rem; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: #fff !important; text-decoration: none; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.hi-cat-chips li a:hover, .hi-cat-chips li.current-cat a { background: var(--wp--preset--gradient--sunrise); color: var(--wp--preset--color--charcoal) !important; border-color: transparent; }

/* Archive grid: first post spans two columns */
.hi-layout-archive .hi-mag-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem; }
.hi-layout-archive .hi-mag-card { background: #fff; border-radius: 10px; box-shadow: 0 12px 30px -20px rgba(10,11,11,.4); }
.hi-layout-archive .hi-mag-card__media { border-radius: 10px 10px 0 0; }
.hi-layout-archive .hi-mag-card__body { padding: 1rem 1.2rem 1.3rem; flex: 1; }
.hi-layout-archive .hi-mag-card__meta { margin-top: auto !important; justify-content: space-between; }
.hi-layout-archive .hi-mag-card__more { display: inline-block; }
.hi-layout-archive .hi-mag-list > li:first-child { grid-column: span 2; }
.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card { display: grid; grid-template-columns: 1.2fr 1fr; }
.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card__media { border-radius: 10px 0 0 10px; position: relative; min-height: 300px; height: 100%; aspect-ratio: auto !important; overflow: hidden; }
.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card__media img { position: absolute; inset: 0; width: 100%; height: 100% !important; aspect-ratio: auto !important; object-fit: cover; }
.hi-layout-archive .hi-mag-list { align-items: stretch; }
.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card__title { font-size: 1.5rem !important; }
.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card__body { padding: 1.5rem; justify-content: center; }
@media (max-width: 1000px) { .hi-layout-archive .hi-mag-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.hi-layout-archive .hi-mag-list { grid-template-columns: 1fr; }
	.hi-layout-archive .hi-mag-list > li:first-child { grid-column: auto; }
	.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card { display: flex; }
	.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card__media { border-radius: 10px 10px 0 0; }
	.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card__media { min-height: 0; height: auto; }
	.hi-layout-archive .hi-mag-list > li:first-child .hi-mag-card__media img { position: static; height: auto !important; aspect-ratio: 16 / 10 !important; }
}

/* Single: badges, video posts */
.hi-badge-row a { font-size: 0.75rem; }
.single-format-video .hi-single-featured { display: none; }
.single-format-video .hi-page-title { padding-bottom: clamp(7rem, 12vw, 11rem) !important; }
.single-format-video .hi-article { padding-top: 0 !important; }
.single-format-video .hi-prose > .wp-block-embed:first-child,
.single-format-video .hi-prose > .wp-block-video:first-child {
	width: min(1100px, calc(100vw - 2.5rem)); max-width: none; position: relative; left: 50%; transform: translateX(-50%);
	margin-top: calc(-1 * clamp(5.5rem, 10vw, 9rem)) !important; margin-bottom: 2.5rem; z-index: 2;
}
.single-format-video .hi-prose > .wp-block-embed:first-child .wp-block-embed__wrapper,
.single-format-video .hi-prose > .wp-block-video:first-child video { border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); background: #000; }
.single-format-video .hi-prose > .wp-block-embed:first-child figcaption { color: var(--wp--preset--color--muted); }
.hi-prose .wp-block-embed iframe { border-radius: 8px; }

/* About (Landing) page content slot */
.hi-about-content:not(:empty) { padding-block: var(--wp--preset--spacing--60); }
.hi-about-content:empty { display: none; }