/* ---------- root guards ---------- */
#tsb-blog.tsb-blog{display:block !important;opacity:1 !important;visibility:visible !important}
#tsb-blog{
  position:relative;z-index:1;float:none;width:auto;max-width:none;margin:0;
  padding:0 0 clamp(60px,8vw,110px);
  background:#ffffff;color:#1a1b1e;font-size:16px;line-height:1.7;text-align:left;
  overflow:hidden;-webkit-font-smoothing:antialiased;
}
#tsb-blog *,#tsb-blog *::before,#tsb-blog *::after{
  box-sizing:border-box;visibility:visible;float:none;
  -webkit-tap-highlight-color:transparent;
}
#tsb-blog img{max-width:100%;display:block;height:auto}
#tsb-blog a{text-decoration:none;color:inherit}
#tsb-blog button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;text-transform:none;letter-spacing:normal}
#tsb-blog input{font-family:inherit;line-height:1.6}
#tsb-blog p{font-size:16px;margin:0}
#tsb-blog h1,#tsb-blog h2,#tsb-blog h3{margin:0;padding:0;text-transform:none;font-weight:600}
#tsb-blog ::selection{background:#E10002;color:#ffffff}

#tsb-blog .tsb-wrap{max-width:1400px;margin:0 auto;padding:60px 40px;width:100%}

/* ---------- reveal (visible by default) ---------- */
#tsb-blog .tsb-rv{opacity:1;transform:none}
#tsb-blog.tsb-anim .tsb-rv{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
#tsb-blog.tsb-anim .tsb-rv.tsb-in{opacity:1;transform:translateY(0)}

/* ================= BANNER ================= */
#tsb-blog .tsb-banner{position:relative;overflow:hidden;background:#12141a;padding:0}
#tsb-blog .tsb-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#tsb-blog .tsb-banner-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(18,20,26,.66) 0%,rgba(18,20,26,.4) 42%,rgba(18,20,26,.9) 100%),
             linear-gradient(100deg,rgba(18,20,26,.75) 0%,rgba(18,20,26,.25) 58%,rgba(225,0,2,.14) 100%);
}

/*#tsb-blog .tsb-banner-in{position:relative;z-index:2;padding:clamp(84px,12vw,130px) 40px clamp(46px,6vw,70px)}*/
#tsb-blog .tsb-banner-in{
  position: relative;
  z-index: 2;
  padding-top: 130px !important;
  padding-right: 40px;
  padding-bottom: 70px;
  padding-left: 40px;
}
#tsb-blog .tsb-wrap{max-width:1400px;margin:0 auto;padding:60px 40px;width:100%}
/*#tsb-blog .tsb-crumb{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#c9cace;margin-bottom:18px;flex-wrap:wrap}*/
#tsb-blog .tsb-crumb a{transition:color .3s}
#tsb-blog .tsb-crumb a:hover{color:#ffffff}
#tsb-blog .tsb-crumb span{color:#ff8f90}
#tsb-blog .tsb-crumb i{width:5px;height:5px;flex:none;border-radius:50%;background:rgba(255,255,255,.4)}
#tsb-blog .tsb-eyebrow{
  display:inline-flex;align-items:center;gap:11px;margin-bottom:16px;
  font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#ff8f90;
}
#tsb-blog .tsb-eyebrow i{width:7px;height:7px;flex:none;border-radius:50%;background:#E10002;animation:tsbPulse 2.6s infinite;font-style:normal}
@keyframes tsbPulse{0%{box-shadow:0 0 0 0 rgba(225,0,2,.5)}70%{box-shadow:0 0 0 9px rgba(225,0,2,0)}100%{box-shadow:0 0 0 0 rgba(225,0,2,0)}}
#tsb-blog .tsb-banner h1{font-size:clamp(30px,4.2vw,44px);font-weight:600;line-height:1.16;letter-spacing:-.025em;color:#ffffff;max-width:20ch}
#tsb-blog .tsb-banner h1 em{font-style:normal;background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#tsb-blog .tsb-banner p{margin-top:16px;max-width:56ch;font-size:16px;font-weight:300;color:#dcdde0;line-height:1.8}

