/* Page-scoped additions. Native Semplice owns content, fonts, colours and media. */
#cover-1022 smp-cover-media-wrapper::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.48);pointer-events:none}
#cover-1022 smp-cover-content{position:relative;z-index:2}
#content-1022 .is-content h2{margin:0 0 1.8rem}
#content-1022 .is-content p{color:#fff;max-width:85ch}
#section_edrlibrary1 img,#section_edrlibrary2 img{width:100%;height:390px;object-fit:contain}
#section_edrprocess img{width:100%;height:540px;object-fit:contain}
#section_edrprocess p{color:#ffffff!important;font-family:upgrade,sans-serif!important}
#section_edrads1 img,#section_edrads2 img{width:100%;height:600px;object-fit:contain;max-width:354px;margin:auto}
#section_edrooh1 img,#section_edrooh2 img{width:100%;height:auto;object-fit:contain}
@media(max-width:767px){
 #cover-1022 h1{font-size:clamp(38px,9vw,60px)!important;line-height:1.08!important}
 #cover-1022 h4{font-size:22px!important}
 #section_edrintro{padding-top:3rem!important;padding-bottom:3rem!important}
 #content-1022 .is-content h2{font-size:34px;line-height:1.08}
 #section_edrlibrary1 img,#section_edrlibrary2 img{height:330px}
 #section_edrprocess img{height:460px}
 #section_edrads1 img,#section_edrads2 img{height:auto;max-width:354px}
}

/* Orange page body with white typography, as requested. */
#content-1022 smp-section :is(h2,h2 span,p,a){color:#ffffff!important}

/* Ground the supplied transparent artwork with tight and soft contact shadows. */
#section_edrhero .smp-image{position:relative;isolation:isolate;display:block!important;padding:0 0 34px!important}
#section_edrhero .smp-image img{position:relative;z-index:1;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:840px;margin:0 auto!important}
#section_edrhero .smp-image::before,#section_edrhero .smp-image::after{content:"";position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0;border-radius:50%}
#section_edrhero .smp-image::before{bottom:16px;width:min(52%,450px);height:28px;background:rgba(89,26,0,.28);filter:blur(12px)}
#section_edrhero .smp-image::after{bottom:25px;width:min(34%,290px);height:9px;background:rgba(70,20,0,.22);filter:blur(5px)}
@media(max-width:767px){#section_edrhero .smp-image{padding-bottom:26px!important}#section_edrhero .smp-image img{max-height:none;width:100%!important}#section_edrhero .smp-image::before{bottom:12px;height:18px;width:54%;filter:blur(8px)}#section_edrhero .smp-image::after{bottom:19px;height:6px;width:36%;filter:blur(3px)}}

/* Feather the cropped shadow spill of the Milkrun and drinks cutouts. */
#content_edrlibrary200 img,#content_edrlibrary210 img{
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 100%),linear-gradient(to bottom,#000 0%,#000 82%,transparent 94%);
 mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 100%),linear-gradient(to bottom,#000 0%,#000 82%,transparent 94%);
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
}

