body{margin:0;background:#F7F5F0}
a{color:#102A5C}a:hover{color:#0A1B3D}
html{scroll-behavior:smooth}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.bricks{background-color:#102A5C;background-image:linear-gradient(#0D2350 2px,transparent 2px),linear-gradient(90deg,#0D2350 2px,transparent 2px);background-size:64px 32px}
.ph{background:repeating-linear-gradient(45deg,#1B3C7A 0 14px,#183670 14px 28px);color:#D5DDF0;display:flex;align-items:flex-end;padding:16px;box-sizing:border-box;font-size:13px;letter-spacing:.02em}
.navlink{position:relative;color:#102A5C;text-decoration:none;font-size:15px;font-weight:500;padding:12px 4px}
.navlink::after{content:"";position:absolute;left:4px;right:4px;bottom:6px;height:2px;background:#E9B949;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.navlink:hover{color:#0A1B3D}.navlink:hover::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;box-sizing:border-box;padding:0 24px;border-radius:999px;font-family:inherit;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,27,61,.28)}
.btn:active{transform:translateY(0) scale(.96);box-shadow:none}
.btn .arr{display:inline-block;transition:transform .2s ease}
.btn:hover .arr{transform:translateX(5px)}
.btn[disabled]{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.gold{background:#E9B949;color:#0A1B3D}.gold:hover{background:#F4CB63;color:#0A1B3D}
.navy{background:#102A5C;color:#FFFFFF}.navy:hover{background:#1C4088;color:#FFFFFF}
.ghostw{border-color:#FFFFFF;color:#FFFFFF;background:transparent}.ghostw:hover{background:#FFFFFF;color:#102A5C}
.ghostn{border-color:#102A5C;color:#102A5C;background:transparent}.ghostn:hover{background:#102A5C;color:#FFFFFF}
.wa:hover{background:#25D366;border-color:#25D366;color:#0A1B3D}
.model{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:520px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.model[data-drag]{cursor:grabbing}
.model canvas.obj{height:min(560px,68vh);width:auto;display:block;pointer-events:none}
.model .obj{position:relative;z-index:1;animation:bob 6s ease-in-out infinite;transition:filter .4s ease;filter:drop-shadow(0 0 0 rgba(233,185,73,0))}
.model:hover .obj{filter:drop-shadow(0 0 1.5px #FFD966) drop-shadow(0 0 12px rgba(233,185,73,.8)) drop-shadow(0 0 34px rgba(233,185,73,.35))}
.model .floor{position:absolute;bottom:6px;left:20%;right:20%;height:44px;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),rgba(0,0,0,0) 70%);transition:opacity .4s ease}
.model:hover .floor{opacity:.6}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.gi{position:relative;overflow:hidden;border:0;padding:0;margin:0;border-radius:12px;cursor:zoom-in;background:#183670;font:inherit;text-align:left;display:block;min-height:0}
.gi img{width:100%;height:100%;object-fit:cover;display:block;transition:scale .6s ease;transform:skewY(var(--sv,0deg))}
.gi:hover img{scale:1.07}
.gi .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(rgba(10,27,61,0),rgba(10,27,61,.9));color:#FFFFFF;display:flex;flex-direction:column;gap:2px;transform:translateY(100%);transition:transform .3s ease}
.gi:hover .cap,.gi:focus-visible .cap{transform:none}
.gi .zoom{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:#102A5C;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:all .25s ease}
.gi:hover .zoom{opacity:1;transform:none}
.big{grid-column:span 2;grid-row:span 2}.wide{grid-column:span 2}.tall{grid-row:span 2}
.lb{position:fixed;inset:0;z-index:90;background:rgba(7,20,48,.95);display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;box-sizing:border-box}
.ghostw2{border-color:rgba(255,255,255,.6);color:#FFFFFF;background:transparent}.ghostw2:hover{background:#FFFFFF;color:#102A5C}
.ig:hover{background:linear-gradient(45deg,#F58529,#DD2A7B 45%,#8134AF 75%,#515BD4);border-color:transparent;color:#FFFFFF}
@media (max-width:720px){.big,.wide{grid-column:span 1}.lb{padding:12px}}
.waL:hover{color:#25D366 !important}.fbL:hover{color:#6EA8FF !important}.igL:hover{color:#F77EB0 !important}
.round{width:48px;padding:0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #E9B949;outline-offset:3px}
.chip{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #B9B4A8;background:#FFFFFF;color:#1B1F2A;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .18s ease}
.chip:hover{border-color:#102A5C;transform:translateY(-1px)}
.chip.on{background:#102A5C;border-color:#102A5C;color:#FFFFFF}
.card{background:#FFFFFF;border-radius:12px;overflow:hidden;border:1px solid #E4E0D6;transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(10,27,61,.14)}
.card .ph,.card .timg{transition:scale .6s ease}
.card:hover .ph,.card:hover .timg{scale:1.07}
.timg{width:100%;height:230px;object-fit:cover;display:block;background:#183670;transform:skewY(var(--sv,0deg))}
.strip{position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;padding:20px 0 36px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.strip[data-drag]{cursor:grabbing}
.strip img{-webkit-user-drag:none;pointer-events:none}
.track{display:flex;gap:28px;width:max-content;will-change:transform}
.slot{flex:0 0 auto;width:min(360px,78vw);display:flex;will-change:transform;transform-origin:50% 60%}
.slot .card{flex:1}
.slot .timg{scale:1.14}
.slot .card:hover .timg{scale:1.2}
.gi{translate:0 calc(var(--glag,0px) * var(--f,1))}
[data-moving] :is(h1,h2,h3,h4,p,li,blockquote,figcaption){transform:perspective(900px) rotateX(calc(var(--sv,0deg) * 1.2)) skewY(calc(var(--sv,0deg) * .25));transform-origin:50% 0;will-change:transform}
.path{text-align:left;font:inherit;color:#1B1F2A;background:#FFFFFF;border:2px solid #E4E0D6;border-radius:12px;padding:28px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}
.path:hover{border-color:#102A5C;transform:translateY(-4px);box-shadow:0 14px 28px rgba(10,27,61,.12)}
.path.on{border-color:#102A5C;background:#102A5C;color:#FFFFFF}
.path.on .pathtag{background:#E9B949;color:#0A1B3D}
.faqbtn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;padding:24px 0;font:inherit;font-size:19px;font-weight:700;color:#102A5C;text-align:left;cursor:pointer}
.faqbtn .sign{flex:0 0 36px;height:36px;border-radius:50%;border:1.5px solid #102A5C;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease}
.faqbtn:hover .sign{background:#102A5C;color:#FFFFFF}
.dot{width:12px;height:12px;border-radius:6px;border:0;padding:0;background:#C9C3B5;cursor:pointer;transition:all .25s ease}
.dot.on{width:32px;background:#102A5C}
.float{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;background:#1FA855;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:15px;padding:0 22px;min-height:56px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.25);animation:wgshake 10s ease-in-out -6s infinite;transition:transform .18s ease}
.float:hover{animation:none;transform:translateY(-3px) scale(1.03);color:#FFFFFF}
@keyframes wgshake{0%,88%,100%{transform:translate(0,0) rotate(0);box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 0 rgba(31,168,85,.55)}89.5%{transform:translate(-6px,0) rotate(-5deg)}91%{transform:translate(6px,0) rotate(5deg)}92.5%{transform:translate(-5px,0) rotate(-4deg)}94%{transform:translate(5px,0) rotate(4deg)}95.5%{transform:translate(-3px,0) rotate(-2deg)}97%{transform:translate(2px,0) rotate(1deg)}98.5%{transform:translate(0,0) rotate(0);box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 18px rgba(31,168,85,0)}}
.fadein{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
input{font:inherit}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
@media (max-width:720px){.wrap{padding:0 16px}.herotitle{font-size:44px !important}.sectitle{font-size:34px !important}.float span{display:none}.float{padding:0 16px}}
/* Map of Iraq's historical sites (inside the Malwiya section) */
.iqwrap{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding-top:8px;padding-bottom:104px}
.iqmap{position:relative;width:min(100%,720px);aspect-ratio:1000/1016;margin-top:18px}
.iqmap svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.iqmap .land{fill:#102A5C;stroke:#C9D3EA;stroke-width:2.4;stroke-linejoin:round;filter:drop-shadow(0 10px 28px rgba(5,14,33,.45))}
.iqmap .govs{fill:none;stroke:rgba(201,211,234,.38);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.iqdot{position:absolute;z-index:2;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;border:0;border-radius:50%;background:#E9B949;box-shadow:0 0 0 2px rgba(10,27,61,.55),0 0 10px rgba(233,185,73,.55);cursor:pointer;transition:transform .2s ease}
.iqdot::before{content:"";position:absolute;inset:-7px;border-radius:50%}
.iqdot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#E9B949;opacity:.55;animation:iqpulse 2.4s ease-out infinite;animation-delay:var(--d,0s);pointer-events:none}
.iqdot:hover,.iqdot.on,.iqdot:focus-visible{transform:scale(1.35);z-index:3}
.iqdot:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
@keyframes iqpulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.4);opacity:0}}
.iqpop{position:absolute;z-index:6;width:280px;background:#FFFFFF;color:#1B1F2A;border-radius:12px;overflow:hidden;text-align:start;box-shadow:0 22px 48px rgba(5,14,33,.45);opacity:0;visibility:hidden;transform:translateY(8px) scale(.97);transform-origin:50% 100%;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;pointer-events:none}
.iqpop.below{transform:translateY(-8px) scale(.97);transform-origin:50% 0}
.iqpop.on{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s}
.iqpop img{display:block;width:100%;height:150px;object-fit:cover;background:#E4E0D6}
.iqpop .iqpb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.iqpop .iqpl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9A6B00}
.iqpop strong{font-family:'Archivo',sans-serif;font-size:19px;font-weight:800;color:#102A5C;line-height:1.2}
.iqpop p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#4A5060}
@media (prefers-reduced-motion:reduce){.iqdot::after{animation:none;opacity:0}.iqpop,.iqpop.on{transition:none}}