/* Section 5: Inquiry & Careers split panels */
.inquiry-careers-section { position: relative; width: 100%; height: 100%; }

/* fullPage.js wrapper compatibility: make inner overflow container flex column */
#section5 .fp-overflow { display: flex; flex-direction: column; height: 100%; }

/* Section 5 as full-height flex column */
#section5 { display: flex; flex-direction: column; height: 100vh; }
#section5 .section5-body { flex: 1 1 auto; padding-bottom: 0; display: flex; }
#section5 .inquiry-careers-section { flex: 1 1 auto; height: 100%; display: flex; }

/* Panels fill all remaining height */
.inquiry-careers-section .ic-panels {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 520px;
  background: #000; /* fallback ensures visibility while images load */
}

.ic-panel {
  display: block;
  position: relative;
  flex: 1 1 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  transition: flex-basis .5s ease, transform .5s ease, filter .5s ease, opacity .5s ease;
}

.ic-panel .ic-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.55)); pointer-events: none; }
.ic-content { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 24px; }

.ic-title { font-size: clamp(28px, 4vw, 44px); font-weight: 800; letter-spacing: .04em; margin: 0 0 10px; }
.ic-desc { font-size: clamp(14px, 1.6vw, 18px); opacity: .9; margin: 0 0 24px; }

.ic-arrow { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; border: 2px solid rgba(255,255,255,.9); color: #fff; font-size: 20px; transition: background-color .3s ease, color .3s ease, transform .3s ease; }
.ic-panel:hover .ic-arrow { background: #fff; color: #111; transform: translateX(2px); }

/* Hover interaction: expand hovered side and nudge inward from opposite side */
.ic-panels:hover .ic-panel { flex-basis: 40%; filter: grayscale(10%) brightness(.9); }
.ic-panels:hover .ic-panel:hover { flex-basis: 60%; filter: none; }
.ic-panel.ic-left:hover { transform: translateX(1.5%) scale(1.02); }
.ic-panel.ic-right:hover { transform: translateX(-1.5%) scale(1.02); }

/* Focus-visible for accessibility */
.ic-panel:focus { outline: none; }
.ic-panel:focus-visible .ic-arrow { background: #fff; color: #111; }

/* Ensure footer sits below panels inside section 5 */
#section5 .site-footer { position: static !important; background: #0e0f11; color: #cfd3d8; padding: 28px 0; border-top: 1px solid rgba(255,255,255,.08); }
#section5 .site-footer .footer-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
#section5 .site-footer .footer-brand { font-size: 28px; font-weight: 800; color: #fff; letter-spacing: .04em; }
#section5 .site-footer .footer-info { display: flex; flex-direction: column; gap: 4px; }
#section5 .site-footer .footer-info p { margin: 0; font-size: 14px; opacity: .9; }
#section5 .site-footer .footer-copy { font-size: 12px; opacity: .75; }

/* Responsive */
@media (max-width: 992px) {
  .inquiry-careers-section .ic-panels { flex-direction: column; height: auto; min-height: 0; }
  .ic-panel { min-height: 320px; }
  .ic-panels:hover .ic-panel, .ic-panels:hover .ic-panel:hover { flex-basis: 100%; transform: none; }
  #section5 .site-footer .footer-container { justify-content: center; text-align: center; }
}