/* Ihsan / National Bank of Yemen — bespoke vertical social-motion study */
.ih-case{--ink:#23183e;--violet:#602da3;--pink:#cf147b;--sky:#1593b6;--muted:#6b6480;--paper:#f9f8fa;--hair:#e8e3ed;color:var(--ink);background:var(--paper);font-family:inherit;overflow:hidden}
.ih-case *{box-sizing:border-box}.ih-case h1,.ih-case h2,.ih-case h3,.ih-case p,.ih-case figure{margin:0}.ih-case a{text-decoration:none}.ih-case button{font:inherit;cursor:pointer}.ih-case img,.ih-case video{display:block;max-width:100%}.ih-case [hidden]{display:none!important}.ih-container{max-width:1180px;margin:auto;padding-inline:clamp(20px,5vw,58px)}
.ih-overline{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--violet);text-transform:uppercase}.ih-overline:before{content:"";width:19px;height:2px;background:var(--pink)}
.ih-section{padding:clamp(74px,10vw,132px) 0;scroll-margin-top:120px}.ih-lead{font-size:clamp(16px,2vw,20px);line-height:2;max-width:680px;color:#5b536c}.ih-section-header{margin-bottom:42px}.ih-section-header h2{font-size:clamp(35px,5vw,64px);letter-spacing:-.05em;line-height:1.25;font-weight:750;margin:18px 0}.ih-section-header p{max-width:680px;line-height:1.9;color:var(--muted)}
.ih-hero{background:radial-gradient(circle at 6% 0,#f3e2ef 0,transparent 35%),radial-gradient(circle at 90% 85%,#e4ecf9 0,transparent 39%),#fbfafc;position:relative;border-bottom:1px solid var(--hair)}
.ih-hero:after{position:absolute;content:"";width:min(48vw,550px);aspect-ratio:1;border:1px solid #e7dbea;border-radius:50%;right:-19vw;top:-12vw;pointer-events:none}.ih-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,6vw,94px);min-height:685px;align-items:center;padding-top:64px;padding-bottom:64px}.ih-hero-copy{max-width:580px}.ih-hero h1{font-size:clamp(76px,12vw,142px);font-weight:850;line-height:1.03;letter-spacing:-.065em;color:var(--ink);margin:29px 0}.ih-hero h1 em{font-style:normal;color:var(--pink)}.ih-hero h1 small{display:block;font-size:clamp(27px,3.4vw,44px);letter-spacing:-.045em;font-weight:650;color:var(--violet);margin-top:16px;line-height:1.35}.ih-hero-copy>p{font-size:clamp(15px,1.4vw,18px);line-height:2;color:#5c536d;max-width:500px}.ih-meta{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 35px}.ih-meta span{border:1px solid #ded7e7;padding:8px 13px;border-radius:100px;color:#514865;background:#ffffff9c;font-size:12px;white-space:nowrap}
.ih-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ih-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ink);color:white!important;border:1px solid var(--ink);border-radius:100px;padding:15px 24px;min-height:52px;font-weight:750;font-size:14px;transition:transform .22s,background .22s;white-space:normal}.ih-btn:hover{transform:translateY(-2px);background:var(--pink);border-color:var(--pink)}.ih-btn:focus-visible,.ih-case button:focus-visible,.ih-case a:focus-visible{outline:3px solid #f78bc4;outline-offset:3px}.ih-btn-light{background:white!important;color:var(--ink)!important;border-color:#dfd9e7}.ih-btn-light:hover{background:#f4e6f1!important}.ih-quiet-link{color:var(--ink);font-size:14px;font-weight:720;text-decoration:underline;text-underline-offset:5px!important}
.ih-hero-screen-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding:25px 0}.ih-hero-screen-wrap:before{content:"";position:absolute;width:340px;aspect-ratio:1;border-radius:50%;background:#f1d6ea;filter:blur(65px);opacity:.83}.ih-phone-shell{position:relative;width:min(100%,332px);aspect-ratio:9/16;background:#fcfcfd;border:8px solid #fff;border-radius:28px;box-shadow:0 25px 70px #39224820,0 4px 12px #3922480b;overflow:hidden}.ih-phone-shell img,.ih-phone-shell video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ih-phone-shell video{opacity:0;transition:opacity .1s;pointer-events:none}.ih-phone-shell.is-playing video{opacity:1}.ih-phone-shell figcaption{position:absolute;inset:auto 9px 8px;z-index:3;background:#fffffff0;color:#645a72;border-radius:12px;padding:8px 11px;font-size:10px;letter-spacing:.12em;display:flex;justify-content:space-between;direction:ltr}.ih-phone-shell .ih-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-inline-end:8px;vertical-align:middle}
.ih-side-nav{border-bottom:1px solid #e9e3ee;background:#fffdfed9;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.ih-side-nav .ih-container{display:flex;gap:24px;align-items:center;min-height:59px;justify-content:space-between}.ih-side-nav strong{font-size:12px;white-space:nowrap;color:var(--pink)}.ih-nav-items{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-block:15px}.ih-nav-items::-webkit-scrollbar{display:none}.ih-nav-items a{font-size:12px;font-weight:650;color:#655c72}.ih-nav-items a:hover{color:var(--pink)}
.ih-intro{background:#fff}.ih-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}.ih-intro p{line-height:2;color:#585168;margin:0 0 20px;font-size:17px}.ih-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.ih-facts>div{border-top:1px solid var(--hair);padding-top:14px;display:flex;flex-direction:column;gap:6px}.ih-facts span{font-size:11px;color:#8b8198}.ih-facts b{font-size:15px;color:var(--ink)}.ih-intro-art{position:relative;background:radial-gradient(circle at center,#f3e1ee 0,#f8f6fa 50%,#ffffff 75%);border-radius:35px;min-height:425px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ih-intro-art img{height:360px;width:auto;aspect-ratio:9/16;object-fit:cover;box-shadow:0 20px 30px #2f194216;border-radius:12px}
.ih-path{background:#f5f1f9}.ih-path-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:40px;align-items:center}.ih-path-list{display:flex;flex-direction:column;gap:10px;margin-top:22px}.ih-path-btn{width:100%;text-align:start;display:flex;align-items:center;gap:18px;border:1px solid #ddd5e8;border-radius:17px;background:#fff9;padding:16px 18px;transition:background .2s,border .2s,transform .2s}.ih-path-btn span{font-size:12px;color:#9d83b7;font-weight:800}.ih-path-btn b{font-size:15px;color:#332346;flex:1}.ih-path-btn[aria-pressed="true"]{border-color:#be8ec8;background:white;box-shadow:0 12px 32px #b794c11a;transform:translateX(-3px)}.ih-path-feature{display:flex;align-items:center;gap:26px;justify-content:center;background:#fff;border:1px solid #e8e0ee;padding:27px;border-radius:28px;min-height:560px}.ih-path-feature img{width:min(54%,258px);max-height:476px;object-fit:cover;border-radius:14px;box-shadow:0 17px 40px #31204116}.ih-path-caption{max-width:220px}.ih-path-caption strong{display:block;font-size:19px;margin-bottom:12px}.ih-path-caption p{font-size:14px;line-height:1.85;color:#6e6178}
.ih-boards{background:white}.ih-board-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:26px;margin-bottom:25px}.ih-board-head .ih-section-header{margin:0}.ih-tabs{display:flex;gap:8px;flex-wrap:wrap}.ih-tab{border:1px solid #ded6e5;background:white;color:#6c6378;padding:10px 16px;border-radius:100px;font-size:12px;font-weight:700}.ih-tab[aria-selected="true"]{background:#332348;color:white;border-color:#332348}.ih-board-stage{background:#faf9fc;border:1px solid var(--hair);border-radius:29px;padding:clamp(16px,4vw,34px)}.ih-board-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;justify-items:center;max-width:780px;margin:auto}.ih-board-compare figure{width:100%;max-width:335px}.ih-portrait{aspect-ratio:9/16;width:100%;height:auto;object-fit:cover;border-radius:15px;background:#f0eff3}.ih-board-compare img{box-shadow:0 3px 15px #251c3210;border:1px solid #ece7ef}.ih-board-compare figcaption{display:flex;justify-content:space-between;align-items:center;color:#65576b;font-weight:700;font-size:12px;padding-top:14px}.ih-board-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;font-size:12px;color:#675b71}.ih-board-foot button{background:white;border:1px solid #dad1e3;border-radius:100px;width:37px;height:37px;color:var(--ink);margin-inline-start:5px}.ih-board-foot button:hover{background:#efe1f0}
.ih-motion{background:#251936;color:white}.ih-motion .ih-overline{color:#f9add4}.ih-motion .ih-section-header h2{color:white}.ih-motion .ih-section-header p{color:#d1c4dc}.ih-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ih-moment{border:1px solid #574264;background:#342344;border-radius:22px;overflow:hidden}.ih-moment video{aspect-ratio:9/16;width:100%;height:auto;object-fit:cover;background:#f9f9fb}.ih-moment-bottom{padding:21px 22px 25px}.ih-moment-bottom span{font-size:10px;color:#f0a8d3;letter-spacing:.1em}.ih-moment-bottom h3{font-size:20px;margin:10px 0}.ih-moment-bottom p{font-size:13px;line-height:1.85;color:#d3c4dc}.ih-motion-foot{margin-top:24px;color:#b7a8c3;font-size:12px}
.ih-role{background:#fff}.ih-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.ih-role-grid>div>p{font-size:17px;line-height:2;color:#605369}.ih-role-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ih-role-list li{background:#f6f2f9;border:1px solid #eee6f0;border-radius:13px;padding:15px 14px;font-size:13px;font-weight:650}.ih-role-list li:before{content:"✦";font-size:11px;color:var(--pink);padding-inline-end:10px}
.ih-film{background:#f6f2f9}.ih-film-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.ih-film-player{position:relative;margin:auto;width:min(100%,320px);aspect-ratio:9/16;border:8px solid white;border-radius:24px;overflow:hidden;box-shadow:0 20px 65px #35223f24;background:white}.ih-film-player img{height:100%;width:100%;object-fit:cover}.ih-film-player iframe{width:100%;height:100%;border:0}.ih-film-pending{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#160e24d6);color:white;padding:65px 22px 30px;text-align:center;font-size:13px;line-height:1.8}.ih-youtube-start{position:absolute;inset:0;margin:auto;width:95px;height:95px;border:none;border-radius:50%;font-size:27px;color:var(--pink);background:#ffffffe8;box-shadow:0 10px 30px #321c3a24}
.ih-end{background:radial-gradient(circle at left,#f6ddeb,transparent 45%),linear-gradient(140deg,#fdfbff,#f0eaf8);padding:100px 0}.ih-end-box{max-width:900px;margin:auto;text-align:center}.ih-end-box h2{font-size:clamp(35px,5vw,59px);line-height:1.3;margin:18px 0;color:var(--ink)}.ih-end-box p{font-size:17px;line-height:1.9;max-width:630px;margin:0 auto 31px;color:#665a73}.ih-back{display:inline-flex;margin-top:20px;color:#594d63!important;text-decoration:underline!important;text-underline-offset:5px;font-size:13px}
.ih-lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:#130d1bef;padding:25px}.ih-lightbox img{max-height:90vh;max-width:90vw;width:auto;height:auto;object-fit:contain}.ih-lightbox button{position:absolute;top:15px;right:17px;border:1px solid #ffffff80;border-radius:50%;height:46px;width:46px;color:white;background:#2a1c39;font-size:27px}.ih-zoom{cursor:zoom-in}
[dir="ltr"] .ih-path-btn[aria-pressed="true"]{transform:translateX(3px)}
@media(max-width:880px){.ih-hero-grid,.ih-intro-grid,.ih-path-grid,.ih-role-grid,.ih-film-grid{grid-template-columns:1fr;gap:35px}.ih-hero-grid{padding-top:50px;min-height:unset}.ih-hero-copy{max-width:100%}.ih-hero-screen-wrap{padding:0}.ih-hero h1{font-size:90px}.ih-path-feature{min-height:480px}.ih-intro-art{min-height:350px}.ih-moments{gap:14px}.ih-moment-bottom{padding:17px 14px}.ih-side-nav strong{display:none}}
@media(max-width:620px){.ih-container{padding-inline:20px}.ih-hero-grid{gap:25px;padding-top:44px;padding-bottom:48px}.ih-hero h1{font-size:75px;margin:18px 0}.ih-hero h1 small{font-size:27px}.ih-hero-screen-wrap{padding:0}.ih-phone-shell{width:min(82vw,295px)}.ih-section{padding:75px 0}.ih-section-header{margin-bottom:27px}.ih-section-header h2{font-size:36px}.ih-intro p{font-size:15px}.ih-intro-art img{height:300px}.ih-path-feature{padding:17px;gap:15px;min-height:360px}.ih-path-feature img{width:51%}.ih-path-caption strong{font-size:16px}.ih-path-caption p{font-size:12px}.ih-board-head{gap:17px}.ih-board-compare{gap:10px}.ih-board-compare figcaption{font-size:10px}.ih-board-stage{padding:13px}.ih-tabs{flex-wrap:nowrap;overflow:auto;max-width:100%;padding-bottom:5px}.ih-tab{flex:0 0 auto;padding:9px 12px}.ih-moments{grid-template-columns:1fr;max-width:390px;margin:auto;gap:25px}.ih-moment video{max-height:540px;object-fit:contain;background:#f9f9fb}.ih-moment-bottom{padding:17px 20px}.ih-film-grid{gap:20px}.ih-facts{gap:14px}.ih-role-list{gap:8px}}
@media(prefers-reduced-motion:reduce){.ih-case *, .ih-case *:before,.ih-case *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}