/* ================= ECHIPA PAGE ================= */
.tm-hero{padding:130px 24px 60px;text-align:center}
.tm-hero .inner{width:var(--shell);max-width:680px;margin:0 auto}
.tm-hero .bpill{margin-bottom:20px}
.tm-hero h1{font-weight:400;font-size:clamp(34px,5.6vw,56px);line-height:1.12;letter-spacing:-.02em}
.tm-hero p{font-family:var(--public);color:var(--muted);font-size:17px;margin-top:18px;line-height:1.7}

.tm-grid-wrap{padding:20px 0 clamp(60px,9vh,100px)}
.tm-grid-wrap .in{width:var(--shell);margin:0 auto}
.tm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.tm-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:2/4;background:var(--panel);border:1px solid var(--line-soft)}
.tm-card img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:filter .4s var(--ease),transform .8s var(--ease)}
.tm-card:hover img{filter:grayscale(0);transform:scale(1.05)}
.tm-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(10,5,20,.9) 100%);pointer-events:none}

.tm-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.tm-info h3{font-weight:700;font-size:1.05rem;color:#fff;letter-spacing:-.01em}
.tm-info span{display:block;font-family:var(--public);color:rgba(255,255,255,.75);font-size:.82rem;margin-top:3px}

.tm-li{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  display:grid;place-items:center;color:#fff;transition:background .25s var(--ease),transform .25s var(--ease)}
.tm-li:hover{background:var(--wine);transform:translateY(-2px)}
.tm-li svg{width:18px;height:18px}

@media(max-width:900px){.tm-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tm-grid{grid-template-columns:1fr}.tm-hero{padding:110px 20px 46px}}