/* Olengugih homepage showcase: gallery rounding, full-width centered parallax background. */
.ol-home-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:clamp(10px,1.2vw,20px);margin-top:22px}
.ol-home-gallery .ol-home-gallery-photo{margin:0;min-width:0;overflow:hidden;border-radius:18px;background:#f4ece7;aspect-ratio:1.12;box-shadow:0 10px 25px rgba(64,35,24,.09)}
.ol-home-gallery .ol-home-gallery-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:18px;transition:transform .28s ease}
.ol-home-gallery .ol-home-gallery-photo:hover img{transform:scale(1.045)}
.ol-why-parallax.about-band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(46px,6vw,100px) 0;background-color:#4e281b}
/* A separate oversized background layer moves relative to scrolling, unlike unreliable
   background-attachment:fixed inside responsive sections and transformed ancestors. */
.ol-why-parallax .ol-why-parallax-layer{position:absolute;inset:-23% 0;z-index:0;pointer-events:none;background-image:var(--ol-why-photo,none);background-size:cover;background-repeat:no-repeat;background-position:center center;transform:translate3d(0,0,0);will-change:transform}
.ol-why-parallax.about-band::before{content:"";position:absolute;inset:0;background-color:rgba(33,19,12,var(--ol-why-overlay,.45));pointer-events:none;z-index:1}
.ol-why-parallax .about-band-inner{position:relative;z-index:2;width:80%;max-width:none;margin-inline:auto;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0;border-radius:22px;box-shadow:0 24px 65px rgba(20,12,9,.23);overflow:hidden}
.ol-why-parallax .about-visual{border-radius:22px 0 0 22px;min-height:480px}
.ol-why-parallax .about-visual-photo{border-radius:22px 0 0 22px;object-fit:cover;object-position:center}
.ol-why-parallax .about-copy{border-radius:0 22px 22px 0;border:0;background:#fff;padding:clamp(28px,4vw,65px)}
.ol-why-parallax .benefit-grid{gap:clamp(11px,1.6vw,26px)}
@media(max-width:1100px){.ol-home-gallery .gallery-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.ol-why-parallax .about-band-inner{width:80%;grid-template-columns:1fr}.ol-why-parallax .about-visual{border-radius:22px 22px 0 0;min-height:300px}.ol-why-parallax .about-visual-photo{border-radius:22px 22px 0 0}.ol-why-parallax .about-copy{border-radius:0 0 22px 22px}}
@media(max-width:760px){.ol-why-parallax .about-band-inner{width:calc(100% - 48px)}}
@media(max-width:640px){.ol-home-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ol-home-gallery .ol-home-gallery-photo,.ol-home-gallery .ol-home-gallery-photo img{border-radius:12px}.ol-why-parallax.about-band{padding:42px 0}.ol-why-parallax .about-band-inner{width:calc(100% - 26px);border-radius:15px}.ol-why-parallax .about-visual{min-height:255px;border-radius:15px 15px 0 0}.ol-why-parallax .about-visual-photo{border-radius:15px 15px 0 0}.ol-why-parallax .about-copy{padding:28px 18px;border-radius:0 0 15px 15px}.ol-why-parallax .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ol-why-parallax .ol-why-parallax-layer{will-change:auto;transform:none!important}.ol-home-gallery .ol-home-gallery-photo img{transition:none}.ol-home-gallery .ol-home-gallery-photo:hover img{transform:none}}
