/* ── SECTIONS ── */
.section{padding:90px 52px;max-width:1320px;margin:0 auto}
.sec-label{font-size:0.6875rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--red);margin-bottom:14px;display:flex;align-items:center;gap:12px}
.sec-label::before{content:'';width:26px;height:1px;background:var(--red)}
.sec-label.gold{color:var(--gold3)}
.sec-label.gold::before{background:var(--gold3)}
html.dark .sec-label.gold,html.aathaar-dark .sec-label.gold{color:var(--gold)}
html.dark .sec-label.gold::before,html.aathaar-dark .sec-label.gold::before{background:var(--gold)}
.sec-title{font-family:var(--serif);font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:300;line-height:1.15;margin-bottom:12px;color:var(--text)}
.sec-title em{font-style:italic;color:var(--gold3)}
html.dark .sec-title em,html.aathaar-dark .sec-title em{color:var(--gold2)}
.sec-title .r{color:var(--red)}
.sec-sub{font-size:0.875rem;line-height:2;color:var(--text3);max-width:520px;margin-bottom:52px}

/* ── DIVIDER ── */
.divider{display:flex;align-items:center;gap:18px;padding:0 52px;max-width:1320px;margin:0 auto}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-accent),transparent)}
.divider span{color:var(--red);font-size:1rem;opacity:0.5}

/* ── COMMISSION + TILE ── */
.btn-commission{background:transparent;border:1px solid var(--gold3);color:var(--gold3);padding:12px 22px;font-family:var(--sans);font-size:0.62rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:all .25s;white-space:nowrap}
html.dark .btn-commission,html.aathaar-dark .btn-commission{border-color:var(--gold);color:var(--gold)}
.btn-commission:hover{background:var(--gold3);color:#fff}
html.dark .btn-commission:hover,html.aathaar-dark .btn-commission:hover{background:var(--gold);color:var(--bg)}
.tile-grid{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(9,1fr);gap:2px;padding:14px;background:var(--surface2);min-height:320px;overflow:hidden}
.tile{background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:0.22rem;color:var(--gold3);font-family:serif;direction:rtl;text-align:center;line-height:1.1;transition:background .2s}
.tile:hover{background:rgba(201,169,110,0.08);color:var(--gold)}

/* ── FADE IN ── */
.fi-el{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.fi-el.vis{opacity:1;transform:none}