.links-page{min-height:80vh;padding:var(--space-xl) var(--gutter) var(--space-2xl);background:radial-gradient(60rem 30rem at 50% -8rem, color-mix(in srgb, var(--era-bright) 35%, transparent), transparent 70%),var(--era-deep);color:var(--color-cream)}.links-page :focus-visible{outline:3px solid var(--era-accent);outline-offset:3px}.links-page__inner{width:100%;max-width:27rem;margin-inline:auto}.links-page__head{display:grid;justify-items:center;text-align:center}.links-page__photo{width:8.5rem;aspect-ratio:1;overflow:hidden;border:4px solid var(--era-glow);border-radius:50%;background:var(--era-dark);box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}.links-page__photo img{width:100%;height:100%;object-fit:cover;object-position:var(--focal, 50% 25%)}.links-page__title{margin:var(--space-m) 0 0}.links-page__logo{width:15rem;fill:var(--color-cream)}.links-page__tagline{margin:var(--space-xs) 0 0;color:var(--era-glow);font:750 var(--step-2)/1.1 var(--font-display)}.links-page__intro{max-width:30ch;margin:var(--space-2xs) 0 0;color:rgba(255,248,242,.85)}.links-list{display:grid;gap:var(--space-s);margin:var(--space-xl) 0 0;padding:0;list-style:none}.links-list__button{width:100%;min-height:3.5rem;font-size:var(--step-1)}.links-join summary{list-style:none}.links-join summary::-webkit-details-marker{display:none}.links-join summary::after{content:"+";margin-left:.25rem;font-weight:800}.links-join[open] summary{border-color:var(--era-accent);background:var(--era-accent);color:var(--color-ink)}.links-join[open] summary::after{content:"−"}.links-join__panel{margin-top:var(--space-s);padding:var(--space-m);border-radius:var(--radius);background:rgb(var(--era-dark-rgb)/0.55);text-align:left}.links-join__panel .newsletter-note{color:var(--era-soft)}.links-icons ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs);margin:var(--space-xl) 0 0;padding:0;list-style:none}.links-icons a{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:rgba(255,248,242,.1);color:var(--color-cream);transition:background-color .2s var(--ease-out),transform .2s var(--ease-out)}.links-icons a:hover{background:var(--era-glow);color:var(--color-ink);transform:translateY(-2px)}.links-icons a .icon{width:1.35rem;height:1.35rem;fill:currentcolor}.links-list--extra{gap:var(--space-2xs);margin-top:var(--space-l);text-align:center}.links-list__extra{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--era-glow);font-weight:700}.links-list__extra:hover{color:var(--color-white)}