/* About Us.dc.html header values; reusable inner-page structure, no global reset. */
.reference-page-header { position:relative; height:460px; overflow:hidden; background:var(--color-sand); line-height:normal; }
.reference-page-header, .reference-page-header * { box-sizing:content-box; }
.reference-page-header-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.reference-page-header-overlay { position:absolute; inset:0; background:linear-gradient(115deg, rgba(15,12,8,0.76) 0%, rgba(15,12,8,0.52) 52%, rgba(15,12,8,0.18) 100%); pointer-events:none; }
.reference-page-header-copy { position:absolute; left:64px; top:150px; width:640px; animation:pageHeaderRise 620ms cubic-bezier(0.22,0.61,0.36,1) both; }
@keyframes pageHeaderRise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
.reference-page-header-kicker { font-size:15px; letter-spacing:0.22em; font-weight:700; color:var(--color-gold-light); margin-bottom:16px; }
.reference-page-header h1 { font-family:var(--font-serif-display); font-weight:800; font-size:60px; line-height:1.06; margin:0 0 16px; color:var(--color-cream); text-transform:uppercase; text-shadow:0 2px 18px rgba(20,14,8,0.45); }
.reference-page-header p { font-size:18.5px; line-height:1.7; color:#F5EEDF; max-width:520px; margin:0; text-shadow:0 1px 10px rgba(20,14,8,0.45); }
@media (max-width:1024px) {
  .reference-page-header { height:380px; }
  .reference-page-header-copy { left:32px; right:32px; width:auto; }
  .reference-page-header h1 { font-size:48px; }
}
@media (max-width:900px) { .reference-page-header-copy { top:110px; } }
@media (max-width:640px) {
  .reference-page-header { height:auto; min-height:400px; }
  /* Relative flow keeps the source mobile geometry while painting above the image. */
  .reference-page-header-copy { position:relative; left:auto; right:auto; top:auto; padding:76px 20px 40px; }
  .reference-page-header h1 { font-size:36px; }
}