/* Scoped to the homepage hero; scene coordinates follow the supplied reference. */
#hero.narpavi-hero { padding-bottom: 0; background: #fff8e8; }
#hero .nh-scene { position: relative; container-type: inline-size; }
#hero .nh-background { display: block; width: 100%; height: auto; }
#hero .nh-copy { position: absolute; top: 15.5%; left: 9.3%; width: 43%; color: #245332; }
#hero #narpavi-hero-title { margin: 0 !important; overflow: visible; font-family: Georgia, 'Times New Roman', serif; font-size: 4.65cqw !important; line-height: 1.08 !important; font-weight: 700; letter-spacing: -.15cqw; }
#hero .nh-welcome, #hero .nh-name { display: block; white-space: nowrap; }
#hero .nh-name { padding-bottom: .12em; font-size: 5.8cqw; line-height: 1.12; color: #bd6505; background: linear-gradient(100deg, #df8c12, #ae5000); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#hero .nh-subtitle { display: flex; align-items: center; gap: .8cqw; margin: .55cqw 0 0; font-family: Georgia, 'Times New Roman', serif; font-size: 2.2cqw; line-height: 1.2; font-weight: 700; white-space: nowrap; color: #176535; }
#hero .nh-subtitle::before { content: ''; width: 4.7cqw; height: 2px; flex: none; background: #e8a32c; }
#hero .nh-description { margin: .9cqw 0 0; font-family: 'Poppins', sans-serif; font-size: 1.04cqw; font-weight: 400; line-height: 1.36; color: #316b49; }
#hero .nh-order { display: inline-flex; align-items: center; justify-content: center; gap: 1cqw; margin-top: 1.25cqw; width: 12.55cqw; min-height: 3.5cqw; border: 2px solid #ffe9a2; border-radius: 999px; background: linear-gradient(110deg, #ffc62c, #ffbc20); color: #24230e; font-family: 'Poppins', sans-serif; font-size: 1.1cqw; font-weight: 500; text-decoration: none; box-shadow: 0 3px 8px #b67c1220; transition: background .2s, box-shadow .2s; }
#hero .nh-order svg { width: 1.4cqw; height: 1.4cqw; }
#hero .nh-order:hover { background: #ffd34a; box-shadow: 0 4px 14px #9b650540; }
#hero .nh-order:focus-visible { outline: 3px solid #235b36; outline-offset: 4px; }
#hero .nh-trust { position: absolute; top: 75.8%; left: 8.9%; width: 39.8%; min-height: 12.4%; margin: 0; padding: 1.15cqw .65cqw; list-style: none; display: flex; align-items: center; border: 1px solid #fff2b36b; border-radius: 4cqw; background: #6e783c80; backdrop-filter: blur(9px); color: #fff5b8; }
#hero .nh-trust li { display: flex; align-items: center; justify-content: center; gap: .55cqw; flex: 1 1 auto; padding: .2cqw .75cqw; }
#hero .nh-trust li + li { border-left: 1px solid #e9c84c; }
#hero .nh-trust svg { width: 2.15cqw; height: 2.5cqw; flex: none; }
#hero .nh-trust span { color: #fffce4; font-family: 'Poppins', sans-serif; font-size: .8cqw; font-weight: 500; line-height: 1.45; white-space: nowrap; }
#hero .nh-trust small { display: block; font-size: .75cqw; font-weight: 400; }
@media (min-width: 901px) {
  #hero .nh-copy { inset: 0; width: 100%; }
  #hero #narpavi-hero-title { position: absolute; top: 14.5%; left: 9.3%; line-height: 1.08 !important; }
  #hero .nh-name { line-height: 1.12; }
  #hero .nh-subtitle { position: absolute; top: 41%; left: 9.5%; margin: 0; }
  #hero .nh-description { position: absolute; top: 49%; left: 9.5%; margin: 0; }
  #hero .nh-order { position: absolute; top: 64.5%; left: 9.3%; margin: 0; }
}
@media (max-width: 900px) {
  #hero .nh-scene { display: flex; flex-direction: column; background: #fff8e8; }
  #hero .nh-copy { position: relative; top: auto; left: auto; width: auto; padding: 30px 6% 24px; order: 0; background: radial-gradient(ellipse at top left, #eaf3dc, transparent 75%); }
  #hero #narpavi-hero-title { font-size: clamp(34px, 6.5cqw, 58px) !important; letter-spacing: -.035em; }
  #hero .nh-name { font-size: clamp(38px, 8.5cqw, 76px); }
  #hero .nh-subtitle { font-size: clamp(17px, 3.3cqw, 29px); white-space: normal; gap: 12px; margin-top: 14px; }
  #hero .nh-subtitle::before { width: 30px; }
  #hero .nh-description { font-size: 16px; line-height: 1.65; max-width: 620px; margin-top: 18px; }
  #hero .nh-desktop-break { display: none; }
  #hero .nh-order { margin-top: 22px; width: 180px; min-height: 50px; font-size: 16px; gap: 18px; }
  #hero .nh-order svg { width: 23px; height: 23px; }
  #hero .nh-background { order: 1; height: clamp(260px, 55cqw, 430px); object-fit: cover; object-position: right center; }
  #hero .nh-trust { position: relative; top: auto; left: auto; order: 2; width: auto; margin: 0; padding: 20px 4%; border: 0; border-radius: 0; background: #65763e; min-height: 0; }
  #hero .nh-trust li { gap: 10px; padding: 8px 12px; }
  #hero .nh-trust svg { width: 29px; height: 34px; }
  #hero .nh-trust span { font-size: 13px; }
  #hero .nh-trust small { font-size: 12px; }
}
@media (max-width: 600px) {
  #hero .nh-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 0; }
  #hero .nh-trust li { justify-content: flex-start; padding: 4px 10px; }
  #hero .nh-trust li:nth-child(3) { border-left: 0; }
}