:root{--bg:#fffdf7;--alt:#fff3d6;--ink:#0b2b40;--mut:#4d6678;--card:#fff;--line:#0b2b4018;--hon:#fda102;--blu:#039bf0;--sh:0 40px 70px -28px #0b2b4066}
[data-theme=dark]{--bg:#06141f;--alt:#0b1f2e;--ink:#f6ecd8;--mut:#9db3c4;--card:#10283a;--line:#ffffff1c;--sh:0 40px 80px -24px #000c}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{background:var(--bg);color:var(--ink);font:400 17px/1.8 Inter,"Noto Kufi Arabic",system-ui,sans-serif;overflow-x:hidden;transition:background .5s,color .5s}
[lang=ku] body,[lang=ar] body{font-family:"Noto Kufi Arabic",Tahoma,sans-serif;line-height:2}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:800;line-height:1.1;letter-spacing:-.01em}
[lang=ku] :is(h1,h2),[lang=ar] :is(h1,h2){font-family:"Noto Kufi Arabic",sans-serif;line-height:1.4;letter-spacing:0}
h1{font-size:clamp(2.8rem,7vw,5.4rem)}h2{font-size:clamp(2rem,4.5vw,3.2rem);margin-bottom:.5em}
p{color:var(--mut);max-width:60ch}
a{color:inherit}
:focus-visible{outline:3px solid var(--blu);outline-offset:3px}
#prog{position:fixed;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--hon),var(--blu));transform:scaleX(0);transform-origin:left;z-index:60}
[dir=rtl] #prog{transform-origin:right}

.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:20px;padding:10px 4vw;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.05rem}
.brand img{height:44px}
.nav nav{display:flex;gap:22px;margin-inline:auto;font-size:.95rem}
.nav nav a{text-decoration:none;color:var(--mut);transition:color .2s}.nav nav a:hover{color:var(--hon)}
.ctl{display:flex;gap:10px;align-items:center}
.lang{display:flex;border:1px solid var(--line);border-radius:99px;overflow:hidden}
button{font:inherit;cursor:pointer;color:var(--ink);background:none;border:0}
.lang button{padding:4px 12px;font-size:.85rem}
.lang button.on{background:var(--hon);color:#201300;font-weight:600}
#theme{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);font-size:1.2rem;line-height:1}

section{position:relative;padding:15vh 6vw}
.alt{background:var(--alt)}
.wrap{max-width:1120px;margin:auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.grid2.top{align-items:start}
.head{margin-bottom:48px}
.center{text-align:center}.center p{margin:auto}

.hero{min-height:100vh;display:grid;align-items:center;padding-top:110px;overflow:hidden;background:radial-gradient(circle at 75% 35%,#fda10033,transparent 55%),var(--bg)}
.hero-c{display:grid;gap:20px;justify-items:center;text-align:center}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.biglogo{display:block;width:min(90vw,760px,74vh);height:auto;will-change:transform,opacity}
.hlogo{width:clamp(90px,14vw,150px)}
.lead{font-size:1.25rem}
.btn{display:inline-block;padding:14px 34px;border-radius:99px;background:var(--hon);color:#201300;font-weight:600;text-decoration:none;box-shadow:0 14px 30px -10px #fda102aa;transition:transform .25s}
.btn:hover{transform:translateY(-3px) scale(1.03)}
.hex{position:absolute;width:var(--s);aspect-ratio:1/1.1547;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--hon);opacity:.2;pointer-events:none}
.bwrap{perspective:1000px;transition:transform .15s;transform-style:preserve-3d}
.card3d{display:block;border-radius:30px 30px 8px 30px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line);background:var(--card)}
.card3d img{display:block;width:100%;height:auto}
.tel{display:inline-flex;align-items:center;gap:12px;margin:26px 0 4px;font:800 clamp(1.6rem,5vw,2.6rem)/1 Inter,sans-serif;text-decoration:none;color:var(--hon);transition:transform .25s}.tel:hover{transform:scale(1.04)}.tel svg{width:.9em;height:.9em}
[data-3d]{will-change:transform,opacity}

.m{margin-bottom:22px}
.mh,.m small{display:flex;justify-content:space-between;gap:12px}
.mh b{color:var(--hon)}
.m small{color:var(--mut);font-size:.85rem}
.bar{height:10px;border-radius:9px;background:var(--line);margin:6px 0;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--hon),var(--blu));transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.m.in .bar i{width:var(--w)}
.badge{margin:22px auto 0;width:fit-content;padding:10px 26px;border-radius:99px;background:var(--blu);color:#fff;font-weight:600}

.ringsec{height:640vh;padding:0;background:radial-gradient(circle at 50% 55%,#039bf02e,transparent 60%),var(--bg)}
.stick{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;overflow:hidden;padding-top:70px}
.stage{perspective:1300px;width:100%;height:56vh;display:flex;justify-content:center;align-items:center}
#ring{position:relative;width:min(80vw,360px);height:100%;transform-style:preserve-3d}
.rc{position:absolute;inset:0;border-radius:22px;overflow:hidden;box-shadow:var(--sh);border:3px solid var(--hon);backface-visibility:hidden;background:var(--card)}
.rc .bg{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(22px) brightness(.75)}.rc .fg{position:relative;display:block;width:100%;height:100%;object-fit:contain}

.soc{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.soc a{display:flex;align-items:center;gap:10px;padding:13px 26px;border-radius:99px;border:2px solid var(--hon);text-decoration:none;font-weight:600;transition:.25s}
.soc a:hover{background:var(--hon);color:#201300;transform:translateY(-4px)}
.soc svg{width:22px;height:22px}
footer{text-align:center;padding:30px;color:var(--mut);font-size:.9rem;border-top:1px solid var(--line)}

@media(max-width:820px){
  .grid2{grid-template-columns:1fr;gap:40px}
  .nav nav{display:none}.nav{justify-content:space-between}
  .brand b{display:none}
  .lead{margin:auto}
  section{padding:12vh 6vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bar i{transition:none}}
.rm .ringsec{height:auto;padding:12vh 6vw}.rm .stick{position:static;height:auto;padding:0}.rm .stage{height:auto;perspective:none}.rm #ring{width:100%;height:auto;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.rm .rc{position:relative;transform:none!important;aspect-ratio:4/5}
.vid{max-width:960px;margin:30px auto 0}.vid video{display:block;width:100%;height:auto;background:#000}
#story h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
blockquote{margin:0 0 18px;padding-inline-start:18px;border-inline-start:4px solid var(--hon);font-size:1.2rem;line-height:1.9;color:var(--ink);font-weight:600}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:9vh}
.trio article{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--hon);border-radius:20px;padding:28px;box-shadow:var(--sh)}
.trio h3{font-size:1.2rem;line-height:1.5;margin-bottom:10px;color:var(--hon)}
@media(max-width:820px){.trio{grid-template-columns:1fr}}