@layer components{.connect-hero{margin-bottom:50px}.connect-hero h1{letter-spacing:-.055em;max-width:18ch;font-weight:730}.connect-hero .lead{max-width:48ch;margin-top:24px}.connect-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.connect-category{--connect-background:var(--paper);--connect-foreground:var(--ink);--connect-body:#443e38;--connect-button-background:var(--ink);--connect-button-foreground:var(--paper);--connect-button-hover:var(--river);border:1px solid var(--stone);background:var(--connect-background);min-width:0;color:var(--connect-foreground);padding:26px;scroll-margin-top:120px}.connect-category:nth-child(4n+2),.connect-category:nth-child(4n+3){--connect-background:var(--ink);--connect-foreground:var(--paper);--connect-body:var(--stone);--connect-button-background:var(--paper);--connect-button-foreground:var(--ink);--connect-button-hover:var(--stone)}.connect-category h2{letter-spacing:-.025em;font-size:1.5rem;font-weight:650;line-height:1.25}.connect-category p{color:var(--connect-body);margin-top:16px}.connect-category .button{text-align:center;background:var(--connect-button-background);border-color:var(--connect-button-background);max-width:100%;color:var(--connect-button-foreground);margin-top:24px}.connect-category .button:hover{background:var(--connect-button-hover);border-color:var(--connect-button-hover);text-underline-offset:3px;text-decoration:underline}.connect-category .button:focus-visible{outline:3px solid var(--connect-button-background);outline-offset:5px}@media (max-width:680px){.connect-categories{grid-template-columns:1fr}.connect-category{padding:22px 18px}.connect-category:nth-child(odd){--connect-background:var(--paper);--connect-foreground:var(--ink);--connect-body:#443e38;--connect-button-background:var(--ink);--connect-button-foreground:var(--paper);--connect-button-hover:var(--river)}.connect-category:nth-child(2n){--connect-background:var(--ink);--connect-foreground:var(--paper);--connect-body:var(--stone);--connect-button-background:var(--paper);--connect-button-foreground:var(--ink);--connect-button-hover:var(--stone)}.connect-hero{margin-bottom:34px}}}