.header-container{margin:0 auto;text-align:center;padding:.3rem}.card-list{max-width:1200px;margin:2.5rem auto 0;padding:0 1vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:2.4rem 2vw;list-style:none}@keyframes cardFadeIn{to{opacity:1;transform:none}}.card-container{max-width:26rem;background:#232622e6;border-radius:1.2em;box-shadow:0 0 16px #ff5f1f18,0 0 1.5px #ff5f1f,0 0 6px #b64d2422;border:1.2px solid rgba(255,95,31,.2);padding:1.8rem 2.2rem 1.4rem;margin-bottom:.5rem;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:box-shadow .2s cubic-bezier(.4,.15,.37,1.1),transform .19s cubic-bezier(.4,.15,.37,1.1),border-color .18s;opacity:0;transform:translateY(15px) scale(.98);animation:cardFadeIn .4s cubic-bezier(.3,.5,.6,1.2) forwards;animation-delay:calc(min(var(--card-index, 0),5)/5s)}.card-container:hover,.card-container:focus-within{box-shadow:0 0 26px #ff5f1faa,0 0 4px #ff5f1f,0 0 19px #d0633a99;border-color:#ff5f1f;z-index:2;transform:scale(1.026) translateY(-2px)}.card-title{font-size:1.29em;color:var(--high-viz-yellow, #ffebb9);margin:0 0 .35em;text-shadow:0 0 3.2px rgba(255,115,31,.5019607843),0 0 7px rgba(255,95,31,.2509803922);font-weight:700;letter-spacing:.012em;line-height:1.24;transition:color .13s,text-shadow .18s,transform .15s cubic-bezier(.4,.5,.35,1.1);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:inherit;overflow:hidden}.card-container:hover .card-title,.card-container:focus-within .card-title{color:#fff6e0;text-shadow:0 0 7px rgba(255,108,31,.6666666667),0 0 13px rgba(255,95,31,.6);transform:scale(1.055) translateY(-1px)}.card-meta{font-size:1.01em;color:var(--blueish-grey, #9cb5c7);margin-bottom:.53em;opacity:.94}.card-meta-date{color:#ffd8aa;letter-spacing:.01em;font-weight:400}.card-description{font-size:1.07em;color:#fff;margin:.23em 0 .89em;opacity:.93;text-shadow:0 0 3.2px rgba(34,34,34,.5333333333),0 0 5px rgba(208,99,58,.0666666667);position:relative;height:5em;overflow:hidden;transition:max-height .28s cubic-bezier(.5,.8,.3,1);padding-bottom:.8em}.card-description--expanded{max-height:120em}.card-description:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:2em;background:linear-gradient(180deg,#23262200,#232622ed 90%);pointer-events:none;transition:opacity .18s}.card-description--expanded:after{opacity:0;pointer-events:none}.card-description-expand-btn{position:absolute;right:1.1em;bottom:.2em;background:#ff5f1f;color:#fff6e9;border:none;border-radius:.7em;font-size:.98em;font-weight:600;letter-spacing:.04em;box-shadow:0 0 8px #ff5f1f55,0 0 2px #ff910088;padding:.1em .9em;cursor:pointer;z-index:2;opacity:.82;transition:background .18s,color .13s,opacity .18s}.card-description-expand-btn:hover,.card-description-expand-btn:focus{background:#ff9100;color:#232622;opacity:1}.card-meta:last-child{margin-bottom:0}.content-thumbnail{width:100%;height:12rem;padding:.2rem;border-radius:.5rem;box-shadow:0 0 .5rem #c8000066;object-fit:cover;transition:transform .3s ease;overflow:hidden;display:block}@media (max-width: 700px){.card-list{grid-template-columns:1fr;gap:1.25rem 0;padding:0 .5vw}.card-container{padding:1.18rem 1.15rem 1.1rem 1.1rem}}.emoji-nav-row{display:flex;gap:.3em;margin:.7em 0}.emoji-nav{display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;border-radius:50%;font-size:1.18em;background:#232622;border:2px solid rgba(255,95,31,.4666666667);color:#ff5f1f;box-shadow:0 0 6px #b64d2488;margin-right:.13em;transition:box-shadow .18s;text-decoration:none}.emoji-nav:hover{background:#b64d24ee;color:#fff;box-shadow:0 0 14px #ff5f1f,0 0 6px #ff5f1f77;border-color:#ff5f1f}.emoji-nav-row{display:flex;gap:.6em;margin:.7em 0 .1em;justify-content:flex-start}.emoji-nav-col{display:flex;flex-direction:column;align-items:center}.emoji-nav-label{font-size:.93em;color:#ffebb9;text-shadow:0 0 2px rgba(255,95,31,.2666666667);margin-top:.23em;letter-spacing:.01em;font-weight:500;opacity:.92;line-height:1.08;transition:color .18s;pointer-events:none;user-select:none}.emoji-nav:hover+.emoji-nav-label,.emoji-nav:focus-visible+.emoji-nav-label{color:#fff;text-shadow:0 0 8px rgba(255,95,31,.6666666667)}
