#recent{border-top:1px solid var(--border-dark);display:grid;grid-template-columns:1fr auto;padding:var(--gutter-y) var(--gutter)}#recent-posts{grid-column:1/-1}#recent>h2{grid-column:1;line-height:var(--lh-heading);margin-top:0}#recent>a,#recent>h2{grid-row:1;margin-bottom:3rem}#recent>a{align-items:center;align-self:end;color:var(--black);display:inline-flex;font-size:var(--fs-tiny);font-weight:var(--fw-bold);gap:.5rem;grid-column:2;letter-spacing:var(--ls-medium);text-transform:uppercase;transition:gap .2s,color .2s;white-space:nowrap}#recent>a:hover{color:var(--red);gap:.75rem}#recent>a:focus-visible{outline:2px solid var(--red);outline-offset:2px}#recent>a svg{fill:none;height:12px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:8px}#recent-posts{display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);list-style:none}#recent-posts li{display:contents}#recent-posts article{background:var(--white);border:1px solid var(--border-dark);cursor:pointer;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto 1fr auto;overflow:hidden;padding:1.75rem;position:relative;transition:box-shadow .22s ease,transform .22s ease}#recent-posts article:hover{box-shadow:0 14px 34px rgba(0,0,0,.1);transform:translateY(-3px)}#recent-posts article:focus-within{outline:3px solid var(--red)}#recent-posts article h3 a:focus-visible{outline:none}#recent-posts article>img{aspect-ratio:1200/628;background:var(--off-white);border-bottom:1px solid var(--border-dark);display:block;grid-column:1/-1;grid-row:1;margin:-1.75rem -1.75rem 1.5rem;max-width:none;object-fit:cover;transition:transform .35s ease;width:calc(100% + 3.5rem)}#recent-posts article:hover>img{transform:scale(1.03)}#recent-posts article h3{grid-column:1/-1;grid-row:2;line-height:var(--lh-list);margin-bottom:1.25rem;transition:color .15s}#recent-posts article:hover h3{color:var(--red)}#recent-posts article h3 a{color:inherit}#recent-posts article h3 a:after{content:"";inset:0;position:absolute;z-index:1}#recent-posts article p{font-size:var(--fs-medium);grid-column:1/-1;grid-row:3;margin-bottom:1.5rem}#recent-posts article span,#recent-posts article time{border-top:1px solid var(--border);font-size:var(--fs-small);grid-row:4;padding-top:1.25rem}#recent-posts article time:first-of-type{grid-column:1}#recent-posts article time:first-of-type:after{content:"/";margin:0 .6rem;opacity:.45}#recent-posts article time:last-of-type{grid-column:2}#recent-posts article span{align-items:center;color:var(--black);display:flex;font-weight:var(--fw-bold);gap:.4rem;grid-column:3;justify-content:flex-end;justify-self:stretch;letter-spacing:var(--ls-medium);position:relative;text-transform:uppercase;transition:color .15s,gap .2s;white-space:nowrap;z-index:2}#recent-posts article:hover span{color:var(--red);gap:.65rem}#recent-posts article span:after{background:currentColor;content:"";flex:none;height:11px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' viewBox='0 0 7 11'%3E%3Cpath d='m1 1 5 4.5L1 10'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' viewBox='0 0 7 11'%3E%3Cpath d='m1 1 5 4.5L1 10'/%3E%3C/svg%3E") center /contain no-repeat;width:7px}