article{--img-scale: 1.001;--title-color: black;--link-icon-translate: -20px;--link-icon-opacity: 0;position:relative;border-radius:16px;box-shadow:none;background:#fff;transform-origin:center;transition:all .4s ease-in-out;overflow:hidden;border:1px solid var(--color-grey);height:430px}.article-wrapper{display:flex;flex-direction:column;height:100%}article a:after{position:absolute;inset-block:0;inset-inline:0;cursor:pointer;content:""}article h2{margin:0 0 18px;font-size:1.9rem;letter-spacing:.06em;color:var(--title-color);text-wrap:balance;transition:color .3s ease-out}figure{margin:0;padding:0;aspect-ratio:16 / 9;height:60%}article img{width:100%;height:100%;transform-origin:center;transform:scale(var(--img-scale));transition:transform .4s ease-in-out;object-fit:cover;object-position:top}.article-body{display:flex;flex-direction:column;justify-content:space-between;padding:24px;height:40%}article a{display:inline-flex;align-items:center;text-decoration:none;color:#28666e}article a:focus{outline:1px dotted #28666e}article a .icon{min-width:24px;width:24px;height:24px;margin-left:5px;transform:translate(var(--link-icon-translate));opacity:var(--link-icon-opacity);transition:all .3s}article:has(:hover,:focus){--img-scale: 1.1;--title-color: #28666e;--link-icon-translate: 0;--link-icon-opacity: 1;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.posts-list{padding:20px 50px}.articles{display:grid;max-width:1500px;margin-inline:auto;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media screen and (max-width: 960px){article{container:card/inline-size;height:unset}.article-body p{display:none}.posts-list{padding:20px 30px}}@container card (min-width: 380px){.article-wrapper{display:grid;grid-template-columns:100px 1fr;gap:16px}.article-body{padding-left:0}figure{width:100%;height:100%;overflow:hidden}figure img{height:100%;aspect-ratio:1;object-fit:cover}}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/posts-list.css.map */