/* Section "Home: The opportunity" (patterns/home-opportunity.php). */

.opp{position:relative;overflow:hidden;background:linear-gradient(120deg,#110F34 0%,#2E2A86 60%,#5B50D6 130%)}
.opp__rings{position:absolute;right:-180px;top:50%;transform:translateY(-50%);width:760px;opacity:.16;color:#fff;pointer-events:none}
.opp .wrap{position:relative}
.opp__stmt{font-size:clamp(40px,5.8vw,92px);max-width:18ch;margin:0 0 clamp(40px,5vw,72px)}
.opp__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:start}
.opp__grid p{font-size:18px}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:8px 0 26px;padding:0}
.chips li{border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:8px 16px;font-size:14.5px;font-weight:600}
.opp__side{border-left:3px solid var(--tide);padding-left:28px}
.opp__side strong{display:block;color:var(--tide);font-weight:800;font-stretch:78%;font-variation-settings:'wdth' 78;text-transform:uppercase;font-size:clamp(32px,3.4vw,50px);line-height:1;margin-bottom:20px}
.opp__side p{font-size:clamp(18px,1.6vw,22px);color:#fff;line-height:1.45}

@media (max-width:980px){
  .opp__grid{grid-template-columns:1fr}
}