/* Harmoney Connect v1.0.3 — compact article format. */
.hm-connect{--hm-gold:#f6ca70;--hm-dark:#001d1c;color:#fff;margin:22px auto;max-width:1120px;background:linear-gradient(110deg,#062b29,#041919 64%,#102e28);padding:10px 10px 6px;border-radius:17px;box-sizing:border-box;box-shadow:0 12px 28px rgba(2,25,26,.15);font-family:Georgia,serif;container-type:inline-size}
.hm-connect *{box-sizing:border-box}
.hm-connect__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hm-connect__card{border:2px solid var(--hm-border);background:linear-gradient(145deg,var(--hm-surface),var(--hm-bottom));border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.hm-connect__card--max{--hm-border:#8944b3;--hm-surface:#341456;--hm-bottom:#220f38}
.hm-connect__card--telegram{--hm-border:#0bbbdc;--hm-surface:#004779;--hm-bottom:#00314d}
.hm-connect__card--mail{--hm-border:#8aad62;--hm-surface:#06462c;--hm-bottom:#002f21}
.hm-connect__visual{display:block;width:100%;height:94px;object-fit:cover;object-position:center}
.hm-connect__body{flex:1;padding:10px 13px 12px;display:flex;flex-direction:column;align-items:stretch}
.hm-connect__heading{color:#fff!important;font-family:Georgia,serif;font-size:clamp(23px,2.1vw,27px)!important;line-height:1.13!important;margin:0 0 6px!important;font-weight:700!important}
.hm-connect__body>p{font-size:15px!important;line-height:1.34!important;margin:0 0 9px!important;color:#fff!important;flex:1}
.hm-connect__more{display:inline-block;align-self:flex-start;font-family:Georgia,serif;margin:0 0 9px;font-size:14px;line-height:1.3;color:#f9d77f!important;text-decoration:underline!important;text-underline-offset:3px;font-weight:700;transition:color .18s ease}
.hm-connect__more:hover{color:#fff!important}.hm-connect__more span{white-space:nowrap}
.hm-connect__cta{display:flex!important;align-items:center;justify-content:center;gap:7px;padding:7px 8px!important;border-radius:10px;background:linear-gradient(180deg,#ffdfa0,#e3a63f);color:#091e21!important;font-family:Georgia,serif;font-size:15px!important;font-weight:700;text-decoration:none!important;text-align:center;line-height:1.2!important;min-height:38px;transition:filter .18s ease,transform .18s ease}
.hm-connect__cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.hm-connect__cta:focus-visible,.hm-connect__more:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hm-connect__footer{display:flex;align-items:center;gap:12px;min-height:40px;padding:7px 13px 0}
.hm-connect__brand{font-size:clamp(18px,1.85vw,24px);font-weight:700;color:#efc576;white-space:nowrap}
.hm-connect__footer-text{font-size:clamp(15px,1.45vw,19px);line-height:1.15;color:#fff;margin-left:auto}
.hm-connect__logo{width:29px;height:29px;object-fit:contain;margin-left:auto}
/* The breakpoint is based on the actual banner width, not the whole browser window. */
@container (max-width: 700px){
 .hm-connect__cards{grid-template-columns:1fr}
 .hm-connect__card{display:grid;grid-template-columns:minmax(0,35%) minmax(0,65%)}
 .hm-connect__visual{height:100%;min-height:180px;object-fit:cover}
 .hm-connect__heading{font-size:25px!important}
 .hm-connect__footer{flex-wrap:wrap;gap:7px}
 .hm-connect__footer-text{margin-left:0}
 .hm-connect__logo{margin-left:auto}
}
@container (max-width: 460px){
 .hm-connect__card{display:flex}
 .hm-connect__visual{height:105px;min-height:0}
 .hm-connect__body{padding:12px 15px}
 .hm-connect__heading{font-size:26px!important}
 .hm-connect__body>p{font-size:16px!important}
 .hm-connect__more{font-size:15px}
 .hm-connect__cta{font-size:16px!important}
 .hm-connect__footer{padding:9px 6px 4px;justify-content:space-between}
 .hm-connect__footer-text{order:3;flex-basis:100%;font-size:16px}
 .hm-connect__logo{width:29px;height:29px}
}
@media(max-width:800px){.hm-connect{margin:20px auto}}
@media(prefers-reduced-motion:reduce){.hm-connect__cta{transition:none}}