.qi-lead{max-width:640px;margin-top:.8rem}
.qi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.qi-card{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:1.5rem 1.3rem 1.3rem;border:1px solid rgba(201,169,98,.45);border-radius:20px;background:linear-gradient(160deg,rgba(17,47,124,.35),rgba(10,26,48,.75));color:inherit;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.qi-card:hover,.qi-card:focus-visible{transform:translateY(-4px);border-color:#C9A962;box-shadow:0 18px 40px rgba(2,10,28,.55),0 0 0 1px rgba(201,169,98,.35) inset;outline:none}
.qi-k{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:#C9A962}
.qi-t{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(1.45rem,2.3vw,1.9rem);line-height:1.15}
.qi-w{font-size:.92rem;color:#d7dde6}
.qi-p{font-size:.88rem;color:#b7c0cc;font-style:italic}
.qi-go{margin-top:auto;padding-top:.6rem;color:#E6C98A;font-weight:500}
.qi-why{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.45rem;color:#b7c0cc;font-size:.92rem}
.qi-why li::before{content:"· ";color:#C9A962}
@media (max-width:860px){.qi-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.qi-card{transition:none}.qi-card:hover{transform:none}}