/* 下面这段由 build/fonts/fonts.css 拼接而来（@font-face） */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('inter-700.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('space-grotesk-400.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('space-grotesk-500.woff2') format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('space-grotesk-700.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-style:normal;font-weight:800;font-display:swap;font-stretch:125%;src:url('archivo-800-exp.woff2') format('woff2');}

/* ==========================================================================
   Creator House — 站点样式
   视觉语言对标 hireinfluence.com：近黑底、全大写展示体、红→粉→紫渐变、
   细线分隔、直角无圆角、浅灰正文；正文 Inter、标题 Space Grotesk、展示体 Archivo。
   （字体 @font-face 由构建脚本从同目录 fonts.css 拼到本文件最前面：区块编辑器画布
   只吃站点样式这一张表，字体表分开入队时进不了画布，大字会回退成衬线体。）
   ========================================================================== */

:root {
	--mcn-black: #000000;
	--mcn-near: #0f0f0f;
	--mcn-surface: #1c1c22;
	--mcn-body: #b4b4b6;
	--mcn-muted: #828290;
	--mcn-line: #26262c;
	--mcn-red: #f83a3a;
	--mcn-pink: #f13dbb;
	--mcn-violet: #7000ff;
	--mcn-grad: linear-gradient(80.61deg, #f83a3a 0%, #f13dbb 52%, #7000ff 100%);
	--mcn-grad-radial: radial-gradient(circle at center, #f83a3a 0%, #f13dbb 52%, #7000ff 100%);
	--mcn-gutter: 24px;
	--mcn-header: 100px; /* 固定页头高度 + 余量，用于锚点落点偏移 */
}

/* ------------------------------------------------------------------ 基础 */

body {
	background: var(--mcn-black);
	color: var(--mcn-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* 站点底色：unboxed 布局下主题把 .site 设成 palette9（白），段与段之间会露出白条 */
.site,
.content-bg,
body.content-style-unboxed .site {
	background: var(--mcn-black);
}

/* 主题给内容区留了 5rem 上下外边距，同样会露出底色 */
.content-area,
.entry-content,
.entry-content-wrap {
	margin-top: 0;
	margin-bottom: 0;
}

::selection {
	background: #0f0f0f;
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}

a {
	color: inherit;
}

/* 锚点落点：给固定页头留出偏移（JS 平滑滚动也用同一数值） */
.mcn-anchor,
.mcn-sec {
	scroll-margin-top: var(--mcn-header);
}

.mcn-anchor {
	display: block;
	height: 0;
	overflow: hidden;
}

/* ------------------------------------------------------------------ 页头 */

.site-header-row-container-inner {
	background: var(--mcn-black);
	border-bottom: 1px solid var(--mcn-line);
}

.site-footer-row-container-inner {
	border-top: 1px solid var(--mcn-line);
}

#masthead .site-title,
#masthead .site-title a {
	color: #ffffff;
	letter-spacing: 0.04em;
}

/* 导航：全小写 + 悬浮白色下划线（原站特征） */
.main-navigation .primary-menu-container > ul > li > a,
.main-navigation .primary-menu-container > ul > li > .nav-drop-title-wrap > a {
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
	transition: color 0.25s linear, border-color 0.25s linear;
}

.main-navigation .primary-menu-container > ul > li > a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a {
	border-bottom-color: #ffffff;
	color: #ffffff;
}

.main-navigation .primary-menu-container > ul > li > a::after {
	display: none;
}

/* 首屏：顶端紧贴页头，避免出现一条缝 */
.mcn-sec-home {
	padding-top: 0;
}

/* --------------------------------------------------------------- ① 首屏 */

.mcn-sec-home {
	background: var(--mcn-black);
	overflow: hidden;
}

.mcn-hero-eyebrow,
.mcn-hero-eyebrow em {
	color: var(--mcn-body) !important;
	font-family: 'Archivo', 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.24em;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.mcn-hero-wordmark {
	background-image: linear-gradient(80.61deg, #f83a3a 0%, #f83a3a 8%, #f13dbb 45%, #7000ff 82%, #7000ff 100%);
	background-size: 130% 130%;
	background-position: var(--mcn-hero-x, 50%) var(--mcn-hero-y, 50%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-family: 'Archivo', 'Inter', sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: -0.015em;
	text-transform: uppercase;
}

.mcn-hero-sub {
	font-family: 'Space Grotesk', 'Inter', sans-serif !important;
	color: var(--mcn-body) !important;
	margin-left: auto;
	margin-right: auto;
}

/* 文字箭头链接（箭头用 mask 画的 SVG，编辑器里也一样） */
.mcn-arrow-link a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: inherit;
	text-decoration: none;
}

.mcn-arrow-link a::after {
	content: "";
	width: 20px;
	height: 12px;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: var(--mcn-arrow) no-repeat center / contain;
	mask: var(--mcn-arrow) no-repeat center / contain;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mcn-arrow-link a:hover::after {
	transform: translateX(7px);
}

:root {
	--mcn-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M14.2 0 12.8 1.4 17.4 6H0v2h17.4l-4.6 4.6L14.2 14l6-6z' transform='translate(0,-1)'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------- ② 品牌墙 */

.mcn-sec-brands {
	background: var(--mcn-black);
}

.mcn-brands-head {
	font-family: 'Inter', sans-serif !important;
	letter-spacing: -0.005em;
	margin-left: auto;
	margin-right: auto;
}

/* 品牌墙：无缝滚动循环 + 两侧渐隐虚化
   结构：.mcn-marquee > .mcn-marquee-track >（.mcn-logos ×2，两组相同的 logo）
   轨道从 0 平移到 -50%（正好一组的宽度）后重置，所以看不到接缝。 */
.mcn-marquee {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 15%, #000 85%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 15%, #000 85%, transparent 100%);
}

/* 注意：group 块内部还会包一层 .wp-block-group__inner-container，
   间距与 flex 都要给到那一层，否则 logo 会挤在一起。 */
.mcn-marquee-track,
.mcn-marquee-track > .wp-block-group__inner-container,
.mcn-logos,
.mcn-logos > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 56px;
}

.mcn-marquee-track {
	width: max-content;
	animation: mcn-marquee 34s linear infinite;
}

.mcn-logos {
	flex: 0 0 auto;
	padding-right: 56px; /* 与 gap 一致，两组之间才等距 */
}

@keyframes mcn-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-25%); /* 四份里的一份 */
	}
}

@media (prefers-reduced-motion: reduce) {
	.mcn-marquee-track {
		animation: none;
	}
}

.mcn-logos .wp-block-image {
	margin: 0 !important; /* 主题的 .single-content figure.wp-block-image 更具体，必须 !important */
}

.mcn-logos img {
	display: block;
	height: 25px;
	width: auto;
	max-width: 120px;
	object-fit: contain;
	opacity: 0.5;
	transition: opacity 0.3s linear;
}

.mcn-logos .wp-block-image:hover img {
	opacity: 0.95;
}

@media (max-width: 767px) {
	.mcn-logos,
	.mcn-logos > .wp-block-group__inner-container,
	.mcn-marquee-track,
	.mcn-marquee-track > .wp-block-group__inner-container {
		gap: 38px;
	}

	.mcn-logos {
		padding-right: 38px;
	}

	.mcn-logos img {
		height: 20px;
		max-width: 100px;
	}
}

/* ---------------------------------------------- ③ 原视频位 → 静态图片 */

.mcn-sec-reel {
	background: var(--mcn-black);
}

.mcn-reel-img {
	margin: 0 !important;
}

.mcn-reel-img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* ------------------------------------------------------------ ④ 能力四卡 */

.mcn-sec-services {
	background: var(--mcn-black);
}

.mcn-eyebrow {
	font-family: 'Archivo', 'Inter', sans-serif !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.mcn-cards .wp-block-kadence-column {
	display: flex;
}

.mcn-cards .kt-inside-inner-col {
	height: auto;
}

.mcn-cards .kt-blocks-info-box-media-container {
	margin: 0 0 22px !important;
}

.mcn-cards .kt-blocks-info-box-media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	padding: 0 !important;
}

.mcn-cards .kadence-info-box-icon-container,
.mcn-cards .kadence-info-box-icon-inner-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mcn-cards .kadence-dynamic-icon svg {
	width: 24px;
	height: 24px;
	fill: #ffffff;
}

.mcn-cards .kt-blocks-info-box-title {
	font-family: 'Space Grotesk', 'Inter', sans-serif !important;
	font-size: 20px !important;
	line-height: 1.3 !important;
	text-transform: none;
	color: #ffffff !important;
	margin: 0 0 12px !important;
}

.mcn-cards .kt-blocks-info-box-text {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: var(--mcn-body) !important;
	margin: 0 !important;
}

.mcn-cards .kt-blocks-info-box-link-wrap {
	border-bottom: 0 !important;
}

/* --------------------------------------------------------- ⑤ 达人案例网格 */

.mcn-sec-creators {
	background: var(--mcn-black);
}

.mcn-work .wp-block-kadence-column {
	position: relative;
}

.mcn-work .wp-block-image {
	margin: 0 !important;
	overflow: hidden;
}

.mcn-work-img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.mcn-work .wp-block-image:hover img {
	transform: scale(1.04);
}

.mcn-work-plate {
	position: absolute;
	left: 22px;
	bottom: 22px;
	min-width: 210px;
	padding: 14px 42px 14px 16px;
	background: rgba(0, 0, 0, 0.75);
}

.mcn-work-handle {
	font-family: 'Space Grotesk', 'Inter', sans-serif !important;
	color: #ffffff !important;
	letter-spacing: -0.01em;
}

.mcn-work-meta {
	font-family: 'Inter', sans-serif !important;
	color: var(--mcn-body) !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

@media (max-width: 767px) {
	.mcn-work-plate {
		left: 14px;
		bottom: 14px;
		min-width: 0;
		padding: 11px 30px 11px 13px;
	}
}

/* ------------------------------------------------------------ ⑥ 客户评价 */

.mcn-sec-results {
	background: #ffffff;
}

.mcn-results-head {
	font-family: 'Archivo', 'Inter', sans-serif !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.mcn-quote {
	padding-top: 32px;
	margin-bottom: 60px;
	border-top: 1px solid #e3e3e3;
}

.mcn-quote .wp-block-image {
	margin: 0 0 22px !important;
}

.mcn-quote-avatar img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
}

.mcn-quote-text {
	font-family: 'Space Grotesk', 'Inter', sans-serif !important;
	color: var(--mcn-near) !important;
	letter-spacing: -0.01em;
}

.mcn-quote-author {
	font-family: 'Inter', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* --------------------------------------------------------------- ⑦ 收尾 */

.mcn-sec-start {
	background: var(--mcn-black);
}

.mcn-start-head {
	font-family: 'Archivo', 'Inter', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

/* 按钮：黑底 + 渐变描边 + 渐变文字（原站的 footer CTA 做法） */
.mcn-sec-start .kb-button {
	background: linear-gradient(#000000, #000000) padding-box,
		var(--mcn-grad) border-box !important;
	border: 2px solid transparent !important;
	border-radius: 12px !important;
}

.mcn-sec-start .kb-button .kt-btn-inner-text {
	background: linear-gradient(80.61deg, #f83a3a 0%, #f13dbb 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-weight: 700;
}

.mcn-sec-start .kb-button:hover {
	background: var(--mcn-grad) padding-box, var(--mcn-grad) border-box !important;
}

.mcn-sec-start .kb-button:hover .kt-btn-inner-text {
	background: none;
	-webkit-text-fill-color: #000000;
	color: #000000;
}

/* ------------------------------------------------------------------ 页脚 */

.site-footer-row-container-inner,
#wrapper .site-footer {
	background: var(--mcn-black);
}

.mcn-footer {
	display: grid;
	gap: 26px;
	padding: 64px 0 26px;
	text-align: left;
}

.mcn-footer-brand {
	font-family: 'Archivo', 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none !important;
}

.mcn-footer-tagline {
	margin: 8px 0 0;
	color: var(--mcn-muted);
	font-size: 14px;
}

.mcn-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mcn-footer-links a {
	color: var(--mcn-body);
	font-size: 15px;
	text-decoration: none !important;
	transition: color 0.25s linear;
}

.mcn-footer-links a:hover {
	color: #ffffff;
}

.mcn-footer-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 24px;
	padding-top: 22px;
	border-top: 1px solid var(--mcn-line);
}

.mcn-footer-copy,
.mcn-footer-mail {
	color: var(--mcn-muted);
	font-size: 13px;
	text-decoration: none !important;
}

.mcn-footer-mail:hover {
	color: #ffffff;
}

/* ------------------------------------------------- 自定义光标（只给精确指针） */

@media (hover: hover) and (pointer: fine) {
	body.mcn-cursor-on,
	body.mcn-cursor-on a,
	body.mcn-cursor-on button {
		cursor: none;
	}

	#mcn-cursor {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #ffffff;
		mix-blend-mode: difference;
		pointer-events: none;
		transform: translate(-50%, -50%);
		transition: width 0.2s ease, height 0.2s ease, opacity 0.2s ease;
	}

	#mcn-cursor.is-link {
		width: 40px;
		height: 40px;
	}
}