.contact-details {
  margin: 42px auto 0;
  padding-top: 30px;
  border-top: 1px solid rgba(244, 239, 229, .15);
  max-width: 650px;
  display: flex;
  justify-content: center;
  gap: 55px;
  color: #aeb8bb;
  font-style: normal;
  font-size: 13px;
  line-height: 1.6;
}

.contact-details a,
footer p a {
  color: #e3a376;
  text-decoration: none;
  font-weight: 700;
}

.portrait-photo { width:100%; height:100%; object-fit:cover; object-position:center top; filter:saturate(.88) contrast(1.03); }
.story-visual { position:relative; overflow:hidden; isolation:isolate; }
.story-visual::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(143,75,47,.95),rgba(143,75,47,.58)); }
.story-photo { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center 18%; }
.social-links { display:flex; justify-content:center; flex-wrap:wrap; gap:14px 28px; margin-top:30px; }
.social-links a { color:#e3a376; text-decoration:none; font-size:11px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.social-links a:hover,.social-links a:focus { color:#f4efe5; }

@media (max-width: 560px) {
  .contact-details {
    flex-direction: column;
    gap: 14px;
  }
}

.blog-preview { padding: 105px max(24px, calc((100% - 1240px)/2)); background: #fbf8f2; }
.blog-preview-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:55px; }
.blog-preview h2 { font-size:clamp(38px,4.2vw,58px); line-height:1.05; letter-spacing:-.045em; max-width:760px; margin:0; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.article-grid article { background:#fff; border:1px solid #d8d0c3; padding:34px; min-height:350px; display:flex; flex-direction:column; }
.article-grid span { color:#9b5c38; text-transform:uppercase; font-size:9px; letter-spacing:.17em; }
.article-grid h3 { font-size:25px; line-height:1.15; letter-spacing:-.025em; margin:35px 0 15px; }
.article-grid h3 a { text-decoration:none; }
.article-grid p { color:#68757a; line-height:1.65; font-size:14px; }
.article-grid article>a { margin-top:auto; color:#9b5c38; text-decoration:none; font-size:13px; font-weight:700; }
@media(max-width:900px){.article-grid{grid-template-columns:1fr}.blog-preview-heading{display:block}.blog-preview-heading>.text-link{margin-top:25px}.article-grid article{min-height:280px}}