@font-face{font-family:'Cairo';font-style:normal;font-display:swap;font-weight:200 1000;src:url(/site/fonts/cairo-arabic-wght-normal.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-1EEFF}
@font-face{font-family:'Cairo';font-style:normal;font-display:swap;font-weight:200 1000;src:url(/site/fonts/cairo-latin-wght-normal.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}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fdf5ea;font-family:'Cairo',system-ui,sans-serif;color:#1a1410;min-height:100vh;overflow-x:hidden}
img{max-width:100%}
a{color:#1a1410}a:hover{color:#e2470c}
:focus-visible{outline:4px solid #2563d9;outline-offset:3px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:#ffe14d;color:#1a1410;font-weight:900;padding:10px 18px;border-radius:999px;border:3px solid #1a1410;text-decoration:none}
.skip:focus{top:12px}
.ink{color:#fff;-webkit-text-stroke:0.08em #1a1410;paint-order:stroke fill;text-shadow:0 0.07em 0 #1a1410}
.burst{background-color:#ff6a1f;background-image:repeating-conic-gradient(from 0deg at 72% 60%, rgba(255,225,77,0.22) 0deg 9deg, transparent 9deg 20deg)}
.dots{background-color:#fdf5ea;background-image:radial-gradient(rgba(26,20,16,0.09) 2px, transparent 2px);background-size:26px 26px}
.card{transition:transform .18s ease}.card:hover{transform:translateY(-6px) rotate(0deg) !important}
.navlink{color:#fff;text-decoration:none;font-weight:700;padding:10px 12px;min-height:44px;border-radius:999px;display:inline-flex;align-items:center}
.navlink:hover{color:#ffe14d}
.navlink[aria-current=page]{color:#ffe14d;background:#2a211b}
button{font-family:inherit}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}
.float{animation:bob 4s ease-in-out infinite}
@keyframes pop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.pop{animation:pop .18s ease-out}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(50%)}}
[dir=ltr] .marquee{animation-name:slideL}
@keyframes slideL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee{display:flex;width:max-content;animation:slide 30s linear infinite}
.tile[hidden],.pop-wrap[hidden],[role=tabpanel][hidden]{display:none !important}
.ptab{background:#fff;color:#1a1410;border:3px solid #1a1410;border-radius:999px;padding:10px 22px;font-size:17px;font-weight:800;cursor:pointer;min-height:46px;box-shadow:0 3px 0 #1a1410}
.ptab[aria-selected=true]{background:#1a1410;color:#ffe14d;font-weight:900;box-shadow:none}
.seg{background:transparent;color:#1a1410;border:3px solid transparent;border-radius:999px;padding:10px 26px;font-size:19px;font-weight:800;cursor:pointer;min-height:50px}
.seg[aria-pressed=true]{background:#ff6a1f;border-color:#1a1410;font-weight:900}
.chip{background:#fff;color:#1a1410;border:2px solid #1a1410;border-radius:999px;padding:7px 16px;font-size:15px;font-weight:800;cursor:pointer;min-height:44px}
.chip[aria-pressed=true]{background:#1a1410;color:#ffe14d;font-weight:900}
.pop-wrap{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px}
.pop-scrim{position:absolute;inset:0;background:rgba(26,20,16,.62);border:0;cursor:pointer;width:100%}
body.locked{overflow:hidden}
.wrap{max-width:1240px;margin:0 auto;padding-inline:24px}
@media (max-width:760px){
  .wrap{padding-inline:16px}
  .hdr{padding:10px 16px !important}
  .hdr-nav{width:100%;justify-content:flex-start}
  .navlink{padding:8px 10px;font-size:15px}
  .sec{padding-block:44px !important;padding-inline:16px !important}
  h2.big{font-size:34px !important}
  .lead{font-size:18px !important}
  .hero-col{padding-bottom:28px !important}
  .deco{display:none}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
  .tile{padding:10px !important;border-width:3px !important;border-radius:18px !important}
  .tile>span:nth-child(2){font-size:19px !important}
  .tile>span:nth-child(3){font-size:13px !important}
  .pop-head{flex-wrap:wrap;padding:16px !important}
  .pop-head img{width:84px !important;height:63px !important}
  .pop-name{font-size:26px !important}
  .socialbar{justify-content:center !important;text-align:center}
}
@media (prefers-reduced-motion: reduce){.float,.marquee,.pop{animation:none}html{scroll-behavior:auto}.card{transition:none}}
