/**
 * Tablet / iPad (768–1024px) — hub pages share desktop grid shell; touch + gate polish.
 *
 * Breakpoint: grid shell at min-width 768px (all iPad portrait widths).
 * @see docs/HERO_LAYOUT.md §5b-console
 */

@media (min-width: 768px) and (max-width: 1024px) {
	body.home .work-console .hero-interactive__console,
	body.studio-page-cluster .work-console .hero-interactive__console {
		padding: 0.75rem 0.85rem;
		gap: 0.55rem;
	}

	body.home .work-console .hero-interactive__door,
	body.studio-page-cluster .work-console .hero-interactive__door {
		padding: 0.65rem 0.55rem;
		min-height: 44px;
	}

	[data-hp-gate].studio-bridge-gate-rail {
		padding-top: var(--wp--preset--spacing--50, 2.5rem);
		padding-bottom: var(--wp--preset--spacing--40, 1.5rem);
	}

	body.studio-projects-hub-page .projects-hub-wrap::before {
		width: 100vw;
	}
}