/* RWE Connect theme · About Us */

/* hover lift, applied to every card-like block on every page */
.glance>div:hover{background:var(--panel-hover)}

/* inner pages */
.mv{display:grid;gap:1.25rem}
.mv .card{border-left:4px solid var(--cyan-400)}
.mv .card span{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ocean-700);display:block;margin-bottom:.5rem}
.glance{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);border-radius:var(--rc);overflow:hidden}
.glance div{background:var(--panel);padding:1.3rem 1.4rem}
.glance dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-300)}
.glance dd{margin:.45rem 0 0;font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--white)}
.story{position:relative;display:grid;gap:0;margin-top:.5rem}
.story.rv{opacity:1;transform:none}
.story:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--cyan-400),var(--ocean-700));transform:scaleY(0);transform-origin:top;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.story.in:before{transform:scaleY(1)}
.story:after{content:"";position:absolute;left:10px;width:4px;height:120px;top:0;border-radius:4px;background:linear-gradient(transparent,var(--cyan-300) 70%,var(--white));box-shadow:0 0 10px rgba(127,227,242,.8);opacity:0}
.story.in:after{animation:travel 3.6s cubic-bezier(.4,0,.6,1) 1.4s infinite}
.story .ms{z-index:1}
.story .ms{opacity:0;transform:translateX(28px);transition:opacity .6s ease,transform .6s ease}
.story.in .ms{opacity:1;transform:none}
.story.in .ms:nth-child(1){transition-delay:.15s}
.story.in .ms:nth-child(2){transition-delay:.45s}
.story.in .ms:nth-child(3){transition-delay:.75s}
.story.in .ms:nth-child(4){transition-delay:1.05s}
.story .ms:before{transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.story.in .ms:before{transform:scale(1)}
.story.in .ms:nth-child(1):before{transition-delay:.25s}
.story.in .ms:nth-child(2):before{transition-delay:.55s}
.story.in .ms:nth-child(3):before{transition-delay:.85s}
.story.in .ms:nth-child(4):before{transition-delay:1.15s}
.story .ms:hover b{color:var(--cyan-300)}
.story .ms b{transition:color .2s}
.story .ms{position:relative;padding:0 0 2.2rem 2.6rem}
.story .ms:last-child{padding-bottom:0}
.story .ms:before{content:"";position:absolute;left:3px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--navy-900);border:3px solid var(--cyan-400)}
.story .ms.soon:before{border-color:var(--signal)}
.story .ms i{font-style:normal;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-300)}
.story .ms b{display:block;font-family:var(--display);font-size:1.15rem;color:var(--white);margin:.3rem 0 .4rem}
.story .ms p{margin:0;max-width:64ch}
.story .ms a{color:var(--cyan-300)}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.tm{background:var(--white);border:1px solid var(--cloud);border-radius:var(--rc);padding:1.4rem 1.25rem;position:relative}
.tm .avatar{width:64px;height:64px;font-size:1.1rem;margin-bottom:1rem}
.tm b{display:block;font-family:var(--display);font-size:1.02rem}
.tm .role{display:block;color:var(--ocean-700);font-size:.85rem;font-family:var(--display);font-weight:700;margin:.15rem 0 0}
.tm .links{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--cloud)}
.tm .links a{font-size:.78rem;text-decoration:none;color:var(--ocean-700);overflow-wrap:anywhere;min-width:0}
.tm .links a:hover{text-decoration:underline}
.tm .li{flex:0 0 auto;width:36px;height:36px;border-radius:8px;border:1px solid var(--cloud);background:var(--mist);display:inline-flex;align-items:center;justify-content:center;color:var(--navy-800);transition:background .2s,color .2s,border-color .2s}
.tm .li svg{width:18px;height:18px}
.tm .li:hover{background:var(--linkedin);border-color:var(--linkedin);color:var(--white);text-decoration:none}
.org{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:start}
.org .series{display:grid;gap:.9rem}
.org .series .card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.org .series .card span{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ocean-700)}
.org .series .card.us{border-color:var(--ocean-700);background:var(--mist)}
.next{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.next .card{display:flex;flex-direction:column;gap:.6rem}
.next .card .btn{margin-top:auto;align-self:flex-start}

/* animations */
@keyframes travel{0%{top:0;opacity:0}12%{opacity:1}85%{opacity:1}100%{top:calc(100% - 120px);opacity:0}}

/* ===== responsive and media queries ===== */
@media (max-width:900px){
  .glance{grid-template-columns:repeat(2,1fr)}
  .org{grid-template-columns:1fr}
}
@media (max-width:560px){
  .glance{grid-template-columns:1fr}
}