/* Natural portrait, warm paper and a precise editorial grid. */
.home-page.decision-design .site-header:not(.scrolled) { background: #f4f0e8; border-color: #d7d0c4; }
.home-page.decision-design .site-header:not(.scrolled) .nav-logo,
.home-page.decision-design .site-header:not(.scrolled) .nav-links a { color: #242822; }
.home-page.decision-design .site-header:not(.scrolled) .nav-cta { color: #242822 !important; border-color: #242822 !important; }
.home-page.decision-design .site-header:not(.scrolled) .nav-toggle-line { background: #242822; }
.home-page.decision-design .hp-hero { position: relative; overflow: hidden; padding: 8rem 0 0; background: #f4f0e8; color: #242822; }
.home-page.decision-design .hp-hero::before,.home-page.decision-design .hp-hero::after { display: none; }
.decision-design .hp-hero__inner { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
.decision-design .hp-hero__text { position: relative; z-index: 2; }
.decision-design .hero-label { color: #904127; font-size: .66rem; letter-spacing: .15em; margin-bottom: 1.7rem; display: flex; gap: 1rem; align-items: center; }
.decision-design .hero-label::before { content: ''; width: 2rem; height: 1px; background: currentColor; }
.home-page.decision-design .hp-hero__title { font-size: clamp(3.05rem, 10.7vw, 5.6rem); color: #242822; line-height: .98; letter-spacing: -.04em; }
.decision-design .hp-hero__title > span { display: block; }
.decision-design .hp-hero__title em { display: block; color: #904127; font-weight: 400; }
.home-page.decision-design .hp-hero__lead { color: #51554d; font-size: 1rem; margin-top: 1.8rem; max-width: 32ch; }
.decision-design .hp-hero__actions { margin-top: 1.8rem; }
.home-page.decision-design .hp-hero .btn-primary { background: #242f29; color: #fffaf0; border-color: #242f29; }
.home-page.decision-design .hp-hero .btn-primary:hover { background: #904127; color: #fffaf0; border-color: #904127; }
.decision-design .hero-portrait { position: relative; margin: 0; padding: 0 1rem 0 0; width: 100%; }
.decision-design .hero-portrait::before { content: ''; position: absolute; top: 1.4rem; right: 0; bottom: 3.7rem; left: 2rem; background: #ba7458; }
.decision-design .hero-portrait__image { position: relative; z-index: 1; aspect-ratio: 5/5.3; max-height: none; background: #dedbd5; overflow: hidden; }
.decision-design .hero-portrait__image img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: 50% 28%; filter: none; opacity: 1; mix-blend-mode: normal; }
.decision-design .hero-portrait__image::after { display: none; }
.decision-design .hero-portrait figcaption { position: relative; z-index: 2; display: flex; flex-direction: column; gap: .4rem; padding: 1.5rem 0 0; color: #242822; }
.decision-design .hero-portrait figcaption span:first-child { font-size: 1.8rem; }
.decision-design .hero-portrait figcaption span:last-child { color: #51554d; font-size: .65rem; }
.decision-design .hero-baseline { display: grid; grid-template-columns: 1fr; gap: 0; border-color: #cfc6b8; margin-top: 3rem; padding-block: 0; color: #51554d; text-transform: none; letter-spacing: 0; }
.hero-dna { padding: 1.3rem 0; display: grid; grid-template-columns: 2rem 1fr; align-items: baseline; border-bottom: 1px solid #d7d0c4; }
.hero-dna:last-child { border-bottom: 0; }
.hero-dna b { color: #904127; font-size: .65rem; font-weight: 500; }
.hero-dna span { font: 400 1.4rem/1.2 var(--font-serif); color: #242822; }
.hero-dna small { grid-column: 2; font-size: .72rem; line-height: 1.6; margin-top: .4rem; }
@media (min-width: 860px) {
  .home-page.decision-design .hp-hero { padding-top: 9rem; }
  .decision-design .hp-hero__inner { grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr); gap: clamp(3rem,6vw,6rem); }
  .home-page.decision-design .hp-hero__title { font-size: clamp(4.1rem,6.4vw,6.7rem); }
  .decision-design .hero-portrait { padding-right: 1.5rem; }
  .decision-design .hero-portrait__image { aspect-ratio: 4/4.7; }
  .decision-design .hero-baseline { grid-template-columns: repeat(3,1fr); margin-top: 4rem; }
  .hero-dna { padding: 1.7rem 1.4rem 1.7rem 0; border-bottom: 0; }
  .hero-dna + .hero-dna { padding-left: 2rem; border-left: 1px solid #d7d0c4; }
}
@media (max-width: 599px) {
  .home-page.decision-design .hp-hero { padding-top: 7rem; }
  .decision-design .hero-label { font-size: .6rem; }
  .decision-design .hero-portrait { max-width: 440px; }
}
@media (max-width: 1099px) {
  .home-page.decision-design .site-header:not(.scrolled) .nav-links .nav-cta { color: var(--hp-cream) !important; border-color: var(--hp-cream) !important; }
  .home-page.decision-design .site-header:not(.scrolled) .nav-toggle[aria-expanded="true"] .nav-toggle-line { background: var(--hp-cream); }
}