.hero{padding-top:clamp(7rem,5rem + 6vw,10rem);padding-bottom:var(--space-section);position:relative;overflow:hidden}.hero__pattern{opacity:.05;pointer-events:none;background-image:url(/assets/pattern-star.svg);background-size:96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.hero__inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2.5rem,5vw,5rem);display:grid;position:relative}.hero__bismillah{color:var(--color-gold);text-align:left;margin-bottom:var(--space-4);direction:rtl;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem)}.hero__title{font-size:var(--text-hero);letter-spacing:-.025em;line-height:1.02}.hero__title em{color:var(--color-minaret-deep);font-style:italic}.hero__lede{margin-top:var(--space-6);max-width:34rem;font-size:var(--text-lg);color:var(--color-text-muted)}.hero__lede strong{color:var(--color-ink)}.hero__lede .arabic{color:var(--color-sky-deep);font-size:1.15em}.hero__actions{gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero__meta{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero__chip{border:1px solid var(--color-line);background:var(--color-surface-raised);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-ink);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .95rem;font-weight:700;display:inline-flex}.hero__chip--plain{color:var(--color-text-muted);background:0 0;border-style:dashed}.hero__visual-wrap{min-width:0}.hero__visual{margin:0;max-width:26.5rem;margin-inline:auto;position:relative}.hero__arch{border-radius:var(--radius-arch);border:6px solid var(--color-surface-raised);outline:1px solid var(--color-line);box-shadow:var(--shadow-lift);overflow:hidden}.hero__arch img{width:100%;height:auto}.hero__card{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);max-width:15rem;font-size:var(--text-xs);color:var(--color-text-muted);flex-direction:column;gap:.1rem;padding:.85rem 1.1rem;display:flex;position:absolute}.hero__card strong{font-family:var(--font-display);color:var(--color-ink);font-size:1.05rem}.hero__card--goals{top:16%;left:-3.25rem}.hero__card--open{bottom:7%;right:-2.5rem}@media (max-width:1020px){.hero__inner{grid-template-columns:1fr}.hero__visual{max-width:24rem}.hero__card--goals{left:-.5rem}.hero__card--open{right:-.5rem}}