.content-page {
  --ink: #25201c;
  --muted: #645b53;
  --accent: #9c3026;
  --cream: #f7f3ec;
  color: var(--ink);
  background: #fffdf9;
}
.content-page *, .content-page *::before, .content-page *::after { box-sizing: border-box; }
.content-hero {
  position: relative;
  padding: 230px 24px 100px;
  background: linear-gradient(115deg, rgba(19, 17, 15, .88), rgba(43, 26, 20, .76)), url('../../media/background/about.jpg') center / cover;
  color: #fff;
}
.content-hero__inner, .content-section__inner { max-width: 1120px; margin: 0 auto; }
.content-eyebrow { margin: 0 0 18px; color: #e7c69f; font-family: Roboto, Arial, sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.content-hero h1 { max-width: 920px; margin: 0 0 28px; color: #fff; font-family: Cardo, Georgia, serif; font-size: clamp(2.3rem, 5vw, 4.6rem); line-height: 1.12; overflow-wrap: anywhere; }
.content-hero p { max-width: 790px; color: #f4eee5; font-family: Roboto, Arial, sans-serif; font-size: 1.07rem; line-height: 1.8; }
.content-hero a:not(.content-actions a) { color: #f3c8a2; text-decoration: underline; }
.content-section { padding: 76px 24px; }
.content-section:nth-of-type(odd) { background: var(--cream); }
.content-section h2 { max-width: 900px; margin: 0 0 26px; color: var(--ink); font-family: Cardo, Georgia, serif; font-size: clamp(1.9rem, 3vw, 2.75rem); line-height: 1.2; }
.content-section h3 { margin: 35px 0 12px; padding-left: 17px; border-left: 3px solid var(--accent); color: #35261e; font-family: Cardo, Georgia, serif; font-size: clamp(1.35rem, 2vw, 1.7rem); line-height: 1.3; }
.content-section p, .content-section li { max-width: 900px; color: var(--muted); font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.85; }
.content-section p { margin: 0 0 18px; }
.content-section ul { margin: 14px 0 24px; padding-left: 24px; }
.content-section a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.content-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 8px; }
.content-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 20px; border: 1px solid var(--accent); border-radius: 3px; background: var(--accent); color: #fff !important; font: 700 .82rem Roboto, sans-serif; letter-spacing: .08em; text-decoration: none !important; text-transform: uppercase; transition: background .2s, color .2s; }
.content-actions a:nth-child(even) { background: transparent; color: var(--accent) !important; }
.content-hero .content-actions a:nth-child(even) { border-color: #e7c69f; color: #fff !important; }
.content-actions a:hover, .content-actions a:focus { background: #742017; color: #fff !important; }
.content-hero .content-actions a:hover, .content-hero .content-actions a:focus { background: #fff; color: #742017 !important; }
#site-footer .footer-menu li a { color: #d9d2ca; }
@media (max-width: 991px) { .content-hero { padding-top: 180px; } }
@media (max-width: 600px) { .content-hero { padding: 165px 20px 62px; } .content-section { padding: 55px 20px; } .content-actions a { width: 100%; } }