@font-face{font-family:'Kufam';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/kufam-400-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Kufam';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/kufam-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Kufam';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/kufam-500-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Kufam';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/kufam-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Kufam';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/kufam-700-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Kufam';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/kufam-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/notokufiarabic-400-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/notokufiarabic-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/notokufiarabic-500-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/notokufiarabic-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/notokufiarabic-700-arabic.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/notokufiarabic-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{
  --bg0:#000000;
  --bg1:#080000;
  --bg2:#0d0202;
  --bg3:#140404;
  --line:#220d0d;
  --txt:#e8e8e8;
  --muted:#8f7878;
  --accent:#0f0000;
  --accent-2:#2a0707;
  --accent-text:#ffffff;
  --stroke:rgba(255,255,255,.1);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Kufam','Noto Kufi Arabic',system-ui,Tahoma,Arial,sans-serif;
  background:
    radial-gradient(900px 500px at 85% -5%, #1a0505 0%, transparent 60%),
    radial-gradient(800px 500px at 10% 10%, #0a0202 0%, transparent 55%),
    linear-gradient(180deg, #000, var(--bg1) 50%, #000);
  color:var(--txt);
  min-height:100vh;
}
a{color:inherit}
.wrap{max-width:100%;margin:0 auto;padding:0 32px}
@media(max-width:860px){.wrap{padding:0 16px}}
.site-header{
  position:sticky;top:0;z-index:20;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 32px}
@media(max-width:860px){.site-header .wrap{padding:14px 16px}}
.brand{font-weight:700;font-size:20px;letter-spacing:.2px;text-decoration:none;display:flex;align-items:center;gap:12px}
.brand .brand-text{display:block;font-size:16px;line-height:1.25;font-weight:400}
.brand-text .w1{font-weight:400;color:#fff}
.brand-text .w2{font-weight:400;color:#e05555}
.brand .logo{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:none;background:transparent}
.back-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--stroke);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:12px}
.back-btn svg{width:20px;height:20px;display:block}
.back-btn:hover{border-color:var(--accent-2)}
.header-contact{text-align:end;font-size:13px;color:var(--muted);line-height:1.6;display:flex;align-items:center;gap:10px;flex-direction:row}
.header-contact>span:last-child{flex:1;text-align:right}
.header-contact strong{display:block;color:rgba(255,255,255,.55);font-size:13px;font-weight:400}
.header-contact a{color:#fff;direction:ltr;display:inline-block;font-size:13px;text-decoration:none;border-bottom:1px dashed var(--stroke)}
.share-icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#2a0707,#0f0000);border:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.share-icon svg{width:19px;height:19px;display:block}
.contact-strip{display:none}
.header-update{height:48px;padding:0 24px;background:linear-gradient(224deg, rgba(16,185,129,.12), rgba(16,185,129,0));border:none;border-radius:24px;display:inline-flex;justify-content:center;align-items:center;gap:10px;white-space:nowrap}
.header-update .update-text{color:#10b981;font-size:15px;font-weight:400;font-family:'Kufam','Noto Kufi Arabic',sans-serif}
.header-update .update-icon{width:24px;height:24px;display:inline-flex}
.header-update .update-icon svg{width:100%;height:100%}
.header-update{margin:0 auto}
@media(max-width:1100px){.header-update{height:40px;padding:0 16px}.header-update .update-text{font-size:13px}}
@media(max-width:860px){.site-header .wrap{flex-wrap:wrap;gap:10px}.header-update{flex:0 0 auto;margin:0;margin-inline-start:auto;height:44px;padding:4px 14px;white-space:normal}.header-update .update-text{font-size:10px;line-height:1.7}.header-update .update-text .l2{display:block}.header-update .update-icon{width:20px;height:20px}.header-contact{flex:1 1 100%;justify-content:flex-start;flex-direction:row}.header-contact>span:last-child{flex:1;text-align:right}}
@media(max-width:860px){.contact-strip{display:block;background:rgba(0,0,0,.55);border-bottom:1px solid var(--line)}.contact-strip .wrap{padding-top:10px;padding-bottom:10px}.site-header .header-contact{display:none}}
@media(max-width:860px){.header-contact{font-size:12px}.header-contact strong{font-size:12px}}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px 0 10px}
@media(max-width:860px){.grid{grid-template-columns:1fr}}
.card{
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:640px;
  text-decoration:none;border-radius:var(--radius);
  background:var(--bg1);
  border:1px solid var(--stroke);
  box-shadow:0 18px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.18);
  overflow:hidden;position:relative;
  transition:transform .25s ease, box-shadow .25s ease;
}
.card::before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.14) 45%, transparent 60%);
  opacity:.7;
}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(0,0,0,.7), 0 0 0 1px #333}
.card-media{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg3),var(--bg2));overflow:hidden;border:none}
.card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}
.card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.18) 30%, rgba(0,0,0,.62) 65%, rgba(0,0,0,.95) 100%)}
.card-body{position:relative;z-index:2;margin:0;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:0;padding:20px 18px 18px}

