.posts-portfolio{padding:1.25rem 0 4rem}.posts-intro{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:end;gap:clamp(2rem,7vw,5rem);margin-bottom:2rem;display:grid}.posts-intro p,.posts-featured>header p,.posts-archive>header p{color:var(--md-theme-primary);letter-spacing:var(--md-tracking-title,.1em);text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:750}.posts-intro h1{max-width:18ch;color:var(--md-on-surface);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5.5vw,4.4rem);line-height:.95}.posts-intro__aside>p{color:var(--md-on-surface-variant);margin:0 0 1.1rem;line-height:1.6}.posts-intro__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.posts-intro__stats div{border:1px solid color-mix(in srgb, var(--md-theme-primary) 22%, var(--md-outline-variant));border-radius:var(--md-radius-lg);background:color-mix(in srgb, var(--md-theme-primary) 8%, var(--md-surface));padding:.75rem .8rem}.posts-intro__stats dt{color:var(--md-on-surface-variant);font-size:.68rem}.posts-intro__stats dd{color:var(--md-theme-primary);margin:.1rem 0 0;font-size:1.35rem;font-weight:750}.posts-filters{scroll-snap-type:x proximity;scrollbar-width:thin;gap:.5rem;margin-bottom:1.75rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.posts-filter{border:1px solid var(--md-outline-variant);border-radius:var(--md-radius-pill);min-height:42px;color:var(--md-on-surface-variant);background:var(--md-surface);cursor:pointer;scroll-snap-align:start;transition:border-color .22s var(--md-motion-easing-standard,ease), background-color .22s var(--md-motion-easing-standard,ease), color .22s var(--md-motion-easing-standard,ease);flex:none;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.78rem;font-weight:650;display:inline-flex}.posts-filter small{border-radius:var(--md-radius-pill);background:color-mix(in srgb, currentColor 10%, transparent);text-align:center;min-width:1.4rem;padding:.1rem .3rem;font-size:.65rem}.posts-filter:hover{border-color:color-mix(in srgb, var(--md-theme-primary) 45%, var(--md-outline-variant))}.posts-filter.active{color:var(--md-on-primary-container);border-color:color-mix(in srgb, var(--md-theme-primary) 45%, transparent);background:var(--md-theme-primary-container)}.posts-filter:focus-visible{outline:2px solid var(--md-theme-primary);outline-offset:2px}.posts-featured>header,.posts-archive>header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.posts-featured h2,.posts-archive h2{color:var(--md-on-surface);margin:0;font-size:clamp(1.35rem,3vw,1.9rem)}.posts-lead{border:1px solid var(--md-outline-variant);border-radius:var(--md-radius-xl);color:inherit;background:var(--md-surface);transition:border-color .28s var(--md-motion-easing-standard,ease), box-shadow .28s var(--md-motion-easing-standard,ease), transform .28s var(--md-motion-easing-decelerated,ease);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0;margin-bottom:1rem;text-decoration:none;display:grid;overflow:hidden}.posts-lead:hover{border-color:color-mix(in srgb, var(--md-theme-primary) 50%, var(--md-outline-variant));box-shadow:var(--md-elevation-2);transform:translateY(-3px)}.posts-lead:focus-visible{outline:2px solid var(--md-theme-primary);outline-offset:3px}.posts-lead__media{background:var(--md-surface-container-low);min-height:260px}.posts-lead__media img,.posts-card__media img,.posts-archive__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.posts-lead__copy{align-content:center;gap:.55rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.posts-lead__copy small,.posts-card__copy small{color:var(--md-theme-primary);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.posts-lead__copy h3{color:var(--md-on-surface);text-wrap:balance;margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.posts-lead__copy time,.posts-card__copy time{color:var(--md-on-surface-variant);font-size:.78rem}.posts-featured__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.posts-card{border:1px solid var(--md-outline-variant);border-radius:var(--md-radius-lg);min-width:0;color:inherit;background:var(--md-surface);transition:border-color .22s var(--md-motion-easing-standard,ease), background-color .22s var(--md-motion-easing-standard,ease), transform .22s var(--md-motion-easing-decelerated,ease), box-shadow .22s var(--md-motion-easing-standard,ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.posts-card:hover{border-color:color-mix(in srgb, var(--md-theme-primary) 45%, var(--md-outline-variant));background:var(--md-surface-container-low);box-shadow:var(--md-elevation-1);transform:translateY(-2px)}.posts-card:focus-visible{outline:2px solid var(--md-theme-primary);outline-offset:2px}.posts-card__media{aspect-ratio:16/10;background:var(--md-surface-container-low)}.posts-card__copy{gap:.35rem;padding:.9rem;display:grid}.posts-card__copy strong{color:var(--md-on-surface);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.35;display:-webkit-box;overflow:hidden}.posts-media-fallback{background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--md-theme-primary) 22%, transparent), transparent 45%), var(--md-surface-container);width:100%;height:100%;min-height:100%;display:block}.posts-media-fallback--sm{border-radius:var(--md-radius-sm);min-height:2.75rem}.posts-archive{margin-top:3rem}.posts-archive>header>span{color:var(--md-on-surface-variant);font-size:.75rem}.posts-archive__list{border-top:1px solid var(--md-outline-variant);margin:0;padding:0;list-style:none}.posts-archive__item{border-bottom:1px solid var(--md-outline-variant)}.posts-archive__item.is-hidden,.posts-lead.is-hidden,.posts-card.is-hidden{display:none}.posts-archive__item a{color:inherit;transition:padding .22s var(--md-motion-easing-standard,ease), background-color .22s var(--md-motion-easing-standard,ease);grid-template-columns:2.4rem 4.5rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.8rem .35rem;text-decoration:none;display:grid}.posts-archive__item a:hover{background:color-mix(in srgb, var(--md-theme-primary) 6%, transparent);padding-left:.85rem}.posts-archive__item a:focus-visible{outline:2px solid var(--md-theme-primary);outline-offset:-2px}.posts-archive__number{color:var(--md-on-surface-variant);font-size:.68rem}.posts-archive__thumb{aspect-ratio:16/10;border-radius:var(--md-radius-sm);background:var(--md-surface-container-low);width:4.5rem;overflow:hidden}.posts-archive__copy{gap:.2rem;min-width:0;display:grid}.posts-archive__copy strong{color:var(--md-on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.posts-archive__copy small{color:var(--md-on-surface-variant);font-size:.72rem}.posts-archive__arrow{color:var(--md-theme-primary);font-size:1.15rem}@media (width<=1100px){.posts-featured__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.posts-intro{grid-template-columns:1fr;gap:1.35rem}.posts-lead{grid-template-columns:1fr}.posts-lead__media{min-height:210px}}@media (width<=560px){.posts-intro__stats,.posts-featured__grid{grid-template-columns:1fr}.posts-archive__item a{grid-template-columns:3.75rem minmax(0,1fr) auto}.posts-archive__number{display:none}.posts-archive__thumb{width:3.75rem}}@media (prefers-reduced-motion:reduce){.posts-filter,.posts-lead,.posts-card,.posts-archive__item a{transition:none}.posts-lead:hover,.posts-card:hover{transform:none}}