/* Work page mobile — Figma 1911:514 @ 750px, breakpoint ≤767px. PC styles untouched. */
@media (max-width: 767px) {
	body.nexoura-work:not(.nexoura-work-detail) {
		--nx-s: min(1, 100vw / 750);
		--nx-m-gutter: calc(30px * min(100vw / 750, 1));
		--nx-m-pad: calc(20px * min(100vw / 750, 1));
		/* ≤767px 不会走 tablet 的 fluid gutter，必须覆盖默认 184px */
		--nx-gutter: 15px;
		--nx-gutter-footer: 15px;
		--nx-gutter-hero: 15px;
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0;
		margin: 0 !important;
		zoom: 1 !important;
		transform: none !important;
		overflow-x: clip;
	}

	html:has(body.nexoura-work:not(.nexoura-work-detail)) {
		width: 100%;
		overflow-x: clip;
	}

	body.nexoura-work:not(.nexoura-work-detail) #page,
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-work-page {
		width: 100%;
		overflow-x: clip;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-work-page > section {
		max-width: none;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* ─── Hero — Figma 1911:514 @ 750px ─── */
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero {
		padding: calc(var(--nx-nav-total-h) + 24px) 0 16px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		padding: 0 0 16px;
		box-sizing: border-box;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__title {
		flex: none;
		width: 100%;
		height: 82px;
		min-height: 82px;
		max-height: 82px;
		font-size: 36px;
		line-height: 41px;
		letter-spacing: -1.8px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__title-line {
		font-size: inherit;
		line-height: 41px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__aside {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		flex: none;
		width: 100%;
		padding: 0 0 8px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__lead {
		margin: 0 0 16px;
		max-width: 282px;
		font-style: italic;
		font-weight: 400;
		font-size: 12px;
		line-height: 18px;
		color: #6a7282;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__meta {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 24px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__meta-item {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__meta-label {
		margin-bottom: 0;
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 0.45px;
		text-transform: uppercase;
		color: #9f9fa9;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-hero__meta-value {
		font-size: 16px;
		line-height: 18px;
		letter-spacing: 0;
		text-transform: none;
		color: #000000;
	}

	/* ─── Toolbar ─── */
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-toolbar {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-toolbar__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 16px 0 20px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-sort__toggle {
		font-size: 12px;
		line-height: 12px;
		letter-spacing: calc(1.2px * min(100vw / 750, 1));
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-sort__arrows {
		width: 12px;
		height: 12px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-filters {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		gap: 24px;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-filters::-webkit-scrollbar {
		display: none;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-filters__link {
		flex: 0 0 auto;
		font-size: 12px;
		line-height: 12px;
		letter-spacing: calc(1.2px * min(100vw / 750, 1));
		padding-right: 0;
		padding-bottom: calc(6px * min(100vw / 750, 1));
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-filters__link::after {
		right: 0;
		height: 1px;
	}

	/* ─── Project grid: 1 full + 4 half (2×2) per group; 2 groups = 10 per page ─── */
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-grid-section {
		padding: 40px 0 64px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-grid {
		display: grid;
		grid-template-columns: repeat(2, calc((100% - 10px) / 2));
		column-gap: 10px;
		row-gap: 30px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card {
		gap: 12px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card--full {
		grid-column: 1 / -1;
		width: 100%;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card--half {
		width: 100%;
		min-width: 0;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card:nth-child(5n):not(:last-child) {
		margin-bottom: 30px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card__link {
		gap: 12px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card--full .nexoura-wk-card__media {
		width: 100%;
		height: auto;
		aspect-ratio: 345 / 225;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card--half .nexoura-wk-card__media {
		width: 100%;
		height: 130px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card__footer {
		gap: 12px;
		padding-top: 12px;
		border-top-width: 0.333333px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card__name {
		margin: 0 0 4px;
		font-size: 15px;
		line-height: 18px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card--full .nexoura-wk-card__name {
		font-size: 18px;
		line-height: 22px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card__type {
		font-size: 8px;
		line-height: 10px;
		letter-spacing: 0.7px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card__btn {
		width: 24px;
		height: 24px;
		border-width: 0.5px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card__btn img {
		width: 12px;
		height: 12px;
		min-width: 12px;
		min-height: 12px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card:hover .nexoura-wk-card__media img,
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-card:focus-within .nexoura-wk-card__media img {
		transform: none;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-load-more {
		color: rgba(0, 0, 0, 0.55);
		font-size: 12px;
	}

	/* ─── CTA / Footer — true full-bleed (ignore page 15px gutter) ─── */
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-cta.nexoura-full-bleed,
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer.nexoura-full-bleed {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-cta {
		padding: 64px 0;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-cta__eyebrow {
		margin-bottom: 16px;
		font-size: calc(20px * min(100vw / 750, 1));
		line-height: calc(20px * min(100vw / 750, 1));
		letter-spacing: calc(1.4px * min(100vw / 750, 1));
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-cta__title {
		min-height: auto;
		margin-bottom: 24px;
		font-size: 28px;
		line-height: 32px;
		letter-spacing: -1.4px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-cta__link {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: calc(1.2px * min(100vw / 750, 1));
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-wk-cta__link-icon img {
		width: 24px;
		height: 24px;
	}

	/* ─── Footer — same as home-mobile, full-bleed bar ─── */
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 40px 0;
		background: #080808;
		isolation: isolate;
		overflow: hidden;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__texture {
		inset: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		height: auto;
		opacity: 0.13;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		transform: rotate(90deg) scale(1.35);
		transform-origin: center center;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__inner {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 25px;
		width: 100%;
		max-width: 900px;
		padding: 0 15px;
		box-sizing: border-box;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__top {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		margin-bottom: 0;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__top > .nexoura-footer__col:not(.nexoura-footer__col--office) {
		display: none;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__brand {
		position: relative;
		flex: none;
		width: 132.36px;
		min-height: 87.73px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__mark {
		width: 56px;
		height: 57px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__wordmark {
		top: 72px;
		width: 132.36px;
		height: 16px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__col--office {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		flex: none;
		width: 100%;
		gap: 16px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__heading {
		margin: 0;
		font-family: "Space Grotesk", var(--nx-font-display);
		font-size: 11px;
		line-height: 17px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__address {
		margin: 0;
		font-size: 11px;
		line-height: 17px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__social {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		margin-top: 0;
		gap: 8px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__social a {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 20px;
		padding: 5px 10px;
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 0.5px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__bottom {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 16px;
		padding-top: 24px;
		border-top: none;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__legal {
		display: flex;
		gap: 16px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__copy,
	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__legal a {
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 0.5px;
	}

	body.nexoura-work:not(.nexoura-work-detail) .nexoura-footer__legal a {
		letter-spacing: 0.6px;
	}
}