/* ABOUT PAGE ONLY. Scope selectors to the values section. */
.dd-values { background: #f7f5f0; color: #071a2a; padding: clamp(64px, 8vw, 112px) 24px; }
.dd-values__inner { max-width: 1160px; margin: 0 auto; }
.dd-values__eyebrow { color: #a9792f; letter-spacing: .22em; font-size: .75rem; font-weight: 700; margin: 0 0 18px; }
.dd-values h2 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.7rem, 5.3vw, 5.2rem); font-weight: 400; line-height: 1.06; letter-spacing: -.035em; max-width: 960px; margin: 0 0 clamp(32px, 5vw, 60px); }
.dd-values__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 2.2vw, 28px); }
.dd-values__card { position: relative; isolation: isolate; overflow: hidden; background: #fff; border: 1px solid #e2d8c9; min-height: 260px; padding: clamp(26px, 3vw, 42px); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.dd-values__card::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: #bd8b3c; transform: scaleX(0); transform-origin: left; transition: transform .38s ease; }
.dd-values__card:hover, .dd-values__card:focus-visible { transform: translateY(-4px); border-color: #bd8b3c; box-shadow: 0 14px 30px rgba(7, 26, 42, .075); }
.dd-values__card:hover::before, .dd-values__card:focus-visible::before { transform: scaleX(1); }
.dd-values__card:focus-visible { outline: 2px solid #bd8b3c; outline-offset: 3px; }
.dd-values__number { display: block; color: #b98235; font-family: Georgia, serif; font-size: 2rem; margin-bottom: 18px; }
.dd-values__card h3 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.8rem, 2.8vw, 2.65rem); font-weight: 400; line-height: 1.12; margin: 0 0 16px; }
.dd-values__card p { color: #405064; font-size: 1rem; line-height: 1.7; max-width: 52ch; margin: 0; }
.dd-values__closing { max-width: 850px; margin: clamp(36px, 5vw, 64px) auto 0; padding-top: 30px; border-top: 1px solid #d8c4a5; text-align: center; font-family: Georgia, serif; font-size: clamp(1.4rem, 2.4vw, 2.1rem); line-height: 1.42; }
/* Progressive enhancement: JS adds a class only if IntersectionObserver is available. */
.dd-values--reveal .dd-values__card { opacity: 0; translate: 0 16px; transition: opacity .6s ease, translate .6s ease, transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.dd-values--reveal .dd-values__card.is-visible { opacity: 1; translate: 0 0; }
@media (max-width: 700px) { .dd-values__grid { grid-template-columns: 1fr; } .dd-values__card { min-height: 0; } }
@media (prefers-reduced-motion: reduce) { .dd-values__card, .dd-values__card::before, .dd-values--reveal .dd-values__card { transition: none; transform: none; translate: none; opacity: 1; } }