/* Hero ---------------------------------------------------------------------- */
.us-hero {
	position: relative;
	min-height: 78vh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--us-black);
}
.us-hero-media { position: absolute; inset: 0; }
.us-hero-media img { width: 100%; height: 100%; object-fit: cover; opacity: 0.75; }
.us-hero-content {
	position: relative;
	z-index: 2;
	color: var(--us-white);
	padding: 48px 24px 64px;
	max-width: 640px;
}
.us-hero-content h1 { font-size: clamp(36px, 6vw, 68px); color: var(--us-white); margin-bottom: 16px; }
.us-hero-content p { font-size: 16px; color: var(--us-grey-100); max-width: 460px; }

/* Category tiles -------------------------------------------------------------- */
.us-category-tiles {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	padding: 48px 24px;
	max-width: var(--us-container-max);
	margin: 0 auto;
}
.us-tile { position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: var(--us-radius-md); display: block; }
.us-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.us-tile:hover img { transform: scale(1.04); }
.us-tile-label {
	position: absolute; bottom: 20px; left: 20px;
	background: var(--us-white);
	padding: 10px 22px;
	font-family: var(--us-font-display);
	font-size: 18px;
	border-radius: var(--us-radius-sm);
}

/* Featured products section --------------------------------------------------- */
.us-featured-products { max-width: var(--us-container-max); margin: 0 auto; padding: 40px 24px 60px; }

/* Brand strip ------------------------------------------------------------------ */
.us-brand-strip {
	background: var(--us-grey-50);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	padding: 48px 24px;
	text-align: center;
}
.us-brand-item h4 { font-size: 15px; margin-bottom: 4px; }
.us-brand-item p { font-size: 13px; color: var(--us-grey-700); margin: 0; }

/* Instagram feed ---------------------------------------------------------------- */
.us-instagram-feed { max-width: var(--us-container-max); margin: 0 auto; padding: 60px 24px; }
.us-instagram-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}
.us-instagram-item { aspect-ratio: 1; overflow: hidden; border-radius: var(--us-radius-sm); }
.us-instagram-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.us-instagram-item:hover img { transform: scale(1.06); }