.recommendations-page .pg-hero{min-height:620px}
.recommendations-page .pg-hero h1{max-width:1080px}
.recommendations-intro{padding:3rem clamp(1.5rem,7vw,7rem);background:#d9cdbd;color:#302117}
.recommendations-intro p{max-width:940px;font:clamp(1.15rem,1.65vw,1.4rem)/1.75 var(--serif,Georgia,serif)}
.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#d0c2b0;gap:1px;padding:1px}
.recommendation-card{position:relative;display:flex;min-height:370px;flex-direction:column;align-items:flex-start;background:#21130d;color:#fff8ef;padding:clamp(1.8rem,3.4vw,3.4rem)}
.recommendation-number{position:absolute;right:clamp(1.8rem,3.4vw,3.4rem);top:clamp(1.8rem,3.4vw,3.4rem);font:italic 1.35rem var(--serif,Georgia,serif);color:#b6a47e}
.recommendation-card .eyebrow{color:#d0ab71;padding-right:3rem}
.recommendation-card h2{font-size:clamp(2.15rem,3vw,3.3rem);line-height:1.02;margin:2rem 0 1rem;max-width:340px}
.recommendation-copy{font-size:1.02rem;line-height:1.75;color:#d9cdbd;max-width:400px}
.recommendation-link{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;width:100%;margin-top:auto;padding:1.5rem 0 .65rem;border-bottom:1px solid #71644f;color:#fff8ef;font-size:.95rem}
.recommendation-link span{color:#d0ab71}
.recommendation-link:hover{border-color:#d0ab71}
.recommendation-code{font-size:.85rem;line-height:1.5;color:#b6a47e;margin-top:1rem}
.recommendations-note{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.5rem 5vw;padding:clamp(4.5rem,9vw,8rem) clamp(1.5rem,7vw,7rem);background:#d9cdbd;color:#21130d}
.recommendations-note>.eyebrow{padding-top:.6rem;color:#795b3f}
.recommendations-note h2{font-size:clamp(2.6rem,5.5vw,5.2rem);line-height:.98;grid-column:2}
.recommendations-note>p:not(.eyebrow){grid-column:2;max-width:740px;font-size:1.05rem;line-height:1.8;color:#48372a}
.recommendations-note .text-link{grid-column:2;justify-self:start;margin-top:.4rem;color:#21130d}
@media(max-width:1000px){.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-card{min-height:350px}}
@media(max-width:700px){.recommendations-page .pg-hero{min-height:570px}.recommendations-page .pg-hero h1{font-size:clamp(3.4rem,14vw,5rem)}.recommendation-grid{grid-template-columns:1fr}.recommendation-card{min-height:310px;padding:2rem 1.5rem}.recommendation-number{right:1.5rem;top:2rem}.recommendations-note{grid-template-columns:1fr;gap:1.2rem}.recommendations-note h2,.recommendations-note>p:not(.eyebrow),.recommendations-note .text-link{grid-column:1}}