.public-page-hero{isolation:isolate;background:var(--color-app);padding:3rem 1rem;position:relative;overflow:hidden}.public-page-hero-art,.public-page-hero-shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.public-page-hero-art{object-fit:cover;object-position:center}.public-page-hero-shade{background:linear-gradient(180deg, color-mix(in srgb, var(--color-app) 65%, transparent), color-mix(in srgb, var(--color-app) 88%, transparent) 75%, var(--color-app))}.public-page-hero-content{z-index:1;max-width:76rem;margin-inline:auto;position:relative}.public-page-hero-kicker{color:var(--color-highlight-cyan);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:flex}.public-page-hero-title{max-width:56rem;color:var(--color-text-primary);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.875rem,4vw,3rem);font-weight:600;line-height:1.15}.public-page-hero-introduction{max-width:42rem;color:var(--color-text-secondary);margin-top:1.5rem;font-size:1.125rem;line-height:1.8}.public-page-hero-detail{border:1px solid color-mix(in srgb, var(--color-highlight-cyan) 30%, transparent);width:fit-content;max-width:100%;color:var(--color-highlight-cyan);background:color-mix(in srgb, var(--color-app) 80%, transparent);overflow-wrap:anywhere;margin-top:1.5rem;padding:.5rem .75rem;font-size:.875rem}@media (width>=640px){.public-page-hero{padding:3.5rem 1.5rem}}@media (width>=1024px){.public-page-hero{padding:4rem 2rem}}