.page-title{font-size:22px;margin:18px 0 4px;text-align:right;font-weight:400}
.page-desc{margin:0 0 8px;text-align:right;color:var(--muted);font-size:14px;line-height:1.9}
.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 4px}
.title-row .title-text{flex:1;min-width:0}
.title-row .title-text .page-title,.title-row .title-text .page-desc{margin:0;text-align:right}
.title-row .title-text .page-desc{margin-top:6px}
.title-icon{width:72px;height:72px;flex-shrink:0;object-fit:contain}
@media(max-width:860px){.title-icon{width:54px;height:54px}}
@media(max-width:860px){.page-title{font-size:17px}.page-desc{font-size:12.5px}}
h2.desc{font-weight:500}
.desc{color:#fff;font-size:15px;line-height:1.9;margin:8px 0 14px;min-height:0;text-shadow:0 2px 14px rgba(0,0,0,.85)}
.pagination{
  display:flex;gap:8px;justify-content:center;align-items:center;
  padding:22px 0 10px;flex-wrap:wrap;
}
.pagination a,.pagination span{
  min-width:44px;height:44px;padding:0 14px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;text-decoration:none;font-size:14px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--stroke);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  color:var(--txt);
}
.pagination a:hover{border-color:var(--accent-2)}
.pagination .active{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--accent-text);font-weight:800;border-color:var(--accent-2)}
.pagination .disabled{opacity:.35;pointer-events:none}
.pagination .dots{background:transparent;border:none;min-width:auto}
.detail{max-width:100%;margin:0 auto;padding:26px 32px}
@media(max-width:860px){.detail{padding:20px 16px}}
.media-list{display:flex;flex-direction:column;gap:16px}
.detail-head{text-align:right;padding:8px 0 14px}
.media-item{margin:0;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--stroke);background:#000}
.media-item img{width:100%;height:auto;display:block;object-fit:cover;cursor:zoom-in}
.media-item video{width:100%;height:auto;display:block;background:#000;cursor:pointer}
.media-item iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000;border-radius:12px}
.section-header{display:flex;align-items:center;gap:12px;margin:20px 0 12px;padding:12px 16px;background:var(--bg1);border:1px solid var(--stroke);border-radius:12px}
.section-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.section-title{font-size:18px;font-weight:700;color:#fff}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center;z-index:100;cursor:zoom-out;padding:20px}
.lightbox img{max-width:94vw;max-height:94vh;object-fit:contain;border-radius:8px}
.site-footer{border-top:1px solid var(--line);margin-top:26px;padding:0 0 26px;color:var(--muted);font-size:13px;background:rgba(0,0,0,.5)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding:28px 0 18px;text-align:right;align-items:center}
.footer-brand p{line-height:2;margin:8px 0 0}
.footer-brand .brand{margin-bottom:4px}
.footer-links p{margin:6px 0}
.footer-links a{color:#fff;text-decoration:none;border-bottom:1px dashed var(--stroke)}
.footer-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.email-obf{color:#fff;direction:ltr;unicode-bidi:embed;border-bottom:1px dashed var(--stroke);cursor:pointer}
.legal-page{padding:26px 32px}
@media(max-width:860px){.legal-page{padding:20px 16px}}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0}
@media(max-width:860px){.legal-grid{grid-template-columns:1fr}}
.legal-card{background:var(--bg1);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px 18px}
.legal-card h2{margin:0 0 12px;font-size:17px;color:#fff}
.legal-card p,.legal-card li{line-height:2;font-size:14px;color:var(--txt)}
.legal-card .muted,.muted{color:var(--muted);font-size:13px}
/* hero pop-glitch banner (listing pages) — cycles 3 page images, pure CSS */
.hero-pop{position:relative;overflow:hidden;border:none;border-radius:var(--radius);margin:18px 0 6px;height:250px;background:#000;box-shadow:0 18px 50px rgba(0,0,0,.5)}
@media(max-width:860px){.hero-pop{height:120px}.hero-pop .title-row{padding:14px 12px;align-items:center}.hero-pop .title-row .title-icon{width:32px;height:32px}.hero-pop .title-row .page-title{font-size:15px}.hero-pop .title-row .page-desc{display:block;font-size:11px;margin-top:2px}}
.hero-pop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity,clip-path,transform,filter}
.hero-pop img.p1{animation:pop-1 6s infinite steps(1,end)}
.hero-pop img.p2{animation:pop-2 6s infinite steps(1,end)}
.hero-pop img.p3{animation:pop-3 6s infinite steps(1,end)}
.hero-pop__scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);pointer-events:none}
.hero-pop__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 40%,rgba(0,0,0,.55) 100%);pointer-events:none}
.hero-pop .title-row{position:absolute;bottom:0;inset-inline:0;z-index:2;margin:0;padding:40px 16px 12px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.88) 100%)}
.hero-pop .title-row .title-icon{width:48px;height:48px}
.hero-pop .title-row .page-title{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.9)}
.hero-pop .title-row .page-desc{color:rgba(255,255,255,.85);text-shadow:0 1px 10px rgba(0,0,0,.9)}
@keyframes pop-1{0%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1.2)}2%{opacity:1;clip-path:inset(18% 0 62% 0);transform:translate(-16px,3px) skewX(-4deg);filter:hue-rotate(90deg) saturate(4)}4%{opacity:1;clip-path:inset(58% 0 12% 0);transform:translate(14px,-3px) skewX(3deg);filter:hue-rotate(-70deg) saturate(4)}6%{opacity:1;clip-path:inset(38% 0 38% 0);transform:translate(-12px,0) skewX(-2deg);filter:hue-rotate(180deg) saturate(3)}8%,22%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1.2)}24%{opacity:1;clip-path:inset(30% 0 50% 0);transform:translate(-14px,2px) skewX(-5deg);filter:hue-rotate(140deg) saturate(4)}26%{opacity:1;clip-path:inset(72% 0 4% 0);transform:translate(15px,-2px) skewX(4deg);filter:hue-rotate(-120deg) saturate(4)}28%{opacity:1;clip-path:inset(6% 0 78% 0);transform:translate(-10px,3px) skewX(-3deg);filter:hue-rotate(40deg) saturate(5)}30%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(12px,0) skewX(5deg);filter:hue-rotate(-30deg) saturate(5)}32%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1)}}
@keyframes pop-2{0%,31%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1)}33%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1.2)}35%{opacity:1;clip-path:inset(52% 0 22% 0);transform:translate(15px,3px) skewX(4deg);filter:hue-rotate(-90deg) saturate(4)}37%{opacity:1;clip-path:inset(10% 0 66% 0);transform:translate(-14px,-3px) skewX(-4deg);filter:hue-rotate(120deg) saturate(4)}39%{opacity:1;clip-path:inset(44% 0 44% 0);transform:translate(12px,0) skewX(3deg);filter:hue-rotate(200deg) saturate(3)}41%,55%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1.2)}57%{opacity:1;clip-path:inset(26% 0 52% 0);transform:translate(-15px,2px) skewX(-5deg);filter:hue-rotate(60deg) saturate(4)}59%{opacity:1;clip-path:inset(78% 0 3% 0);transform:translate(14px,-2px) skewX(4deg);filter:hue-rotate(-140deg) saturate(4)}61%{opacity:1;clip-path:inset(4% 0 82% 0);transform:translate(-11px,3px) skewX(-3deg);filter:hue-rotate(100deg) saturate(5)}63%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(-13px,0) skewX(-5deg);filter:hue-rotate(10deg) saturate(5)}65%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1)}}
@keyframes pop-3{0%,64%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1)}66%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1.2)}68%{opacity:1;clip-path:inset(14% 0 64% 0);transform:translate(-15px,2px) skewX(-4deg);filter:hue-rotate(70deg) saturate(4)}70%{opacity:1;clip-path:inset(66% 0 10% 0);transform:translate(14px,-3px) skewX(4deg);filter:hue-rotate(-110deg) saturate(4)}72%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0,4px) skewX(0deg);filter:hue-rotate(180deg) saturate(5)}74%,88%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1.2)}90%{opacity:1;clip-path:inset(48% 0 28% 0);transform:translate(-14px,3px) skewX(-5deg);filter:hue-rotate(150deg) saturate(4)}92%{opacity:1;clip-path:inset(4% 0 82% 0);transform:translate(15px,-2px) skewX(5deg);filter:hue-rotate(-50deg) saturate(4)}94%{opacity:1;clip-path:inset(84% 0 2% 0);transform:translate(-12px,1px) skewX(-4deg);filter:hue-rotate(200deg) saturate(5)}96%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(13px,0) skewX(5deg);filter:hue-rotate(20deg) saturate(5)}98%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0,0) skewX(0deg);filter:hue-rotate(0deg) saturate(1)}}
@media(prefers-reduced-motion:reduce){.hero-pop img{animation:none}.hero-pop img.p1{opacity:1;clip-path:none}}