.learn-index{padding-block:var(--section-pad-y)}.learn-index__hero{max-width:var(--max-w-content);margin-bottom:var(--space-2xl)}.learn-index__headline{font-family:var(--font-display);color:var(--text-heading);font-size:var(--text-5xl);line-height:var(--leading-flatter);letter-spacing:var(--tracking-tightest);font-weight:900;text-transform:uppercase;margin:0 0 var(--space-md)}.learn-index__intro{font-family:var(--font-body);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-snug);max-width:var(--max-w-prose);margin:0}.learn-index__empty{color:var(--text-secondary);font-size:var(--text-lg);text-align:center;padding-block:var(--space-2xl)}.learn-index__grid{list-style:none;padding:var(--space-md) var(--space-md);margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media(min-width:768px){.learn-index__grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.learn-index__grid{grid-template-columns:repeat(3,1fr)}}.learn-index__item:nth-child(3n+1) .post-card{--card-tilt: -1.5deg}.learn-index__item:nth-child(3n+2) .post-card{--card-tilt: .8deg}.learn-index__item:nth-child(3n+3) .post-card{--card-tilt: -.4deg}.post-card{--card-tilt: 0deg;display:block;text-decoration:none;color:inherit;transform:rotate(var(--card-tilt));transform-origin:center top;transition:transform var(--duration-base) var(--ease-out);will-change:transform}.post-card:hover{transform:translateY(-3px) rotate(calc(var(--card-tilt) * .3))}.post-card:focus-visible{outline:none}.post-card:focus-visible .post-card__frame{outline:2px solid var(--color-mint);outline-offset:3px}.post-card:active{transform:translateY(1px) rotate(var(--card-tilt))}.post-card__frame{position:relative;background:var(--text-heading);padding:var(--space-3xs) var(--space-3xs) var(--space-sm);box-shadow:var(--shadow-paper-scrap)}.post-card__frame:before,.post-card__frame:after{content:"";position:absolute;top:clamp(-.875rem,-1.2vw,-.625rem);width:clamp(2.5rem,6vw,4rem);height:clamp(.875rem,1.6vw,1.25rem);background:var(--gradient-paper-tape);z-index:2;pointer-events:none}.post-card__frame:before{left:1rem;transform:rotate(-8deg);transform-origin:center}.post-card__frame:after{right:1rem;transform:rotate(7deg);transform-origin:center}.post-card__media{aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-white-tint);display:block;position:relative}.post-card__media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.post-card__hover-veil{position:absolute;inset:0;background:#01000280;opacity:0;z-index:2;transition:opacity .24s cubic-bezier(.22,1,.36,1);pointer-events:none}.post-card:hover .post-card__hover-veil,.post-card:focus-within .post-card__hover-veil{opacity:1}.post-card__hover-label{position:absolute;top:50%;left:0;right:0;font-family:var(--font-sketch);font-size:var(--text-lg);line-height:1;color:var(--text-heading);text-align:center;z-index:4;pointer-events:none;transform:translateY(-50%) rotate(-3deg);clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path .52s cubic-bezier(.22,1,.36,1) 80ms,opacity .22s cubic-bezier(.22,1,.36,1)}.post-card:hover .post-card__hover-label,.post-card:focus-within .post-card__hover-label{clip-path:inset(0 0 0 0);opacity:1}.post-card__hover-arrow{display:inline-block;width:1.1em;height:.65em;margin-left:.3em;vertical-align:-.05em;overflow:visible}.post-card__foot{padding-top:var(--space-2xs);padding-inline:var(--space-2xs);text-align:left}.post-card__title{font-family:var(--font-display);color:var(--color-black);font-size:var(--text-lg);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);font-weight:800;margin:0 0 var(--space-3xs)}.post-card__title-text{display:inline;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 24' preserveAspectRatio='none'%3E%3Cpath d='M 1 5 Q 25 2 50 5 T 99 5 L 99 19 Q 75 22 50 18 T 1 18 Z' fill='%232FECAE' fill-opacity='0.42'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 50%;background-size:0% 80%;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size var(--duration-base) var(--ease-quint);padding-inline:.15em;margin-inline:-.15em}.post-card:hover .post-card__title-text,.post-card:focus-visible .post-card__title-text{background-size:100% 80%}@media(prefers-reduced-motion:reduce){.post-card__title-text{transition:none}}.post-card__meta{display:flex;justify-content:flex-start;align-items:baseline;gap:0}.post-card__date,.post-card__category,.post-card__reading-time{font-family:var(--font-sketch);font-size:var(--text-xs);color:var(--text-muted-on-paper);line-height:1}.post-card__meta-sep{display:inline-block;vertical-align:.05em;margin-inline:.35em;flex-shrink:0}@media(prefers-reduced-motion:reduce){.post-card{transform:none!important;transition:none}.post-card:hover,.post-card:active{transform:none}.post-card__frame:before,.post-card__frame:after{transform:none}.post-card__hover-veil,.post-card__hover-label{transition:none}.post-card:hover .post-card__hover-label,.post-card:focus-within .post-card__hover-label{clip-path:inset(0 0 0 0)}}.learn-pagination{max-width:var(--max-w-content);margin:var(--space-3xl) auto 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary)}.learn-pagination__link{color:var(--text-heading);text-decoration:none;font-family:var(--font-display);font-weight:700;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-snappy)}.learn-pagination__link:hover{color:var(--color-mint)}.learn-pagination__link.is-disabled{color:var(--text-faint);cursor:not-allowed}.learn-cta{padding:var(--section-pad-y-loose) 0;overflow:hidden;overflow:clip}.learn-cta__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2xl);padding:var(--space-xl) var(--space-md)}.learn-cta__heading{margin:0}.learn-cta__circle{position:absolute;pointer-events:none;z-index:-1;color:var(--color-mint);overflow:visible}.learn-cta__circle path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
