.phero{padding-top:calc(var(--header-h) + clamp(3.5rem, 9vw, 8rem));isolation:isolate;border-bottom:1px solid var(--line);padding-bottom:clamp(3rem,7vw,6rem);position:relative;overflow:hidden}.phero__glow{z-index:-1;pointer-events:none;opacity:.1;background-image:linear-gradient(color-mix(in srgb, var(--accent) 45%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 45%, transparent) 1px, transparent 1px);background-size:4.5rem 4.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}:root[data-theme=light] .phero__glow{opacity:.06}.phero__inner{justify-items:start;gap:clamp(1.15rem,2vw,1.75rem);display:grid}.phero--center .phero__inner{text-align:center;justify-items:center}.phero--center .phero__lead{margin-inline:auto}.phero__crumbs ol{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.phero__crumbs li+li:before{content:"/";color:var(--fg-faint);margin-right:.5rem}.phero__crumbs a:hover{color:var(--fg)}.phero__crumbs li:last-child span{color:var(--fg-muted)}.phero__title{max-width:18ch;font-size:clamp(2.5rem,7vw,6rem)}.phero--center .phero__title{max-width:20ch}.phero__lead{max-width:56ch}.phero__actions{flex-wrap:wrap;gap:.85rem;margin-top:.75rem;display:flex}
