/* ============================================================
   HomeGeek TV — Global theme styles
   All color/type/spacing values pull from theme.json tokens.
   ============================================================ */

/* ── Reset / base ─────────────────────────────────────────── */

*, *::before, *::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

img, video {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ── Focus styles ─────────────────────────────────────────── */

:focus-visible {
	outline: 2px solid var(--wp--preset--color--cyan);
	outline-offset: 3px;
	border-radius: 4px;
}

/* ── Selection ────────────────────────────────────────────── */

::selection {
	background-color: rgba(108, 59, 255, 0.35);
	color: var(--wp--preset--color--text-primary);
}

/* ── Scrollbar (dark chrome, subtle) ─────────────────────── */

::-webkit-scrollbar              { width: 8px; height: 8px; }
::-webkit-scrollbar-track        { background: var(--wp--preset--color--ink); }
::-webkit-scrollbar-thumb        { background: var(--wp--preset--color--border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover  { background: rgba(255,255,255,0.18); }


/* ── Wordmark ─────────────────────────────────────────────── */

.hg-wordmark {
	font-family:     var(--wp--preset--font-family--space-grotesk);
	font-weight:     700;
	font-size:       1.25rem;
	letter-spacing:  -0.025em;
	color:           var(--wp--preset--color--text-primary);
	text-decoration: none;
	display:         inline-flex;
	align-items:     baseline;
	gap:             1px;
	transition:      color 0.2s ease;
	line-height:     1;
	white-space:     nowrap;
}

.hg-wordmark:hover {
	color: var(--wp--preset--color--lime);
}

.hg-wordmark__tld {
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-weight:    400;
	font-size:      0.8em;
	color:          var(--wp--preset--color--lime);
	letter-spacing: 0;
}

.hg-wordmark--lg {
	font-size: 1.5rem;
}


/* ── Site header ──────────────────────────────────────────── */

.hg-site-header {
	position:    sticky;
	top:         0;
	z-index:     100;
	backdrop-filter: blur(12px) saturate(1.2);
	-webkit-backdrop-filter: blur(12px) saturate(1.2);
	background-color: rgba(11, 11, 15, 0.85) !important;
}

/* Nav link hover states */
.hg-site-header .wp-block-navigation a:hover {
	color: var(--wp--preset--color--text-primary);
}

/* Mobile nav overlay */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--surface);
}


/* ── Hero section ─────────────────────────────────────────── */

.hg-hero {
	position:   relative;
	overflow:   hidden;
}

/* Violet radial glow behind content */
.hg-hero__glow {
	position:       absolute;
	inset:          0;
	background:     radial-gradient(ellipse 80% 60% at 60% -10%, rgba(108,59,255,0.2) 0%, transparent 65%);
	pointer-events: none;
	z-index:        0;
}

.hg-hero .wp-block-columns {
	position: relative;
	z-index:  1;
}

/* Eyebrow label used throughout site */
.hg-eyebrow {
	display:         inline-block;
	font-family:     var(--wp--preset--font-family--jetbrains-mono) !important;
	font-size:       var(--wp--preset--font-size--xs) !important;
	letter-spacing:  0.1em;
	text-transform:  uppercase;
	color:           var(--wp--preset--color--lime);
}

/* ── Hero stat strip ──────────────────────────────────────── */

.hg-hero__stats {
	display:     flex;
	align-items: center;
	gap:         var(--wp--preset--spacing--8);
	flex-wrap:   wrap;
}

.hg-stat {
	display:        flex;
	flex-direction: column;
	gap:            4px;
}

.hg-stat__value {
	font-family:    var(--wp--preset--font-family--space-grotesk);
	font-size:      var(--wp--preset--font-size--2xl);
	font-weight:    700;
	color:          var(--wp--preset--color--text-primary);
	line-height:    1;
	letter-spacing: -0.02em;
}

.hg-stat__label {
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      var(--wp--preset--font-size--xs);
	font-weight:    400;
	color:          var(--wp--preset--color--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.hg-stat__divider {
	width:         1px;
	height:        36px;
	background:    var(--wp--preset--color--border);
	flex-shrink:   0;
	align-self:    center;
}


/* ── Terminal widget ──────────────────────────────────────── */

.hg-terminal {
	background:    #0D0D14;
	border:        1px solid rgba(255,255,255,0.09);
	border-radius: 14px;
	overflow:      hidden;
	font-family:   var(--wp--preset--font-family--jetbrains-mono);
	font-size:     0.8125rem;
	line-height:   1.65;
	box-shadow:    0 24px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.05);
	position:      relative;
}

.hg-terminal__titlebar {
	display:          flex;
	align-items:      center;
	gap:              6px;
	padding:          0.75rem 1.25rem;
	background:       #16161E;
	border-bottom:    1px solid rgba(255,255,255,0.06);
	user-select:      none;
}

.hg-terminal__dot {
	width:         12px;
	height:        12px;
	border-radius: 50%;
	flex-shrink:   0;
}

.hg-terminal__dot:nth-child(1) { background: #FF5F57; }
.hg-terminal__dot:nth-child(2) { background: #FFBD2E; }
.hg-terminal__dot:nth-child(3) { background: #28C840; }

.hg-terminal__filename {
	margin-left:  auto;
	color:        var(--wp--preset--color--text-muted);
	font-size:    0.6875rem;
	letter-spacing: 0.02em;
}

.hg-terminal__body {
	padding:        1.25rem 1.5rem 1.5rem;
	display:        flex;
	flex-direction: column;
	gap:            0.25rem;
}

.hg-terminal__line {
	display:     flex;
	align-items: baseline;
}

.hg-terminal__prompt {
	color:       var(--wp--preset--color--lime);
	font-weight: 500;
	flex-shrink: 0;
	margin-top:  0;
}

.hg-terminal__cmd {
	color: var(--wp--preset--color--text-primary);
}

.hg-terminal__line--output {
	color:       var(--wp--preset--color--text-muted);
	padding-left: 1.4rem;
}

.hg-terminal__line--pending {
	color:        var(--wp--preset--color--cyan);
	padding-left: 1.4rem;
}

.hg-terminal__line--success {
	color:        #4ADE80;
	padding-left: 1.4rem;
}

.hg-terminal__line--url {
	color:        var(--wp--preset--color--cyan);
	text-decoration: underline;
	text-decoration-color: rgba(45, 226, 255, 0.4);
}

.hg-terminal__line--gap {
	margin-top: 0.5rem;
}

.hg-terminal__cursor {
	display:          inline-block;
	width:            2px;
	height:           1.1em;
	background:       var(--wp--preset--color--lime);
	vertical-align:   text-bottom;
	animation:        hg-blink 1s step-end infinite;
	margin-left:      1px;
}

@keyframes hg-blink {
	0%, 100% { opacity: 1; }
	50%       { opacity: 0; }
}

/* Floating "Live in production" badge */
.hg-terminal__badge {
	display:        inline-flex;
	align-items:    center;
	gap:            8px;
	margin-top:     var(--wp--preset--spacing--4);
	padding:        6px 14px 6px 10px;
	background:     rgba(74, 222, 128, 0.1);
	border:         1px solid rgba(74, 222, 128, 0.25);
	border-radius:  999px;
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      0.6875rem;
	font-weight:    500;
	color:          #4ADE80;
	letter-spacing: 0.04em;
}

.hg-terminal__badge-dot {
	width:            8px;
	height:           8px;
	background:       #4ADE80;
	border-radius:    50%;
	animation:        hg-pulse 2s ease-in-out infinite;
	flex-shrink:      0;
}

@keyframes hg-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(74,222,128,0.4); }
	50%       { box-shadow: 0 0 0 5px rgba(74,222,128,0); }
}


/* ── Button styles ────────────────────────────────────────── */

/* Default button inherits theme.json violet */
.wp-block-button__link {
	transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-1px);
}

.wp-block-button__link:active {
	transform: translateY(0);
}

/* Lime CTA style */
.is-style-lime .wp-block-button__link,
.wp-block-button.is-style-lime .wp-block-button__link {
	background-color: var(--wp--preset--color--lime);
	color:            #0B0B0F;
	font-weight:      700;
}

.is-style-lime .wp-block-button__link:hover {
	background-color: #d6ff55;
	box-shadow:       0 0 30px rgba(200, 255, 54, 0.25);
}

/* Ghost button style */
.is-style-ghost .wp-block-button__link {
	background-color: transparent;
	color:            var(--wp--preset--color--text-primary);
	border:           1px solid rgba(255,255,255,0.18);
}

.is-style-ghost .wp-block-button__link:hover {
	border-color:     rgba(255,255,255,0.35);
	background-color: rgba(255,255,255,0.05);
}


/* ── Card styles (block style variants) ──────────────────── */

.is-style-card,
.is-style-card-surface {
	border-radius:  12px;
	border:         1px solid var(--wp--preset--color--border);
	overflow:       hidden;
	transition:     border-color 0.2s ease, box-shadow 0.2s ease;
}

.is-style-card {
	background-color: var(--wp--preset--color--surface);
}

.is-style-card-surface {
	background-color: var(--wp--preset--color--surface-alt);
}

.is-style-card:hover,
.is-style-card-surface:hover {
	border-color: rgba(108, 59, 255, 0.4);
	box-shadow:   0 0 0 1px rgba(108,59,255,0.2), 0 8px 32px rgba(0,0,0,0.35);
}


/* ── Email inline form (footer) ──────────────────────────── */

.hg-email-inline {
	display:   flex;
	gap:       0;
	max-width: 340px;
}

.hg-email-inline input[type="email"] {
	flex:             1;
	padding:          0.6rem 1rem;
	background:       rgba(255,255,255,0.06);
	border:           1px solid rgba(255,255,255,0.12);
	border-right:     none;
	border-radius:    8px 0 0 8px;
	color:            var(--wp--preset--color--text-primary);
	font-family:      var(--wp--preset--font-family--inter);
	font-size:        var(--wp--preset--font-size--sm);
	outline:          none;
	transition:       border-color 0.18s ease;
}

.hg-email-inline input[type="email"]::placeholder {
	color: var(--wp--preset--color--text-muted);
}

.hg-email-inline input[type="email"]:focus {
	border-color: var(--wp--preset--color--violet);
}

.hg-email-inline button {
	padding:          0.6rem 1.25rem;
	background:       var(--wp--preset--color--lime);
	color:            #0B0B0F;
	border:           none;
	border-radius:    0 8px 8px 0;
	font-family:      var(--wp--preset--font-family--space-grotesk);
	font-weight:      700;
	font-size:        var(--wp--preset--font-size--sm);
	cursor:           pointer;
	transition:       background-color 0.18s ease;
	white-space:      nowrap;
}

.hg-email-inline button:hover {
	background-color: #d6ff55;
}


/* ── Separator hairline style ─────────────────────────────── */

.wp-block-separator.is-style-hairline {
	border-color: var(--wp--preset--color--border) !important;
	border-width: 1px !important;
	opacity:      1;
}


/* ── Paper / light section override ──────────────────────── */

.has-paper-background-color,
.has-paper-background-color * {
	--local-text: #0B0B0F;
}

.has-paper-background-color h1,
.has-paper-background-color h2,
.has-paper-background-color h3,
.has-paper-background-color h4,
.has-paper-background-color h5,
.has-paper-background-color h6 {
	color: #0B0B0F;
}

.has-paper-background-color p,
.has-paper-background-color li {
	color: #2A2A30;
}


/* ── Accessibility ────────────────────────────────────────── */

.screen-reader-text {
	clip:      rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	height:    1px;
	overflow:  hidden;
	position:  absolute;
	white-space: nowrap;
	width:     1px;
}

.skip-link {
	position:   absolute;
	top:        -100%;
	left:       1rem;
	background: var(--wp--preset--color--violet);
	color:      var(--wp--preset--color--text-primary);
	padding:    0.5rem 1rem;
	border-radius: 0 0 8px 8px;
	font-weight: 600;
	z-index:    9999;
	transition: top 0.1s;
}

.skip-link:focus {
	top: 0;
}


/* ── Reduced motion ───────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration:   0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration:  0.01ms !important;
	}

	html {
		scroll-behavior: auto;
	}

	.hg-terminal__cursor {
		animation: none;
		opacity:   1;
	}

	.hg-terminal__badge-dot {
		animation: none;
	}

	.wp-block-button__link:hover {
		transform: none;
	}
}


/* ── Responsive ───────────────────────────────────────────── */

@media (max-width: 767px) {
	.hg-hero {
		padding-top:    var(--wp--preset--spacing--16) !important;
		padding-bottom: var(--wp--preset--spacing--16) !important;
	}

	/* Stack columns on mobile — handled by isStackedOnMobile block attr,
	   but we ensure the right column doesn't show before content */
	.hg-hero .wp-block-column:last-child {
		margin-top: var(--wp--preset--spacing--12);
	}

	.hg-hero__stats {
		gap: var(--wp--preset--spacing--6);
	}

	.hg-stat__divider {
		display: none;
	}

	.hg-email-inline {
		max-width: 100%;
	}

	/* Mobile nav header */
	.hg-site-header {
		padding-left:  var(--wp--preset--spacing--4) !important;
		padding-right: var(--wp--preset--spacing--4) !important;
	}
}

@media (max-width: 480px) {
	.wp-block-buttons {
		flex-wrap: wrap;
	}
}


/* ── About page ───────────────────────────────────────────────────── */

.hg-about-hero {
	position: relative;
	overflow: hidden;
}

.hg-about-hero__roles {
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      var(--wp--preset--font-size--sm);
	color:          var(--wp--preset--color--text-muted);
	letter-spacing: 0.04em;
	display:        flex;
	flex-wrap:      wrap;
	gap:            0.6rem;
	align-items:    center;
	margin:         0;
}

.hg-about-hero__role-dot {
	color: var(--wp--preset--color--violet);
}


/* ── Career arc ───────────────────────────────────────────────────── */

.hg-career-arc {
	display:        flex;
	flex-direction: column;
}

.hg-career-step {
	background:    var(--wp--preset--color--surface-alt);
	border:        1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	padding:       0.875rem 1.25rem;
	display:       flex;
	flex-direction: column;
	gap:           2px;
	transition:    border-color 0.2s ease;
}

.hg-career-step:hover {
	border-color: rgba(108, 59, 255, 0.35);
}

.hg-career-step--current {
	border-color: rgba(108, 59, 255, 0.45);
	background:   rgba(108, 59, 255, 0.08);
}

.hg-career-step__era {
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      var(--wp--preset--font-size--xs);
	color:          var(--wp--preset--color--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.hg-career-step--current .hg-career-step__era {
	color: var(--wp--preset--color--lime);
}

.hg-career-step__role {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size:   var(--wp--preset--font-size--base);
	font-weight: 600;
	color:       var(--wp--preset--color--text-primary);
	line-height: 1.3;
}

.hg-career-arrow {
	font-size:   1rem;
	color:       var(--wp--preset--color--border);
	text-align:  center;
	padding:     0.15rem 0;
	user-select: none;
	line-height: 1;
}


/* ── Pull quote ───────────────────────────────────────────────────── */

.hg-pull-quote {
	border-left:   3px solid var(--wp--preset--color--violet);
	padding:       1.5rem 2rem;
	background:    rgba(108, 59, 255, 0.07);
	border-radius: 0 10px 10px 0;
	margin:        0;
}

.hg-pull-quote__text {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size:   var(--wp--preset--font-size--xl);
	font-weight: 500;
	color:       var(--wp--preset--color--text-primary);
	line-height: 1.55;
	font-style:  italic;
	margin:      0;
}

.hg-pull-quote__attribution {
	display:        block;
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      var(--wp--preset--font-size--xs);
	color:          var(--wp--preset--color--text-muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-top:     1rem;
}

@media (max-width: 767px) {
	.hg-pull-quote {
		padding: 1.25rem 1.25rem;
	}

	.hg-pull-quote__text {
		font-size: var(--wp--preset--font-size--lg);
	}
}


/* ── Blog archive ───────────────────────────────────────────────────── */

.hg-archive-hero {
	position: relative;
	overflow: hidden;
}

.wp-block-post-title a {
	color:           inherit;
	text-decoration: none;
	transition:      color 0.18s ease;
}

.wp-block-post-title a:hover {
	color: var(--wp--preset--color--violet);
}

.wp-block-read-more {
	text-decoration: none !important;
	transition:      color 0.18s ease;
}

.wp-block-read-more:hover {
	color: var(--wp--preset--color--text-primary) !important;
}

.wp-block-query-pagination {
	font-family: var(--wp--preset--font-family--jetbrains-mono);
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination-numbers a {
	color:           var(--wp--preset--color--text-muted);
	text-decoration: none;
	padding:         0.4rem 0.75rem;
	border:          1px solid var(--wp--preset--color--border);
	border-radius:   6px;
	font-size:       var(--wp--preset--font-size--xs);
	transition:      color 0.18s ease, border-color 0.18s ease;
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination-numbers a:hover {
	color:        var(--wp--preset--color--text-primary);
	border-color: rgba(108, 59, 255, 0.4);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	color:         var(--wp--preset--color--lime);
	border:        1px solid rgba(200, 255, 54, 0.25);
	border-radius: 6px;
	padding:       0.4rem 0.75rem;
	font-size:     var(--wp--preset--font-size--xs);
}


/* ── Single post ───────────────────────────────────────────────────── */

.hg-single-hero {
	position: relative;
}

.hg-back-link {
	display:         inline-flex;
	align-items:     center;
	font-family:     var(--wp--preset--font-family--jetbrains-mono);
	font-size:       var(--wp--preset--font-size--xs);
	color:           var(--wp--preset--color--text-muted);
	text-decoration: none;
	letter-spacing:  0.04em;
	transition:      color 0.18s ease;
}

.hg-back-link:hover {
	color: var(--wp--preset--color--text-primary);
}

.wp-block-post-content {
	color:       var(--wp--preset--color--text-muted);
	font-family: var(--wp--preset--font-family--inter);
	font-size:   var(--wp--preset--font-size--md);
	line-height: 1.8;
}

.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
	color:          var(--wp--preset--color--text-primary);
	font-family:    var(--wp--preset--font-family--space-grotesk);
	font-weight:    700;
	letter-spacing: -0.02em;
	margin-top:     2rem;
	margin-bottom:  0.75rem;
}

.wp-block-post-content h2 {
	font-size:      var(--wp--preset--font-size--2xl);
	line-height:    1.2;
	letter-spacing: -0.025em;
}

.wp-block-post-content h3 {
	font-size:   var(--wp--preset--font-size--xl);
	line-height: 1.25;
}

.wp-block-post-content p {
	margin-top:    0;
	margin-bottom: 1.25rem;
}

.wp-block-post-content a {
	color:                  var(--wp--preset--color--cyan);
	text-decoration:        underline;
	text-underline-offset:  3px;
	text-decoration-color:  rgba(45, 226, 255, 0.4);
	transition:             color 0.18s ease, text-decoration-color 0.18s ease;
}

.wp-block-post-content a:hover {
	color:                 var(--wp--preset--color--text-primary);
	text-decoration-color: rgba(255, 255, 255, 0.4);
}

.wp-block-post-content strong {
	color:       var(--wp--preset--color--text-primary);
	font-weight: 600;
}

.wp-block-post-content blockquote {
	border-left:   3px solid var(--wp--preset--color--violet);
	padding:       1rem 1.5rem;
	background:    rgba(108, 59, 255, 0.07);
	border-radius: 0 8px 8px 0;
	margin:        1.5rem 0;
}

.wp-block-post-content blockquote p {
	color:      var(--wp--preset--color--text-primary);
	font-style: italic;
	margin:     0;
}

.wp-block-post-content code {
	font-family:   var(--wp--preset--font-family--jetbrains-mono);
	font-size:     0.875em;
	color:         var(--wp--preset--color--cyan);
	background:    rgba(45, 226, 255, 0.08);
	padding:       0.15em 0.4em;
	border-radius: 4px;
}


/* ── 404 page ───────────────────────────────────────────────────── */

.hg-404 {
	position:    relative;
	overflow:    hidden;
	min-height:  70vh;
	display:     flex;
	flex-wrap:   wrap;
	align-items: center;
}

.hg-404-number {
	font-family:    var(--wp--preset--font-family--space-grotesk);
	font-size:      clamp(5rem, 16vw, 11rem);
	font-weight:    700;
	letter-spacing: -0.05em;
	line-height:    0.9;
	margin:         0 0 1rem;
	user-select:    none;
	background:              linear-gradient(135deg, var(--wp--preset--color--violet) 0%, var(--wp--preset--color--cyan) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip:         text;
}

@media (max-width: 767px) {
	.hg-404 {
		min-height: 50vh;
	}

	.hg-404-number {
		font-size: clamp(4rem, 25vw, 7rem);
	}
}


/* ── About page ───────────────────────────────────────────── */

.hg-about-hero {
	position: relative;
	overflow: hidden;
}

.hg-about-hero__roles {
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      var(--wp--preset--font-size--sm);
	color:          var(--wp--preset--color--text-muted);
	letter-spacing: 0.04em;
	display:        flex;
	flex-wrap:      wrap;
	gap:            0.6rem;
	align-items:    center;
	margin:         0;
}

.hg-about-hero__role-dot {
	color: var(--wp--preset--color--violet);
}


/* ── Career arc ───────────────────────────────────────────── */

.hg-career-arc {
	display:        flex;
	flex-direction: column;
}

.hg-career-step {
	background:    var(--wp--preset--color--surface-alt);
	border:        1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	padding:       0.875rem 1.25rem;
	display:       flex;
	flex-direction: column;
	gap:           2px;
	transition:    border-color 0.2s ease;
}

.hg-career-step:hover {
	border-color: rgba(108, 59, 255, 0.35);
}

.hg-career-step--current {
	border-color: rgba(108, 59, 255, 0.45);
	background:   rgba(108, 59, 255, 0.08);
}

.hg-career-step__era {
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      var(--wp--preset--font-size--xs);
	color:          var(--wp--preset--color--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.hg-career-step--current .hg-career-step__era {
	color: var(--wp--preset--color--lime);
}

.hg-career-step__role {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size:   var(--wp--preset--font-size--base);
	font-weight: 600;
	color:       var(--wp--preset--color--text-primary);
	line-height: 1.3;
}

.hg-career-arrow {
	font-size:   1rem;
	color:       var(--wp--preset--color--border);
	text-align:  center;
	padding:     0.15rem 0;
	user-select: none;
	line-height: 1;
}


/* ── Pull quote ───────────────────────────────────────────── */

.hg-pull-quote {
	border-left:   3px solid var(--wp--preset--color--violet);
	padding:       1.5rem 2rem;
	background:    rgba(108, 59, 255, 0.07);
	border-radius: 0 10px 10px 0;
	margin:        0;
}

.hg-pull-quote__text {
	font-family: var(--wp--preset--font-family--space-grotesk);
	font-size:   var(--wp--preset--font-size--xl);
	font-weight: 500;
	color:       var(--wp--preset--color--text-primary);
	line-height: 1.55;
	font-style:  italic;
	margin:      0;
}

.hg-pull-quote__attribution {
	display:        block;
	font-family:    var(--wp--preset--font-family--jetbrains-mono);
	font-size:      var(--wp--preset--font-size--xs);
	color:          var(--wp--preset--color--text-muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-top:     1rem;
}

@media (max-width: 767px) {
	.hg-pull-quote {
		padding: 1.25rem 1.25rem;
	}

	.hg-pull-quote__text {
		font-size: var(--wp--preset--font-size--lg);
	}
}