/* ================= FEATURED ================= */
#tsb-blog .tsb-featured{padding:clamp(46px,6vw,84px) 0 clamp(30px,4vw,50px)}
#tsb-blog .tsb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(22px,3vw,34px)}
#tsb-blog .tsb-head .tsb-eyebrow{color:#E10002;margin-bottom:0}
#tsb-blog .tsb-title{font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#1a1b1e}
#tsb-blog .tsb-feat{
  position:relative;display:grid;grid-template-columns:1.08fr .92fr;
  gap:clamp(20px,2.6vw,44px);align-items:center;
  background:#f8f8f9;border:1px solid #eceef0;border-radius:15px;
  padding:clamp(16px,2vw,20px);overflow:hidden;
  transition:border-color .45s,box-shadow .45s;
}
#tsb-blog .tsb-feat:hover{border-color:rgba(225,0,2,.28);box-shadow:0 28px 56px -34px rgba(225,0,2,.4)}
@media(max-width:900px){#tsb-blog .tsb-feat{grid-template-columns:1fr}}
#tsb-blog .tsb-feat-media{position:relative;overflow:hidden;border-radius:15px;background:#e9eaec}
#tsb-blog .tsb-feat-media img{
  width:100%;height:clamp(230px,32vw,420px);object-fit:cover;border-radius:15px;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1);
}
#tsb-blog .tsb-feat:hover .tsb-feat-media img{transform:scale(1.05)}
#tsb-blog .tsb-feat-body{padding:clamp(6px,1.6vw,26px) clamp(6px,1.6vw,20px)}
#tsb-blog .tsb-pill{
  display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:15px;
  background:rgba(225,0,2,.09);color:#E10002;
  font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
}
#tsb-blog .tsb-feat h3{
  font-size:clamp(21px,2.6vw,32px);font-weight:600;line-height:1.22;letter-spacing:-.02em;
  color:#1a1b1e;margin:16px 0 12px;
}
#tsb-blog .tsb-feat:hover h3{color:#E10002}
#tsb-blog .tsb-feat h3{transition:color .35s}
#tsb-blog .tsb-feat p{font-size:16px;color:#555555;line-height:1.8;max-width:52ch}
#tsb-blog .tsb-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:12.5px;color:#9a9ba0;font-weight:500}
#tsb-blog .tsb-meta span{display:inline-flex;align-items:center;gap:7px}
#tsb-blog .tsb-meta svg{width:14px;height:14px;stroke:#E10002;flex:none}
#tsb-blog .tsb-meta u{text-decoration:none;width:3px;height:3px;border-radius:50%;background:#d6d8dc}
#tsb-blog .tsb-more{
  display:inline-flex;align-items:center;gap:10px;margin-top:22px;
  font-size:14.5px;font-weight:600;color:#E10002;transition:gap .3s;
}
#tsb-blog .tsb-more svg{width:16px;height:16px;stroke:#E10002;flex:none;transition:transform .3s}
#tsb-blog .tsb-feat:hover .tsb-more{gap:15px}

/* ================= TOOLBAR ================= */
#tsb-blog .tsb-tools{padding:clamp(16px,2.4vw,26px) 0 clamp(24px,3vw,36px)}
#tsb-blog .tsb-tools-in{
  display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2vw,26px);flex-wrap:wrap;
  padding-bottom:clamp(18px,2.4vw,26px);border-bottom:1px solid #eceef0;
}
#tsb-blog .tsb-chips{display:flex;flex-wrap:wrap;gap:9px}
#tsb-blog .tsb-chip{
  display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:15px;
  background:#f8f8f9;border:1px solid #e4e5e8;color:#3a3b3f;font-size:14px;font-weight:500;
  transition:background .32s,color .32s,border-color .32s,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s;
}
#tsb-blog .tsb-chip i{
  min-width:20px;height:20px;padding:0 6px;border-radius:15px;display:grid;place-items:center;
  background:#e4e5e8;color:#7d8086;font-size:11px;font-weight:700;font-style:normal;
  transition:background .32s,color .32s;
}
#tsb-blog .tsb-chip:hover{transform:translateY(-3px);border-color:rgba(225,0,2,.4);color:#E10002}
#tsb-blog .tsb-chip.tsb-on{background:#E10002;border-color:#E10002;color:#ffffff;box-shadow:0 12px 26px -12px rgba(225,0,2,.5)}
#tsb-blog .tsb-chip.tsb-on i{background:rgba(255,255,255,.24);color:#ffffff}
#tsb-blog .tsb-chip.tsb-empty{opacity:.4;pointer-events:none}

