.sx-blog-preview{background:#f3f6fa;padding:88px 0 96px;position:relative;overflow:hidden}.sx-blog-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 95% 10%,rgba(231,191,95,.06),transparent 40%);pointer-events:none}.sx-blog-preview .sx-container{position:relative}.sx-bp__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}.sx-bp__kicker{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e7bf5f;margin-bottom:10px}.sx-bp__title{font-size:clamp(26px,3.5vw,40px);font-weight:900;color:#06162a;margin:0 0 10px;letter-spacing:-.04em;line-height:1.1}.sx-bp__sub{font-size:15px;color:#63728a;margin:0;max-width:420px;line-height:1.6}.sx-bp__cta-all{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#63728a;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .2s;border-bottom:1px solid rgba(6,22,42,.15);padding-bottom:2px}.sx-bp__cta-all:hover{color:#e7bf5f;border-color:#e7bf5f80}.sx-bp__grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:stretch}.sx-bp__main{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(6,22,42,.07);border-radius:24px;overflow:hidden;text-decoration:none;box-shadow:0 4px 20px #06162a0f;transition:all .25s ease}.sx-bp__main:hover{border-color:#e7bf5f59;transform:translateY(-4px);box-shadow:0 20px 48px #06162a1f}.sx-bp__main-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#e9eef5;flex-shrink:0}.sx-bp__main-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.sx-bp__main:hover .sx-bp__main-img img{transform:scale(1.04)}.sx-bp__main-body{padding:28px 32px 32px;display:flex;flex-direction:column;flex:1}.sx-bp__main-title{font-size:clamp(18px,2vw,24px);font-weight:800;color:#06162a;margin:10px 0 14px;line-height:1.3;letter-spacing:-.03em}.sx-bp__excerpt{font-size:14px;color:#63728a;line-height:1.65;margin:0 0 20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sx-bp__secondary{display:flex;flex-direction:column;gap:20px}.sx-bp__side{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(6,22,42,.07);border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 4px 16px #06162a0d;transition:all .22s ease;flex:1}.sx-bp__side:hover{border-color:#e7bf5f59;transform:translateY(-3px);box-shadow:0 12px 32px #06162a1a}.sx-bp__side-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#e9eef5;flex-shrink:0}.sx-bp__side-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.sx-bp__side:hover .sx-bp__side-img img{transform:scale(1.05)}.sx-bp__side-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.sx-bp__side-title{font-size:15px;font-weight:750;color:#06162a;margin:0;line-height:1.38;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sx-bp__meta{display:flex;align-items:center;gap:10px}.sx-bp__date{font-size:11px;font-weight:700;color:#aab0bc;text-transform:uppercase;letter-spacing:.07em}.sx-bp__read{font-size:11px;color:#c8d4e0;display:flex;align-items:center;gap:5px}.sx-bp__read:before{content:"";width:3px;height:3px;background:#c8d4e0;border-radius:50%;display:inline-block}.sx-bp__link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#e7bf5f;margin-top:auto;padding-top:4px;transition:gap .2s}.sx-bp__main:hover .sx-bp__link,.sx-bp__side:hover .sx-bp__link{gap:8px}.sx-bp__footer-cta{text-align:center;margin-top:44px}.sx-bp__btn{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;background:#06162a;border:1.5px solid #06162a;border-radius:999px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;transition:all .22s ease}.sx-bp__btn:hover{background:transparent;color:#06162a;box-shadow:0 4px 16px #06162a1f;transform:translateY(-2px)}@media(max-width:900px){.sx-bp__grid{grid-template-columns:1fr}.sx-bp__secondary{flex-direction:row}.sx-bp__cta-all{display:none}}@media(max-width:640px){.sx-blog-preview{padding:60px 0 68px}.sx-bp__main-body{padding:20px 22px 24px}.sx-bp__secondary{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sunexo-blog-preview.css.map */