/* =============================
   Keita Portfolio Theme - Tablet styles (≤1024px)
   ============================= */

.site-header {
	padding: 22px 28px;
}

.site-header.is-scrolled,
body:not(.home) .site-header {
	padding: 14px 28px;
}

.site-nav__list {
	gap: 28px;
}

.hero__title {
	font-size: clamp(72px, 13vw, 150px);
}

.hero__meta {
	max-width: 480px;
}

.interlude {
	height: 40vh;
}

.work-cards {
	grid-template-columns: repeat(2, 1fr);
}

.work-list__row {
	grid-template-columns: 72px 72px 1fr auto 30px;
	gap: 18px;
}

.info-grid {
	grid-template-columns: 1fr 1fr;
	gap: 48px;
}

.sub-page__title {
	font-size: 42px;
}