:root{--bg: #17140f;--surface: #211d16;--surface-line: rgba(207, 172, 108, .22);--ink: #f3eee3;--ink-muted: #b8af9c;--gold: #cfac6c;--bronze: #8b6f47;--font-display: "Amiri", serif;--font-body: "Tajawal", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:300;line-height:1.7}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0}p{margin:0}a{color:inherit}button{font-family:var(--font-body)}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#17140fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--surface-line)}.nav__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em;text-decoration:none;color:var(--ink)}.nav__logo{height:34px;width:auto;display:block}.nav__links{display:flex;gap:24px}.nav__links a{text-decoration:none;color:var(--ink-muted);font-size:.95rem;transition:color .2s ease}.nav__links a:hover{color:var(--gold)}.hero{min-height:86vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse at 50% 20%,rgba(207,172,108,.12),transparent 60%),var(--bg)}.hero__inner{max-width:640px;text-align:center}.hero__logo{width:100%;max-width:230px;height:auto;margin:0 auto 32px;display:block}.hero__title{font-size:clamp(2rem,6vw,3.4rem);line-height:1.35;margin-bottom:20px}.hero__sub{color:var(--ink-muted);font-size:1.05rem;margin-bottom:32px}.hero__cta{display:inline-block;padding:14px 32px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;border-radius:2px;font-size:.95rem;transition:background .2s ease,color .2s ease}.hero__cta:hover{background:var(--gold);color:var(--bg)}.section__head{max-width:640px;margin:0 auto 40px;text-align:center}.section__head h2{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:12px}.section__head p{color:var(--ink-muted)}.gallery{padding:90px 24px;max-width:1100px;margin:0 auto}.gallery__filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}.filter{background:transparent;border:1px solid var(--surface-line);color:var(--ink-muted);padding:8px 18px;border-radius:999px;font-size:.9rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}.filter:hover{border-color:var(--gold);color:var(--ink)}.filter--active{border-color:var(--gold);color:var(--gold)}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.gallery__more{display:flex;justify-content:center;margin-top:44px}.show-more{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:12px 36px;border-radius:2px;font-size:.95rem;cursor:pointer;transition:background .2s ease,color .2s ease}.show-more:hover{background:var(--gold);color:var(--bg)}.piece{background:var(--surface);border:1px solid var(--surface-line)}.piece__image{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.piece__image img{width:100%;height:100%;object-fit:cover}.piece__placeholder{color:var(--ink-muted);font-size:.85rem;letter-spacing:.03em}.piece__meta{display:flex;flex-direction:column;gap:2px;padding:14px 16px 18px}.piece__name{font-family:var(--font-display);font-size:1.05rem}.piece__category{color:var(--ink-muted);font-size:.85rem}.contact{padding:90px 24px 110px;max-width:560px;margin:0 auto}.contact__card{background:var(--surface);border:1px solid var(--surface-line);padding:36px 32px;text-align:center}.contact__phone{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--gold);text-decoration:none;margin-bottom:28px;direction:ltr}.contact__row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--surface-line);font-size:.95rem;text-align:start}.contact__label{color:var(--ink-muted);white-space:nowrap}.footer{padding:28px 24px 40px;text-align:center;color:var(--ink-muted);font-size:.85rem;border-top:1px solid var(--surface-line)}@media (max-width: 480px){.nav{padding:14px 18px}.nav__brand{font-size:.9rem}.nav__logo{height:28px}.contact__card{padding:28px 20px}}