.blogs-page{background:var(--h-surface)}.blogs-page__hero{isolation:isolate;overflow:hidden;padding:clamp(40px,6vw,72px) 0 clamp(20px,3vw,32px);position:relative}.blogs-page__bg{inset:0;pointer-events:none;position:absolute;z-index:-1}.blogs-page__bg-grid{background-image:linear-gradient(to right,rgba(var(--c-ink-rgb),.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--c-ink-rgb),.04) 1px,transparent 1px);background-size:56px 56px;inset:0;mask-image:radial-gradient(ellipse at 30% 30%,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 30% 30%,#000 30%,transparent 72%);position:absolute}.blogs-page__bg-glow{border-radius:50%;filter:blur(120px);position:absolute}.blogs-page__bg-glow--orange{background:radial-gradient(circle,rgba(var(--c-primary-rgb),.18),transparent 60%);height:460px;inset-inline-end:-120px;top:-180px;width:460px}.blogs-page__bg-glow--blue{background:radial-gradient(circle,rgba(var(--c-secondary-rgb),.14),transparent 60%);bottom:-160px;height:420px;inset-inline-start:-120px;width:420px}.blogs-page__hero-inner{align-items:flex-start;display:flex;flex-direction:column;gap:16px;margin-top:24px;max-width:680px}.blogs-page__hero-title{font-size:clamp(2.25rem,4vw,3.5rem)!important;line-height:1.05}.blogs-page__hero-lede{color:var(--h-muted);font-size:clamp(1rem,1.25vw,1.15rem);max-width:60ch}.blogs-page__filters{border-bottom:1px solid var(--h-line);padding:8px 0 32px}.blogs-page__filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.blogs-page__chips{display:flex;flex-wrap:wrap;gap:8px}.blogs-page__chip{align-items:center;background:var(--h-surface);border:1px solid var(--h-line);border-radius:999px;color:var(--h-ink-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;line-height:1;padding:9px 14px;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.blogs-page__chip:hover{border-color:var(--h-ink-2);transform:translateY(-1px)}.blogs-page__chip.is-active{background:var(--h-secondary);border-color:var(--h-secondary);color:#fff}.blogs-page__chip.is-active .blogs-page__chip-count{background:#ffffff29;color:#fff}.blogs-page__chip-count{align-items:center;background:var(--h-surface-2);border-radius:999px;color:var(--h-muted);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.blogs-page__total{color:var(--h-muted);font-size:13px;font-weight:500}.blogs-page__section-head{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.blogs-page__cover-fallback{background:radial-gradient(circle at 100% 0,var(--c-secondary) 0,#1f1a4d 60%,#0d0640 100%);color:#ffffffeb;display:grid;font-family:Inter,MadaniArabic-SemiBold,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;height:100%;letter-spacing:.04em;place-items:center;width:100%}.blogs-page__featured{padding:clamp(28px,4vw,48px) 0 clamp(36px,5vw,52px)}.blogs-page__feature{background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--h-radius-lg);box-shadow:var(--h-shadow-sm);color:inherit;display:grid;gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;text-decoration:none;transition:box-shadow .24s ease,transform .24s ease}.blogs-page__feature:hover{box-shadow:var(--h-shadow-md);transform:translateY(-2px)}.blogs-page__feature:hover .blogs-page__feature-cover img{transform:scale(1.03)}@media(max-width:767.98px){.blogs-page__feature{grid-template-columns:1fr}}.blogs-page__feature-cover{background:var(--h-surface-2);min-height:380px;overflow:hidden;position:relative}.blogs-page__feature-cover img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .4s ease;width:100%}@media(max-width:767.98px){.blogs-page__feature-cover{min-height:240px}}.blogs-page__feature-body{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:clamp(28px,4vw,44px)}.blogs-page__feature-title{color:var(--h-ink);font-family:Inter,MadaniArabic-SemiBold,sans-serif;font-size:clamp(1.4rem,2.4vw,1.875rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}[dir=rtl] .blogs-page__feature-title{font-family:MadaniArabic-SemiBold,sans-serif;letter-spacing:0;line-height:1.4}.blogs-page__feature-excerpt{color:var(--h-muted);display:-webkit-box;font-size:15.5px;-webkit-line-clamp:3;line-height:1.7;margin:0;max-width:56ch;-webkit-box-orient:vertical;overflow:hidden}.blogs-page__feature-cta{align-items:center;color:var(--h-secondary);display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:4px}[dir=rtl] .blogs-page__feature-cta svg{transform:scaleX(-1)}.blogs-page__meta{align-items:center;color:var(--h-muted);display:flex;flex-wrap:wrap;font-size:12.5px;font-weight:500;gap:8px 14px}.blogs-page__meta>span{align-items:center;display:inline-flex;line-height:1;position:relative}.blogs-page__meta>span+span:not(.blogs-page__meta-cat):before{background:var(--h-line);border-radius:50%;content:"";flex-shrink:0;height:3px;margin-inline-end:14px;width:3px}.blogs-page__meta--small{font-size:12px;gap:6px 12px}.blogs-page__meta--small>span+span:before{margin-inline-end:12px}.blogs-page__meta-cat{background:var(--h-secondary-soft);border-radius:999px;color:var(--h-secondary);font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}[dir=rtl] .blogs-page__meta-cat{font-family:MadaniArabic-SemiBold,sans-serif;letter-spacing:0;text-transform:none}.blogs-page__list{background:var(--h-surface-2);border-top:1px solid var(--h-line);padding:clamp(32px,5vw,64px) 0 clamp(56px,8vw,96px)}.blogs-page__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1023.98px){.blogs-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:479.98px){.blogs-page__grid{grid-template-columns:1fr}}.blogs-page__card{background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--h-radius-lg);box-shadow:var(--h-shadow-sm);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.blogs-page__card:hover{border-color:rgba(var(--c-ink-rgb),.12);box-shadow:var(--h-shadow-md);transform:translateY(-4px)}.blogs-page__card:hover .blogs-page__card-cover img{transform:scale(1.04)}.blogs-page__card-cover{aspect-ratio:16/9;background:var(--h-surface-2);overflow:hidden;position:relative}.blogs-page__card-cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.blogs-page__card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px 22px 22px}.blogs-page__card-title{color:var(--h-ink);display:-webkit-box;font-family:Inter,MadaniArabic-SemiBold,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.01em;-webkit-line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden}[dir=rtl] .blogs-page__card-title{font-family:MadaniArabic-SemiBold,sans-serif;letter-spacing:0;line-height:1.55}.blogs-page__card-excerpt{color:var(--h-muted);display:-webkit-box;font-size:14px;-webkit-line-clamp:3;line-height:1.65;margin:0;-webkit-box-orient:vertical;overflow:hidden}.blogs-page__empty{background:var(--h-surface);border:1px dashed var(--h-line);border-radius:var(--h-radius-lg);color:var(--h-muted);padding:60px 20px;text-align:center}