#tsb-blog .tsb-utils{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#tsb-blog .tsb-search{position:relative;min-width:min(260px,100%)}
#tsb-blog .tsb-search input{
  width:100%;padding:13px 42px 13px 42px;border-radius:15px;
  background:#f8f8f9;border:1px solid #e4e5e8;color:#1a1b1e;font-size:14.5px;outline:none;
  transition:border-color .32s,background .32s,box-shadow .32s;
}
#tsb-blog .tsb-search input::placeholder{color:#9a9ba0}
#tsb-blog .tsb-search input:focus{border-color:#E10002;background:#ffffff;box-shadow:0 0 0 3px rgba(225,0,2,.12)}
#tsb-blog .tsb-search .tsb-sico{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#9a9ba0;pointer-events:none}
#tsb-blog .tsb-clear{
  position:absolute;right:9px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;display:none;place-items:center;
  background:#e4e5e8;color:#555555;transition:background .3s,color .3s;
}
#tsb-blog .tsb-clear svg{width:12px;height:12px}
#tsb-blog .tsb-clear.tsb-on{display:grid}
#tsb-blog .tsb-clear:hover{background:#E10002;color:#ffffff}
#tsb-blog .tsb-sort{position:relative}
#tsb-blog .tsb-sort select{
  appearance:none;-webkit-appearance:none;
  padding:13px 38px 13px 16px;border-radius:15px;
  background:#f8f8f9;border:1px solid #e4e5e8;color:#1a1b1e;font-family:inherit;font-size:14.5px;
  cursor:pointer;outline:none;transition:border-color .32s,background .32s;
}
#tsb-blog .tsb-sort select:focus{border-color:#E10002;background:#ffffff}
#tsb-blog .tsb-sort svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:13px;height:13px;stroke:#9a9ba0;pointer-events:none}
#tsb-blog .tsb-result{font-size:13px;color:#9a9ba0;font-weight:500;white-space:nowrap}
#tsb-blog .tsb-result b{color:#1a1b1e;font-weight:600}
@media(max-width:760px){
  #tsb-blog .tsb-tools-in{flex-direction:column;align-items:stretch}
  #tsb-blog .tsb-utils{justify-content:space-between}
  #tsb-blog .tsb-search{flex:1 1 100%;order:-1}
}

