/* Clear benefit illustrations: native Image layers, native copy and Containers.
   Each SVG is inert. Motion belongs to scoped widget layers, never to SVG internals. */
.jl-site.jl-site.page-home #why.team-section>.container{display:block}
.jl-site.jl-site.page-home #why.team-section .section-head{position:static;margin-bottom:54px;max-width:960px}
.jl-site.jl-site.page-home #why.team-section h2{max-width:870px;font-size:clamp(32px,3.3vw,50px)}
.jl-site.jl-site.page-home #why.team-section .eyebrow{color:#c4b8af}
.jl-site.jl-site.page-home #why.team-section .team-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 54px;align-items:stretch}
.jl-site.jl-site.page-home #why.team-section .team-feature{position:relative;display:grid;grid-template-columns:minmax(170px,.86fr) minmax(0,1.14fr);align-items:center;gap:25px;padding:30px 0 34px;border-top:1px solid #aa998140;min-width:0}
.jl-site.jl-site.page-home #why.team-section .team-feature::before{display:none}
.jl-site.jl-site.page-home #why.team-section .team-feature::after{content:'';position:absolute;top:-1px;left:0;width:44px;height:1px;background:#eb8b75;transform-origin:left}
.jl-site.jl-site .team-visual{position:relative;min-width:0;align-self:center;isolation:isolate}
.jl-site.jl-site #why .team-serial{margin:0 0 1px!important;display:flex;align-items:center;gap:9px;font-family:Inter,sans-serif;font-size:10px;line-height:1.4;letter-spacing:.15em;color:#eb9b83}
.jl-site.jl-site #why .team-serial::before{content:'';width:5px;height:5px;border:1px solid #eb9b83;border-radius:50%}
.jl-site.jl-site #why .team-scene{position:relative;display:block;width:100%;aspect-ratio:440/300;min-height:0;isolation:isolate;overflow:visible;transition:transform .4s ease}
.jl-site.jl-site #why .team-scene>.e-con-inner{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0}
.jl-site.jl-site #why .team-art,.jl-site.jl-site #why .team-layer{position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%;padding:0;margin:0;object-fit:contain;display:block;pointer-events:none;opacity:1;transform:none;transition:none}
.jl-site.jl-site #why .team-art{z-index:0}
.jl-site.jl-site #why .team-layer{z-index:1}
.jl-site.jl-site #why .team-art>.elementor-widget-container,.jl-site.jl-site #why .team-layer>.elementor-widget-container{width:100%;height:100%}
.jl-site.jl-site #why .team-art img,.jl-site.jl-site #why .team-layer img{display:block;width:100%;max-width:none;height:100%;object-fit:contain;aspect-ratio:440/300}
.jl-site.jl-site #why .team-message{transform-origin:69% 58%}
.jl-site.jl-site #why .team-choice{transform-origin:62% 23%}
.jl-site.jl-site #why .team-return{transform-origin:50% 52%}
.jl-site.jl-site #why .team-check-1{transform-origin:34% 40%}
.jl-site.jl-site #why .team-check-2{transform-origin:34% 55%}
.jl-site.jl-site #why .team-check-3{transform-origin:34% 69%}
.jl-site.jl-site #why .team-caption{margin:1px 0 0!important;min-height:25px;font-size:8px;line-height:1.7;letter-spacing:.13em;color:#baa98d;text-transform:uppercase}
.jl-site.jl-site.page-home #why .team-copy h3{font-size:clamp(21px,1.85vw,27px);line-height:1.25;margin:0 0 17px;letter-spacing:-.03em}
.jl-site.jl-site.page-home #why .team-copy p{font-size:13px;line-height:1.85;margin:0;color:#cbbfb2}
.jl-site.jl-site #why .team-payments{display:grid;grid-template-columns:3fr 6fr 1fr;gap:3px;min-height:25px;align-items:start;margin-top:4px}
.jl-site.jl-site #why .team-payment{min-width:0;padding-top:5px;border-top:3px solid #9d9982;color:#c4b8a2}
.jl-site.jl-site #why .team-payment:nth-child(2){border-color:#aab5a0}
.jl-site.jl-site #why .team-payment:last-child{border-color:#ed8b75;color:#f1ad95}
.jl-site.jl-site #why .team-payment p{font-size:9px;line-height:1.2;margin:0;white-space:nowrap;letter-spacing:0;font-variant-numeric:tabular-nums}
.jl-site.jl-site #why .team-payment:last-child p{text-align:right}
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible::after{animation:jl-team-rule .9s cubic-bezier(.2,.65,.3,1) .15s backwards}
/* Touch screens retain the one-shot viewport animation; they do not need hover. */
@media(hover:none),(pointer:coarse){
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible .team-message{animation:jl-team-message 1.8s .2s ease-in-out}
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible .team-wood{animation:jl-team-select 2.1s .15s ease-in-out}
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible .team-choice{animation:jl-team-confirm 1.6s .6s ease-in-out}
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible .team-return{animation:jl-team-return 2.4s .2s ease-in-out}
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible .team-check-1{animation:jl-team-confirm 1.15s .15s ease-in-out}
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible .team-check-2{animation:jl-team-confirm 1.15s .5s ease-in-out}
.jl-site.jl-site.motion-ready:not(.motion-paused) .team-feature.is-visible .team-check-3{animation:jl-team-confirm 1.15s .85s ease-in-out}
}
/* Short, one-shot confirmations. Every first/last state is complete and visible;
   direct anchor visits, late JS, failed enhancement and image loads cannot leave gaps. */
