.sub-nav{max-width:1200px;margin:2rem auto 0;padding:0 0 3rem}.sub-nav__inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sub-nav__spacer{flex-shrink:0}.sub-nav__link{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid rgba(var(--sai-fg-rgb,255 255 255),.12);border-radius:14px;background:rgba(var(--sai-fg-rgb,255 255 255),.04);text-decoration:none;color:var(--fg,#ffffff);transition:border-color .2s ease,background .2s ease}.sub-nav__link:hover{border-color:rgba(var(--sai-fg-rgb,255 255 255),.25);background:rgba(var(--sai-fg-rgb,255 255 255),.08)}.sub-nav__link--prev .sub-nav__chevron{order:1}.sub-nav__link--prev .sub-nav__text-col{order:2;text-align:right}.sub-nav__link--prev .sub-nav__thumb{order:3}.sub-nav__link--next .sub-nav__thumb{order:1}.sub-nav__link--next .sub-nav__text-col{order:2;text-align:left}.sub-nav__link--next .sub-nav__chevron{order:3}.sub-nav__text-col{display:flex;flex-direction:column;gap:.1rem}.sub-nav__dir{font-family:var(--font-mono);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.sub-nav__label{font-size:.95rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.sub-nav__thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgba(var(--sai-fg-rgb,255 255 255),.08)}.sub-nav__video{width:100%;height:100%;object-fit:cover;display:block}.sub-nav__chevron{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.sub-nav__link:hover .sub-nav__chevron{opacity:.9}.sub-nav__link--prev:hover .sub-nav__chevron{transform:translateX(-4px)}.sub-nav__link--next:hover .sub-nav__chevron{transform:translateX(4px)}@media (max-width:600px){.sub-nav__inner{align-items:stretch;gap:.75rem}.sub-nav__link,.sub-nav__spacer{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 0.375rem)}.sub-nav__link{flex-wrap:wrap;align-content:flex-start;align-items:center;gap:.5rem;padding:.75rem}.sub-nav__text-col{display:contents}.sub-nav__dir{width:100%;order:1}.sub-nav__thumb{width:100%;height:auto;aspect-ratio:16/9;order:2}.sub-nav__link--prev .sub-nav__chevron{order:3}.sub-nav__link--prev .sub-nav__label{order:4;flex:1 1;text-align:left}.sub-nav__link--next .sub-nav__label{order:3;flex:1 1;text-align:left}.sub-nav__link--next .sub-nav__chevron{order:4}}