/* فابریک — «کارگاهِ چوب»: گردوییِ تیره، بلوطِ روشن، کرمِ خاک‌اره و نقشهٔ کار؛ جمهوریا برای تیتر، وزیرمتن برای متن */
@font-face{font-family:Jomhuria;font-weight:400;font-display:swap;src:url(/a/fonts/jomhuria-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Jomhuria;font-weight:400;font-display:swap;src:url(/a/fonts/jomhuria-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Vazir;font-weight:400;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Vazir;font-weight:400 800;font-display:swap;src:url(/a/fonts/vazirmatn-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Vazir;font-weight:600 800;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}

:root{--bg:#f3ece2;--surface:#fffaf3;--ink:#2e2218;--muted:#6f6052;--line:#e4d7c5;--brand:#3b2b1f;--brand-ink:#fff;--accent:#c0843e;
--walnut:#3b2b1f;--oak:#c0843e;--saw:#efe3d1;--radius:6px;--radius-sm:6px;
--shadow:0 1px 2px rgb(59 43 31/.06),0 18px 40px rgb(59 43 31/.12);--font-body:Vazir,Tahoma,sans-serif;--font-display:Jomhuria,Vazir,sans-serif;
--ft-bg:#2e2218;--ft-ink:#eadfcf}
body{line-height:1.95}
h1,h2,.sec__title{font-family:var(--font-display);font-weight:400;font-synthesis:none;letter-spacing:0;line-height:1.15}
.sec__title{font-size:clamp(40px,5vw,56px)}
.hd{background:color-mix(in srgb,#fffaf3 94%,transparent)}
.brand svg{width:42px;height:42px}
.brand__text b{font-family:var(--font-display);font-weight:400;font-size:38px;line-height:1}
.brand__text small{color:#8a5a33}
.nav a:hover,.nav a[aria-current=page]{background:var(--saw);color:var(--walnut)}
.btn--brand{background:var(--walnut);color:#fff}
.btn--oak{background:var(--oak);color:#fff}
.card__img--art{background:#f3ece2}
.ft{background:repeating-linear-gradient(90deg,transparent 0 58px,rgb(255 255 255/.03) 58px 60px),var(--ft-bg)}
.ft .brand__text b{color:#fff}

/* ---------- hero: a material board ---------- */
.f2-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffaf3,var(--bg))}
.f2-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(59 43 31/.05) 1px,transparent 1px),linear-gradient(90deg,rgb(59 43 31/.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.f2-hero__in{position:relative;display:grid;gap:26px;align-items:center;padding-block:clamp(30px,5vw,68px)}
@media (min-width:960px){.f2-hero__in{grid-template-columns:1fr 1fr;gap:40px}}
.f2-hero__in>*{min-width:0}
.f2-eyebrow{display:inline-block;padding:4px 12px;border:1px dashed var(--oak);color:#8a5a33;font-size:13.5px;font-weight:700}
.f2-hero h1{font-size:clamp(56px,9vw,104px);margin:10px 0 0;color:var(--walnut)}
.f2-hero h1 em{font-style:normal;color:var(--oak)}
.f2-hero p{color:var(--muted);max-width:520px}
.f2-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;background:#fffaf3;border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(-1.2deg)}
.f2-sw{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;padding:6px 8px;border-radius:3px;text-decoration:none;color:#2e2218;font-size:12.5px;font-weight:700;box-shadow:inset 0 0 0 1px rgb(0 0 0/.08),0 2px 0 rgb(0 0 0/.06)}
.f2-sw.d{color:#fff}
.f2-sw:hover{outline:2px solid var(--oak)}
.f2-hd{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.f2-hd h2{font-size:clamp(44px,6vw,64px);color:var(--walnut)}
.f2-hd p{color:var(--muted)}
.f2-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.f2-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.f2-cat{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:14px;border-radius:6px;background:#fffaf3;border:1px solid var(--line);text-decoration:none}
.f2-cat span:first-child{width:56px;height:56px;border-radius:6px;display:grid;place-items:center;background:var(--saw);color:var(--walnut)}
.f2-cat b{display:block;font-size:16px}
.f2-cat small{color:var(--muted)}
.f2-cat:hover{border-color:var(--oak)}
.f2-brands{display:flex;flex-wrap:wrap;gap:8px}
.f2-brands a{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:8px 16px;border-radius:6px;background:var(--walnut);color:#fff;text-decoration:none;font-weight:700}
.f2-brands a small{color:#d9c6ad;font-weight:400}
.f2-brands a:hover{background:var(--oak)}
.f2-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.f2-faq summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center}
.f2-faq p{color:var(--muted)}