/* Scroll-driven motion is progressive enhancement: content is visible by default. */
.site-scroll-progress{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;pointer-events:none}
.site-scroll-progress>span{display:block;height:100%;background:linear-gradient(90deg,#3a8660,#9bc59c,#c55a45);transform-origin:left;transform:scaleX(var(--reading-progress,0))}
.motion-enabled .page.active{animation:none}
.motion-enabled [data-reveal]{opacity:var(--reveal-opacity,1);translate:0 var(--reveal-y,0px)}
.motion-enabled [data-reveal]:focus-within{opacity:1!important;translate:none!important}
.motion-enabled [data-reveal="card"]{transition-property:background-color,border-color,box-shadow,transform,color}
.motion-enabled [data-reveal="title"]{transform-origin:0 100%}
.motion-enabled .motion-photo,.motion-enabled .split-visual,.motion-enabled .news-media{view-timeline-name:--jt-photo;view-timeline-axis:block}
.motion-photo{position:relative;overflow:hidden;border-radius:var(--r-xl);aspect-ratio:1;box-shadow:var(--shadow-lg)}
.about-story .motion-photo>img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.motion-enabled [data-depth-image]{translate:0 var(--depth-y,0px);scale:1.08}
.motion-enabled .news-tag,.motion-enabled .split-badge{z-index:2}
.motion-enabled .banner{view-timeline-name:--jt-banner;view-timeline-axis:block;isolation:isolate}
.motion-enabled .banner::before{translate:0 var(--banner-shift,0px);scale:1.1;transform-origin:50% 0}
.motion-watermark{position:absolute;right:-.02em;bottom:-.1em;z-index:0;color:#e2f1d4;opacity:.06;font:700 clamp(80px,15vw,210px)/1 var(--font-display);letter-spacing:-.06em;white-space:nowrap;pointer-events:none;user-select:none;translate:0 var(--banner-shift,0px)}
.motion-enabled .banner .wrap{z-index:1}
.motion-section-rule{height:1px;width:54px;background:currentColor;opacity:.6;transform-origin:left;scale:var(--reveal-line,1) 1;margin-bottom:18px}
.motion-enabled .cta-band{isolation:isolate}
.motion-enabled .cta-band::after{content:"";position:absolute;inset:20px;border:1px solid #bad9b222;border-radius:3px;pointer-events:none;transform:scaleX(var(--cta-progress,1));transform-origin:center}
.motion-method{position:relative;padding-top:30px}
.motion-method::before,.motion-method::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#d3ded2;transform-origin:left}
.motion-method::after{background:#31704c;transform:scaleX(var(--method-progress,0))}
.motion-method>.svc-card::after{content:"";position:absolute;top:12px;right:14px;width:5px;height:5px;border-radius:50%;background:var(--green-400);opacity:var(--reveal-opacity,1)}
.foot-bottom{align-items:center}

/* Native timelines keep continuous effects on the compositor where supported. */
@supports (animation-timeline:view()) and (animation-range:entry 0% entry 100%){
  .motion-enabled.native-timelines [data-depth-image]{animation:jt-photo-drift linear both;animation-duration:auto;animation-timeline:--jt-photo;animation-range:cover 0% cover 100%}
  .motion-enabled.native-timelines .banner::before,.motion-enabled.native-timelines .motion-watermark{animation:jt-banner-drift linear both;animation-duration:auto;animation-timeline:--jt-banner;animation-range:exit 0% exit 100%}
  .motion-enabled.native-timelines .site-scroll-progress>span{animation:jt-reading linear both;animation-duration:auto;animation-timeline:scroll(root block)}
}
@keyframes jt-photo-drift{from{translate:0 3%;scale:1.08}to{translate:0 -3%;scale:1.08}}
@keyframes jt-banner-drift{from{translate:0 0}to{translate:0 65px}}
@keyframes jt-reading{from{transform:scaleX(0)}to{transform:scaleX(1)}}

html[data-motion-mode="reduced"]{scroll-behavior:auto}
html[data-motion-mode="reduced"] [data-reveal]{opacity:1!important;translate:none!important}
html[data-motion-mode="reduced"] [data-depth-image],html[data-motion-mode="reduced"] .banner::before,html[data-motion-mode="reduced"] .motion-watermark{animation:none!important;translate:none!important;scale:1!important}
html[data-motion-mode="reduced"] .site-scroll-progress{display:none}
html[data-motion-mode="reduced"] .page.active{animation:none}
html[data-motion-mode="reduced"] .motion-method::after,html[data-motion-mode="reduced"] .cta-band::after{transform:none}
html[data-motion-mode="reduced"] .motion-section-rule{scale:1}
html[data-motion-mode="reduced"] .btn,html[data-motion-mode="reduced"] .svc-card,html[data-motion-mode="reduced"] .svc-full-card,html[data-motion-mode="reduced"] .value,html[data-motion-mode="reduced"] .news-card,html[data-motion-mode="reduced"] .news-media img{transition:none}
@media(max-width:760px){.motion-watermark{font-size:21vw;bottom:-.025em;opacity:.045}.motion-enabled [data-depth-image]{scale:1.045}.motion-method{padding-top:22px}.motion-enabled .cta-band::after{inset:12px}}
@media(prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1!important;translate:none!important}
  [data-depth-image],.motion-watermark,.banner::before{animation:none!important;translate:none!important;scale:1!important}
  .site-scroll-progress{display:none}
  .motion-method::after,.cta-band::after{transform:none!important}
  .motion-section-rule{scale:1!important}
}
@media print{[data-reveal]{opacity:1!important;translate:none!important}[data-depth-image]{animation:none!important;translate:none!important;scale:1!important}.site-scroll-progress,.motion-watermark{display:none}}
