.article-recommendations{padding-block:105px 80px;overflow:hidden}.recommendation-heading{grid-template-columns:minmax(0,850px) auto;justify-content:space-between;align-items:end;gap:50px;display:grid}.recommendation-heading h2{letter-spacing:-.055em;margin:20px 0 14px;font-size:clamp(42px,5vw,72px);line-height:.98}.recommendation-heading>div:first-child>p:not(.eyebrow){color:#aaa2b1;max-width:680px;font-size:17px;line-height:1.7}.recommendation-controls{gap:10px;padding-bottom:8px;display:flex}.recommendation-controls button{color:#fff;cursor:pointer;background:#0d0913;border:1px solid #493557;border-radius:50%;width:52px;height:52px;font-size:21px}.recommendation-controls button:hover:not(:disabled){background:#7f07ff22;border-color:#aa56ff}.recommendation-controls button:disabled{color:#655d6b;cursor:not-allowed;background:#0b0810;border-color:#2e2534}.recommendation-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;scrollbar-color:#6e2aaa #17101e;grid-auto-columns:minmax(340px,410px);grid-auto-flow:column;gap:18px;margin-top:48px;padding:0 max(1px,50vw + min(1320px,100vw - 36px)/-2) 22px;list-style:none;display:grid;overflow-x:auto}.recommendation-item{scroll-snap-align:start;min-width:0}.recommendation-card{color:#fff;background:#0c0911;border:1px solid #302637;border-radius:16px;width:100%;height:100%;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.recommendation-card:hover{border-color:var(--blog-accent);box-shadow:0 28px 70px #0009, 0 0 30px color-mix(in srgb, var(--blog-accent) 16%, transparent);transform:translateY(-5px)}.recommendation-image{aspect-ratio:1200/630;background:#120d19;position:relative;overflow:hidden}.recommendation-image img{object-fit:cover;transition:transform .4s}.recommendation-card:hover img{transform:scale(1.025)}.recommendation-copy{padding:25px}.recommendation-copy>div{color:var(--blog-accent);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:14px;font-size:8px;font-weight:800;display:flex}.recommendation-copy>div span{color:#817889}.recommendation-copy h3{letter-spacing:-.03em;margin:18px 0 11px;font-size:23px;line-height:1.15}.recommendation-copy p{color:#97909e;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.recommendation-copy b{color:#d8d0df;margin-top:20px;font-size:11px;display:block}.recommendation-copy b i{color:var(--blog-accent);font-style:normal}.recommendation-paths{align-items:center;gap:30px;margin-top:34px;display:flex}@media (width<=850px){.recommendation-heading{grid-template-columns:1fr auto}}@media (width<=620px){.recommendation-heading{grid-template-columns:1fr}.recommendation-controls{display:none}.recommendation-rail{grid-auto-columns:84vw;margin-top:34px;padding-inline:18px}.recommendation-paths{flex-direction:column;align-items:flex-start;gap:20px}}