.promo{--surface:#fff;--frame:#dce1dd;--paper:#18221c;--muted:#505d54;--dim:#5d685f;--accent:#22663f;--sans:"Instrument Sans",system-ui,sans-serif}.promo{display:flex;align-items:center;gap:18px;margin:0 0 14px;padding:12px 14px 12px 12px;border:1px solid var(--frame);border-radius:10px;background:var(--surface);color:var(--paper);text-decoration:none;font:500 15px/1.35 var(--sans);transition:border-color .15s}.promo:hover{border-color:#8fa697}.post-body .promo,.post-body .promo:hover{margin:0 0 26px;color:var(--paper)}.promo:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.promo-art,.promo-mark{flex:none;display:block}.promo-shot{flex:none;display:block;width:150px;height:66px;object-fit:cover;border-radius:6px;border:1px solid #2e3530}.promo-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.promo-title{font-weight:700;font-size:16px;letter-spacing:-.01em}.promo-sub{font-size:13.5px;color:var(--muted)}.promo-by{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.promo-cta{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:7px;background:#7fd8a0;color:#18221c;font-weight:700;font-size:14px;white-space:nowrap}.promo-v02,.promo-v11{background:#0f110e;border-color:#0f110e}.promo-v02 .promo-title,.promo-v11 .promo-title{color:#fff}.promo-v02 .promo-sub,.promo-v11 .promo-sub,.promo-v11 .promo-by{color:#aab5ad}.promo-v02:hover,.promo-v11:hover,.promo-v20:hover{border-color:#7fd8a0}.promo-v02 .promo-shot{object-position:60% 40%}.promo-v11 .promo-shot{height:70px;object-position:62% 30%}.promo-line{transform-origin:0 50%;transform-box:fill-box;animation:promo-type 3.2s steps(8) infinite}@keyframes promo-type{0%{transform:scaleX(0)}60%,to{transform:scaleX(1)}}.promo-v14{gap:12px}.promo-v14 .promo-body{margin-left:6px}.promo-swap{position:relative;flex:none;width:138px;height:72px;border-radius:6px;overflow:hidden;background:#0f110e}.promo-swap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%;animation:promo-fade 6s infinite}.promo-swap img+img{opacity:0;animation-delay:-3s}@keyframes promo-fade{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.promo-seg{align-self:flex-start;display:inline-flex;padding:2px;border:1px solid var(--frame);border-radius:7px;font-size:12px;font-weight:700;margin-bottom:2px}.promo-seg span{padding:3px 9px;border-radius:5px;animation:promo-seg 6s infinite}.promo-seg span:first-child{background:#eaf1ec;color:var(--accent)}.promo-seg span+span{animation-delay:-3s}@keyframes promo-seg{0%,48%{background:#eaf1ec;color:var(--accent)}50%,to{background:transparent;color:var(--dim)}}.promo-v20{gap:10px;padding:8px 12px;background:#18221c;border-color:#18221c}.promo-v20 .promo-title{font-weight:500;font-size:14px;color:#dfe7e1}.promo-v20 .promo-title b{color:#fff}.promo-go{flex:none;display:inline-flex;gap:5px;align-items:center;font-weight:700;font-size:14px;color:#7fd8a0;white-space:nowrap}@media(max-width:650px){.promo{gap:10px;padding:10px}.promo .promo-art{width:60px;height:auto;max-height:46px}.promo .promo-tabs{display:none}.promo-shot,.promo-swap{width:64px;height:48px}.promo-v11 .promo-shot{height:48px}.promo-cta{width:38px;height:38px;padding:0;justify-content:center;font-size:0;gap:0}.promo-cta svg{width:18px;height:18px}.promo-title{font-size:14.5px;line-height:1.3}.promo-sub{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-by{font-size:11px}}@media(prefers-reduced-motion:reduce){.promo *{animation:none!important}}