/* GHER Foundation — site styles */
:root{
  --navy:#1E2766; --navy-2:#141B4D; --rose:#B8325A; --rose-d:#9A2549; --teal:#0F7B78; --teal-l:#3FB3AE;
  --blush:#F6E2E9; --blush-2:#FBF1F4; --paper:#FBF7F8; --white:#FFFFFF;
  --ink:#1E2766; --text:#2A3158; --muted:#545B7E; --line:#DDE1EC; --line-2:#C9CDE0;
  --radius:10px; --wrap:1160px;
  --ff:'Libre Franklin',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ff-ur:'Noto Naskh Arabic','Segoe UI','Tahoma',serif;
  color-scheme: light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--ff);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}
a:hover{color:var(--rose)}
:focus-visible{outline:3px solid var(--teal-l);outline-offset:3px;border-radius:3px}
.wrap{width:min(var(--wrap),100% - 32px);margin-inline:auto}
.ltr{direction:ltr;unicode-bidi:isolate;font-family:var(--ff)}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;top:0}
.skip:focus{width:auto;height:auto;clip-path:none;inset-inline-start:16px;top:16px;background:var(--navy);color:#fff;padding:10px 16px;z-index:100;border-radius:8px}
h1,h2,h3,h4{color:var(--ink);font-family:var(--ff);line-height:1.15;letter-spacing:-.01em;margin:0}
h1{font-weight:900;font-size:clamp(2.1rem,4.6vw,3.5rem)}
h2{font-weight:900;font-size:clamp(1.7rem,3.2vw,2.5rem)}
h3{font-weight:800;font-size:1.2rem}
p{margin:0 0 1em}
.eyebrow{font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);margin-bottom:12px;display:block}
.lede{font-size:1.15rem;color:var(--muted);max-width:60ch}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:800;font-size:.98rem;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.2;font-family:var(--ff)}
.btn svg{flex-shrink:0}
.btn-rose{background:var(--rose);color:#fff}.btn-rose:hover{background:var(--rose-d);color:#fff}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-2);color:#fff}
.btn-wa{background:#0F7B5A;color:#fff}.btn-wa:hover{background:#0B6047;color:#fff}
.btn-ghost{border-color:var(--navy);color:var(--navy);background:transparent}.btn-ghost:hover{background:var(--navy);color:#fff}
.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:var(--blush);color:var(--navy)}
.btn-line-light{border-color:rgba(255,255,255,.7);color:#fff}.btn-line-light:hover{background:#fff;color:var(--navy)}
.actions{display:flex;flex-wrap:wrap;gap:12px}

/* header */
.top{background:var(--navy);color:#DDE1EC;font-size:.85rem}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.top a{color:#fff;text-decoration:none}
.top .reg{opacity:.85}
header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-inline-end:auto;color:var(--navy)}
.brand svg{width:50px;height:auto}
.brand .w{display:flex;flex-direction:column;line-height:1.1;font-family:var(--ff)}
.brand .w b{font-weight:900;font-size:1.3rem;letter-spacing:.02em;color:var(--navy)}
.brand .w b span{color:var(--teal)}
.brand .w small{font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-top:3px}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.m-only{display:none}
nav.main .m-only a{color:var(--rose);font-weight:800}
nav.main a{display:block;padding:10px 12px;text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem;border-radius:8px}
nav.main a:hover{background:var(--blush-2);color:var(--navy)}
nav.main a[aria-current="page"]{color:var(--rose);box-shadow:inset 0 -3px 0 var(--rose);border-radius:0}
.lang{font-weight:700;text-decoration:none;color:var(--navy);padding:8px 12px;border:1.5px solid var(--line-2);border-radius:999px;font-size:.92rem;white-space:nowrap}
.lang:hover{border-color:var(--navy)}
.lang .u{font-family:var(--ff-ur);font-size:.95rem;line-height:1.6}
.menu-btn{display:none;background:none;border:1.5px solid var(--line-2);border-radius:10px;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;color:var(--navy)}
.hdr-donate{padding:10px 18px;min-height:44px}
@media (max-width:1060px){
  .menu-btn{display:inline-flex}
  nav.main{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(20,27,77,.08);display:none}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;padding:8px 16px 16px;gap:0}
  nav.main a{padding:14px 8px;border-bottom:1px solid var(--line);border-radius:0}
  nav.main a[aria-current="page"]{box-shadow:none}
}
@media (max-width:560px){
  .m-only{display:block}
  .brand .w small{display:none}
  .hdr-donate{display:none}
  .top .reg{display:none}
  .bar{gap:10px}
}

/* sections */
section{padding:84px 0}
@media (max-width:700px){section{padding:56px 0}}
.sec-head{max-width:760px;margin-bottom:40px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .lede{margin-inline:auto}
.bg-paper{background:var(--paper)}
.bg-blush{background:var(--blush-2)}

/* page hero (inner pages) */
.phero{background:var(--blush);padding:64px 0 56px;position:relative;overflow:hidden}
.phero h1{max-width:20ch}
.phero .lede{margin-top:16px}
.phero::after{content:"";position:absolute;inset-inline-end:-60px;bottom:-40px;width:360px;height:300px;background:var(--white);opacity:.55;clip-path:polygon(50% 0,100% 38%,100% 100%,0 100%,0 38%)}
.phero .wrap{position:relative;z-index:1}
.crumb{font-size:.88rem;color:var(--muted);margin-bottom:14px}
.crumb a{color:var(--muted)}

/* home hero */
.hero{background:linear-gradient(180deg,var(--blush) 0,var(--blush-2) 100%);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding:72px 0 80px}
.hero h1{max-width:17ch}
.hero .lede{margin:20px 0 30px}
.hero .tag-ur{font-family:var(--ff-ur);font-size:1.25rem;line-height:1.9;color:var(--rose);margin-top:22px;direction:rtl;text-align:start}
.house-pic{position:relative;aspect-ratio:1/1.02;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);background:var(--navy)}
.house-pic img{width:100%;height:100%;object-fit:cover}
.house-wrap{position:relative}
.house-badge{position:absolute;inset-inline-start:-18px;bottom:28px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 14px 30px rgba(20,27,77,.16);display:flex;gap:12px;align-items:center;max-width:290px}
.house-badge b{display:block;color:var(--navy);font-weight:900;font-size:1.05rem}
.house-badge div>span{font-size:.85rem;color:var(--muted);line-height:1.4;display:block}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:40px;padding:48px 0 56px}.house-wrap{max-width:460px;margin-inline:auto;width:100%}.house-badge{inset-inline-start:0}}

