/* A full campaign cover, composed around the shoe rather than a split panel. */
.cinematic-hero.encore-hero{position:relative;min-height:760px;height:min(820px,calc(100svh - 125px));margin:16px 24px 22px;border-radius:24px!important;overflow:hidden;isolation:isolate;background:#15392f;box-shadow:0 18px 45px #183c3418;color:#fffbee}
.cinematic-hero:after{inset:12px;border-radius:15px;border-color:#fff6}
.cinematic-hero .hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;background:#15392f}
.cinematic-hero .hero-frame{inset:0;visibility:hidden;opacity:0;z-index:0;transform:scale(1.025);transition:opacity .8s ease,transform 1.3s cubic-bezier(.16,1,.3,1),visibility .8s;animation:none!important}
.cinematic-hero .hero-frame.is-current{visibility:visible;opacity:1;z-index:2;transform:scale(1);animation:none!important}
.cinematic-hero .hero-frame.is-leaving{visibility:visible;opacity:0;z-index:1;transform:scale(1.035)}
.cinematic-hero .hero-frame.is-leaving>picture{visibility:visible}
.cinematic-hero .hero-frame img{object-fit:cover;object-position:center 45%;animation:none;transform:scale(1.01)}
.cinematic-hero .hero-frame.is-current img{animation:cinema-camera 8s cubic-bezier(.2,.5,.3,1) both}
.hero-cinema-shade{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(270deg,#102b24f5 0%,#102b24e0 26%,#102b249c 41%,#102b2400 67%),linear-gradient(0deg,#0c241dce,transparent 30%);transition:background 1s}
.cinematic-hero .hero-editorial{position:relative;z-index:6;width:43%;height:100%;min-height:760px;padding:38px 4.5% 125px 2.5%;margin-right:0;margin-left:auto;background:transparent;display:flex;flex-direction:column}
.cinematic-hero .hero-topline{font-size:7px;letter-spacing:2px;color:#d3dfc1;border:0;padding:0;white-space:normal;line-height:1.8}
.cinematic-hero .hero-copy-stage{display:grid;flex:1;align-items:center;padding:30px 0 20px}
.cinematic-hero .hero-story{transform:translate3d(0,25px,0);transition:opacity .3s ease,transform .75s cubic-bezier(.16,1,.3,1),visibility .3s;transition-delay:0s}
.cinematic-hero .hero-story.is-current{transform:none;transition-delay:.12s}
.cinematic-hero .hero-kicker{font:8px Arial,sans-serif;letter-spacing:3px;color:#c8d99d}
.cinematic-hero .hero-kicker:before{width:25px}
.cinematic-hero .hero-headline{font-family:NETajawal,NEArabic,sans-serif;font-weight:700;font-size:clamp(43px,4.6vw,70px);letter-spacing:-1.8px;line-height:1.4;white-space:normal;margin:24px 0 18px}
.cinematic-hero .hero-headline em{background:linear-gradient(100deg,#dceca5 20%,#fff9df 44%,#dceca5 65%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;animation:hero-text-shine 7s ease-in-out infinite;min-height:1.4em;white-space:nowrap}
.cinematic-hero .typing-caret{width:1px;height:.65em;margin-right:3px}
.cinematic-hero .hero-story>p{font-size:14px;line-height:2.1;color:#dce3d1;max-width:340px;min-height:4.2em;margin:0 0 22px}
.cinematic-hero .hero-offer{border:0;padding:0;background:none;display:flex;align-items:center;gap:10px;margin:0 0 24px}
.cinematic-hero .hero-offer>span{display:block;color:#dcea9d;font-size:21px}
.cinematic-hero .hero-offer b{font-size:12px;line-height:1.9;color:#eaf4c6}
.cinematic-hero .hero-offer small{font-size:10px;line-height:1.8;color:#bdcdb1;margin-top:3px}
.cinematic-hero .hero-cta{width:100%;max-width:330px;min-width:0;min-height:59px;padding:9px 12px 9px 22px;border:1px solid #dfedb4;border-radius:9px;background:#e3efb4;color:#183c34;justify-content:space-between;gap:15px;box-shadow:0 12px 30px #0002}
.cinematic-hero .hero-cta>span{font-family:NEArabic,sans-serif;font-size:14px;line-height:1.9}
.cinematic-hero .hero-cta>i{width:38px;height:38px;border:1px solid #183c3438;border-radius:50%;display:grid;place-items:center;font-style:normal;flex-shrink:0;transition:transform .3s,background .3s}
.cinematic-hero .hero-cta svg{width:19px;height:19px;stroke-width:1.6}
.cinematic-hero .hero-cta:hover>i{transform:rotate(-10deg);background:#f8ffe1}
.cinematic-hero .hero-bottomline{padding:0;border:0;font-size:9px;color:#bed0ac;gap:15px}
.cinematic-hero .hero-bottomline>span:last-child{font:8px Arial;letter-spacing:2px}
.cinematic-hero .hero-roundel{width:108px;height:108px;left:38px;right:auto;top:32px;background:#eff3d0ee;color:#183c34;outline-offset:6px;outline-color:#f3f8d64d;box-shadow:0 10px 30px #0001;transform:rotate(-10deg)}
.cinematic-hero .hero-roundel>span:not(.sr-only){font-size:34px}
.cinematic-hero .hero-controls{position:absolute;left:35px;right:auto;bottom:29px;width:calc(57% - 65px);max-width:none;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;display:flex;align-items:center;gap:16px;color:#f9fde5;z-index:8;direction:ltr}
.cinematic-hero .hero-progress{display:flex;gap:10px;min-width:0}
.cinematic-hero .hero-progress button{display:flex;align-items:center;gap:10px;text-align:left;padding:8px;background:#f7f8eb14;backdrop-filter:blur(12px);border:1px solid #f3f8d93d;border-radius:10px;position:relative;overflow:hidden;min-width:0;flex:1;transition:background .3s,border-color .3s,transform .3s}
.cinematic-hero .hero-progress button[aria-current]{background:#f5f6e7df;color:#183c34;border-color:#f3f8d9}
.cinematic-hero .hero-progress button:hover{transform:translateY(-3px);border-color:#e0efae}
.cinematic-hero .hero-progress button>img{width:44px;height:52px;object-fit:cover;border-radius:5px;flex-shrink:0}
.cinematic-hero .hero-progress button>span{display:flex;flex-direction:column;gap:5px;margin:0;opacity:1;min-width:0}
.cinematic-hero .hero-progress b{font:9px Arial;opacity:.6}
.cinematic-hero .hero-progress small{font-family:NEArabic,sans-serif;font-size:10px;white-space:nowrap;line-height:1.7}
.cinematic-hero .hero-progress button>i{position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;background:#ffffff20}
.cinematic-hero .hero-progress i:after{background:#dcecaa}
.cinematic-hero .hero-progress [aria-current] i:after{background:#799a43}
.cinematic-hero .hero-nav{gap:6px;flex-shrink:0}
.cinematic-hero .hero-nav button{border-color:#ffffff66;color:#fffde9;background:#ffffff12;width:34px;height:34px;font:18px Arial}
.cinematic-hero .hero-count{display:none}
.cinematic-hero .hero-sparkles{opacity:.55}
.cinematic-hero .sparkle-0{top:26%;left:18%}.cinematic-hero .sparkle-1{top:66%;left:49%}.cinematic-hero .sparkle-2{top:40%;left:62%}
@keyframes cinema-camera{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.07) translateX(-.5%)}}
@media(min-width:1700px){.cinematic-hero.encore-hero{max-width:1680px;margin-inline:auto}.cinematic-hero .hero-headline{font-size:76px}}
@media(max-width:1050px) and (min-width:701px){.cinematic-hero.encore-hero{margin:14px;min-height:680px;height:680px}.cinematic-hero .hero-editorial{width:48%;min-height:680px;padding:32px 4% 120px 2%}.cinematic-hero .hero-headline{font-size:45px}.cinematic-hero .hero-story>p{font-size:12px;max-width:270px;line-height:2}.cinematic-hero .hero-topline{font-size:6px;letter-spacing:1px}.cinematic-hero .hero-kicker{font-size:7px;letter-spacing:2px}.cinematic-hero .hero-controls{width:calc(52% - 40px);max-width:none;left:25px;gap:9px;bottom:25px}.cinematic-hero .hero-progress{gap:7px}.cinematic-hero .hero-progress button{padding:5px;justify-content:center}.cinematic-hero .hero-progress button>span{display:none}.cinematic-hero .hero-progress button>img{width:42px;height:49px}.cinematic-hero .hero-nav{display:none}.cinematic-hero .hero-roundel{width:90px;height:90px;left:28px;top:28px}.hero-cinema-shade{background:linear-gradient(270deg,#102b24f5,#102b24dc 35%,#102b2450 65%,transparent),linear-gradient(0deg,#102b24ad,transparent 30%)}.cinematic-hero .hero-cta{min-height:53px}.cinematic-hero .hero-cta>span{font-size:12px}.cinematic-hero .hero-bottomline{font-size:8px}}
@media(max-width:700px){.cinematic-hero.encore-hero{display:block;height:auto;min-height:0;margin:10px 10px 16px;border-radius:18px!important}.cinematic-hero:after{inset:7px;border-radius:12px;border-color:#eff6d92b}.cinematic-hero .hero-art{position:absolute;inset:0 0 auto;height:370px;width:100%;margin:0;border-radius:0;aspect-ratio:auto;overflow:visible}.cinematic-hero .hero-frame{overflow:hidden;height:370px}.cinematic-hero .hero-frame img{object-position:center 48%;object-fit:cover}.hero-cinema-shade{inset:0 0 -30px;background:linear-gradient(0deg,#15392f 0%,#15392f00 55%),linear-gradient(180deg,#0b261c40,transparent 30%)}.cinematic-hero .hero-editorial{width:100%;height:auto;min-height:0;padding:300px 25px 93px;background:transparent;margin:0;position:relative;pointer-events:none}.cinematic-hero .hero-topline{font-size:6px;letter-spacing:1.2px;margin:0 0 14px;color:#d1debb}.cinematic-hero .hero-copy-stage{padding:0;flex:initial;align-items:start}.cinematic-hero .hero-story{pointer-events:none}.cinematic-hero .hero-story.is-current{pointer-events:auto}.cinematic-hero .hero-kicker{font-size:7px;letter-spacing:2px}.cinematic-hero .hero-headline{font-size:39px;line-height:1.35;letter-spacing:-1.2px;margin:11px 0 13px}.cinematic-hero .hero-headline br{display:block}.cinematic-hero .hero-headline em{margin:0;min-height:1.35em}.cinematic-hero .hero-story>p{font-size:12px;line-height:1.9;min-height:0;max-width:none;margin-bottom:17px}.cinematic-hero .hero-offer{gap:8px;margin-bottom:17px}.cinematic-hero .hero-offer>span{font-size:18px}.cinematic-hero .hero-offer b{font-size:11px}.cinematic-hero .hero-offer small{font-size:9px}.cinematic-hero .hero-cta{max-width:none;min-height:52px;padding:7px 10px 7px 17px;border-radius:9px;pointer-events:auto}.cinematic-hero .hero-cta>span{font-size:13px}.cinematic-hero .hero-cta>i{width:34px;height:34px}.cinematic-hero .hero-bottomline{display:none}.cinematic-hero .hero-roundel{width:78px;height:78px;top:22px;left:22px;right:auto;outline-offset:4px}.cinematic-hero .hero-roundel>span:not(.sr-only){font-size:26px}.cinematic-hero .hero-controls{left:24px;right:24px;width:auto;max-width:none;bottom:20px;gap:0;pointer-events:auto}.cinematic-hero .hero-progress{width:100%;gap:8px;flex:1}.cinematic-hero .hero-progress button{padding:5px;gap:6px;border-radius:7px;min-height:49px}.cinematic-hero .hero-progress button>img{width:33px;height:38px;border-radius:3px}.cinematic-hero .hero-progress button>span{gap:2px}.cinematic-hero .hero-progress b{font-size:7px}.cinematic-hero .hero-progress small{font-size:7px;white-space:normal;line-height:1.6}.cinematic-hero .hero-nav{display:none}.cinematic-hero .hero-sparkles{opacity:.5}}
@media(max-width:360px){.cinematic-hero .hero-art,.cinematic-hero .hero-frame{height:325px}.cinematic-hero .hero-editorial{padding:270px 20px 90px}.cinematic-hero .hero-headline{font-size:34px}.cinematic-hero .hero-story>p{font-size:11px}.cinematic-hero .hero-cta>span{font-size:12px}.cinematic-hero .hero-controls{left:19px;right:19px}.cinematic-hero .hero-progress button>img{width:29px;height:35px}.cinematic-hero .hero-progress small{font-size:6px}.cinematic-hero .hero-progress b{font-size:6px}.cinematic-hero .hero-roundel{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){.cinematic-hero .hero-frame,.cinematic-hero .hero-frame.is-current,.cinematic-hero .hero-frame img,.cinematic-hero .hero-frame.is-current img,.cinematic-hero .hero-headline em,.cinematic-hero .hero-roundel svg{animation:none!important;transition:none!important;transform:none}.cinematic-hero .hero-story,.cinematic-hero .hero-progress button{transition:none;transform:none}}
/* Six complete campaign choices without crowding the mobile hero. */
.cinematic-hero .hero-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;flex:1;min-width:0}.cinematic-hero .hero-progress button{min-width:0;justify-content:center;padding:5px}.cinematic-hero .hero-progress button>span{display:none}.cinematic-hero .hero-progress button>img{width:100%;max-width:58px;height:48px;object-fit:cover}.cinematic-hero .hero-controls{max-width:650px}
@media(max-width:700px){.cinematic-hero .hero-progress{gap:5px}.cinematic-hero .hero-progress button{padding:4px;min-height:47px}.cinematic-hero .hero-progress button>img{width:100%;height:35px;max-width:44px}.cinematic-hero .hero-controls{max-width:none}}