.section-intro{max-width:880px}.section-intro h2{font-family:var(--font-display), "Bricolage Grotesque", sans-serif;font-size:var(--d-200);font-weight:var(--w-medium);letter-spacing:-.055em;text-transform:lowercase;text-wrap:balance;margin-top:14px;line-height:.94}.section-intro>div:last-child>p,.section-intro>p{max-width:68ch;color:var(--ink-soft);font-size:var(--t-400);margin-top:20px;line-height:1.62}
.flip-card-grid{grid-template-columns:repeat(var(--flip-card-grid-columns), minmax(0, 1fr));gap:0;width:100%;margin:clamp(24px,3vw,38px) 0 0;padding:0;list-style:none;display:grid;position:relative}.flip-card-grid:after{background:var(--hairline);content:"";height:1px;position:absolute;bottom:0;left:18px;right:18px}.flip-card-grid__item{z-index:0;perspective:1100px;min-width:0;min-height:280px;position:relative}.flip-card-grid__item:not(:last-child):after{z-index:-1;background:var(--hairline);content:"";width:1px;position:absolute;top:18px;bottom:18px;right:-1px}.flip-card-grid__item:hover,.flip-card-grid__item:focus-within{z-index:1}.flip-card-grid__item:hover:after,.flip-card-grid__item:focus-within:after{opacity:0}.flip-card-grid__trigger{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.flip-card-grid__trigger:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:4px}.flip-card-grid__flip{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;display:block;position:relative}.flip-card-grid__face{backface-visibility:hidden;flex-direction:column;gap:24px;padding:clamp(24px,3.2vw,40px);display:flex;position:absolute;inset:0;overflow:hidden}.flip-card-grid__face--back{border:2px solid var(--ink);background:var(--yellow);box-shadow:6px 7px 0 var(--ink);color:var(--ink);--sel-bg:var(--ink);--sel-fg:var(--paper);border-radius:3px;justify-content:space-between;padding:clamp(22px,2.4vw,30px);transform:rotateY(180deg)}.flip-card-grid__face--front{color:var(--ink);background:0 0;border:0;border-radius:0}.flip-card-grid__visual{flex:0 0 72px;width:72px;height:72px;display:block}.flip-card-grid__title,.flip-card-grid__static h3{max-width:28ch;font-family:var(--font-body), system-ui, sans-serif;font-size:var(--t-500);font-weight:var(--w-regular);letter-spacing:-.015em;text-transform:none;text-wrap:balance;margin-top:0;line-height:1.2}.flip-card-grid__back-label{color:var(--ink);font-family:var(--font-mono), "IBM Plex Mono", monospace;font-size:var(--t-100);letter-spacing:.1em;text-transform:uppercase;line-height:1.3}.flip-card-grid__body{max-width:58ch;color:var(--ink);font-size:var(--t-300);text-wrap:pretty;margin:auto 0;line-height:1.48}.flip-card-grid__static{height:100%;min-height:280px;color:var(--ink);background:0 0;border:0;border-radius:0;flex-direction:column;gap:22px;padding:clamp(24px,3.2vw,40px);display:flex}.flip-card-grid__static h3{margin:0}.flip-card-grid__static p{max-width:58ch;color:color-mix(in srgb, currentColor 74%, transparent);font-size:var(--t-300);margin:auto 0 0;line-height:1.6}@media (max-width:900px){.flip-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flip-card-grid__item:after{display:none}.flip-card-grid__item:nth-child(odd):not(:last-child):after{display:block}}@media (max-width:620px){.flip-card-grid{grid-template-columns:1fr}.flip-card-grid__item:nth-child(odd):not(:last-child):after{display:none}.flip-card-grid__item,.flip-card-grid__static{min-height:252px}}@media (prefers-reduced-motion:reduce){.flip-card-grid__flip{transform:none!important}}