/* GHER letters */
.gher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gher .l{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px}
.gher .l .big{font-weight:900;font-size:3rem;line-height:1;display:block;margin-bottom:10px}
.gher .l h3{margin-bottom:6px}
.gher .l p{margin:0;color:var(--muted);font-size:.98rem}
.c-rose{color:var(--rose)}.c-teal{color:var(--teal)}.c-navy{color:var(--navy)}
@media (max-width:900px){.gher{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.gher{grid-template-columns:1fr}}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px 24px;display:flex;flex-direction:column;gap:10px;position:relative}
.card .ico{width:44px;height:44px;border-radius:12px;background:var(--blush);display:flex;align-items:center;justify-content:center;color:var(--rose);margin-bottom:6px}
.card .kicker{font-size:.8rem;font-weight:700;color:var(--teal);letter-spacing:.04em;text-transform:uppercase}
.card p{margin:0;color:var(--muted)}
.card ul{margin:6px 0 0;padding-inline-start:18px;color:var(--text);font-size:.95rem}
.card ul li{margin:3px 0}
.card .more{margin-top:auto;padding-top:8px;font-weight:800;text-decoration:none}
.card.feature{background:var(--navy);border-color:var(--navy)}
.card.feature h3,.card.feature .kicker{color:#fff}
.card.feature p,.card.feature ul{color:#DDE1EC}
.card.feature .ico{background:rgba(255,255,255,.12);color:#F3B8C8}
.card.feature a.more{color:#F3B8C8}

/* split */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.split.top-al{align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}
.photo{border-radius:var(--radius);overflow:hidden;background:var(--blush)}
.photo img{width:100%;height:100%;object-fit:cover}
.cap{font-size:.85rem;color:var(--muted);margin-top:8px}

/* shadi band */
.band{background:var(--navy);color:#DDE1EC;position:relative;overflow:hidden}
.band h2{color:#fff}
.band .lede{color:#C9CDE6}
.band .ur-big{font-family:var(--ff-ur);font-weight:700;color:#fff;font-size:clamp(3.4rem,8vw,6rem);line-height:1.75;direction:rtl;margin:-10px 0 0}
.band .ur-sub{font-family:var(--ff-ur);color:#F3B8C8;font-size:1.35rem;line-height:1.9;direction:rtl}
.band .pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.pill{border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 14px;font-size:.9rem;color:#fff;font-weight:600}
.band .pat{position:absolute;inset:0;opacity:.06;pointer-events:none}

/* stats / facts */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.facts div{background:#fff;padding:22px 20px}
.facts b{display:block;font-weight:900;font-size:1.7rem;color:var(--navy);line-height:1.15}
.facts span{font-size:.9rem;color:var(--muted)}
@media (max-width:800px){.facts{grid-template-columns:1fr}}

/* gallery */
.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:180px;gap:12px}
.gallery figure{margin:0;border-radius:8px;overflow:hidden;position:relative;background:var(--blush)}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery .w2{grid-column:span 2}.gallery .w3{grid-column:span 3}.gallery .w4{grid-column:span 4}.gallery .h2{grid-row:span 2}
@media (max-width:800px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.gallery .w2,.gallery .w3,.gallery .w4{grid-column:span 2}.gallery .h2{grid-row:span 1}}
.gallery figcaption{position:absolute;inset-inline:0;bottom:0;padding:22px 12px 8px;background:linear-gradient(transparent,rgba(20,27,77,.8));color:#fff;font-size:.82rem;line-height:1.35}

/* partners */
.partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.partners .p{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;gap:16px;align-items:center}
.partners .p img{width:96px;height:72px;object-fit:contain;flex-shrink:0;border-radius:6px}
.partners .p b{display:block;color:var(--navy)}
.partners .p div>span{font-size:.9rem;color:var(--muted);line-height:1.45;display:block}
@media (max-width:900px){.partners{grid-template-columns:1fr}}
.also{margin-top:18px;color:var(--muted);font-size:.95rem}

/* cta band */
.cta{background:var(--rose);color:#fff}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:56px 0}
.cta h2{color:#fff;max-width:22ch}
.cta p{color:#FBE3EA;margin:10px 0 0;max-width:56ch}

/* lists / steps */
.steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps li{counter-increment:s;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;align-items:start}
.steps li::before{content:counter(s);width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-family:var(--ff)}
.steps h3{font-size:1.05rem;margin:6px 0 4px}
.steps p{margin:0;color:var(--muted)}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{position:relative;padding-inline-start:30px}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:16px;height:14px;background:var(--teal);clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%)}
.two-col{columns:2;column-gap:40px}
@media (max-width:700px){.two-col{columns:1}}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:7px 14px;font-size:.92rem;color:var(--text)}

/* values */
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.values div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;font-weight:700;color:var(--navy);display:flex;gap:10px;align-items:center}
.values div::before{content:"";width:12px;height:11px;background:var(--rose);clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);flex-shrink:0}
@media (max-width:700px){.values{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* timeline */
.timeline{list-style:none;margin:0;padding:0;border-inline-start:3px solid var(--blush);display:grid;gap:22px}
.timeline li{position:relative;padding-inline-start:26px}
.timeline li::before{content:"";position:absolute;inset-inline-start:-10px;top:5px;width:17px;height:17px;border-radius:50%;background:var(--rose);border:3px solid #fff;box-shadow:0 0 0 2px var(--rose)}
.timeline b{display:block;font-weight:900;color:var(--navy);font-size:1.1rem}
.timeline span{color:var(--muted)}

/* quote */
.quote{border-inline-start:4px solid var(--rose);padding:6px 0 6px 22px;font-size:1.3rem;font-weight:700;color:var(--navy);line-height:1.45;margin:0}
[dir="rtl"] .quote{padding:6px 22px 6px 0}

/* fee / bank */
.fee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fee div{background:#fff;border:2px solid var(--navy);border-radius:var(--radius);padding:22px;text-align:center}
.fee b{display:block;font-weight:900;font-size:2rem;color:var(--navy);line-height:1.3}
.fee .free{color:var(--teal)}
.fee span{color:var(--muted)}
.bank{background:#fff;border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden}
.bank h3{background:var(--navy);color:#fff;padding:16px 22px;font-size:1.05rem}
.bank dl{margin:0;padding:6px 22px 14px}
.bank .r{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.bank .r:last-child{border-bottom:0}
.bank dt{color:var(--muted);font-size:.92rem}
.bank dd{margin:0;font-weight:800;color:var(--navy);direction:ltr;unicode-bidi:isolate;text-align:start;word-break:break-word;font-family:var(--ff)}
.copy{background:var(--blush-2);border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;font-weight:700;font-size:.82rem;color:var(--navy);cursor:pointer;min-height:40px;font-family:var(--ff)}
.copy:hover{background:var(--blush)}
@media (max-width:520px){.bank .r{grid-template-columns:minmax(0,1fr) auto}.bank dt{grid-column:1/-1;margin-bottom:-6px}}
.note{background:var(--blush-2);border-radius:var(--radius);padding:18px 20px;color:var(--text);font-size:.98rem}
.note b{color:var(--navy)}
.warn{background:#FFF6E5;border:1px solid #F1D9A8;border-radius:var(--radius);padding:18px 20px;font-size:.98rem}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-grid .card h3{font-size:1.05rem}
.contact-grid .card .big{font-weight:900;font-size:1.3rem;color:var(--navy);word-break:break-word}

/* footer */
footer.site{background:var(--navy-2);color:#C9CDE6;padding:64px 0 28px;font-size:.95rem}
footer.site .cols{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
@media (max-width:900px){footer.site .cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){footer.site .cols{grid-template-columns:1fr}}
footer.site h4{color:#fff;font-size:.95rem;margin-bottom:14px;letter-spacing:.04em}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer.site a{color:#DDE1EC;text-decoration:none}
footer.site a:hover{color:#fff;text-decoration:underline}
footer.site .logo svg{width:220px;height:auto;margin-bottom:14px}
footer.site .legal{border-top:1px solid rgba(255,255,255,.14);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:#A9AED0}
.social{display:flex;gap:10px;margin-top:14px}
.social a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}
.social a:hover{background:rgba(255,255,255,.1);text-decoration:none}
.wa-float{position:fixed;inset-inline-end:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:#0F7B5A;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.wa-float:hover{background:#0B6047;color:#fff}

/* ---------- Urdu ---------- */
[dir="rtl"] body{font-family:var(--ff-ur);font-size:17px;line-height:1.95}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{font-family:var(--ff-ur);font-weight:700;letter-spacing:0;line-height:1.55}
[dir="rtl"] h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.5}
[dir="rtl"] h2{font-size:clamp(1.6rem,3vw,2.2rem)}
[dir="rtl"] h3{font-size:1.2rem}
[dir="rtl"] .eyebrow{letter-spacing:0;text-transform:none;font-size:1rem;font-weight:700;margin-bottom:4px}
[dir="rtl"] .lede{font-size:1.12rem;line-height:1.9}
[dir="rtl"] .btn{font-family:var(--ff-ur);font-weight:700;font-size:1rem;line-height:1.75;padding:6px 22px 10px}
[dir="rtl"] nav.main a{font-family:var(--ff-ur);font-weight:400;font-size:1rem;line-height:1.75;padding:6px 12px 10px}
[dir="rtl"] .card .kicker{letter-spacing:0;text-transform:none;font-size:.95rem}
[dir="rtl"] .brand .w small{font-family:var(--ff)}
[dir="rtl"] .facts b{font-family:var(--ff-ur);font-size:1.4rem;line-height:1.75}
[dir="rtl"] .facts b.n{font-family:var(--ff);font-size:1.7rem;line-height:1.3}
[dir="rtl"] .gher .l .big{font-family:var(--ff-ur);font-size:2.3rem;line-height:1.7}
[dir="rtl"] .timeline b{font-family:var(--ff)}
[dir="rtl"] .quote{font-size:1.25rem;line-height:1.8}
[dir="rtl"] .gallery figcaption{line-height:1.75;font-size:.85rem}
[dir="rtl"] .steps li::before{margin-top:6px}
[dir="rtl"] .steps h3{margin-top:0}
[dir="rtl"] .pill,[dir="rtl"] .chip{padding:3px 14px 7px}
[dir="rtl"] .top{font-family:var(--ff-ur)}
[dir="rtl"] .copy{font-family:var(--ff-ur);font-weight:400;padding:4px 12px 8px}
[dir="rtl"] .fee b{font-family:var(--ff)}
[dir="rtl"] .fee b.free{font-family:var(--ff-ur);line-height:1.75}
[dir="rtl"] .house-badge b{font-family:var(--ff-ur);line-height:1.6}
[dir="rtl"] .house-badge div>span{line-height:1.75}
[dir="rtl"] .values div{font-weight:400}
[dir="rtl"] footer.site h4{font-family:var(--ff-ur);letter-spacing:0}
[dir="rtl"] .card ul,[dir="rtl"] .ticks{line-height:1.8}
[dir="rtl"] .hero .tag-ur{display:none}
.lang-en{font-family:var(--ff)}
[dir="rtl"] .partners .p div>span{line-height:1.75}
[dir="rtl"] .ltr{font-family:var(--ff)}

/* ---------- online forms ---------- */
.fpage{padding-top:48px}
.fwrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:960px){.fwrap{grid-template-columns:1fr;gap:24px}}
.fnote{position:sticky;top:100px;background:var(--blush-2);border-radius:var(--radius);padding:22px 22px 8px}
@media (max-width:960px){.fnote{position:static}}
.fnote h3{margin-bottom:14px}
.fnote .ticks{gap:12px;font-size:.95rem}
.gform{display:grid;gap:22px;min-width:0}
.fsec{padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}
@media (max-width:560px){.fsec{padding:20px 16px}}
.fsec[hidden]{display:none}
.fsec h2{font-size:1.3rem;display:flex;align-items:center;gap:12px;margin-bottom:18px}
.fsec h2 .n{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;font-family:var(--ff);font-weight:900}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}}
.fld{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;min-width:0;border:0;margin:0;padding:0}
.fld.half{grid-column:span 1}
@media (max-width:640px){.fld.half{grid-column:1/-1}}
.fld[hidden]{display:none}
.fld>label,.fld>legend{font-weight:700;color:var(--navy);font-size:.95rem;padding:0}
.req{color:var(--rose)}
.gform input[type=text],.gform input[type=email],.gform input[type=tel],.gform input[type=date],.gform textarea,.gform select{
  width:100%;min-height:48px;border:1.5px solid var(--line-2);border-radius:8px;padding:10px 12px;font:inherit;font-size:1rem;color:var(--ink);background:#fff}
.gform textarea{min-height:96px;resize:vertical}
.gform input:focus,.gform textarea:focus,.gform select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(63,179,174,.35)}
.gform input[type=file]{font:inherit;font-size:.95rem;padding:8px 0}
.opts{display:flex;flex-wrap:wrap;gap:8px 10px}
.opt{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line-2);border-radius:999px;padding:8px 14px;cursor:pointer;background:#fff;min-height:44px;font-weight:500}
.opt:hover{border-color:var(--navy)}
.opt input{width:18px;height:18px;accent-color:var(--navy);margin:0;flex-shrink:0}
.opt:has(input:checked){border-color:var(--navy);background:var(--blush-2)}
.many .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:640px){.many .opts{grid-template-columns:1fr}}
.many .opt{border-radius:10px}
.consent .opt{border-radius:10px;align-items:flex-start;padding:14px 16px;line-height:1.5}
.consent .opt input{margin-top:3px}
.pair{display:flex;gap:12px}
.pair .sub{display:flex;align-items:center;gap:8px;font-weight:500;flex:1}
.pair select{min-width:0}
.fhelp{font-size:.88rem;color:var(--muted);margin:0}
.terms{margin:0 0 18px;padding-inline-start:22px;color:var(--text);font-size:.95rem;display:grid;gap:6px}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ferr{background:#FDECEF;border:1.5px solid var(--rose);color:var(--rose-d);border-radius:var(--radius);padding:14px 18px}
.invalid input,.invalid textarea,.invalid select{border-color:var(--rose)!important}
.invalid .opt{border-color:#E4A1B5}
.emsg{color:var(--rose-d);font-size:.88rem;font-weight:600}
.fsubmit{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.fsubmit .btn{min-width:220px;font-size:1.05rem}
.fsubmit .btn[disabled]{opacity:.65;cursor:wait}
.thanks .ref{font-size:1.5rem;color:var(--rose);letter-spacing:.04em}
.bandcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
[dir="rtl"] .fld>label,[dir="rtl"] .fld>legend{font-weight:700;line-height:1.75;font-size:1rem}
[dir="rtl"] .opt{padding:4px 14px 8px;line-height:1.75;font-weight:400}
[dir="rtl"] .consent .opt{padding:10px 16px 14px;line-height:1.8}
[dir="rtl"] .consent .opt input{margin-top:12px}
[dir="rtl"] .gform input[type=text],[dir="rtl"] .gform textarea{font-family:var(--ff-ur);line-height:1.75;padding:4px 12px 8px}
[dir="rtl"] .gform input[dir="ltr"]{font-family:var(--ff);text-align:right}
[dir="rtl"] .fhelp{line-height:1.75}
[dir="rtl"] .fsec h2{line-height:1.75}
[dir="rtl"] .terms{line-height:1.8}
[dir="rtl"] .emsg{font-weight:400;line-height:1.75}
[dir="rtl"] .ferr{line-height:1.75}
[dir="rtl"] .fnote .ticks{line-height:1.8}

.fnote .fhelp{margin:16px 0 14px}
[dir="rtl"] .fnote .fhelp{margin-top:20px}

/* bilingual form labels: English left, Urdu right, on every page */
.gform .bi{display:flex;justify-content:space-between;align-items:baseline;gap:4px 14px;flex-wrap:wrap;width:100%;direction:ltr}
.gform .bi .le{font-family:var(--ff);text-align:left}
.gform .bi .lu{font-family:var(--ff-ur);line-height:1.75;text-align:right;margin-left:auto}
.gform .bi.blk{flex-direction:column;align-items:stretch;gap:2px}
.gform .bi.blk .lu{margin-left:0}
.gform .fld>label,.gform .fld>legend{width:100%}
.gform .fld>label .req,.gform .fld>legend .req{order:3}
.gform .fsec h2 .bi{flex:1}
.gform .fsec h2 .lu{font-size:1.15rem;font-weight:700}
.gform .opt .bi{width:auto;gap:4px 10px;flex-wrap:nowrap}
.gform .opt .bi .lu{margin-left:0;font-size:.95rem}
.gform .opt .bi .le::after{content:"·";margin-left:10px;color:var(--line-2)}
.gform .consent .opt{align-items:flex-start}
.gform .consent .bi .le{font-weight:600}
.gform .consent .bi .lu{font-size:.95rem}
.gform .fhelp .bi .lu,.gform .terms .lu{font-size:.92rem}
.gform .terms li{margin-bottom:4px}
.gform .fsubmit .btn span{font-family:var(--ff-ur);font-weight:700;margin-left:4px}
[dir="rtl"] .gform .opt,[dir="rtl"] .gform .consent .opt{direction:ltr}
[dir="rtl"] .gform .fld>label,[dir="rtl"] .gform .fld>legend{line-height:1.6}
[dir="rtl"] .gform .fsec h2{direction:ltr}
[dir="rtl"] .gform .terms{direction:ltr;padding-left:22px;padding-right:0}
[dir="rtl"] .gform .fsubmit .btn{direction:ltr}
@media (max-width:640px){.gform .opt .bi{flex-wrap:wrap}.gform .opt .bi .le::after{display:none}}

/* audit fixes */
.ltr{white-space:nowrap}
.card .more{min-height:44px;display:inline-flex;align-items:center}
.note a{display:inline-flex;align-items:center;min-height:44px}
.also .ltr,.partners .ltr,.contact-grid .big.ltr,.brand .w,footer.site .ltr{white-space:normal}
.gform .bi .lu{word-spacing:.14em}
.gform .bi .lu{white-space:pre-wrap}

/* Shadi GHER masthead (from Imran's header) */
@font-face{font-family:"Great Vibes";src:url("../fonts/great-vibes-400.woff2") format("woff2");font-weight:400;font-display:swap}
.fcol{display:grid;gap:22px;min-width:0}
.mast{display:flex;flex-direction:row-reverse;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;direction:ltr}
.mast-logo{flex-shrink:0;width:150px}
.mast-logo svg{width:100%;height:auto}
.mast-t{flex:1;text-align:center;font-family:var(--ff);color:var(--ink);line-height:1.35;display:flex;flex-direction:column;align-items:center;gap:3px}
.mast-t .q{font-weight:800;font-size:1.02rem}
.mast-t .proj{font-family:"Great Vibes",cursive;font-size:1.9rem;line-height:1.1;color:var(--rose)}
.mast-t .org{font-weight:800;font-size:1.12rem}
.mast-t .org span{font-weight:500;font-size:.95rem}
.mast-t .fp{font-size:.98rem}
.mast-t .fp b{font-weight:800}
.mast-t .emp{font-size:.9rem;color:var(--teal);font-weight:600}
@media (max-width:640px){.mast,[dir="rtl"] .mast{flex-direction:column;padding:18px 16px}.mast-logo{width:130px}}

/* ---------- 3D logo reveal (hero) ---------- */
.logo-stage{position:relative;width:min(100%,520px);margin-inline:auto;padding:30px 0 10px;perspective:1100px;display:flex;flex-direction:column;align-items:center}
.ls-glow{position:absolute;inset:-6% -10% 8%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.55) 55%,rgba(255,255,255,0));pointer-events:none}
.ls-float{position:relative;width:min(88%,460px);perspective:900px;transform-style:preserve-3d;animation:lsFloat 6s ease-in-out 3.4s infinite}
.ls-turn,.ls-sway{position:relative;transform-style:preserve-3d;will-change:transform}
.ls-turn{animation:lsTurn 3.4s cubic-bezier(.22,.7,.2,1) .2s both}
.ls-sway{animation:lsSway 9s ease-in-out 3.6s infinite}
.ls-front{position:relative;display:block;width:100%;height:auto;transform:translateZ(0)}
/* extrusion: stacked silhouettes of the logo give it real thickness when it turns */
.ls-depth{position:absolute;inset:0;transform-style:preserve-3d;display:none;--step:2px}
.ls-depth i{position:absolute;inset:0;background:var(--c);-webkit-mask:url(../logo/gher-logo-nourl-mask.webp) center/100% 100% no-repeat;mask:url(../logo/gher-logo-nourl-mask.webp) center/100% 100% no-repeat;transform:translateZ(calc(var(--i) * var(--step) * -1))}
@supports ((mask-image:url(a.svg)) or (-webkit-mask-image:url(a.svg))){.ls-depth{display:block}}
.ls-sheen{position:absolute;inset:0;pointer-events:none;transform:translateZ(1px);-webkit-mask:url(../logo/gher-logo-nourl-mask.webp) center/100% 100% no-repeat;mask:url(../logo/gher-logo-nourl-mask.webp) center/100% 100% no-repeat;background:linear-gradient(105deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 62%) 160% 0/260% 100% no-repeat;animation:lsSheen 9s ease-in-out 3.6s infinite}
.ls-shadow{width:62%;height:26px;margin-top:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,27,77,.28),rgba(20,27,77,0));animation:lsShadow 3.4s cubic-bezier(.22,.7,.2,1) .2s both, lsShadowF 6s ease-in-out 3.4s infinite}
.ls-spark{position:absolute;inset:0 -4%;width:108%;height:auto;overflow:visible;pointer-events:none;z-index:3}
.ls-spark .arc{fill:none;stroke:url(#lsg);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:22 78;stroke-dashoffset:100;filter:drop-shadow(0 0 6px rgba(255,214,120,.9));opacity:0;animation:lsArc 2.4s ease-out .3s both, lsArcLoop 2.4s ease-out 10s infinite}
.ls-spark .tw{fill:#FFE7A3;opacity:0;filter:drop-shadow(0 0 4px rgba(255,214,120,.95));animation:lsTw 3.2s ease-in-out calc(1.2s + var(--d)) infinite}
.ls-badge{position:relative;margin-top:14px;text-align:center;background:#fff;border-radius:14px;padding:10px 18px;box-shadow:0 10px 26px rgba(20,27,77,.12)}
.ls-badge b{display:block;color:var(--navy);font-weight:900}
.ls-badge span{display:block;font-size:.85rem;color:var(--muted)}
[dir="rtl"] .ls-badge b{font-family:var(--ff-ur);font-weight:700;line-height:1.6}
[dir="rtl"] .ls-badge span{line-height:1.75}
.logo-stage,.ls-float,.ls-turn,.ls-sway,.ls-front{direction:ltr}
@keyframes lsTurn{0%{transform:rotateY(42deg) rotateX(6deg) scale(.88)}100%{transform:rotateY(0) rotateX(0) scale(1)}}
@keyframes lsSway{0%,100%{transform:rotateY(0)}25%{transform:rotateY(26deg)}50%{transform:rotateY(0)}75%{transform:rotateY(-26deg)}}
@keyframes lsSheen{0%,8%{background-position:160% 0}30%,100%{background-position:-60% 0}}
@keyframes lsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lsShadow{0%{transform:scaleX(.4);opacity:0}100%{transform:scaleX(1);opacity:1}}
@keyframes lsShadowF{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.92);opacity:.8}}
@keyframes lsArc{0%{stroke-dashoffset:100;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-60;opacity:0}}
@keyframes lsArcLoop{0%{stroke-dashoffset:100;opacity:0}15%{opacity:.9}85%{opacity:.9}100%{stroke-dashoffset:-60;opacity:0}}
@keyframes lsTw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
.ls-spark .tw{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:reduce){.ls-float,.ls-turn,.ls-sway,.ls-sheen,.ls-shadow,.ls-spark .arc,.ls-spark .tw{animation:none!important}.ls-spark{display:none}}
@media (max-width:900px){.logo-stage{width:min(100%,400px);padding-top:10px}.ls-depth{--step:1.5px}}
@media (max-width:900px){.hero .logo-stage{order:-1;width:min(100%,300px);padding:0}.hero .ls-badge{display:none}.hero .ls-shadow{margin-top:12px;height:18px}.hero .wrap{gap:18px;padding-top:28px}}

.brand img{width:50px;height:auto}
footer.site .logo img{width:220px;height:auto;margin-bottom:14px}
.mast-logo img{width:100%;height:auto}

/* ---------- docked logo (appears once the hero logo scrolls away) ---------- */
.logo-dock{position:fixed;left:16px;bottom:16px;z-index:60;width:96px;padding:0;background:transparent;perspective:500px;direction:ltr;opacity:0;transform:translateY(24px) scale(.85);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.22,.7,.2,1)}
.logo-dock[hidden]{display:block;visibility:hidden}
.logo-dock.on{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.logo-dock:hover{transform:translateY(-3px)}
.ld-turn{position:relative;display:block;transform-style:preserve-3d;animation:ldSway 7s ease-in-out infinite}
.ld-turn img{position:relative;display:block;width:100%;height:auto}
.ld-depth{position:absolute;inset:0;transform-style:preserve-3d;display:none}
.ld-depth i{position:absolute;inset:0;background:var(--c);-webkit-mask:url(../logo/gher-logo-nourl-mask.webp) center/100% 100% no-repeat;mask:url(../logo/gher-logo-nourl-mask.webp) center/100% 100% no-repeat;transform:translateZ(calc(var(--i) * -1.1px))}
@supports ((mask-image:url(a.svg)) or (-webkit-mask-image:url(a.svg))){.ld-depth{display:block}}
@keyframes ldSway{0%,100%{transform:rotateY(0)}25%{transform:rotateY(24deg)}75%{transform:rotateY(-24deg)}}
@media (prefers-reduced-motion:reduce){.ld-turn{animation:none}.logo-dock{transition:opacity .2s}}
@media (max-width:640px){.logo-dock{width:74px;left:10px;bottom:12px}}
/* Urdu: WhatsApp sits bottom-left, so the docked logo goes bottom-right */
[dir="rtl"] .logo-dock{left:auto;right:16px}
@media (max-width:640px){[dir="rtl"] .logo-dock{left:auto;right:10px}}

/* ---------- payment notes and membership fees ---------- */
.bank dd small{font-weight:600;color:var(--muted);font-size:.85rem}
[dir="rtl"] .bank dd small{font-family:var(--ff-ur);direction:rtl;display:inline-block;line-height:1.6}
.bank-note{margin:0;padding:12px 22px 16px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
[dir="rtl"] .bank-note{line-height:1.75}
.fnote:has(.mfees){position:static}
.mfees{background:#fff;border:2px solid var(--navy);border-radius:var(--radius);padding:16px 18px;margin:18px 0 6px}
.mfees h3{margin:0 0 8px;font-size:1.05rem}
.mfees h3 small{font-weight:600;color:var(--muted);font-size:.85rem}
.mfees dl{margin:0}
.mfees dl div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}
.mfees dl div:last-child{border-bottom:0}
.mfees dt{font-size:.92rem}
.mfees dd{margin:0;font-weight:900;color:var(--navy);white-space:nowrap;font-family:var(--ff)}
.mfees p{margin:10px 0 0;font-size:.86rem;color:var(--muted)}
[dir="rtl"] .mfees dt,[dir="rtl"] .mfees p{line-height:1.75}

/* ---------- announcement strip (under the header) ---------- */
.news-strip{background:var(--navy);color:#fff;font-size:.9rem}
.news-strip .wrap{display:flex;align-items:center;gap:12px;min-height:42px;padding-top:4px;padding-bottom:4px}
.ns-tag{flex-shrink:0;background:var(--rose);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px}
.ns-items{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ns-items::-webkit-scrollbar{display:none}
.ns-item{flex-shrink:0;background:transparent;border:0;color:#fff;font:inherit;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px}
.ns-item:hover{background:rgba(255,255,255,.12);text-decoration-color:#fff}
.ns-item:focus-visible{outline:2px solid #fff;outline-offset:1px}
.ns-item+.ns-item{position:relative}
.ns-item+.ns-item::before{content:"";position:absolute;inset-inline-start:-4px;top:30%;bottom:30%;width:1px;background:rgba(255,255,255,.3)}
.news-strip.one .ns-items{overflow:hidden;flex:1;min-width:0}
.news-strip.one .ns-item{display:none;white-space:normal;text-align:start}
.news-strip.one .ns-item.on{display:block;animation:promoFade .4s ease}
.news-strip.one .ns-item::before{display:none}
[dir="rtl"] .news-strip{font-family:var(--ff-ur)}
[dir="rtl"] .ns-tag{letter-spacing:0;font-size:.8rem}

/* ---------- poster popup ---------- */
.promo{border:0;padding:0;background:transparent;width:min(92vw,520px);max-height:94vh;overflow:visible}
.promo::backdrop{background:rgba(14,18,48,.72)}
.promo[open]{animation:promoIn .45s cubic-bezier(.22,.7,.2,1)}
.promo-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.promo-stage{position:relative;background:#fff}
.promo-slide{margin:0}
.promo-slide[hidden]{display:none}
.promo-slide:not([hidden]){animation:promoFade .35s ease}
.promo img{display:block;width:100%;height:auto;max-height:calc(94vh - 130px);object-fit:contain;background:#fff}
.promo-x{position:absolute;top:10px;inset-inline-end:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--navy);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.promo-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--navy);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;padding-bottom:4px}
.promo-nav.prev{inset-inline-start:8px}
.promo-nav.next{inset-inline-end:8px}
[dir="rtl"] .promo-nav{transform:translateY(-50%) scaleX(-1)}
.promo-x:focus-visible,.promo-nav:focus-visible,.promo-dots button:focus-visible{outline:3px solid var(--rose);outline-offset:2px}
.promo-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 0}
.promo-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#C9CDE0;cursor:pointer}
.promo-dots button[aria-current="true"]{background:var(--navy);width:24px;border-radius:999px}
.promo-act{display:flex;gap:10px;padding:10px 12px 12px;flex-wrap:wrap}
.promo-act a{flex:1 1 180px;text-align:center;justify-content:center}
@keyframes promoIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes promoFade{from{opacity:.2}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.promo[open],.promo-slide:not([hidden]){animation:none}}
@media (max-width:520px){.promo-nav{width:36px;height:36px;font-size:26px}}

/* ---------- performance: pause the 3D logo while it is off screen ---------- */
.logo-stage.ls-off .ls-float,.logo-stage.ls-off .ls-turn,.logo-stage.ls-off .ls-sway,.logo-stage.ls-off .ls-sheen,.logo-stage.ls-off .ls-shadow,.logo-stage.ls-off .ls-spark *{animation-play-state:paused!important}
.logo-dock:not(.on) .ld-turn{animation-play-state:paused}

/* partner cards that link to the partner's website */
a.p{text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
a.p:hover{border-color:var(--navy);box-shadow:0 8px 22px rgba(20,27,77,.1);transform:translateY(-2px)}
a.p:focus-visible{outline:3px solid var(--rose);outline-offset:2px}
.partners .visit{display:inline-block;margin-top:6px;font-style:normal;font-weight:700;font-size:.85rem;color:var(--rose)}

/* other partners: logo strip under the partner cards */
.also-logos{margin-top:26px}
.al-label{display:block;font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:12px}
.also-logos ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.also-logos li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;display:flex;align-items:center;justify-content:center;height:72px}
.also-logos img{height:52px;width:auto;max-width:200px;object-fit:contain}
@media (max-width:520px){.also-logos li{height:60px;padding:8px 12px}.also-logos img{height:42px;max-width:150px}}
.also-logos li:has(a){padding:0}
.also-logos a{display:flex;align-items:center;justify-content:center;height:100%;padding:10px 16px;border-radius:10px;transition:box-shadow .2s,transform .2s}
.also-logos a:hover{box-shadow:0 8px 22px rgba(20,27,77,.12);transform:translateY(-2px)}
.also-logos a:focus-visible{outline:3px solid var(--rose);outline-offset:2px}

/* Shadi GHER: "ask us" eligibility box */
.fee .fee-ask{display:block;text-decoration:none;color:inherit}
.fee div:has(.fee-ask){border-style:dashed;transition:background .2s}
.fee div:has(.fee-ask):hover{background:var(--blush-2)}
.fee .fee-ask b{color:var(--rose)}

/* ---------- YouTube videos: thumbnail tiles that play in a pop-up ---------- */
.videos{background:var(--navy);color:#fff}
.videos h2,.videos .eyebrow{color:#fff}
.videos .eyebrow{opacity:.8}
.videos .lede,.videos p{color:#D7DBEA}
.yt-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:14px;margin-top:8px}
.yt-grid .yt-feat{grid-row:span 2}
.yt-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.yt{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#0b1033;cursor:pointer;text-align:start;color:#fff;font:inherit;aspect-ratio:16/9;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.yt-feat{aspect-ratio:auto;min-height:100%}
.yt-thumb,.yt-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yt-thumb img{transition:transform .5s cubic-bezier(.22,.7,.2,1),filter .3s}
.yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,51,0) 40%,rgba(11,16,51,.9) 100%)}
.yt:hover .yt-thumb img{transform:scale(1.06);filter:brightness(1.08)}
.yt-play{position:absolute;z-index:2;left:50%;top:44%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(184,50,90,.95);box-shadow:0 0 0 0 rgba(184,50,90,.6);transition:transform .25s,box-shadow .4s}
.yt-play::before{content:"";position:absolute;left:23px;top:18px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.yt:hover .yt-play{transform:scale(1.1);box-shadow:0 0 0 12px rgba(184,50,90,0)}
.yt-feat .yt-play{width:78px;height:78px;margin:-39px 0 0 -39px}
.yt-feat .yt-play::before{left:31px;top:24px;border-left-width:24px;border-top-width:15px;border-bottom-width:15px}
.yt-cap{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;font-weight:700;font-size:.92rem;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.yt-feat .yt-cap{font-size:1.2rem;left:20px;bottom:18px}
.yt:focus-visible,.yt-chip:focus-visible{outline:3px solid #F3B8C8;outline-offset:3px}
.yt-solo{max-width:560px}
.yt-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.videos .btn-ghost{border-color:#fff;color:#fff}.videos .btn-ghost:hover{background:#fff;color:var(--navy)}
.videos .btn svg{flex-shrink:0}
.yt-chip{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--blush-2);color:var(--navy);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;text-align:start}
.yt-chip:hover{background:var(--navy);color:#fff}
.yt-chip-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--rose);color:#fff;font-size:.65rem;padding-left:2px}
[dir="rtl"] .yt-chip-ic{padding-left:0;padding-right:2px;transform:scaleX(-1)}
[dir="rtl"] .yt-cap{font-family:var(--ff-ur);line-height:1.7}
.ytbox{border:0;padding:0;background:transparent;width:min(94vw,960px);max-width:none;overflow:visible}
.ytbox::backdrop{background:rgba(5,8,28,.85)}
.ytbox[open]{animation:promoIn .35s cubic-bezier(.22,.7,.2,1)}
.ytbox-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.ytbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytbox-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;color:#fff}
.ytbox-bar b{font-weight:700}
.ytbox-bar a{color:#F3B8C8;font-weight:700;white-space:nowrap}
.ytbox .promo-x{top:-14px;inset-inline-end:-14px}
@media (max-width:900px){.yt-grid{grid-template-columns:1fr 1fr}.yt-grid .yt-feat{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}.yt-row{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.yt-cap{font-size:.8rem}.yt-play{width:46px;height:46px;margin:-23px 0 0 -23px}.yt-play::before{left:18px;top:14px;border-left-width:14px;border-top-width:9px;border-bottom-width:9px}.ytbox .promo-x{top:-46px;inset-inline-end:0}}
@media (prefers-reduced-motion:reduce){.yt-thumb img,.yt-play{transition:none}.ytbox[open]{animation:none}}

/* ---------- partner logos: every logo sits in the same-size white tile ---------- */
.partners .p img,.also-logos li{box-sizing:border-box;width:168px;height:96px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:10px}
.partners .p img{padding:12px;object-fit:contain}
.also-logos li,.also-logos li:has(a){padding:0}
.also-logos li img,.also-logos li a{width:100%;height:100%}
.also-logos li img{box-sizing:border-box;padding:12px;max-width:none;object-fit:contain}
.also-logos li a{display:block;padding:0}
@media (max-width:520px){.partners .p img,.also-logos li{width:128px;height:76px}.partners .p img,.also-logos li img{padding:9px}}