:root{ --container: min(1120px, 92vw); }
.container{ width: var(--container); margin-inline:auto; padding-inline:16px; }

/* Button baseline (btnx) */
.btnx{ display:inline-flex; gap:.6em; align-items:center; padding:.9em 1.35em; border-radius:10px; border:1.5px solid currentColor; text-decoration:none; transition: background-color .35s ease, border-color .35s ease, transform .15s ease; }
.btnx .btnx-arrow svg{ width:1.15em; height:1.15em; }
#btnx-wrap{ display:flex; justify-content:flex-start; padding:1rem 0; }
#btnx-wrap .btnx{ background: var(--ibu-brand, #053725); color:#FCF8E3; border-color: var(--ibu-brand, #053725); }
#btnx-wrap .btnx:hover{ background: transparent; border-width:1px; border-color: var(--ibu-brand, #053725); color: var(--ibu-brand, #053725); }
.et_pb_button.btnx:after{ display:none !important; }

/* Engagements / scroll-section */
.scroll-section, .scroll-section *{ font-family:'Archivo',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.scroll-section{ display:flex; margin:0!important; padding:0!important; }

.content-left{ width:45%; padding:100px 5% 50px; height:100vh; display:flex; flex-direction:column; justify-content:space-between; }
.content-left h2{ margin:0; font-size:2.5rem; color: var(--ibu-brand,#053725); }
.text-wrapper{ flex:1; display:flex; flex-direction:column; justify-content:center; }
.ibu-eng-paragraph{ margin-bottom:2rem; font-size:1rem; line-height:1.5; color: var(--ibu-brand,#053725); }

.text-list{ list-style:none!important; padding:0!important; margin:0; }
.text-list li{ position:relative; margin:1.5rem 0; color: var(--ibu-brand,#053725); font-size:1.75rem; opacity:.35; transition: color .35s ease, transform .55s cubic-bezier(.22,1,.36,1), opacity .55s cubic-bezier(.22,1,.36,1); }
.text-list li::before,
.text-list li::after{ content:""; display:block; height:1px; width:100%; background: var(--ibu-brand,#053725); opacity:.35; margin:.5rem 0; transition:opacity .55s cubic-bezier(.22,1,.36,1); }
.text-list li.active{ opacity:1; transform: translateX(10px); }
.text-list li.active::before, .text-list li.active::after{ opacity:1; }

.images-right{ width:50vw; margin-left:auto; position:relative; }
.images-container{ position:sticky; top:0; height:100vh; overflow:hidden; }
.images-inner img{ display:block; width:100%; height:100vh; object-fit:cover; }

@media (max-width:1280px){
  .content-left{ width:50%; padding:50px 6%; }
  .images-right{ width:50vw; margin-left:auto; }
}
@media (max-width:800px){
  .scroll-section{ flex-direction:column; }
  .content-left{ width:100%; height:auto; padding:40px 6%; }
  .images-right{ width:100vw; margin-left:0; }
  .images-container, .images-inner img{ height:60vh; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){ [data-reveal]{ transition: none !important; } }