.number-case{--gn:#7dc338;--dk:#192821;--paper:#f7f8f4;--border:#d5e1d3;color:var(--dk);background:var(--paper);font-family:inherit;overflow:clip}
.number-case *{box-sizing:border-box}.number-case a{text-decoration:none}.number-wrap{width:min(1220px,100%);margin:auto;padding:0 30px}.number-case h1,.number-case h2,.number-case h3,.number-case p,.number-case figure{margin:0}.number-case h2{font-size:clamp(34px,4.3vw,64px);letter-spacing:-.035em;line-height:1.2}.number-case p{line-height:1.9}.number-eyebrow{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.15em;display:block;margin-bottom:22px}.number-hero{background:var(--gn);position:relative;overflow:hidden}.number-hero:before{content:'YEMEN WALLET / MOTION DESIGN';position:absolute;bottom:8px;inset-inline-start:3%;font:900 clamp(38px,7.5vw,100px) Manrope,Arial;letter-spacing:-.055em;white-space:nowrap;color:#ffffff21;pointer-events:none}.number-hero-layout{min-height:650px;padding-top:60px;padding-bottom:80px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(40px,5vw,92px)}.number-hero-text{position:relative;z-index:1}.number-hero h1{font-size:clamp(54px,6.6vw,98px);letter-spacing:-.056em;font-weight:900;line-height:1.17;margin-bottom:22px}.number-hero h1 em{font-style:normal;background:#f6f7f2;color:#17361d;padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.number-hero-text>p{max-width:570px;font-size:17px}.number-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0 23px}.number-hero-actions button,.number-main-cta{border:0;cursor:pointer;border-radius:99px;color:white;background:#152f21;padding:16px 22px;display:inline-flex;align-items:center;gap:24px;font:700 15px inherit}.number-hero-actions a{color:#14351e;font-weight:750}.number-spec{font:800 12px Manrope,Arial;display:flex;gap:12px;align-items:center}.number-spec i{width:5px;height:5px;background:#213f27;border-radius:50%}.number-hero-showcase{max-width:440px;justify-self:center;width:100%;position:relative;transform:rotate(-2deg)}.number-hero-screen{aspect-ratio:4/5;position:relative;background:white;border:11px solid #173e27;border-radius:29px;box-shadow:26px 30px 0 #173e2724,0 30px 80px #244b2220;overflow:hidden}.number-hero-screen>img,.number-hero-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white}.number-hero-screen>video{opacity:0;transition:opacity .12s}.number-hero-screen.playing>video{opacity:1}.number-hero-screen video{pointer-events:none}.number-floating-mark{position:absolute;bottom:-20px;inset-inline-end:-16px;background:#ffd66b;color:#283521;transform:rotate(2deg);font:900 12px Manrope,Arial;padding:13px 20px;border-radius:6px;box-shadow:0 10px 25px #1b442429}.number-chapternav{background:#172c20;color:#fff;position:sticky;top:0;z-index:12}.number-chapternav .number-wrap{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:58px}.number-chapternav b{font:800 11px Manrope,Arial;white-space:nowrap}.number-chapternav .number-wrap>div{display:flex;align-items:center;gap:20px;overflow:auto;scrollbar-width:none}.number-chapternav a{color:#fff;font-size:12px;white-space:nowrap;opacity:.86}.number-section{padding:92px 0;scroll-margin-top:68px}.number-idea-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}.number-idea h2{margin-bottom:26px}.number-idea p+p{margin-top:17px}.number-idea-images{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.number-type-still{aspect-ratio:4/5;background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 34px #1e3a2820}.number-type-still:nth-child(2){transform:translateY(46px)}.number-type-still img{display:block;width:100%;height:100%;object-fit:contain}.number-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.number-facts>div{border-top:1px solid #b3c5b3;padding-top:12px}.number-facts span{color:#61766a;font-size:12px;display:block;margin-bottom:5px}.number-facts strong{font-size:14px}.number-beats{background:#e8efdf}.number-beats h2,.number-story h2,.number-motion h2{margin-bottom:20px}.number-section-intro{max-width:780px;margin:0 0 30px!important;color:inherit;opacity:.82}.number-beat-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.25fr);gap:34px;align-items:start}.number-beat-picks{display:flex;flex-direction:column;gap:10px}.number-beat{border:1px solid #becdbd;border-radius:12px;min-height:75px;display:flex;align-items:center;gap:18px;padding:14px 20px;background:#ffffffa8;color:var(--dk);cursor:pointer;text-align:start}.number-beat small{font:800 13px Manrope,Arial;color:#72947b}.number-beat span{flex:1;font-size:19px;font-weight:750}.number-beat b{font-size:23px;font-weight:400}.number-beat.is-active{background:#1c4230;border-color:#1c4230;color:#fff}.number-beat.is-active small{color:#b9e593}.number-beat-stage{background:#fbfcf8;border-radius:18px;border:1px solid #d6e2d4;overflow:hidden;max-width:630px;width:100%;justify-self:center}.number-beat-media{height:clamp(300px,44vw,510px);display:grid;place-items:center;background:#f5f7f1;overflow:hidden}.number-beat-media img{height:100%;width:100%;object-fit:contain;display:block}.number-beat-stage figcaption{padding:18px 24px 22px;background:white}.number-beat-stage h3{font-size:23px;margin-bottom:4px}.number-beat-stage p{font-size:14px;color:#57705e}.number-story{background:#fff}.number-board-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 22px}.number-board-tab{border:1px solid #b8c8bd;background:#fff;padding:11px 16px;border-radius:99px;display:flex;gap:12px;align-items:center;cursor:pointer;color:#1a3524;font-size:13px}.number-board-tab small{font:800 11px Manrope,Arial}.number-board-tab.is-active{background:#1e422d;color:#fff}.number-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.number-board-grid figure{border-radius:14px;overflow:hidden;background:#f0f4ec;border:1px solid #d5e0d6}.number-board-media{height:clamp(225px,27vw,400px);display:grid;place-items:center;background:#f3f5ef;overflow:hidden}.number-board-media img{width:100%;height:100%;object-fit:contain;display:block}.number-board-grid figcaption{padding:15px 18px;font:800 12px Manrope,Arial;color:#406448}.number-motion{background:#162c20;color:#fff}.number-motion .number-eyebrow{color:#b7ea8d}.number-motion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:25px}.number-motion-card{min-width:0;border-radius:12px;overflow:hidden;background:#274734;border:1px solid #44664e}.number-clip-media{aspect-ratio:4/5;background:#7ec53d;overflow:hidden}.number-clip-media video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.number-motion-card>div:last-child{padding:16px 14px 21px;min-height:100px}.number-motion-card span{font:800 10px Manrope,Arial;color:#b4dc91}.number-motion-card h3{font-size:16px;margin-top:9px}.number-role-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:95px}.number-role h2{margin-bottom:25px}.number-role ul{padding:0;margin:0;list-style:none}.number-role li{border-bottom:1px solid #c6d7c8;padding:23px 8px;font-size:17px;font-weight:750}.number-role li:before{content:'↗';color:#75bb43;margin-inline-end:15px}.number-film{background:#e9f1e4}.number-youtube{position:relative;overflow:hidden;width:min(560px,100%);margin:30px auto 0;border-radius:16px;aspect-ratio:4/5;background:#7dc33a;display:grid;place-items:center;box-shadow:0 17px 40px #19432726}.number-youtube img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.number-youtube p{position:relative;z-index:1;max-width:78%;padding:19px 24px;color:#fff;background:#143b29e3;border-radius:11px;text-align:center}.number-youtube button{position:relative;z-index:1;border:none;background:#fff;color:#193823;font-size:32px;border-radius:50%;width:78px;height:78px;cursor:pointer}.number-youtube iframe{position:absolute;inset:0;border:0;width:100%;height:100%}.number-finale{text-align:center;background:#7cc238;padding:87px 0}.number-finale h2{max-width:900px;margin:auto auto 16px}.number-finale p{max-width:690px;margin:0 auto 26px}.number-main-cta{margin:auto;background:#163a25;color:white}.number-back{display:block;color:#193b24;margin-top:24px;font-size:14px}
@media(max-width:1060px){.number-hero-layout{grid-template-columns:1.05fr .95fr;gap:30px}.number-motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.number-idea-layout{gap:40px}.number-hero h1{font-size:clamp(46px,6.2vw,78px)}}
@media(max-width:780px){.number-hero-layout,.number-idea-layout,.number-role-layout,.number-beat-layout{grid-template-columns:1fr}.number-hero-layout{padding-top:44px;padding-bottom:58px}.number-hero-showcase{max-width:390px}.number-chapternav b{display:none}.number-section{padding:62px 0}.number-idea-images{max-width:500px;margin:auto}.number-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-beat-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.number-beat-media{height:450px}.number-board-media{height:310px}}
@media(max-width:520px){.number-wrap{padding:0 17px}.number-hero h1{font-size:clamp(42px,11vw,64px)}.number-hero-text>p{font-size:15px}.number-hero-showcase{max-width:310px}.number-hero-screen{border-width:7px;border-radius:21px}.number-floating-mark{font-size:9px;inset-inline-end:0}.number-beat-picks{grid-template-columns:1fr 1fr;gap:7px}.number-beat{min-height:70px;padding:11px;gap:8px}.number-beat span{font-size:13px}.number-beat small{font-size:10px}.number-case h2{font-size:clamp(30px,8vw,44px)}.number-board-grid{grid-template-columns:1fr}.number-board-media{height:250px}.number-beat-media{height:370px}.number-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-motion-card h3{font-size:14px}.number-motion-card>div:last-child{min-height:90px}.number-facts{grid-template-columns:1fr}.number-section{padding:50px 0}.number-chapternav .number-wrap>div{gap:16px}.number-chapternav a{font-size:11px}.number-hero-actions{gap:12px}.number-hero-actions button{font-size:13px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.number-hero-screen>video{transition:none}.number-case *{scroll-behavior:auto!important}}

/* v4.23 framing safeguard — preserve the complete native 4:5 film frame beside landscape storyboard drawings. */
.number-beat-media,.number-board-media,.number-type-still{position:relative}
.number-beat-media>img,.number-board-media>img,.number-type-still>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center}