.hero{background:var(--color-primary);color:var(--color-secondary);min-height:calc(100vh - var(--prayer-bar-height) - var(--header-height));display:flex}.hero__inner{padding-block:var(--space-10);flex:1;align-items:center;row-gap:0}.hero__text{font-family:var(--font-sans);font-size:clamp(3.5rem,12vw,11rem);font-weight:var(--fw-medium);letter-spacing:-.03em;color:var(--color-text-muted-inverse);text-align:center;margin:0;line-height:.95}.hero__text span{display:block}.hero--peek{--peek:92px;min-height:calc(100svh - var(--prayer-bar-height) - var(--header-height) - var(--peek))}@media (min-width:768px){.hero--peek{--peek:120px}}@media (min-width:1024px){.hero--peek{--peek:148px}}.hero__panels{background:var(--color-primary);grid-template-columns:1fr;gap:2px;margin:0;padding:0;list-style:none;display:grid}.hero__panel-item{display:flex}.hero__panel{background:var(--panel-accent);color:var(--color-secondary);padding:var(--space-4);flex-direction:column;flex:1;justify-content:flex-end;min-height:62svh;text-decoration:none;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.hero__panel{padding:var(--space-5);min-height:68svh}}.hero__panel-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__panel:after{content:"";background:linear-gradient(#0000 32%,#0000001f 52%,#0000008c 78%,#000000d1 100%);position:absolute;inset:0}.hero__panel-body{z-index:1;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.hero__panel-title{font-size:var(--text-large-title);font-weight:var(--fw-medium);letter-spacing:-.022em;line-height:1.05}.hero__panel-summary{font-size:var(--text-callout);line-height:var(--lh-body);color:#ffffffc7;max-width:46ch}.hero__panel-cta{margin-top:var(--space-2);align-items:center;gap:var(--space-1);font-size:var(--text-headline);font-weight:var(--fw-medium);color:var(--panel-accent);display:inline-flex}.hero__panel-arrow{transition:transform var(--duration-fast,.15s) var(--ease-out,ease-out)}.hero__panel:hover .hero__panel-arrow,.hero__panel:focus-visible .hero__panel-arrow{transform:translate(4px)}.hero__panel:focus-visible{outline:2px solid var(--color-secondary);outline-offset:-4px}@media (prefers-reduced-motion:reduce){.hero__panel-arrow{transition:none}}@media (min-width:768px){.hero__panels,.hero__panels[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.hero__panels[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}