/* Native Semplice Lottie beside the Visual System heading. */
#row_edrsystemtitle{align-items:center!important;justify-content:flex-start!important}
@media(min-width:768px){#column_edrsystemtitle0{width:auto!important;flex:0 1 auto!important}#column_edrsystemtitle1{width:150px!important;flex:0 0 150px!important;margin-left:20px!important}}
#content_edrsystemtitle00 h2{margin-bottom:0!important}
#content_edrsystemtitle10 .lottie-holder{width:150px!important;height:150px!important;max-width:100%}
#row_edrsystemcopy{margin-top:12px}
@media(max-width:767px){
 #row_edrsystemtitle{display:flex!important;flex-wrap:nowrap!important}
 #column_edrsystemtitle0{width:calc(100% - 96px)!important;flex:1 1 auto!important}
 #column_edrsystemtitle1{width:96px!important;flex:0 0 96px!important}
 #content_edrsystemtitle10 .lottie-holder{width:96px!important;height:96px!important}
 #row_edrsystemcopy{margin-top:24px}
}

/* A handful of coin sprinkles, kept in the section breathing room. */
#content_edrsystemtitle10 .lottie-holder{width:78px!important;height:78px!important}
@media(min-width:768px){#column_edrsystemtitle1{width:98px!important;flex-basis:98px!important;margin-left:12px!important}}
#section_edrintro,#section_edrprocesstitle,#section_edrapplicationstitle,#section_edrcontexttitle{position:relative}
[id^="row_edrsprinkle"]{position:absolute!important;pointer-events:none;z-index:1;margin:0!important}
[id^="row_edrsprinkle"] smp-column{width:100%!important;padding:0!important;margin:0!important}
[id^="content_edrsprinkle"] .lottie-holder{width:100%!important;height:auto!important;aspect-ratio:1}
#row_edrsprinkleintro{width:70px!important;top:22px;right:13%;transform:rotate(-16deg)}
#row_edrsprinkleprocess{width:78px!important;top:4px;right:8%;transform:rotate(13deg)}
#row_edrsprinkleapplications{width:50px!important;top:0;right:39%;transform:rotate(-22deg)}
#row_edrsprinklecontext{width:64px!important;top:4px;right:22%;transform:rotate(18deg)}
@media(max-width:767px){
 #column_edrsystemtitle1{width:70px!important;flex-basis:70px!important}
 #column_edrsystemtitle0{width:calc(100% - 70px)!important}
 #content_edrsystemtitle10 .lottie-holder{width:50px!important;height:50px!important}
 #row_edrsprinkleintro{width:52px!important;top:-62px;right:9%}
 #row_edrsprinkleprocess{width:48px!important;top:-58px;right:10%}
 #row_edrsprinkleapplications{width:38px!important;top:-54px;right:33%}
 #row_edrsprinklecontext{width:46px!important;top:-58px;right:20%}
}

[id^="content_edrsprinkle"] svg{display:block;width:100%;height:auto}

@media(max-width:767px){#section_edrintro,#section_edrprocesstitle,#section_edrapplicationstitle,#section_edrcontexttitle{padding-top:4.5rem!important}}

/* Progressive motion: artwork remains visible if scripting is unavailable. */
.rj-edr-motion #section_edrhero img{
 transform:perspective(1100px) translateY(var(--edr-hero-y,0px)) rotateX(var(--edr-hero-rx,0deg)) rotateY(var(--edr-hero-ry,0deg));
 transform-origin:50% 65%;transition:transform 180ms ease-out;
}
.rj-edr-motion #section_edrhero .smp-image::before,
.rj-edr-motion #section_edrhero .smp-image::after{
 transform:translateX(-50%) scaleX(var(--edr-shadow-scale,1));opacity:var(--edr-shadow-opacity,1);transition:transform 180ms ease-out,opacity 180ms ease-out;
}
.rj-edr-motion :is(#section_edrlibrary1,#section_edrlibrary2,#section_edrads1,#section_edrads2) .smp-image{
 transition:opacity 650ms ease,transform 650ms cubic-bezier(.2,.7,.2,1);transition-delay:var(--edr-reveal-delay,0ms);
}
.rj-edr-motion .smp-image.rj-edr-reveal-pending{opacity:0;transform:translateY(22px)}
.rj-edr-motion .smp-image.rj-edr-revealed{opacity:1;transform:translateY(0)}
.rj-edr-object .is-content{transition:transform 300ms cubic-bezier(.2,.7,.2,1);transform-origin:50% 65%}
@media(min-width:768px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .rj-edr-object.rj-edr-hovering .is-content{transform:perspective(900px) translateY(-7px) rotateX(var(--edr-object-rx,0deg)) rotateY(var(--edr-object-ry,0deg))}
}
@media(max-width:767px){.rj-edr-motion .smp-image{transition-delay:0ms!important}}
@media(prefers-reduced-motion:reduce){
 .rj-edr-motion .smp-image,.rj-edr-motion .smp-image .is-content,.rj-edr-motion #section_edrhero img{opacity:1!important;transform:none!important;transition:none!important}
 .rj-edr-motion #section_edrhero .smp-image::before,.rj-edr-motion #section_edrhero .smp-image::after{transition:none!important;opacity:1!important}
}

@media(max-width:767px){.rj-edr-motion #section_edrhero img{transform:none;transition:none}}

/* The native project cover also supplies the homepage's Everyday Rewards slide. */
#cover-1022 smp-cover-media-wrapper::after{background:none!important}
#cover-1022 smp-cover-inner > smp-container{position:absolute!important;top:100px!important;left:0;right:0;width:100%;height:auto!important;transform:none!important;z-index:3;pointer-events:none}
#cover-1022 :is(h1,h2){font-size:24px!important;line-height:1.15!important;margin:0!important}
#cover-1022 smp-cover-inner > smp-container p{display:none!important}
#cover-1022 smp-bg-video video{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important}
@media(max-width:767px){#cover-1022 smp-cover-inner > smp-container{top:110px!important}#cover-1022 :is(h1,h2){font-size:22px!important}#cover-1022 smp-bg-video video{top:0!important;height:100%!important}}

#cover-1022 smp-cover-inner > smp-container{bottom:auto!important;min-height:0!important;display:block!important}
#cover-1022 smp-cover-inner > smp-container > smp-row{height:auto!important;min-height:0!important;align-items:flex-start!important}
.coverslider #cover-1022 smp-cover-inner > smp-container{top:160px!important}
.coverslider #cover-1022 smp-bg-video video{top:0!important;height:100%!important}
@media(max-width:767px){.coverslider #cover-1022 smp-cover-inner > smp-container{top:140px!important}.coverslider #cover-1022 smp-bg-video video{top:0!important;height:100%!important}}

/* Native self-hosted video modules retain each campaign format. */
#section_edrads1 .smp-video{width:100%;max-width:337.5px;margin:0 auto}
#section_edrads1 .smp-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background-size:contain!important}
#section_edrpartners .smp-video{width:100%;max-width:480px;margin:0 auto}
#section_edrpartners .smp-video video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background-size:contain!important}
#section_edrpartners p{margin:1rem auto 0!important;font-family:upgrade,sans-serif!important}
@media(max-width:767px){#section_edrpartners smp-column{padding-bottom:28px!important}}

/* IMF case-study baseline — local EDR adaptation. */
#content-1022 .rj-case-hero{max-width:1060px;padding:0!important}
#content-1022 .rj-case-hero h1{font:500 clamp(35px,4.5vw,64px)/1.04 upgrade,sans-serif!important;letter-spacing:-.045em!important;margin:12px 0 24px!important;color:#fff!important}
#content-1022 .rj-eyebrow{font:500 13px/1.5 Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase;margin:0 0 20px!important}
#content-1022 .rj-case-hero>p:last-child{font:400 clamp(20px,2vw,28px)/1.35 Arial,sans-serif!important;max-width:650px!important;margin:0!important}
#content-1022 :is(.rj-copy,.rj-case-field) p{font:400 19px/1.6 Arial,sans-serif!important;max-width:660px!important;margin:0 0 24px!important}
#content-1022 .rj-case-field{padding-right:20px}
#content-1022 .rj-case-field h2{font:500 23px/1.3 upgrade,sans-serif!important;letter-spacing:normal!important;margin:0 0 20px!important}
#content-1022 .rj-section-head h2{font:500 clamp(30px,3.4vw,49px)/1.12 upgrade,sans-serif!important;letter-spacing:-.035em!important;margin:0 0 28px!important}
#content-1022 .rj-credits{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;border-bottom:1px solid #ffffff80;padding-bottom:28px}
#content-1022 .rj-credits p{font:400 18px/1.5 Arial,sans-serif!important;margin:0!important}
#content-1022 .rj-credits span{display:block;font:400 12px/1.5 Arial,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
#content-1022 .rj-asset-caption{font:400 15px/1.5 Arial,sans-serif!important;margin:0!important;padding:18px 0 4px!important;text-align:center}
#content-1022 .rj-contact h2{font:500 clamp(38px,5vw,70px)/1.12 upgrade,sans-serif!important;letter-spacing:-.035em!important;margin:0 0 28px!important}
#content-1022 .rj-actions{display:flex;flex-wrap:wrap;gap:18px 32px;margin:30px 0 0!important}
#content-1022 .rj-actions a{font:500 16px/1.5 Arial,sans-serif!important;border-bottom:1px solid #ffffffa0;text-decoration:none!important;padding:8px 0!important;min-height:44px;box-sizing:border-box;display:inline-block}
#section_edrintro{padding-top:7rem!important;padding-bottom:2rem!important}
#section_edrintro #row_edrsprinkleintro{top:38px;right:4%;width:52px!important}
#section_edrcampaignfilm .smp-video{width:100%;margin:0 auto}
#section_edrcampaignfilm video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background-size:contain!important}
#content-1022 #content_edrsystemtitle00 h2{margin-bottom:0!important}
#content-1022 #row_edrsystemcopy{margin-top:28px}
#content-1022 smp-section{scroll-margin-top:110px}
body:has(#content-1022) .back-to-top{filter:brightness(0) invert(1)}
@media(max-width:767px){
 #section_edrintro{padding-top:6rem!important}
 #content-1022 .rj-case-hero h1{font-size:36px!important}
 #content-1022 .rj-case-hero>p:last-child{font-size:20px!important}
 #content-1022 .rj-credits{grid-template-columns:1fr;gap:22px}
 #content-1022 :is(.rj-copy,.rj-case-field) p{font-size:17px!important}
 #content-1022 .rj-case-field{padding:0 0 26px}
 #section_edrintro #row_edrsprinkleintro{top:28px;right:8%;width:38px!important}
 #content-1022 .rj-section-head h2{font-size:30px!important}
 #column_edrsystemtitle0{width:calc(100% - 60px)!important}
 #column_edrsystemtitle1{width:60px!important;flex-basis:60px!important}
}

/* Playful controls build on the native artwork; original media remains the fallback. */
#content-1022 .rj-edr-object-button{appearance:none;display:block;width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;line-height:0}
#content-1022 .rj-edr-object-button:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important;border-radius:4px}
#content-1022 .rj-edr-object-button img{transform-origin:50% 80%}
#content-1022 #row_edrsystemcopy .rj-edr-play-note{font:400 14px/1.5 Arial,sans-serif!important;margin:18px 0 0!important;min-height:21px;color:#fff!important}
#section_edrprocess.rj-edr-comparison-ready #row_edrprocess{display:none!important}
#section_edrprocess .rj-edr-compare{display:none;max-width:1100px;margin:0 auto;width:100%}
#section_edrprocess.rj-edr-comparison-ready .rj-edr-compare{display:block}
#content-1022 #section_edrprocess .rj-edr-compare-stage{height:clamp(420px,55vw,640px);position:relative;overflow:hidden;isolation:isolate;border:1px solid #ffffff66;background:#8a2a0012;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
#content-1022 #section_edrprocess .rj-edr-compare-stage img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;pointer-events:none;user-select:none}
#content-1022 #section_edrprocess .rj-edr-compare-exploration{transform:translate(-2%,-6%) scale(1.85)}
#section_edrprocess .rj-edr-compare-final-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--edr-compare,50%)) 0 0);background:#ff6b00}
#section_edrprocess .rj-edr-compare-divider{position:absolute;top:0;bottom:0;left:var(--edr-compare,50%);width:2px;transform:translateX(-50%);background:#fff;pointer-events:none}
#section_edrprocess .rj-edr-compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #fff;border-radius:50%;background:#6f2600e8;color:#fff;font:500 12px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
#section_edrprocess .rj-edr-compare-label{position:absolute;top:18px;max-width:42%;padding:8px 12px;background:#421b00e8;color:#fff;font:400 13px/1.4 Arial,sans-serif;pointer-events:none}
#section_edrprocess .rj-edr-compare-label-before{right:18px}
#section_edrprocess .rj-edr-compare-label-after{left:18px}
#section_edrprocess .rj-edr-compare-at-start .rj-edr-compare-label-after,#section_edrprocess .rj-edr-compare-at-end .rj-edr-compare-label-before{visibility:hidden}
#section_edrprocess :is(.rj-edr-compare-at-start,.rj-edr-compare-at-end) .rj-edr-compare-divider{visibility:hidden}
#section_edrprocess .rj-edr-compare-controls{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:24px;align-items:center;margin:14px 0 0}
#section_edrprocess .rj-edr-compare-controls button{border:0;border-bottom:1px solid #ffffff99;background:none;padding:8px 0;min-height:44px;color:#fff;font:400 14px/1.4 Arial,sans-serif;cursor:pointer}
#section_edrprocess .rj-edr-compare-controls input{width:100%;margin:0;min-height:44px;accent-color:#fff;cursor:ew-resize}
#section_edrprocess .rj-edr-compare-controls :is(button,input):focus-visible{outline:3px solid #fff!important;outline-offset:4px!important}
#content-1022 #section_edrprocess .rj-edr-compare-help{font:400 14px/1.5 Arial,sans-serif!important;margin:14px 0 0!important;color:#fff!important;max-width:none}
@media(max-width:767px){
 #content-1022 #section_edrprocess .rj-edr-compare-stage{height:430px}
 #section_edrprocess .rj-edr-compare-label{top:12px;padding:6px 8px;font-size:11px;max-width:44%}
 #section_edrprocess .rj-edr-compare-label-before{right:10px}
 #section_edrprocess .rj-edr-compare-label-after{left:10px}
 #section_edrprocess .rj-edr-compare-controls{grid-template-columns:1fr 1fr;gap:4px 18px}
 #section_edrprocess .rj-edr-compare-controls input{grid-column:1 / -1;grid-row:1}
 #section_edrprocess .rj-edr-compare-controls button:first-child{justify-self:start}
 #section_edrprocess .rj-edr-compare-controls button:last-child{justify-self:end}
}
@media(prefers-reduced-motion:reduce){#content-1022 .rj-edr-object-button img{animation:none!important}}

/* Keep the campaign film and two poster images on the same responsive 9:16 frame. */
#row_edrads1{align-items:flex-start!important}
#section_edrads1 :is(.smp-image,.smp-video){width:100%;max-width:337.5px;margin:0 auto}
#section_edrads1 :is(img,video){display:block;width:100%;height:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;margin:0 auto}

/* Keep the portrait hero in proportion to the editorial opening. */
#section_edrhero .smp-image{width:100%;max-width:500px;margin:0 auto!important}
#section_edrhero .smp-image img{width:auto!important;max-width:100%!important;max-height:min(50vh,480px)!important}
@media(max-width:767px){#section_edrhero .smp-image img{width:auto!important;max-height:340px!important}}

#cover-1022 .rj-edr-cover-toggle{position:absolute;left:24px;right:auto;bottom:80px;z-index:10;border:1px solid #ffffffa0;border-radius:24px;padding:10px 16px;background:#a83f0026;color:#fff;font:14px/1.2 upgrade,Arial,sans-serif;cursor:pointer}
#cover-1022 .rj-edr-cover-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:767px){#cover-1022 .rj-edr-cover-toggle{left:20px;right:auto;bottom:80px;font-size:13px}}

/* Responsive review: protect reading space and preserve spacing when cards stack. */
#content-1022 #navbar-top{background:#0d1231!important}
#content-1022 #navbar-top img{height:52px!important;width:auto!important;max-width:78px!important;object-fit:contain}
#content-1022 .rj-edr-home-link{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:52px;line-height:0}
#content-1022 .rj-edr-home-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:767px){
 #section_edrintro #row_edrsprinkleintro{top:4px!important;width:30px!important}
 #row_edrads1> smp-column,#row_edrads2> smp-column,#row_edrooh1> smp-column{padding-bottom:24px!important}
 #row_edrads1> smp-column:last-child,#row_edrads2> smp-column:last-child,#row_edrooh1> smp-column:last-child{padding-bottom:0!important}
}
@media(max-height:500px) and (min-width:768px){
 #content-1022 #section_edrprocess .rj-edr-compare-stage{height:max(180px,calc(100svh - 190px))!important}
}