/* Production content within the shared Archi gallery header/footer. */
.production-page main { padding-top: 96px; }
.production-page #subheader { background-image: linear-gradient(90deg, #10151be8, #10151b80), url('../images/group/cross-yapi-building-poster.webp'); background-position: center 45%; }
.production-content { color: #ccc; font-size: 16px; line-height: 1.8; }
.production-page .production-content section { padding: 64px 0; background: transparent; }
.production-page .eyebrow { color: #fab702; font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 16px; }
.production-page h2 { color: #f2f2f2; font-size: clamp(28px, 3vw, 40px); line-height: 1.2; letter-spacing: -.6px; margin: 0 0 22px; }
.production-page h3 { color: #f2f2f2; font-size: 20px; line-height: 1.4; margin: 0 0 14px; }
.production-page .production-intro { max-width: 900px; padding-top: 72px; }
.production-intro h2 { font-size: clamp(36px, 4.5vw, 60px); }
.production-lead { font-size: clamp(18px, 2vw, 22px); line-height: 1.65; max-width: 850px; margin-bottom: 0; }
.production-section { border-top: 1px solid #ffffff25; }
.production-heading { max-width: 820px; margin-bottom: 36px; }
.production-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.production-grid p { margin: 0; }
.production-number { display: block; color: #fab702; font-size: 13px; margin-bottom: 20px; }
.production-film { margin: 0 0 16px; }
.production-film video { display: block; width: 100%; height: auto; aspect-ratio: 832 / 464; background: #090909; }
.production-film figcaption { display: flex; justify-content: space-between; gap: 12px; padding: 16px 0; color: #eee; font-size: 13px; border-bottom: 1px solid #ffffff25; }
.production-film figcaption span, .film-description { color: #aaa; font-size: 13px; }
.production-resources { margin: 36px 0 26px; }
.production-link { color: #fab702; text-decoration: underline; text-underline-offset: 5px; }
.production-applications { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.production-applications a { display: block; color: #ccc; padding: 26px; border: 1px solid #ffffff25; }
.production-applications a:hover { border-color: #fab702; background: #ffffff04; }
.production-applications h3 span { float: right; color: #fab702; }
.production-page .production-contact { display: flex; justify-content: space-between; gap: 32px; align-items: center; border-top: 1px solid #ffffff25; }
.production-contact p:last-child { margin: 0; }
.production-contact .btn-line { flex-shrink: 0; color: #fff; }
@media (max-width: 1023px) { .production-page main { padding-top: 84px; } }
@media (max-width: 767px) {
 .production-page .production-content section { padding: 40px 0; }
 .production-grid, .production-applications { grid-template-columns: 1fr; gap: 28px; }
 .production-film figcaption { display: block; }
 .production-film figcaption span { display: block; }
 .production-page .production-contact { display: block; }
 .production-contact .btn-line { margin-top: 24px; }
}