/* 38 — Screenshot-inspired ORIGINAL experience section.
   Entirely namespaced so existing widget 04 and all saved widgets remain unaffected. */
.elementor-widget-j4t_original_experience,
.elementor-widget-j4t_original_experience *{box-sizing:border-box}
.elementor-widget-j4t_original_experience{font-family:Inter,Arial,sans-serif}
.elementor-widget-j4t_original_experience .elementor-widget-container{overflow:visible}
.j4t-original-experience{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:105px 0;background:#f6f2f3;color:#07152b}
.j4t-original-experience--full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.j4t-oe__blue-strip{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:16.1%;background:#3f579f;pointer-events:none}
.j4t-oe__wrap{position:relative;z-index:1;width:1300px;max-width:100%;margin:0 auto}
.j4t-oe__grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);column-gap:80px;align-items:center;min-width:0}
/* Left layered collage: main rear photo, orange block, white-framed foreground photo. */
.j4t-oe__visual{position:relative;min-width:0;height:600px;isolation:isolate}
.j4t-oe__orange{position:absolute;z-index:1;left:20%;top:36px;width:23%;height:43%;border-radius:7px;background:#f3ae39}
.j4t-oe__photo{position:absolute;display:block;object-fit:cover;max-width:none!important;border-radius:4px;box-shadow:none;transition:transform .5s ease}
.j4t-oe__photo--main{z-index:2;top:0;right:1%;width:57%;height:80%;object-position:center center}
.j4t-oe__photo--front{z-index:3;bottom:0;left:0;width:51%;height:70%;border:7px solid #fff;box-shadow:0 5px 17px rgba(18,31,65,.08);object-position:center}
/* Right copy and feature rows. */
.j4t-oe__content{position:relative;min-width:0;align-self:center;padding:3px 0}
.j4t-oe__title{font-family:Inter,Arial,sans-serif;font-size:clamp(33px,2.48vw,41px);line-height:1.18;font-weight:800;letter-spacing:-.025em;margin:0 0 22px;color:#07152b}
.j4t-oe__intro{font-family:inherit;font-size:16px;line-height:1.63;font-weight:400;max-width:630px;color:#253047;margin:0 0 36px}
.j4t-oe__features{display:flex;flex-direction:column;row-gap:24px}
.j4t-oe__feature{display:flex;align-items:flex-start;gap:28px;min-width:0}
.j4t-oe__feature-icon{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:76px;background:#475aa2;border-radius:5px;color:#fff}
.j4t-oe__feature-icon svg{display:block;width:37px;height:37px;color:inherit;fill:none}
.j4t-oe__feature-icon svg.e-font-icon-svg{fill:currentColor}
.j4t-oe__feature-icon i{font-size:32px;color:inherit;line-height:1}
.j4t-oe__feature-copy{min-width:0;padding-top:2px;flex:1}
.j4t-oe__feature-title{font-family:Inter,Arial,sans-serif;margin:0 0 6px!important;font-size:20px;line-height:1.32;font-weight:800;letter-spacing:-.01em;color:#08152b;overflow-wrap:anywhere}
.j4t-oe__feature-text{font-family:Inter,Arial,sans-serif;margin:0!important;font-size:15px;line-height:1.53;color:#27364f;overflow-wrap:anywhere}
/* Match the desktop reference: the image group begins slightly below the heading. */
@media(min-width:1025px){
  .j4t-oe__visual{top:60px}
  .j4t-oe__photo--front{bottom:15px}
  .j4t-oe__content{top:16px}
}
/* Content must never be hidden by a missed observer callback or an Elementor entrance state. */
.elementor-widget-j4t_original_experience.elementor-invisible,
.elementor-widget-j4t_original_experience.elementor-invisible>.elementor-widget-container{visibility:visible!important;opacity:1!important}
@media(max-width:1366px){
  .j4t-oe__wrap{width:90%}
  .j4t-oe__grid{column-gap:58px}
  .j4t-oe__visual{height:560px}
  .j4t-oe__feature{gap:21px}
  .j4t-oe__feature-icon{flex-basis:69px;width:69px;height:69px}
  .j4t-oe__feature-title{font-size:19px}
  .j4t-oe__intro{margin-bottom:29px}
}
@media(max-width:1024px){
  .j4t-original-experience{padding:75px 0}
  .j4t-oe__wrap{width:90%}
  .j4t-oe__grid{grid-template-columns:1fr;row-gap:37px}
  .j4t-oe__blue-strip{width:22%;height:535px;bottom:auto}
  .j4t-oe__visual{height:520px;max-width:740px;width:100%;margin:0 auto}
  .j4t-oe__photo--main{width:55%;height:85%;right:4%}
  .j4t-oe__photo--front{width:51%;height:67%;bottom:0}
  .j4t-oe__orange{top:30px}
  .j4t-oe__content{width:100%;max-width:780px;margin:0 auto}
  .j4t-oe__title{font-size:clamp(30px,4vw,39px)}
  .j4t-oe__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:25px}
  .j4t-oe__feature-icon{flex:0 0 62px;width:62px;height:62px}
  .j4t-oe__feature-icon svg{width:31px;height:31px}
  .j4t-oe__feature-icon i{font-size:27px}
  .j4t-oe__feature{gap:16px}
}
@media(max-width:767px){
  .j4t-original-experience{padding:56px 0}
  .j4t-oe__wrap{width:90%}
  .j4t-oe__grid{row-gap:38px}
  .j4t-oe__blue-strip{width:27%;height:335px}
  .j4t-oe__visual{height:340px;max-width:510px}
  .j4t-oe__orange{left:20%;top:28px;width:24%;height:44%;border-radius:5px}
  .j4t-oe__photo--main{top:0;right:1%;width:58%;height:82%;border-radius:5px}
  .j4t-oe__photo--front{left:0;bottom:0;width:54%;height:69%;border-width:5px;border-radius:5px}
  .j4t-oe__title{font-size:clamp(26px,7vw,35px);line-height:1.2;margin-bottom:16px}
  .j4t-oe__intro{font-size:15px;line-height:1.65;margin-bottom:25px}
  .j4t-oe__features{display:flex;row-gap:22px}
  .j4t-oe__feature{gap:16px}
  .j4t-oe__feature-icon{flex:0 0 55px;width:55px;height:55px;border-radius:5px}
  .j4t-oe__feature-icon svg{width:29px;height:29px}
  .j4t-oe__feature-icon i{font-size:25px}
  .j4t-oe__feature-copy{padding-top:0}
  .j4t-oe__feature-title{font-size:17px;line-height:1.35;margin-bottom:5px!important}
  .j4t-oe__feature-text{font-size:14px;line-height:1.55}
}
@media(max-width:390px){
  .j4t-oe__visual{height:300px}
  .j4t-oe__blue-strip{height:295px}
  .j4t-oe__grid{row-gap:29px}
  .j4t-oe__feature-icon{flex-basis:49px;width:49px;height:49px}
  .j4t-oe__feature-icon svg{width:26px;height:26px}
  .j4t-oe__feature{gap:12px}
  .j4t-oe__feature-title{font-size:16px}
  .j4t-oe__feature-text{font-size:13.5px}
}
/* Non-blocking motion: content always visible, animates only when observer activates. */
@keyframes j4tOERevealLeft{from{opacity:.55;transform:translate3d(-24px,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes j4tOERevealRight{from{opacity:.55;transform:translate3d(24px,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:no-preference){
  .j4t-original-experience--animate.j4t-motion-in .j4t-oe__visual{animation:j4tOERevealLeft .8s both ease-out}
  .j4t-original-experience--animate.j4t-motion-in .j4t-oe__content{animation:j4tOERevealRight .8s both ease-out}
}

/* Small source-matched eyebrow for the Garage Cleanouts preset. */
.j4t-oe__eyebrow{display:flex;align-items:center;gap:10px;font-family:Inter,Arial,sans-serif;font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:12px;line-height:1.4;color:#475aa2;margin:0 0 14px}
.j4t-oe__eyebrow:before{content:"";display:inline-block;width:18px;height:3px;background:#f3ae39;border-radius:3px;flex:0 0 18px}
@media(max-width:767px){.j4t-oe__eyebrow{font-size:11px;margin-bottom:11px}}