/* Shared navy interlude; the oversized rock is clipped by the band. */
.strategy-quote {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #0c2d48;
    color: #fff;
    padding: 64px 0;
}
.strategy-quote-inner {
    position: relative;
    z-index: 1;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 48px;
}
.strategy-quote blockquote {
    width: 70%;
    margin: 0;
    padding-left: 32px;
    border-left: 2px solid rgba(255,255,255,.35);
}
.strategy-quote blockquote p {
    margin: 0;
    font-family: 'Instrument Serif', Georgia, serif;
    font-size: clamp(23px, calc(3.1vw - 5px), 39px);
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    text-wrap: pretty;
}
.strategy-quote-rock {
    position: absolute;
    z-index: 0;
    width: clamp(864px, 84vw, 1320px);
    aspect-ratio: 1;
    pointer-events: none;
    opacity: .8;
}
.strategy-quote-rock canvas { display: block; width: 100%; height: 100%; }
.strategy-quote--growth .strategy-quote-rock { right: -22%; top: -66%; }
.strategy-quote--income .strategy-quote-rock { left: -24%; bottom: -104%; }
.strategy-quote--ouranos .strategy-quote-rock { right: -27%; bottom: -90%; }
.strategy-quote--venture .strategy-quote-rock { left: -28%; top: -85%; }
.strategy-quote--private-equity .strategy-quote-rock { right: -30%; top: 50%; transform: translateY(-50%); }
.strategy-quote--ma .strategy-quote-rock { left: -32%; top: 50%; transform: translateY(-42%); }
.strategy-quote--income blockquote,
.strategy-quote--venture blockquote,
.strategy-quote--ma blockquote { margin-left: auto; }
@media (max-width: 767px) {
    .strategy-quote { padding: 48px 0; }
    .strategy-quote-inner { padding: 0 24px; }
    .strategy-quote blockquote { width: 100%; padding-left: 20px; }
    .strategy-quote blockquote p { font-size: 23px; }
    .strategy-quote-rock { width: 816px; opacity: .42; }
    .strategy-quote--growth .strategy-quote-rock { right: -490px; top: -260px; }
    .strategy-quote--income .strategy-quote-rock { left: -480px; bottom: -340px; }
    .strategy-quote--ouranos .strategy-quote-rock { right: -480px; bottom: -320px; }
    .strategy-quote--venture .strategy-quote-rock { left: -490px; top: -310px; }
    .strategy-quote--private-equity .strategy-quote-rock { right: -490px; }
    .strategy-quote--ma .strategy-quote-rock { left: -490px; }
}