.card{border-radius:calc(var(--pxv-unit)*12);box-shadow:0 0 0 #0c234000;overflow:hidden;padding:calc(var(--pxv-unit)*28) calc(var(--pxv-unit)*38) calc(var(--pxv-unit)*30) calc(var(--pxv-unit)*28);transition:box-shadow .42s cubic-bezier(.16,1,.3,1),z-index 0s linear .42s;width:100%;z-index:0}@media (min-width:768px){.card{padding:calc(var(--pxv-unit)*32) calc(var(--pxv-unit)*30) calc(var(--pxv-unit)*30) calc(var(--pxv-unit)*42)}}@media (hover:hover){.card:focus-within,.card:hover{box-shadow:0 18px 42px #0c23401f,0 2px 8px #0c23400f;transition-delay:0s;z-index:2}.card:focus-within .thumbnail img,.card:hover .thumbnail img{transform:scale(1.165)}}.card-link{height:100%;text-decoration:none}.card.siam{background-color:#5a5d51}.card.siam .cat{background-color:#322b22;color:#ddd3c7}.card.siam .thumbnail:before{background-color:#5a5d51}.card.siam .thumbnail img{opacity:.1}.card.blue-gray{background-color:#3d4f5a}.card.blue-gray .cat{background-color:#142127;color:#ddd3c7}.card.blue-gray .thumbnail:before{background-color:#3d4f5a}.card.blue-gray .thumbnail img{opacity:.2}.card.turmeric{background-color:#83653c}.card.turmeric .cat{background-color:#d8be8b;color:#142127}.card.turmeric .thumbnail:before{background-color:#83653c}.card.turmeric .thumbnail img{opacity:.2}.card.sea-blue{background-color:#0c2340}.card.sea-blue .cat{background-color:#142127;color:#ddd3c7}.card.sea-blue .thumbnail:before{background-color:#0c2340}.card.sea-blue .thumbnail img{opacity:.3}.card.olive{background-color:#4f5439}.card.olive .cat{background-color:#3c3c3c;color:#fff}.card.olive .thumbnail:before{background-color:#4f5439}.card.olive .thumbnail img{opacity:.2}.card.light-beige{background-color:#cac1b5}.card.light-beige .cat{background-color:#925843;color:#ddd3c7}.card.light-beige .thumbnail:before{background-color:#cac1b5}.card.light-beige .thumbnail img{opacity:.2}.card.light-beige .author,.card.light-beige .date,.card.light-beige .title{color:#142127}.card.light-beige:hover .thumbnail img{opacity:.2}.card.warm-clay{background-color:#766262}.card.warm-clay .cat{background-color:#142127;color:#ddd3c7}.card.warm-clay .thumbnail:before{background-color:#766262}.card .thumbnail{margin-bottom:0}.card .thumbnail:before{background-color:#83653c;content:"";height:100%;position:absolute;width:100%}.card .thumbnail img{filter:saturate(.5);opacity:.25;transform:scale(1.1);transition:transform .8s var(--easing),opacity .8s var(--easing)}.card .content{--card-reveal-delay:120ms;gap:calc(var(--pxv-unit)*10);transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),transform .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),visibility 0s linear var(--card-reveal-delay);z-index:1}@media (min-width:768px){.card .content{gap:calc(var(--pxv-unit)*30)}}.card .cat{background-color:#d8be8b;border-radius:calc(var(--pxv-unit)*999);color:#142127;padding:calc(var(--pxv-unit)*4) calc(var(--pxv-unit)*13);text-transform:uppercase;width:fit-content;--card-reveal-delay:180ms;transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),transform .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),visibility 0s linear var(--card-reveal-delay)}@media (max-width:767px){.card .cat{font-size:calc(var(--pxv-unit)*9)}}@media (min-width:768px){.card .cat{padding:calc(var(--pxv-unit)*5) calc(var(--pxv-unit)*23)}}.card .title{--card-reveal-delay:220ms;margin-bottom:0;transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),transform .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),visibility 0s linear var(--card-reveal-delay);--font-min-clamp:11px}@media (max-width:767px){.card .title{font-size:calc(var(--pxv-unit)*16)}}.card .meta-bottom{--card-reveal-delay:260ms;gap:calc(var(--pxv-unit)*11);margin-top:calc(var(--pxv-unit)*60);transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),transform .75s cubic-bezier(.22,1,.36,1) var(--card-reveal-delay),visibility 0s linear var(--card-reveal-delay)}@media (min-width:768px){.card .meta-bottom{margin-top:auto}}.card .author-avatar{aspect-ratio:1/1;border:calc(var(--pxv-unit)*1) solid #e6ccab;border-radius:50%;margin-bottom:0;width:calc(var(--pxv-unit)*43)}@media (min-width:768px){.card .author-avatar{width:calc(var(--pxv-unit)*53)}}.card .author{margin-bottom:0}.card .author,.card .date{--font-size:calc(var(--pxv-unit)*12)}@media (min-width:768px){.card .author,.card .date{--font-size:calc(var(--pxv-unit)*12);--font-size:calc(var(--pxv-unit)*13)}}@media (min-width:768px) and (min-width:768px){.card .author,.card .date{--font-size:calc(var(--pxv-unit)*15)}}.card .cat,.card .content,.card .meta-bottom,.card .title{--card-reveal-duration:0.75s;opacity:0;transform:translateY(calc(var(--pxv-unit)*10));transition-delay:var(--card-reveal-delay,0s),var(--card-reveal-delay,0s),calc(var(--card-reveal-delay, 0s) + var(--card-reveal-duration));transition-duration:var(--card-reveal-duration),var(--card-reveal-duration),0s;transition-property:opacity,transform,visibility;transition-timing-function:cubic-bezier(.22,1,.36,1),cubic-bezier(.22,1,.36,1),linear;visibility:hidden;will-change:opacity,transform,visibility}.in-view.card .cat,.in-view.card .content,.in-view.card .meta-bottom,.in-view.card .title{opacity:1;transform:translateY(0);transition-delay:var(--card-reveal-delay,0s),var(--card-reveal-delay,0s),0s;visibility:visible}