.ins-hero{--marker:var(--color-green-deep);--em:var(--color-cobalt);position:relative;padding-bottom:var(--spacing-section-sm);background:var(--tint-butter);overflow:hidden}.ins-hero::before{content:"";position:absolute;top:-12rem;right:-10rem;width:34rem;height:34rem;border:1.5px solid rgba(17,17,17,0.1);border-radius:50%;pointer-events:none}.ins-hero__inner{position:relative;display:grid;gap:var(--space-10)}.ins-hero--solo .ins-hero__inner{grid-template-columns:minmax(0,1fr)}.ins-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.ins-hero .section-heading__text{max-width:52ch}.ins-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);width:100%;margin-top:var(--space-2);padding-top:var(--space-6);border-top:1.5px solid rgba(17,17,17,0.18)}.ins-filter__label{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.ins-filter__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.ins-filter__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:0.4rem 0.5rem 0.4rem 0.9rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);transition:translate var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ins-filter__link span{display:grid;place-items:center;min-width:1.5rem;height:1.5rem;padding-inline:0.35rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--topic,var(--color-ink));font-size:var(--text-xs);font-weight:700;color:var(--color-cream)}.ins-filter__link[class*="notes__topic--"] span{color:var(--color-ink)}.ins-filter__link:hover{color:var(--color-ink);translate:-2px -2px;box-shadow:3px 3px 0 var(--color-ink)}.ins-filter__link[aria-current="page"]{background:var(--color-ink);color:var(--color-cream)}.ins-filter__link[aria-current="page"] span{background:var(--color-cream);color:var(--color-ink)}.ins-pile{position:relative;container-type:inline-size;width:100%;max-width:18.5rem;aspect-ratio:1 / 0.9;margin-inline:auto}.ins-pile [style*="--t"]{animation:ins-pop 600ms var(--ease-spring) calc(var(--t,0) * 1ms) both}@keyframes ins-pop{from{opacity:0;scale:0.7}to{opacity:1;scale:1}}.ins-pile__note{position:absolute;top:10%;left:0;display:flex;flex-direction:column;gap:2.5cqw;width:60%;min-height:52%;padding:5cqw;border:var(--border-ink);border-radius:var(--radius-medium);background:var(--topic,var(--color-butter));box-shadow:5px 5px 0 var(--color-ink);color:var(--color-ink);transform-origin:50% 100%;rotate:var(--r,0deg);transition:rotate var(--duration-slow) var(--ease-spring),translate var(--duration-slow) var(--ease-spring)}.ins-pile__note--1{--r:-9deg;left:0;top:16%;z-index:1}.ins-pile__note--2{--r:2deg;left:20%;top:4%;z-index:2}.ins-pile__note--3{--r:8deg;left:40%;top:14%;z-index:3}.ins-pile:hover .ins-pile__note--1{--r:-13deg;translate:-4% 3%}.ins-pile:hover .ins-pile__note--2{translate:0 -4%}.ins-pile:hover .ins-pile__note--3{--r:12deg;translate:4% 3%}.ins-pile__head{display:flex;align-items:center;justify-content:space-between;gap:2cqw;font-size:2.6cqw;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.ins-pile__cat{padding:0.6cqw 2cqw;border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-cream)}.ins-pile__time{opacity:0.75}.ins-pile__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-family:var(--font-display);font-size:5.6cqw;line-height:1.15;letter-spacing:-0.01em}.ins-pile__date{margin-top:auto;font-size:2.6cqw;font-weight:600;opacity:0.75}.ins-pile__sticker{position:absolute;top:-9%;right:-5%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:24cqw;aspect-ratio:1;border:var(--border-ink);border-radius:50%;background:var(--color-coral);box-shadow:4px 4px 0 var(--color-ink);color:var(--color-ink);font-size:2.6cqw;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1;rotate:8deg}.ins-pile__sticker b{margin-bottom:1cqw;font-size:9.5cqw;font-weight:800;letter-spacing:-0.03em;line-height:1}.ins-pile__pill{position:absolute;bottom:2%;left:4%;z-index:4;display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 0.9rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);box-shadow:3px 3px 0 var(--color-ink);font-size:var(--text-xs);font-weight:700;white-space:nowrap;rotate:-3deg}.ins-pile__pill i{width:0.6rem;height:0.6rem;border-radius:50%;background:var(--color-green-deep)}.ins-listing__count{margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:600;color:var(--color-muted)}.ins-listing__count a{color:var(--color-cobalt);text-decoration:underline;text-underline-offset:0.2em}.post-card--feature .post-card__title{font-size:var(--text-h3)}.post-card--feature .post-card__text{font-size:var(--text-base)}@media (min-width: 480px){.ins-pile{max-width:20rem}}@media (min-width: 768px){.ins-hero__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-10)}.ins-pile{width:19rem;margin-inline:0}.post-card--feature{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.post-card--feature .post-card__media{border-right:var(--border-ink);border-bottom:0}.post-card--feature .post-card__image,.post-card--feature.post-card__media--placeholder{height:100%;aspect-ratio:4 / 3}.post-card--feature .post-card__topic{bottom:var(--space-5)}.post-card--feature .post-card__body{justify-content:center;padding:var(--space-8) var(--space-8)}.post-card--feature .post-card__title{font-size:var(--text-h2)}}@media (min-width: 1024px){.ins-hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-16)}.ins-pile{width:100%;max-width:26rem;margin-inline:auto 0}.post-card--feature .post-card__body{padding:var(--space-10) var(--space-10)}}@media (min-width: 1280px){.ins-pile{max-width:28rem}}@media (prefers-reduced-motion: reduce){.ins-pile [style*="--t"]{animation:none}.ins-pile__note{transition:none}}
