/* Zulu Shack community credit page */

.scs-zulu__h2 { font-weight: 500; font-size: clamp(30px, 1.2vw + 24px, 40px); line-height: 1.1; }
.scs-zulu-btn--ink, .scs-zulu-btn--ink:hover { background: var(--scs-ink); color: var(--scs-cream); }
.scs-zulu-btn--outline, .scs-zulu-btn--outline:hover { background: transparent; color: var(--scs-cream); border-color: var(--scs-cream); box-shadow: none; }
.scs-zulu-btn--outline:hover { background: rgba(255, 245, 229, .1); }

/* W and O at the office: full-width scene at the top of the page (design frame 1440×760). */
.scs-zulu-scene { position: relative; width: 100%; aspect-ratio: 1440 / 760; overflow: hidden; background: #FFF5E5; border-bottom: var(--scs-border); }
.scs-zulu-scene__layer { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.scs-zulu-scene__layer:last-child { pointer-events: none; }
.scs-zulu-scene__cast { position: absolute; }
.scs-zulu-scene .twinkle { animation: lights-twinkle 2.4s ease-in-out infinite alternate; }
.scs-zulu-scene .blink { transform-box: fill-box; transform-origin: 50% 50%; animation: zulu-blink 6s infinite; }
@keyframes zulu-blink { 0%, 94%, 100% { transform: scaleY(1); } 96% { transform: scaleY(.1); } }
@media (prefers-reduced-motion: reduce) { .scs-zulu-scene .twinkle, .scs-zulu-scene .blink { animation: none; } }

.scs-zulu-hero { border-top: 1px solid var(--scs-rule-soft); }
.scs-zulu-hero__inner {
	display: flex; flex-wrap: wrap; align-items: flex-end; gap: 48px;
	padding-top: clamp(40px, 6vw, 88px); padding-bottom: clamp(48px, 5vw, 80px);
}
.scs-zulu-hero__copy { flex: 1 1 640px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.scs-zulu-hero__back { align-self: flex-start; min-height: 44px; font-size: 16px; }
.scs-zulu-hero__eyebrow { letter-spacing: .14em; }
.scs-zulu-hero__title { font-weight: 500; font-size: clamp(36px, 1.4rem + 3vw, 60px); line-height: 1.06; max-width: 820px; }
.scs-zulu-hero__msg { font-size: clamp(18px, .4vw + 16px, 20px); line-height: 1.65; max-width: 720px; display: flex; flex-direction: column; gap: 12px; }
.scs-zulu-hero__actions { margin-top: 6px; }
.scs-zulu-hero__art { flex: 0 0 200px; opacity: .92; }
@media (max-width: 700px) {
	.scs-zulu-hero__inner { gap: 24px; }
	.scs-zulu-hero__art { flex-basis: 120px; margin-left: auto; }
}

.scs-zulu-svc { background: var(--scs-paper); border-block: 1px solid var(--scs-rule-soft); }
/* Services: cards side by side across the full width (the intro line lives in the hero). */
.scs-zulu-svc__wrap { padding-block: clamp(40px, 5vw, 72px); }
.scs-zulu-svc__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 18px; }
.scs-zulu-svc__list > li { display: flex; }
.scs-zulu-svc__item {
	flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 18px; padding: 22px;
	background: var(--scs-cream); border: var(--scs-border); border-radius: 16px; box-shadow: var(--scs-shadow-sm);
	text-decoration: none; color: var(--scs-ink); transition: transform .15s ease;
}
a.scs-zulu-svc__item:hover { color: var(--scs-red-text); transform: translateY(-2px); }
.scs-zulu-svc__item > svg { flex: none; align-self: flex-end; }
.scs-zulu-hero__svc { font-size: clamp(17px, .3vw + 16px, 19px); line-height: 1.6; max-width: 720px; }
.scs-zulu-hero__svc a { font-weight: 700; }
.scs-zulu-mail { font-size: 16px; }
.scs-zulu-mail a { font-weight: 700; }
.scs-zulu-cta .scs-zulu-mail { flex-basis: 100%; text-align: right; color: #E9DCC6; }
.scs-zulu-cta .scs-zulu-mail a { color: var(--scs-cream); }
@media (max-width: 700px) { .scs-zulu-cta .scs-zulu-mail { text-align: left; } }
.scs-zulu-svc__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.scs-zulu-svc__title { font-family: var(--scs-font-display); font-weight: 600; font-size: clamp(20px, .6vw + 17px, 24px); line-height: 1.2; }
.scs-zulu-svc__blurb { font-size: 16px; color: var(--scs-ink-soft); }

.scs-zulu-work { display: flex; flex-direction: column; gap: 32px; padding-top: clamp(56px, 6vw, 88px); padding-bottom: clamp(56px, 6vw, 88px); }
.scs-zulu-work__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 32px; }
.scs-zulu-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.scs-zulu-card__img { aspect-ratio: 16 / 10; border-radius: 12px; border: 2px solid var(--scs-ink); box-shadow: 4px 6px 0 rgba(32, 60, 59, .25); overflow: hidden; }
.scs-zulu-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.scs-zulu-card__img .scs-photo-ph { min-height: 0; border-radius: 0; }
.scs-zulu-card__name { font-size: 22px; line-height: 1.2; }
.scs-zulu-card__meta { font-size: 16px; color: var(--scs-ink-soft); }
.scs-zulu-card__link { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; min-height: 44px; font-weight: 700; }

.scs-zulu-cta { background: var(--scs-ink); color: var(--scs-cream); }
.scs-zulu-cta__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 28px; padding-block: clamp(48px, 5vw, 72px); }
.scs-zulu-cta__title { font-weight: 500; font-size: clamp(28px, 1.2vw + 22px, 38px); line-height: 1.15; max-width: 620px; }