.related{margin:0 auto;max-width:1344px;padding:24px 0 40px;width:calc(100% - 96px);--ease:cubic-bezier(0.22,1,0.36,1)}.related .mono{color:var(--text-secondary);display:block;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;margin-bottom:24px;text-transform:uppercase}.related-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.related-grid .card{aspect-ratio:668/510;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform .42s var(--ease),border-color .42s var(--ease);will-change:transform}.related-grid .card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.related-grid .card-image{background:#0f1520;inset:0;isolation:isolate;overflow:hidden;position:absolute;z-index:1}.related-grid .card-image .layer-base{background-position:50%;background-size:cover;height:100%;inset:0;position:absolute;transition:transform .9s var(--ease);width:100%}.related-grid .card:hover .card-image .layer-base{transform:scale(1.03)}.related-grid .card-image .ripple-canvas{filter:blur(var(--ripple-blur,.6px));height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s cubic-bezier(.22,1,.36,1);width:100%;z-index:2}.related-grid .card.fx-smooth-ripple:hover .card-image .ripple-canvas{opacity:1}.related-grid .card-image:before{background:linear-gradient(180deg,rgba(6,9,14,.45),transparent 28%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.related-grid .card-tags{display:flex;flex-wrap:wrap;gap:6px;left:18px;pointer-events:none;position:absolute;right:18px;top:18px;z-index:3}.related-grid .card-tag{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:color-mix(in oklab,var(--bg-base) 62%,transparent);border:1px solid color-mix(in oklab,var(--text-primary) 14%,transparent);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.16em;padding:5px 9px;text-transform:uppercase}.related-grid .card-body{background:linear-gradient(180deg,rgba(6,9,14,0),rgba(6,9,14,.55) 38%,rgba(6,9,14,.92) 78%,rgba(6,9,14,.97));bottom:0;color:var(--text-primary);left:0;padding:96px 32px 26px;pointer-events:none;position:absolute;right:0;z-index:4}.related-grid .card-title{color:var(--text-primary);font-size:clamp(22px,1.85vw,28px);font-weight:600;letter-spacing:-.022em;line-height:1.18;margin:0 0 14px;text-wrap:balance;transition:transform .42s var(--ease)}.related-grid .card:hover .card-title{transform:translateY(-2px)}.related-grid .card-excerpt{color:#fff;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.55;margin:0 0 14px;-webkit-box-orient:vertical;max-height:0;opacity:0;overflow:hidden;transition:opacity .32s var(--ease),max-height .42s var(--ease)}.related-grid .card:hover .card-excerpt{max-height:4em;opacity:1}.related-grid .card-meta-row{align-items:center;border-top:1px solid color-mix(in oklab,var(--text-primary) 14%,transparent);display:flex;gap:16px;justify-content:space-between;padding-top:12px}.related-grid .card-meta{color:var(--text-secondary);letter-spacing:.1em}.related-grid .card-meta,.related-grid .read-link{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase}.related-grid .read-link{align-items:center;color:var(--accent);display:inline-flex;gap:6px;letter-spacing:.16em;opacity:0;transform:translateX(-4px);transition:opacity .3s var(--ease),transform .35s var(--ease)}.related-grid .read-link .arrow{transition:transform .35s var(--ease)}.related-grid .card:hover .read-link{opacity:1;transform:translateX(0)}.related-grid .card:hover .read-link .arrow{transform:translateX(4px)}@media (max-width:820px){.related{margin:0;max-width:none;padding:24px 20px 40px;width:100%}.related-grid{grid-template-columns:1fr}.related-grid .card-body{padding:80px 22px 22px}}