/* Homepage Module 4: expanding image gallery */
.homepage-module-four{background:#fff;padding:60px 5px 72px;font-family:Arial,Helvetica,sans-serif}
.hm4-heading{max-width:1400px;margin:0 auto 32px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.hm4-heading h2{font-size:36px;line-height:1.2;color:#172e35;margin:0 0 16px;overflow-wrap:anywhere}
.hm4-heading p{max-width:750px;font-size:18px;line-height:1.6;white-space:pre-line;margin:0;color:#263b41}
.hm4-button{background:#24424c;color:#fff;padding:15px 28px;border-radius:28px;font-size:15px;font-weight:bold;flex-shrink:0}
.hm4-accordion{display:flex;gap:5px;width:100%;height:340px;overflow-x:auto;scrollbar-width:thin}
.hm4-panel{position:relative;isolation:isolate;display:block;flex:1 0 72px;min-width:0;height:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#334a4b;text-align:left;color:white;transition:flex-grow .55s ease;cursor:pointer}
.hm4-panel.is-active{flex-grow:3}
.hm4-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hm4-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 35%,#0009)}
.hm4-image-title{display:block;position:absolute;bottom:22px;left:20px;right:20px;font-size:14px;line-height:1.5;font-weight:bold;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .35s ease;overflow-wrap:anywhere}
.hm4-panel.is-active .hm4-image-title{opacity:1;transform:translateY(0)}
.hm4-panel:focus-visible{outline:3px solid var(--yellow);outline-offset:-4px}
@media(max-width:900px){.hm4-accordion{height:320px}.hm4-panel{flex-basis:60px}.hm4-panel.is-active{flex-basis:250px;flex-grow:3}.hm4-heading h2{font-size:30px}}
@media(max-width:540px){.homepage-module-four{padding:36px 5px 42px}.hm4-heading{flex-direction:column;align-items:flex-start;padding-inline:19px;gap:20px}.hm4-heading h2{font-size:28px}.hm4-heading p{font-size:17px}.hm4-accordion{height:290px}.hm4-panel{flex-basis:54px}.hm4-panel.is-active{flex-basis:235px}.hm4-image-title{left:16px;right:16px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.hm4-panel,.hm4-image-title{transition:none}}