/* Layaal – blush plaster, plum and ivory; Marcellus capitals + Manrope; Amiri for Arabic. Arch motif throughout. */
@font-face{font-family:Marcellus;font-display:swap;src:url(/layaal/assets/fonts/marcellus-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(/layaal/assets/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(/layaal/assets/fonts/manrope-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(/layaal/assets/fonts/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Amiri;font-weight:400;font-display:swap;src:url(/layaal/assets/fonts/amiri-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Amiri;font-weight:700;font-display:swap;src:url(/layaal/assets/fonts/amiri-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
:root{--bg:#fbf5f2;--ink:#2b1b22;--head:#2b1b22;--muted:#7d6670;--line:#ecdcd6;--soft:#f3e3df;--card:#fffaf8;--accent:#8c5a66;--accent-ink:#fff;
 --font-body:Manrope,system-ui,sans-serif;--font-head:Marcellus,Georgia,serif;--head-weight:400;--head-track:.03em;--h1:clamp(2.4rem,5.4vw,4.2rem);--h2:clamp(1.6rem,3vw,2.3rem);
 --nav-fs:.86rem;--nav-track:.04em;--btn-radius:999px;--btn-bg:#5e3a45;--btn-ink:#fff;--btn-pad:14px 30px;--btn-track:.06em;
 --cols:3;--gap:28px;--gap-y:44px;--card-fs:1.15rem;--logo-h:34px;--navtop:100px;--img-radius:999px 999px 18px 18px;--img-radius-s:12px;
 --bar-bg:#5e3a45;--bar-ink:#f8e9e4;--foot-bg:#2b1b22;--foot-ink:#f3e3df;--foot-line:#4a3540;--max:1240px;--sec:88px}
html[lang=ar]{--font-body:Amiri,"Noto Naskh Arabic",Tahoma,serif;--font-head:Amiri,"Noto Naskh Arabic",serif;--head-track:0;--fs:17.5px;--nav-track:0}
html[lang=ar] body{line-height:1.8}
html[lang=ar] .eyebrow,html[lang=ar] .site-foot h2,html[lang=ar] .topbar{letter-spacing:0}
.lay-split .head-in{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"nav logo tools"}
.lay-split .nav{grid-area:nav}.lay-split .logo{grid-area:logo}.lay-split .tools{grid-area:tools;justify-self:end}
.lay-split .nav ul{gap:22px}
@media (max-width:1180px){.lay-split .nav ul{gap:14px}.lay-split .nav a{font-size:.8rem}}
@media (max-width:899px){.lay-split .head-in{grid-template-areas:"burger logo tools";grid-template-columns:auto 1fr auto}.lay-split .burger{grid-area:burger}.lay-split .logo{justify-self:center}}
.hero-arch{display:grid;gap:0;background:linear-gradient(180deg,var(--soft),var(--bg))}
.hero-arch .hero-media{padding:28px 24px 0;display:flex;justify-content:center}
.hero-arch .hero-media picture{width:min(100%,460px);border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px -30px rgba(94,58,69,.45)}
.hero-arch .hero-copy{padding:40px 24px 64px;text-align:center;display:grid;justify-items:center}
@media (min-width:900px){.hero-arch{grid-template-columns:1fr 1fr;align-items:center;min-height:78vh}.hero-arch .hero-media{order:2;padding:56px 48px 0;align-self:end}.hero-arch .hero-copy{text-align:start;justify-items:start;padding:72px max(24px,(100vw - 1240px)/2 + 24px)}}
.eyebrow{color:var(--accent);letter-spacing:.2em}
.cats{text-align:center}.cats .cat-list{--cat-cols:3}.cat-list picture{border-radius:var(--img-radius);overflow:hidden}.cat-list span{font-size:1.3rem}
.card{text-align:center}.card-txt{padding-top:16px}.card h3{font-family:var(--font-head);font-weight:400}
.card-img{box-shadow:0 0 0 1px var(--line)}
.featured .sec-head{justify-content:center;flex-direction:column;align-items:center}
.story{background:var(--soft);border-radius:0}.story-media picture{border-radius:0 0 999px 999px;overflow:hidden;max-width:520px;margin:0 auto}
@media (min-width:900px){.story-media{padding:0 48px}}
.usp{background:var(--bg);border-top:1px solid var(--line);margin-top:0}.usp ul{text-align:center}.usp h3{font-family:var(--font-head);font-size:1.2rem}
.coll-side a{border-radius:999px}
.gal-main li picture{border-radius:var(--img-radius);overflow:hidden}.gal-main{background:transparent}
.pdp-info h1{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.swatch span{width:38px;height:38px}
.link{color:var(--accent);text-decoration-color:currentColor}
.site-foot h2{color:#d9b3bb}
.badge{border-radius:999px;top:auto;bottom:12px;inset-inline-start:50%;transform:translateX(-50%);background:#5e3a45;color:#fff}
html[dir=rtl] .badge{transform:translateX(50%)}