@keyframes jl-team-message{0%,100%{transform:scale(1)}30%{transform:translateY(-3px) scale(1.08)}48%{transform:scale(.98)}65%{transform:scale(1.035)}}
@keyframes jl-team-select{0%,100%{transform:translateY(0)}35%,60%{transform:translateY(-9px)}}
@keyframes jl-team-confirm{0%,100%{transform:scale(1)}40%{transform:scale(1.2)}65%{transform:scale(.98)}}
@keyframes jl-team-return{0%,100%{transform:rotate(0)}48%{transform:rotate(8deg)}}
@keyframes jl-team-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* The native feature Container is the desktop hover target. Removing :hover
   cancels the finite animation; re-entering starts a fresh run with no JS reset.
   Desktop hover needs no observer, SVG scripting or Elementor HTML widget. */
@media(hover:hover) and (pointer:fine){
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-scene{transform:translateY(-3px)}
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-message{animation:jl-team-message 1.3s ease-in-out}
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-wood{animation:jl-team-select 1.65s ease-in-out}
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-choice{animation:jl-team-confirm 1.1s .25s ease-in-out}
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-return{animation:jl-team-return 1.8s ease-in-out}
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-check-1{animation:jl-team-confirm .8s ease-in-out}
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-check-2{animation:jl-team-confirm .8s .22s ease-in-out}
.jl-site.jl-site:not(.motion-paused) #why .team-feature:hover .team-check-3{animation:jl-team-confirm .8s .44s ease-in-out}
}
@media(max-width:1100px){.jl-site.jl-site.page-home #why.team-section .team-features{grid-template-columns:1fr;gap:0}.jl-site.jl-site.page-home #why.team-section .section-head{margin-bottom:38px;max-width:760px}.jl-site.jl-site.page-home #why.team-section .team-feature{grid-template-columns:minmax(190px,.8fr) minmax(0,1.4fr);gap:40px;padding:28px 0}.jl-site.jl-site .team-visual{width:100%;max-width:300px}.jl-site.jl-site.page-home #why .team-copy h3{font-size:27px}.jl-site.jl-site.page-home #why .team-copy p{font-size:14px}.jl-site.jl-site #why .team-caption{font-size:9px}}
@media(max-width:600px){.jl-site.jl-site.page-home #why.team-section .section-head{margin-bottom:30px}.jl-site.jl-site.page-home #why.team-section h2{font-size:32px}.jl-site.jl-site.page-home #why.team-section .team-feature{display:flex;flex-direction:column;gap:20px;padding:27px 0 32px;align-items:stretch}.jl-site.jl-site #why .team-visual{width:100%;max-width:268px;align-self:center}.jl-site.jl-site #why .team-copy{display:block;min-width:0}.jl-site.jl-site.page-home #why .team-copy h3{font-size:24px;line-height:1.3;margin:0 0 12px}.jl-site.jl-site.page-home #why .team-copy p{font-size:14px;line-height:1.8}.jl-site.jl-site #why .team-serial{font-size:9px}.jl-site.jl-site #why .team-caption{font-size:8px;letter-spacing:.1em;min-height:20px}.jl-site.jl-site #why .team-payment p{font-size:9px}.jl-site.jl-site #why .team-payments{gap:3px;margin-top:5px}}
@media(max-width:360px){.jl-site.jl-site #why .team-visual{max-width:245px}.jl-site.jl-site.page-home #why .team-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.jl-site.jl-site #why .team-scene,.jl-site.jl-site #why .team-layer,.jl-site.jl-site #why .team-feature::after{animation:none!important;transition:none!important;transform:none!important}}
.jl-site.jl-site.motion-paused #why .team-scene,.jl-site.jl-site.motion-paused #why .team-layer,.elementor-editor-active .jl-site.jl-site #why .team-scene,.elementor-editor-active .jl-site.jl-site #why .team-layer,.jl-site.jl-site.elementor-editor-active #why .team-scene,.jl-site.jl-site.elementor-editor-active #why .team-layer{animation:none!important;transition:none!important;transform:none!important}
.elementor-editor-active .jl-site.jl-site #why .team-feature,.elementor-editor-active .jl-site.jl-site #why .team-feature::after,.jl-site.jl-site.elementor-editor-active #why .team-feature,.jl-site.jl-site.elementor-editor-active #why .team-feature::after{animation:none!important;opacity:1;transform:none!important}