:root{--bg:#efeae5;--bg-2:#e4ddd6;--card:#f7f4f0;--ink:#2b2623;--ink-2:#6b625b;--gold:#c8a86a;--gold-2:#a98a4f;--peach:#e8c9ad;--line:#2b26231f;--shadow:0 20px 50px #2b262324;--font-latin:"Josefin Sans", "Segoe UI", system-ui, sans-serif;--font-arabic:"Tajawal", "Segoe UI", system-ui, sans-serif;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-latin);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}[dir=rtl] body,body[dir=rtl],.rtl{font-family:var(--font-arabic)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{letter-spacing:.02em;margin:0;font-weight:300}.rtl h1,.rtl h2,.rtl h3{letter-spacing:0;font-weight:400}p{margin:0}.wrap{width:min(1180px,100% - 2.5rem);margin-inline-start:auto;margin-inline-end:auto}.section{padding:clamp(4rem,9vw,7rem) 0}.kicker{text-transform:uppercase;letter-spacing:.28em;color:var(--gold-2);font-size:.72rem}.rtl .kicker{letter-spacing:.05em;font-size:.85rem}.h2{text-transform:uppercase;margin-top:.6rem;font-size:clamp(1.9rem,4vw,2.8rem)}.rtl .h2{text-transform:none}.sub{color:var(--ink-2);max-width:46ch;margin-top:.75rem}.stripe{background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);height:3px}.header{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#efeae5d1;position:sticky;top:0}.header .wrap{justify-content:space-between;align-items:center;gap:1rem;height:68px;display:flex}.brand{align-items:center;gap:.7rem;display:flex}.brand svg{width:34px;height:34px}.brand-name{letter-spacing:.32em;text-transform:uppercase;font-size:.95rem;line-height:1;font-family:var(--font-latin)}.brand-name small{letter-spacing:.4em;color:var(--ink-2);margin-top:3px;font-size:.55rem;display:block}.nav{align-items:center;gap:1.6rem;display:flex}.nav a{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-2);font-size:.8rem;transition:color .2s}.rtl .nav a{text-transform:none;letter-spacing:0;font-size:.95rem}.nav a:hover{color:var(--ink)}.lang{border:1px solid var(--ink);letter-spacing:.05em;background:0 0;border-radius:999px;padding:.4rem .95rem;font-size:.8rem;transition:background .2s,color .2s}.lang:hover{background:var(--ink);color:var(--bg)}@media (max-width:720px){.nav a{display:none}}.hero{background:var(--bg-2);position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:calc(100vh - 68px);padding-block-start:3rem;padding-block-end:3rem;display:grid}.hero-text h1{text-transform:uppercase;margin-top:1.25rem;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.05}.rtl .hero-text h1{text-transform:none;line-height:1.3}.hero-text .by{color:var(--ink-2);letter-spacing:.12em;margin-top:.4rem;font-size:.85rem}.hero-text .sub{margin-top:1.5rem;font-size:1.05rem}.cta-row{flex-wrap:wrap;gap:.8rem;margin-top:2.2rem;display:flex}.btn{text-transform:uppercase;letter-spacing:.18em;border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:999px;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-size:.8rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.rtl .btn{text-transform:none;letter-spacing:0;font-size:1rem}.btn:hover{transform:translateY(-2px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--bg)}.hero-media{position:relative}.hero-media:before{content:"";background:var(--peach);border-radius:var(--radius);z-index:0;position:absolute;top:8%;bottom:-6%;left:10%;right:-6%}.hero-media img{z-index:1;aspect-ratio:1184/1480;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);position:relative}.hero-shades{z-index:2;bottom:-1.2rem;background:var(--card);box-shadow:var(--shadow);border-radius:999px;gap:.4rem;padding:.6rem;display:flex;position:absolute}.hero-shades:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-1.2rem}.hero-shades:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-1.2rem}.hero-shades:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-1.2rem}.hero-shades:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-1.2rem}.hero-shades img{object-fit:cover;width:44px;height:44px;box-shadow:none;aspect-ratio:1;border-radius:50%}@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;min-height:0;padding-block-start:2.5rem;padding-block-end:4rem}.hero-media{order:-1;max-width:420px;margin-bottom:2.4rem}.hero-shades{bottom:-1rem}.hero-shades:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:.8rem}.hero-shades:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:.8rem}.hero-shades:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:.8rem}.hero-shades:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:.8rem}.hero-shades img{width:34px;height:34px}}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem;margin-top:2.8rem;display:grid}.card{text-align:start;background:var(--card);border-radius:var(--radius);border:0;padding:0;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 6px 20px #2b26230f}.card:hover{box-shadow:var(--shadow);outline:none;transform:translateY(-5px)}.card:focus-visible{box-shadow:var(--shadow);outline:none;transform:translateY(-5px)}.card:focus-visible{box-shadow:0 0 0 3px var(--gold), var(--shadow)}.card .eye{aspect-ratio:1;object-fit:cover;width:100%}.card .meta{justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.1rem 1.15rem;display:flex}.card h3{text-transform:uppercase;letter-spacing:.14em;font-size:1.05rem}.rtl .card h3{text-transform:none;letter-spacing:0;font-size:1.15rem}.card .tone{color:var(--ink-2);margin-top:.2rem;font-size:.78rem}.dot{border:2px solid var(--card);width:18px;height:18px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none}.card .stripe{opacity:0;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.card:hover .stripe{opacity:1}.specs{background:var(--bg-2)}.specs .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.spec-list{border-top:1px solid var(--line);margin:2rem 0 0;padding:0;list-style:none}.spec-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.spec-list span:first-child{color:var(--ink-2);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem}.rtl .spec-list span:first-child{text-transform:none;letter-spacing:0;font-size:1rem}.spec-list span:last-child{font-weight:400}.note{color:var(--ink-2);margin-top:1.5rem;font-size:.85rem}.spec-art{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.spec-art img{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:1654/2339;object-fit:cover}.spec-art img:nth-child(2){margin-top:3rem}@media (max-width:860px){.specs .wrap{grid-template-columns:1fr}.spec-art{max-width:480px}}.about .wrap{grid-template-columns:.9fr 1.1fr;align-items:center;gap:3rem;display:grid}.about p+p{margin-top:1rem}.about .text{max-width:52ch;color:var(--ink-2);font-size:1.05rem}.about img{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:1654/2339;object-fit:cover;max-width:420px}@media (max-width:860px){.about .wrap{grid-template-columns:1fr}}.contact{background:var(--ink);color:var(--bg)}.contact .kicker{color:var(--gold)}.contact .sub{color:#efeae5b3}.contact-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.contact-panel{background:var(--card);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:1.6rem;padding:clamp(1.4rem,3vw,2.4rem);display:flex}.contact-list{border-top:1px solid var(--line);width:100%;margin:0;padding:0;list-style:none}.contact-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.9rem 0;display:flex}.contact-list li>span:first-child{color:var(--ink-2);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.rtl .contact-list li>span:first-child{text-transform:none;letter-spacing:0;font-size:.95rem}.contact-list a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.contact-panel .btn{background:var(--gold);border-color:var(--gold);color:var(--ink)}.footer{color:var(--ink-2);padding:2rem 0;font-size:.78rem}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-bg{z-index:50;background:#2b26238c;place-items:center;padding:1rem;animation:.2s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--card);border-radius:var(--radius);width:min(980px,100%);max-height:92vh;box-shadow:var(--shadow);grid-template-columns:.8fr 1fr;animation:.25s rise;display:grid;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.modal img.page{object-fit:contain;object-position:top;background:var(--bg-2);width:100%;height:100%}.modal .body{flex-direction:column;padding:clamp(1.4rem,4vw,2.6rem);display:flex}.modal .body h3{text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem;font-size:clamp(1.8rem,3.5vw,2.6rem)}.rtl .modal .body h3{text-transform:none;letter-spacing:0}.modal .eye-round{object-fit:cover;width:120px;height:120px;box-shadow:var(--shadow);border-radius:50%;margin-top:1.3rem}.modal .spec-list{margin-top:1.6rem}.modal .close{top:1rem;background:var(--card);width:40px;height:40px;box-shadow:var(--shadow);border:0;border-radius:50%;font-size:1.2rem;line-height:1;position:absolute}.modal .close:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:1rem}.modal .close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:1rem}.modal .close:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:1rem}.modal .close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:1rem}.modal .pager{gap:.6rem;margin-top:auto;padding-top:1.6rem;display:flex}.modal .pager button{flex:1}@media (max-width:720px){.modal{grid-template-columns:1fr}.modal img.page{height:auto;max-height:48vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}