/* ================= GRID ================= */
#tsb-blog .tsb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
@media(max-width:1000px){#tsb-blog .tsb-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){#tsb-blog .tsb-grid{grid-template-columns:1fr}}

#tsb-blog .tsb-card{
  position:relative;display:flex;flex-direction:column;
  background:#ffffff;border:1px solid #eceef0;border-radius:15px;overflow:hidden;
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s,opacity .4s;box-shadow: 0 30px 56px -30px rgba(225, 0, 2, .32);border-color: rgba(225, 0, 2, .26);
}
#tsb-blog .tsb-card:hover{transform:translateY(-8px);border-color:rgba(225,0,2,.26);box-shadow:0 30px 56px -30px rgba(225,0,2,.32)}
#tsb-blog .tsb-card.tsb-hide{display:none}
#tsb-blog .tsb-card.tsb-fresh{animation:tsbPop .55s cubic-bezier(.16,1,.3,1) both}
@keyframes tsbPop{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
#tsb-blog .tsb-card-media{position:relative;overflow:hidden;background:#e9eaec}
#tsb-blog .tsb-card-media img{
  width:100%;height:clamp(190px,20vw,230px);object-fit:cover;
  transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .6s;
  filter:grayscale(.2);
}
#tsb-blog .tsb-card:hover .tsb-card-media img{transform:scale(1.07);filter:grayscale(0)}
#tsb-blog .tsb-card-tag{
  position:absolute;top:14px;left:14px;z-index:2;border-radius:15px;padding:7px 14px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:#E10002;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
}
#tsb-blog .tsb-card-read{
  position:absolute;bottom:14px;right:14px;z-index:2;border-radius:15px;padding:6px 12px;
  background:rgba(18,20,26,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:#ffffff;font-size:10.5px;font-weight:600;letter-spacing:.08em;
}
#tsb-blog .tsb-card-body{display:flex;flex-direction:column;flex:1;padding:clamp(18px,2vw,24px)}
#tsb-blog .tsb-card-body h3{
  font-size:clamp(17px,1.6vw,20px);font-weight:600;line-height:1.32;letter-spacing:-.015em;
  color:#1a1b1e;margin-bottom:10px;transition:color .35s;
}
#tsb-blog .tsb-card:hover .tsb-card-body h3{color:#E10002}
#tsb-blog .tsb-card-body p{font-size:14.5px;color:#555555;line-height:1.72;flex:1}
#tsb-blog .tsb-card-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-top:18px;padding-top:16px;border-top:1px solid #f0f1f3;
  font-size:12.5px;color:#9a9ba0;font-weight:500;
}
#tsb-blog .tsb-card-foot span{display:inline-flex;align-items:center;gap:7px}
#tsb-blog .tsb-card-foot svg{width:13px;height:13px;stroke:#E10002;flex:none}
#tsb-blog .tsb-card-arrow{
  width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:rgba(225,0,2,.09);color:#E10002;
  transition:background .35s,color .35s,transform .4s cubic-bezier(.16,1,.3,1);
}
#tsb-blog .tsb-card-arrow svg{width:15px;height:15px;stroke:currentColor}
#tsb-blog .tsb-card:hover .tsb-card-arrow{background:#E10002;color:#ffffff;transform:translateX(4px)}

#tsb-blog .tsb-card-foot .tsb-card-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  line-height: 1;
  gap: 0;
}

#tsb-blog .tsb-card-foot .tsb-card-arrow svg {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0;
}

/* highlighted search match */
#tsb-blog mark{background:rgba(225,0,2,.16);color:#1a1b1e;padding:0 2px;border-radius:3px}

/* ---------- empty state ---------- */
#tsb-blog .tsb-empty{
  display:none;text-align:center;padding:clamp(44px,6vw,76px) 20px;
  background:#f8f8f9;border:1px dashed #dfe1e4;border-radius:15px;
}
#tsb-blog .tsb-empty.tsb-on{display:block}
#tsb-blog .tsb-empty em{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:rgba(225,0,2,.09);color:#E10002}
#tsb-blog .tsb-empty em svg{width:27px;height:27px;stroke:currentColor}
#tsb-blog .tsb-empty h3{font-size:21px;font-weight:600;color:#1a1b1e;margin-bottom:8px}
#tsb-blog .tsb-empty p{font-size:15.5px;color:#555555;max-width:44ch;margin:0 auto 22px}

/* ---------- load more ---------- */
#tsb-blog .tsb-loadwrap{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(30px,4vw,48px)}
#tsb-blog .tsb-progress{width:min(260px,70vw);height:3px;border-radius:3px;background:#eceef0;overflow:hidden}
#tsb-blog .tsb-progress span{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#E10002,#7F0000);transition:width .6s cubic-bezier(.16,1,.3,1)}
#tsb-blog .tsb-progress-text{font-size:12.5px;color:#9a9ba0;font-weight:500}
#tsb-blog .tsb-progress-text b{color:#1a1b1e;font-weight:600}

