/* A warmer, dimensional treatment confined to the Home hero. */
.hero-copy > .eyebrow { display: flex; align-items: center; gap: .65rem; color: #984a2c; }
.hero-copy > .eyebrow::before { content: ""; width: 2rem; height: 3px; flex: 0 0 auto; border-radius: 99px; background: #b96340; }
.hero .portrait-wrap { isolation: isolate; }
.hero .portrait-wrap::before { content: ""; position: absolute; z-index: -1; inset: -1.15rem -1.15rem 1.15rem 1.15rem; border-radius: 1.6rem; background: linear-gradient(145deg, #d7a181 0%, #e9cbb4 52%, #b7c8ca 100%); }
.hero .portrait { box-shadow: 0 20px 44px rgba(23, 36, 49, .15); }
.hero .experience { border-left-width: 4px; border-left-color: #b45a36; box-shadow: 0 12px 30px rgba(23, 36, 49, .16); }
.hero .button.primary { background: #203b55; border-color: #203b55; box-shadow: 0 5px 0 #b96340; }
.hero .button.primary:hover { background: #132b40; border-color: #132b40; }
.hero .button.secondary { background: rgba(255, 253, 250, .55); }
@media (max-width: 760px) {
  .hero .portrait-wrap { width: calc(100% - 1rem); }
  .hero .portrait-wrap::before { inset: -.75rem -.75rem .75rem .75rem; }
}