.zz-work-page { background:#080808; color:#f7f5ef; }
.zz-work-hero {
	padding:86px 0 90px;
	background:
		radial-gradient(circle at 18% 14%,rgba(198,161,91,.12),transparent 30%),
		#080808;
	border-bottom:1px solid rgba(198,161,91,.24);
}
.zz-work-hero h1 { margin:20px 0 26px; font-size:clamp(2.7rem,6vw,6.3rem); max-width:980px; }
.zz-work-hero > .site-shell > p { max-width:720px; color:#c5c0b7; font-size:1.1rem; line-height:1.75; }
.zz-work-profile-links { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.zz-work-profile-links a {
	display:inline-flex; align-items:center; min-height:46px; padding:0 16px;
	border:1px solid rgba(198,161,91,.52); color:#e0c88d; text-decoration:none;
	font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase;
}
.zz-work-profile-links a:hover { background:#d7ba77; color:#080808; }

.zz-work-feed { padding:88px 0 110px; background:#f3f0e8; color:#080808; }
.zz-work-intro { max-width:820px; margin-bottom:42px; }
.zz-work-intro .eyebrow { color:#8f6728; }
.zz-work-intro h2 { margin:15px 0 18px; font-size:clamp(2.3rem,4.8vw,4.8rem); }
.zz-work-intro p { margin:0; max-width:680px; color:#514d45; line-height:1.75; }

.zz-work-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.zz-work-card {
	background:#fff; border:1px solid rgba(10,10,10,.14);
	box-shadow:0 18px 44px rgba(10,10,10,.07); min-width:0;
}
.zz-work-card-wide { grid-column:1 / -1; }
.zz-work-card-head {
	display:flex; align-items:end; justify-content:space-between; gap:20px;
	padding:22px 24px; border-bottom:1px solid rgba(10,10,10,.12);
}
.zz-work-network { display:block; color:#8f6728; font-size:.65rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; margin-bottom:5px; }
.zz-work-card h3 { margin:0; font-family:"Archivo Black",sans-serif; font-size:1.25rem; text-transform:uppercase; }
.zz-work-card-head > a { color:#6c4a17; text-decoration:none; font-size:.72rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; white-space:nowrap; }
.zz-work-embed { min-height:420px; padding:22px; display:flex; align-items:flex-start; justify-content:center; overflow:hidden; background:#faf9f5; }
.zz-work-card-wide .zz-work-embed { min-height:520px; }
.zz-tiktok-embed-wrap blockquote { width:100%; }
.zz-facebook-embed-wrap iframe { width:100%; max-width:500px; }
.zz-instagram-embed-wrap { min-height:620px; }
.zz-youtube-embed-wrap { min-height:0 !important; }
.zz-youtube-embed-wrap iframe { width:100%; max-width:960px; aspect-ratio:16 / 9; min-height:420px; border:0; }
.zz-feed-fallback { margin:auto; max-width:520px; color:#514d45; line-height:1.7; text-align:center; }

.zz-work-cta {
	margin-top:44px; padding:34px 38px; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center;
	background:#101010; color:#f7f5ef; border:1px solid rgba(198,161,91,.38);
}
.zz-work-cta .eyebrow { color:#d7ba77; }
.zz-work-cta h2 { margin:10px 0 8px; font-size:clamp(1.9rem,3.8vw,3.4rem); }
.zz-work-cta p { margin:0; color:#aaa69d; }
.zz-work-cta > a {
	display:flex; align-items:center; justify-content:center; min-height:52px; padding:0 20px;
	background:linear-gradient(135deg,#e0c88d,#a77e39); color:#080808; text-decoration:none;
	font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase;
}

@media (max-width:1180px) {
	.zz-nav { display:none; }
	.zz-mobile-menu { display:block; }
}
@media (max-width:760px) {
	.zz-work-hero { padding:58px 0 62px; }
	.zz-work-hero h1 { font-size:clamp(2.35rem,12vw,3.8rem); }
	.zz-work-feed { padding:58px 0 80px; }
	.zz-work-grid { grid-template-columns:1fr; }
	.zz-work-card-wide { grid-column:auto; }
	.zz-work-card-head { align-items:flex-start; flex-direction:column; }
	.zz-work-embed,.zz-work-card-wide .zz-work-embed { padding:12px; min-height:360px; }
	.zz-instagram-embed-wrap { min-height:520px; }
	.zz-youtube-embed-wrap { min-height:0 !important; }
	.zz-youtube-embed-wrap iframe { min-height:220px; }
	.zz-work-cta { grid-template-columns:1fr; padding:26px 22px; }
}