/* Able Demolition — Explore Cards v2.0.0 | homepage navigation */
.able-explore,.able-explore *,.able-explore *::before,.able-explore *::after{box-sizing:border-box}
.able-explore{--ae-charcoal:#242829;--ae-yellow:#ffca28;position:relative;width:100%;margin:0;background:#fff;color:var(--ae-charcoal);font-family:Manrope,Arial,sans-serif;padding:clamp(64px,7vw,108px) 24px clamp(72px,8vw,110px)}
.able-explore-wrap{width:100%;max-width:1050px;margin:0 auto}
.able-explore-intro{display:grid;grid-template-columns:1fr 2fr;gap:24px 38px;align-items:start;margin:0 0 39px}
.able-explore-intro-kicker{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;gap:12px;margin-top:13px;color:#242829;font-size:10px;font-weight:700;letter-spacing:.19em;line-height:1.5;white-space:nowrap}
.able-explore-intro-kicker span{display:block;flex:none;width:22px;height:3px;background:var(--ae-yellow)}
.able-explore .able-explore-heading{grid-column:2;margin:0!important;color:#242829!important;text-transform:none!important;font:600 clamp(34px,3.5vw,50px)/1.13 Manrope,Arial,sans-serif!important;letter-spacing:-.052em!important}
.able-explore .able-explore-subtext{grid-column:2;margin:0!important;color:#636b6d!important;max-width:570px;font:400 14px/1.75 Manrope,Arial,sans-serif!important}
.able-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.able-explore-card{min-width:0;display:flex;flex-direction:column;text-decoration:none!important;color:inherit!important;outline-offset:5px;position:relative;isolation:isolate}
.able-explore-media,.able-explore-card:nth-child(2) .able-explore-media,.able-explore-card:nth-child(3) .able-explore-media{position:relative;isolation:isolate;display:block;width:100%;height:auto!important;aspect-ratio:1.24;overflow:hidden;background:#e1e5e4}
.able-explore-slides{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.able-explore .able-explore-slides img.able-explore-slide{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:var(--able-img-pos,center)!important;opacity:0!important;visibility:visible!important;pointer-events:none;transform:scale(1.025);transition:opacity .95s ease-in-out!important,transform .95s cubic-bezier(.2,.7,.15,1)!important;animation:none!important}
.able-explore .able-explore-slides img.able-explore-slide.is-active{opacity:1!important;z-index:2}
.able-explore .able-explore-slides img.able-explore-slide:not(.is-active){z-index:1}
.able-explore .able-explore-slides[data-count="1"] img.able-explore-slide{opacity:1!important}
.able-explore-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e4e7e7;color:#434a4b;font-size:11px;font-weight:700;letter-spacing:.14em}
.able-explore-media::after{content:"";position:absolute;z-index:3;inset:0;background:rgba(36,40,41,.58);opacity:0;transition:opacity .4s ease;pointer-events:none}
.able-explore .able-explore-view{position:absolute;top:50%;left:50%;z-index:4;display:flex;align-items:center;justify-content:center;gap:16px;min-width:153px;padding:16px 18px;background:var(--ae-yellow);color:var(--ae-charcoal);font:700 10px/1.3 Manrope,Arial,sans-serif;letter-spacing:.12em;opacity:0;transform:translate(-50%,-37%);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.able-explore-view svg{flex:none}
.able-explore-corner{position:absolute;right:0;bottom:0;z-index:4;width:47px;height:47px;display:grid;place-items:center;background:var(--ae-yellow);color:var(--ae-charcoal);transform:translateY(100%);transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.able-explore-card:hover .able-explore-media::after,.able-explore-card:focus-visible .able-explore-media::after{opacity:1}
.able-explore-card:hover .able-explore-view,.able-explore-card:focus-visible .able-explore-view{opacity:1;transform:translate(-50%,-50%)}
.able-explore-card:hover .able-explore-corner,.able-explore-card:focus-visible .able-explore-corner{transform:none}
.able-explore-card:hover .able-explore-slides img.able-explore-slide,.able-explore-card:focus-visible .able-explore-slides img.able-explore-slide{transform:scale(1.085)}
.able-explore-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:21px 0 0}
.able-explore .able-explore-content h3{font:600 clamp(20px,1.8vw,24px)/1.26 Manrope,Arial,sans-serif!important;letter-spacing:-.045em!important;text-transform:none!important;margin:0 0 8px!important;color:var(--ae-charcoal)!important}
.able-explore .able-explore-content p{font:400 13px/1.7 Manrope,Arial,sans-serif!important;color:#5d6667!important;margin:0 0 19px!important;max-width:39ch}
.able-explore .able-explore-link{display:inline-flex;align-items:center;gap:16px;margin-top:auto;padding:0 0 10px;border:0;border-bottom:1px solid #aeb5b6;color:var(--ae-charcoal)!important;font:700 10px/1.4 Manrope,Arial,sans-serif!important;letter-spacing:.12em;transition:border-color .25s ease,gap .25s ease;box-shadow:none!important}
.able-explore-link svg{flex:none;transition:transform .3s ease}
.able-explore-card:hover .able-explore-link,.able-explore-card:focus-visible .able-explore-link{border-color:var(--ae-charcoal);gap:21px}
.able-explore-card:hover .able-explore-link svg{transform:translateX(3px)}
.able-explore-card:focus-visible{outline:2px solid var(--ae-yellow)}
.able-explore.has-js .able-explore-card{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.able-explore.has-js .able-explore-card:not(.is-visible){opacity:0;transform:translateY(32px)}.able-explore.has-js .able-explore-card{transition:opacity .8s ease,transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--ae-delay,0ms)}}
@media(max-width:850px){.able-explore-intro{grid-template-columns:1fr;gap:14px;margin-bottom:28px}.able-explore-intro-kicker{grid-column:1;grid-row:auto;margin:0 0 10px}.able-explore .able-explore-heading,.able-explore .able-explore-subtext{grid-column:1}.able-explore-grid{gap:18px}.able-explore .able-explore-content h3{font-size:20px!important}}
@media(max-width:700px){.able-explore{padding:60px 20px 75px}.able-explore-wrap{max-width:none}.able-explore .able-explore-heading{font-size:clamp(31px,8vw,39px)!important}.able-explore-grid{grid-template-columns:1fr;gap:36px}.able-explore-media,.able-explore-card:nth-child(2) .able-explore-media,.able-explore-card:nth-child(3) .able-explore-media{aspect-ratio:1.46}.able-explore .able-explore-view{display:none}.able-explore-corner{transform:none;width:43px;height:43px}.able-explore-content{padding-top:15px}.able-explore .able-explore-content h3{font-size:23px!important}.able-explore .able-explore-content p{max-width:none}}
@media(prefers-reduced-motion:reduce){.able-explore *, .able-explore *::before,.able-explore *::after{animation:none!important;transition:none!important}.able-explore.has-js .able-explore-card:not(.is-visible){opacity:1!important;transform:none!important}}

/* v2.1 — Unified corporate cards and CI Gallery hover treatment */
.able-explore{padding:clamp(66px,7vw,100px) 24px clamp(70px,7vw,100px)!important}
.able-explore-wrap{max-width:1050px!important}
.able-explore-intro{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:42px!important;row-gap:14px!important;align-items:end!important;margin-bottom:33px!important}
.able-explore-intro-kicker{grid-column:1!important;grid-row:1!important;align-self:start!important;margin:9px 0 0!important}
.able-explore .able-explore-heading{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:clamp(36px,3.5vw,50px)!important;line-height:1.12!important}
.able-explore .able-explore-subtext{grid-column:2!important;grid-row:2!important;align-self:end!important;max-width:450px!important;padding:0 0 3px!important;font-size:14px!important}
.able-explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:start!important}
.able-explore-card{min-width:0!important;box-shadow:none!important;border:0!important}
.able-explore-media,.able-explore-card:nth-child(2) .able-explore-media,.able-explore-card:nth-child(3) .able-explore-media{aspect-ratio:1.34!important;height:auto!important;box-shadow:none!important}
.able-explore-media::after{display:none!important}
.able-explore-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(36,40,41,.62);opacity:0;transition:opacity .34s ease;pointer-events:none;padding:16px}
.able-explore-hover-cta{display:inline-flex;align-items:stretch;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .3s ease,transform .42s cubic-bezier(.2,.85,.25,1);box-shadow:none!important}
.able-explore-hover-label{display:flex;align-items:center;justify-content:center;padding:14px 20px;background:#ffca28;color:#242829;font:800 10px/1.1 Manrope,Arial,sans-serif;letter-spacing:.16em;white-space:nowrap}
.able-explore-hover-icon{display:grid;place-items:center;flex:none;width:49px;background:#242829;color:#fff}
.able-explore-hover-icon svg{display:block}
.able-explore-card:is(:hover,:focus-visible) .able-explore-overlay{opacity:1}
.able-explore-card:is(:hover,:focus-visible) .able-explore-hover-cta{opacity:1;transform:translateY(0) scale(1)}
.able-explore-corner,.able-explore-view{display:none!important}
.able-explore-content{padding-top:20px!important}
.able-explore .able-explore-content h3{font-size:clamp(20px,1.7vw,23px)!important;font-weight:600!important;margin-bottom:9px!important}
.able-explore .able-explore-content p{line-height:1.72!important;min-height:3.44em;margin-bottom:16px!important}
.able-explore .able-explore-link{box-shadow:none!important;letter-spacing:.12em!important}
@media(max-width:850px){.able-explore-intro{grid-template-columns:1fr!important;gap:13px!important}.able-explore-intro-kicker,.able-explore .able-explore-heading,.able-explore .able-explore-subtext{grid-column:1!important;grid-row:auto!important}.able-explore-grid{gap:17px!important}}
@media(max-width:700px){.able-explore{padding:56px 20px 72px!important}.able-explore-intro{margin-bottom:29px!important}.able-explore-grid{grid-template-columns:1fr!important;gap:34px!important}.able-explore-media,.able-explore-card:nth-child(2) .able-explore-media,.able-explore-card:nth-child(3) .able-explore-media{aspect-ratio:1.38!important}.able-explore .able-explore-content p{min-height:0}.able-explore-overlay{opacity:0}.able-explore-hover-cta{display:none}.able-explore-card:is(:hover,:focus-visible) .able-explore-overlay{opacity:.35}}
@media(prefers-reduced-motion:reduce){.able-explore-overlay,.able-explore-hover-cta{transition:none!important}}

/* v2.2.0 — exact About Approach cinematic hover: yellow wash,
   charcoal CTA centre-out clip reveal, staggered label and diagonal arrow. */
.able-explore .able-explore-overlay{
  background:rgba(255,202,40,.88)!important;
  opacity:0;
  transition:opacity .34s cubic-bezier(.22,1,.36,1)!important;
}
.able-explore .able-explore-hover-cta{
  display:inline-flex!important;align-items:stretch!important;justify-content:center!important;
  max-width:100%;background:#242829!important;color:#fff!important;
  opacity:0!important;transform:translateY(18px) scale(.96)!important;
  clip-path:inset(0 50% 0 50%);
  transition:clip-path .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),opacity .28s ease!important;
  box-shadow:none!important;pointer-events:none;
}
.able-explore .able-explore-hover-label{
  background:#242829!important;color:#fff!important;
  padding:16px 20px!important;letter-spacing:.17em!important;
  font:700 11px/1.2 Manrope,Arial,sans-serif!important;
  transform:translateY(10px);opacity:0;
  transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .3s ease!important;
  transition-delay:0s!important;
}
.able-explore .able-explore-hover-icon{
  background:#fff!important;color:#242829!important;
  width:51px!important;height:49px!important;overflow:hidden;
}
.able-explore .able-explore-hover-icon svg{
  transform:translate(-9px,9px);opacity:0;
  transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease!important;
  transition-delay:0s!important;
}
@media(hover:hover) and (pointer:fine){
  .able-explore .able-explore-card:is(:hover,:focus-visible) .able-explore-overlay{opacity:1!important}
  .able-explore .able-explore-card:is(:hover,:focus-visible) .able-explore-hover-cta{
    clip-path:inset(0 0 0 0);opacity:1!important;transform:translateY(0) scale(1)!important;
  }
  .able-explore .able-explore-card:is(:hover,:focus-visible) .able-explore-hover-label{
    transform:translateY(0);opacity:1;transition-delay:.11s!important;
  }
  .able-explore .able-explore-card:is(:hover,:focus-visible) .able-explore-hover-icon svg{
    transform:translate(0,0);opacity:1;transition-delay:.16s!important;
  }
}
@media(hover:none),(pointer:coarse){
  .able-explore .able-explore-overlay{opacity:1!important;background:transparent!important;align-items:flex-end!important;justify-content:flex-end!important;padding:12px!important}
  .able-explore .able-explore-hover-cta{display:flex!important;clip-path:none!important;opacity:1!important;transform:none!important;background:transparent!important}
  .able-explore .able-explore-hover-label{display:none!important}
  .able-explore .able-explore-hover-icon{background:#ffca28!important;color:#242829!important;width:39px!important;height:39px!important}
  .able-explore .able-explore-hover-icon svg{transform:none!important;opacity:1!important;transition:none!important}
}
@media(prefers-reduced-motion:reduce){
  .able-explore .able-explore-overlay,.able-explore .able-explore-hover-cta,.able-explore .able-explore-hover-label,.able-explore .able-explore-hover-icon svg{transition:none!important}
}

/* v2.4.0 — Soft automatic crossfade, replacing the diagonal wipe.
   The outgoing photo remains fully visible beneath the incoming photo. */
.able-explore .able-explore-slides img.able-explore-slide{
  clip-path:none!important;
  animation:none!important;
  opacity:0!important;
  transform:none!important;
  transition:opacity .82s ease-in-out!important;
  z-index:1!important;
}
.able-explore .able-explore-slides img.able-explore-slide.is-active{
  opacity:1!important;
  z-index:2!important;
}
.able-explore .able-explore-slides img.able-explore-slide.is-fade-in{
  z-index:3!important;
  opacity:0!important;
}
@media(prefers-reduced-motion:reduce){
  .able-explore .able-explore-slides img.able-explore-slide{transition:none!important}
}

.able-explore .able-explore-slides img.able-explore-slide.is-fade-in.is-active{opacity:1!important}