@font-face{font-family:Alexandria;src:url(arabic.woff2);font-weight:100 900;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#101817;color:#f3f5e8;font:16px/1.7 Alexandria,Arial,sans-serif}header,main,footer{max-width:1360px;margin:auto;padding:24px clamp(18px,5vw,72px)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35443d;gap:20px;flex-wrap:wrap}.logo{font:700 25px Arial;color:#c5f287}.logo small{display:block;letter-spacing:.17em;font-size:11px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:#c5f287}h1{font-size:clamp(32px,5vw,62px);line-height:1.3;max-width:1000px}h2{font-size:20px;margin:8px 0}p,small,footer{color:#bfcbc1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:14px}.card{display:flex;flex-direction:column;border:1px solid #35443d;background:#192521;border-radius:12px;padding:20px;justify-content:flex-end}.card[hidden]{display:none}.card:hover{border-color:#91b786}.card p{margin:0;font-size:13px}.card img,.gallery img{width:100%;height:170px;object-fit:contain;margin-bottom:10px}.gallery{display:flex;flex-wrap:wrap}.gallery img{width:min(100%,400px);height:320px}.filters{display:flex;flex-wrap:wrap;gap:14px}.filters label{display:grid;gap:5px;flex:1;min-width:min(100%,210px)}input,select{width:100%;font:inherit;color:inherit;background:#192521;padding:10px;border:1px solid #68776b;border-radius:6px}footer{font-size:13px;border-top:1px solid #35443d;margin-top:40px}