.para-section{background:linear-gradient(120deg,var(--navy2),var(--navy));color:#fff}
.para-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.para-intro h2{color:#fff;font-size:clamp(3.6rem,7vw,6.5rem);letter-spacing:.08em;margin-bottom:0}
.para-name{color:var(--gold);font-weight:800;font-size:1rem;letter-spacing:.04em;margin:0 0 22px}
.para-intro h3{font-family:Georgia,serif;font-size:1.75rem;line-height:1.3;margin:0 0 18px}
.para-intro>div>p:not(.eyebrow):not(.para-name):not(.para-note){color:#d7e3ec}
.para-note{font-size:.82rem;color:#9fb2c5;border-left:2px solid var(--gold);padding-left:13px;margin:22px 0}
.para-preview{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.para-step{padding:22px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);min-height:140px}
.para-step:nth-child(even){border-right:0}
.para-step:nth-last-child(-n+2){border-bottom:0}
.para-step span{display:block;color:var(--gold);font-family:Georgia,serif;font-size:1.45rem}
.para-step strong{display:block;font-size:1rem;margin:5px 0;color:#fff}
.para-step small{display:block;color:#bdd0df;font-size:.82rem;line-height:1.45}
@media(max-width:900px){.para-intro{grid-template-columns:1fr;gap:38px}}
@media(max-width:560px){.para-preview{grid-template-columns:1fr}.para-step,.para-step:nth-child(even){border-right:0;border-bottom:1px solid rgba(255,255,255,.13);min-height:auto}.para-step:last-child{border-bottom:0}.para-intro h2{font-size:3.8rem}.para-intro h3{font-size:1.45rem}}