.references{background:#f6f1ea}
.references .section-head>p{color:var(--muted)}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.reference-card{min-height:350px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease;color:#fff}
.reference-card:hover{position:relative;z-index:2;transform:translateY(-7px);box-shadow:0 22px 55px rgba(54,15,25,.2)}
.reference-card .ref-no{font-family:"Playfair Display",serif;font-size:.78rem;opacity:.65}
.reference-card .ref-type{text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;font-weight:700;margin-bottom:.65rem;opacity:.8}
.reference-card h3{font-family:"Playfair Display",serif;font-size:2rem;line-height:1.08;margin:.25rem 0 .9rem}
.reference-card div>p:last-child{font-size:.88rem;line-height:1.55;opacity:.78}
.reference-card>b{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}
.tone-wine{background:#6f1730}.tone-gold{background:#9a6b13}.tone-ink{background:#211c1e}.tone-rose{background:#a94d5b}.tone-sand{background:#876d4a}.tone-red{background:#b9253b}
@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:1.4rem}}
@media(max-width:620px){.reference-grid{grid-template-columns:1fr}.reference-card{min-height:280px}}