::selection{background-color:#5af;color:#fff}::-moz-selection{background-color:#5af;color:#fff}.search-wrapper .search-input:focus{outline:inset #5af}.post-list-main{max-width:66rem}.post-list{margin-top:2.5rem}.post-card{display:grid;grid-template-columns:minmax(0,22rem)minmax(0,1fr);gap:2rem;align-items:start;padding:2rem 0;border-top:1px solid rgba(128,128,128,.22)}.post-card:first-child{border-top:0;padding-top:0}.post-card--featured{grid-template-columns:minmax(0,1.15fr)minmax(0,1fr);gap:2.5rem;padding-bottom:2.75rem}.post-card__media{display:block}.post-card__cover,.post-card__thumb{display:block;overflow:hidden;aspect-ratio:16/9;border-radius:.75rem;background-color:rgba(128,128,128,.12)}.post-card__cover--empty{background-image:url(/images/logo_tabbar_dark.svg);background-repeat:no-repeat;background-position:50%;background-size:22%;opacity:.55}html.dark .post-card__cover--empty{background-image:url(/images/logo_tabbar_white.svg)}.post-card__img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.post-card:hover .post-card__cover .post-card__img{transform:scale(1.03)}.post-card__thumbs{display:flex;gap:.5rem;margin-top:.5rem;overflow:hidden}.post-card__thumb{flex:0 0 calc((100% - 1.5rem)/3.4);border-radius:.5rem}.post-card__thumbs--more{-webkit-mask-image:linear-gradient(to right,#000 86%,transparent);mask-image:linear-gradient(to right,#000 86%,transparent)}.post-card__meta{line-height:1.75rem}.post-card__title{display:block;margin-top:.25rem;font-size:1.5rem;line-height:2rem;color:inherit;text-decoration:none}.post-card--featured .post-card__title{font-size:1.875rem;line-height:2.375rem}.post-card:hover .post-card__title{color:hsl(var(--primary-hue),100%,50%)}.post-card__description{margin-top:.75rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}@media(max-width:767px){.post-card,.post-card--featured{grid-template-columns:minmax(0,1fr);gap:1rem}.post-card--featured .post-card__title{font-size:1.5rem;line-height:2rem}}@media(prefers-reduced-motion:reduce){.post-card__img{transition:none}.post-card:hover .post-card__cover .post-card__img{transform:none}}.portfolio-index .content,.project-page{max-width:64rem;margin-left:auto;margin-right:auto}.portfolio-lead{margin-top:1rem;text-align:center;font-size:1.125rem;opacity:.7}.portfolio-index .hextra-cards{margin-top:1rem}.project-back{margin-top:1.5rem;font-size:.875rem}.project-back a,.project-nav a{color:hsl(var(--primary-hue),100%,50%);text-decoration:none}.project-back a:hover,.project-nav a:hover{text-decoration:underline}.project-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem 2rem;margin:1.5rem 0 2rem;padding:1.25rem 0;border-top:1px solid rgba(128,128,128,.22);border-bottom:1px solid rgba(128,128,128,.22)}.project-facts dt{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.project-facts dd{margin-top:.125rem;font-weight:600}.project-facts dd a{color:hsl(var(--primary-hue),100%,50%);text-decoration:underline;text-underline-offset:2px}.content .project-hero{display:block;width:100%;max-width:36rem;height:auto;margin:0;border-radius:.75rem}.screenshots{display:flex;gap:.75rem;max-width:calc(22rem * var(--ratio-sum,4))}.screenshots .shot{display:block;flex:var(--ratio,.5)1 0;min-width:0}.content .screenshots img{display:block;margin:0;width:100%;height:auto;border-radius:.5rem;border:1px solid rgba(128,128,128,.25)}.project-nav{display:flex;justify-content:space-between;gap:1.5rem;margin-top:3rem;padding-top:1.25rem;border-top:1px solid rgba(128,128,128,.22)}.project-nav__next{margin-left:auto;text-align:right}.about{display:flex;align-items:flex-start;gap:3rem;max-width:64rem;margin:2.5rem auto 0}.about__text{flex:1;min-width:0}.about__text p{margin-top:1.25rem;font-size:1.125rem;line-height:1.8}.about__text p:first-child{margin-top:0}.about__lead{font-weight:600}.about__links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;font-weight:600}.content .about__links li{margin:0}.about__photo{flex:none;width:18rem;height:auto;border-radius:.75rem}@media(max-width:767px){.screenshots{flex-wrap:wrap;gap:.5rem;max-width:none}.screenshots .shot{flex:0 0 calc((100% - 1rem)/3)}.screenshots .shot--wide{flex-basis:100%}.about{flex-direction:column-reverse;align-items:center;gap:1.5rem}.about__photo{width:12rem}}