/* ---------- buttons ---------- */
#tsb-blog .tsb-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;
  font-size:15px;font-weight:600;padding:15px 30px;border-radius:15px;overflow:hidden;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s,color .35s,border-color .35s;
}
#tsb-blog .tsb-btn svg{width:16px;height:16px;flex:none;transition:transform .35s}
#tsb-blog .tsb-btn-red{background:linear-gradient(180deg,#E10002 0%,#7F0000 100%);color:#ffffff;box-shadow:0 14px 32px -14px rgba(225,0,2,.55)}
#tsb-blog .tsb-btn-red svg{stroke:#ffffff}
#tsb-blog .tsb-btn-red:hover{transform:translateY(-3px);box-shadow:0 20px 42px -14px rgba(225,0,2,.7)}
#tsb-blog .tsb-btn-line{border:1px solid #dfe1e4;color:#1a1b1e;background:#ffffff}
#tsb-blog .tsb-btn-line svg{stroke:#E10002}
#tsb-blog .tsb-btn-line:hover{transform:translateY(-3px);border-color:#E10002;color:#E10002}
#tsb-blog .tsb-btn[disabled]{opacity:.4;pointer-events:none}

/* ================= NEWSLETTER ================= */
#tsb-blog .tsb-news{margin-top:clamp(50px,7vw,0px)}
#tsb-blog .tsb-news-band{
  position:relative;border-radius:15px;overflow:hidden;color:#ffffff;
  background:linear-gradient(150deg,#E10002,#7F0000);
  padding:clamp(30px,4.2vw,58px) clamp(22px,4vw,54px);
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3.4vw,52px);align-items:center;
}
@media(max-width:860px){#tsb-blog .tsb-news-band{grid-template-columns:1fr}}
#tsb-blog .tsb-news-band::before{
  content:'';position:absolute;inset:0;opacity:.1;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:46px 46px;
}
@media (max-width:720px) {
  #tsb-blog .tsb-wrap {
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
  #tsb-blog .tsb-banner-in {
    padding-top: 110px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
  }
}}
#tsb-blog .tsb-news-band>*{position:relative}
#tsb-blog .tsb-news-band .tsb-eyebrow{color:#ffd7d8;margin-bottom:14px}
#tsb-blog .tsb-news-band .tsb-eyebrow i{background:#ffffff;animation:none}
#tsb-blog .tsb-news-band h2{font-size:clamp(23px,2.8vw,34px);font-weight:600;line-height:1.22;letter-spacing:-.02em;color:#ffffff}
#tsb-blog .tsb-news-band p{margin-top:12px;font-size:16px;color:rgba(255,255,255,.9);line-height:1.8;max-width:46ch}
#tsb-blog .tsb-news-form{display:flex;gap:10px;flex-wrap:wrap}
#tsb-blog .tsb-news-form input{
  flex:1 1 220px;min-width:0;padding:16px 20px;border-radius:15px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#ffffff;
  font-size:15px;outline:none;transition:background .32s,border-color .32s,box-shadow .32s;
}
#tsb-blog .tsb-news-form input::placeholder{color:rgba(255,255,255,.66)}
#tsb-blog .tsb-news-form input:focus{background:rgba(255,255,255,.22);border-color:#ffffff;box-shadow:0 0 0 3px rgba(255,255,255,.16)}
#tsb-blog .tsb-news-form input.tsb-err{border-color:#ffffff;background:rgba(0,0,0,.16)}
#tsb-blog .tsb-news-form .tsb-btn{background:#ffffff;color:#7F0000;flex:0 0 auto}
#tsb-blog .tsb-news-form .tsb-btn svg{stroke:#7F0000}
#tsb-blog .tsb-news-form .tsb-btn:hover{transform:translateY(-3px)}
#tsb-blog .tsb-news-note{margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.78)}
#tsb-blog .tsb-news-ok{
  display:none;align-items:center;gap:11px;margin-top:14px;padding:14px 18px;border-radius:15px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);font-size:14.5px;font-weight:500;color:#ffffff;
}
#tsb-blog .tsb-news-ok.tsb-on{display:flex}
#tsb-blog .tsb-news-ok svg{width:18px;height:18px;stroke:#ffffff;flex:none}

@media (prefers-reduced-motion: reduce){
  #tsb-blog *,#tsb-blog *::before,#tsb-blog *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}