/* mucept - latest blog section (shared) */
/* ---------- Our latest blog ---------- */
.blog{padding:clamp(60px,7vw,104px) 0 clamp(64px,7vw,110px);background:
  radial-gradient(ellipse 35% 45% at 100% 0%,rgba(190,240,230,.5),transparent),
  radial-gradient(ellipse 35% 45% at 0% 100%,rgba(215,205,255,.45),transparent),#fff}
.blog__inner{max-width:1100px}
.blog__head{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.bgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.600vw,22px);margin-top:clamp(30px,3.500vw,52px)}
.bcard--lg{grid-column:span 8}.bcard--tall{grid-column:span 4}.bsm{grid-column:span 6}
.bcard{position:relative;min-height:clamp(300px,25vw,380px);border-radius:18px;overflow:hidden;color:#fff;background:#0e1540;box-shadow:0 30px 60px -34px rgba(17,25,61,.7);transition:translate .5s var(--ease),box-shadow .5s}
.bcard:hover{translate:0 -8px;box-shadow:0 44px 70px -34px rgba(17,25,61,.85)}
.bcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform 1.2s var(--ease)}
.bcard:hover>img{transform:scale(1.08)}
.bcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,54,0) 25%,rgba(11,18,54,.55) 55%,rgba(11,18,54,.94) 100%);pointer-events:none}
.bcard__txt{position:absolute;left:clamp(16px,1.600vw,24px);right:16px;bottom:clamp(18px,1.800vw,26px);z-index:2}
.bcard h3{margin-top:clamp(14px,1.500vw,22px);font:500 clamp(16px,1.350vw,20px)/1.4 var(--ff-h);max-width:440px}
.bcard--tall h3{max-width:none}
.date{position:absolute;left:clamp(14px,1.500vw,22px);top:clamp(14px,1.500vw,22px);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(56px,4.800vw,70px);padding:8px 10px 9px;border-radius:7px;background:linear-gradient(160deg,#16d6a6,#6a52e8);color:#fff;font:500 clamp(10px,.800vw,11.500px)/1.2 var(--ff-b);letter-spacing:.02em;box-shadow:0 12px 24px -10px rgba(106,82,232,.7);transition:transform .5s var(--ease)}
.date b{font:600 clamp(20px,1.800vw,26px)/1.05 var(--ff-h)}
.bcard:hover .date,.bsm:hover .date{transform:translateY(-4px) rotate(-3deg)}
.meta2{display:inline-flex;align-items:center;gap:14px;padding:8px 16px;border-radius:7px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:11px;letter-spacing:.04em}
.meta2 span{display:inline-flex;align-items:center;gap:7px}
.meta2 svg{width:13px;height:13px;color:#16d6a6}
.meta2 i{width:1px;height:14px;background:rgba(255,255,255,.45)}
.rm{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(10px,1vw,14px);font:500 11.500px var(--ff-b);letter-spacing:.07em;text-decoration:underline;text-underline-offset:4px}
.rm svg{width:14px;height:14px;transition:transform .3s}
.rm:hover svg{transform:translate(3px,-3px)}
.rm:hover{color:var(--teal)}
.bsm{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:clamp(14px,1.600vw,24px);align-items:center;margin-top:clamp(2px,.5vw,8px)}
.bsm figure{position:relative;margin:0;aspect-ratio:1.06;border-radius:14px;overflow:hidden;box-shadow:0 24px 40px -26px rgba(17,25,61,.6)}
.bsm figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bsm:hover figure img{transform:scale(1.1)}
.date--sm{left:0;top:auto;bottom:0;flex-direction:row;gap:7px;min-width:0;padding:7px 12px;border-radius:0 8px 0 0;font-size:11px}
.date--sm b{font-size:17px}
.bsm .meta2{border-color:#d4d5ea;background:#fff;color:#555a78;backdrop-filter:none}
.bsm h3{margin-top:clamp(14px,1.600vw,24px);font:600 clamp(14px,1.150vw,17px)/1.5 var(--ff-h);color:var(--ink)}
.rm--d{color:var(--ink);opacity:.8}
@media (max-width:980px){
  .bcard--lg,.bcard--tall,.bsm{grid-column:1/-1}
}
@media (max-width:640px){
  .bsm{grid-template-columns:1fr}
  .bcard{min-height:340px}
}