/* Vinyl Legend: latest blog posts on the homepage */
.vl-blog{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:stretch}
.vl-blog--single{grid-template-columns:minmax(0,1fr)}
.vl-blog-side{display:grid;gap:clamp(16px,2vw,28px);align-content:stretch}
@media(max-width:860px){.vl-blog{grid-template-columns:minmax(0,1fr)}}
.vl-post{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--vl-panel);border:1px solid var(--vl-line);border-radius:4px;overflow:hidden;text-decoration:none;color:var(--vl-text);transition:border-color .2s ease}
.vl-post:hover{border-color:var(--vl-amber)}
.vl-post-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--vl-panel-2)}
.vl-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.vl-post:hover .vl-post-img img{transform:scale(1.03)}
.vl-post-body{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2vw,28px);flex:1;min-width:0}
.vl-post-body p{color:var(--vl-text-2);font-size:15px;line-height:1.55;max-width:62ch}
.vl-post-body p.vl-post-date{font:500 11.5px/1.4 var(--vl-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--vl-amber)}
.vl .vl-post h3{font:800 clamp(24px,2.4vw,34px)/1.04 var(--vl-display);font-stretch:108%;letter-spacing:-.005em;margin:0;text-wrap:balance}
.vl-post-body p.vl-post-more{margin-top:auto;padding-top:6px;font:600 14px/1.4 var(--vl-body);color:var(--vl-text)}
.vl-post-more span{border-bottom:1.5px solid var(--vl-amber);padding-bottom:2px}
.vl-post:hover .vl-post-more span{color:var(--vl-amber)}
.vl-post--small{flex-direction:row}
.vl-post--small .vl-post-img{width:clamp(120px,34%,190px);aspect-ratio:auto;min-height:150px;flex:none}
.vl .vl-post--small h3{font-size:clamp(18px,1.6vw,23px);line-height:1.08}
.vl-post--small .vl-post-body{gap:8px}
@media(max-width:480px){.vl-post--small .vl-post-img{width:112px;min-height:128px}.vl-post--small .vl-post-body{padding:14px 16px}}
.vl-post-disc{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 40%,var(--vl-panel-2),var(--vl-panel))}
.vl-post-disc:before{content:"";width:min(58%,240px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#15110E 0 3%,var(--vl-amber) 3.5% 16%,#15110E 16.5% 18%,transparent 18.5%),repeating-radial-gradient(circle,#0c0907 0 1.5px,#1e1813 1.5px 3.5px);box-shadow:0 22px 40px -18px #000,inset 0 0 0 1px #ffffff0d}
.vl-post--small .vl-post-disc:before{width:72%}