.local-hero { min-height: 705px; align-items: center; padding: 120px 0 92px; background: #fbfaf8; }
.trebon-page .header--top { border-bottom: 1px solid rgba(47, 42, 36, .1); background: rgba(251, 250, 248, .94); }
.trebon-page .header--top .nav-link { color: #292929; }
.trebon-page .header--top .nav-link:hover { color: var(--bronze); }
.local-hero-image { z-index: 0; right: 0; left: auto; width: 47%; background: url('banner-petilista-pece-o-hroby-trebonsko.png') center/cover no-repeat; }
.local-hero-content { position: relative; z-index: 1; width: 53%; max-width: 760px; margin: 0 auto 0 max(0px, calc((100% - 1200px) / 2)); padding: 0 36px; transform: translateY(38px); }
.local-hero .local-kicker { margin-bottom: 38px; color: #926428; font-size: .78rem; font-weight: 700; letter-spacing: .17em; }
.local-hero h1 { max-width: 650px; margin: 0; color: #111111; font-family: var(--font-body); font-size: clamp(3.2rem, 5.1vw, 5.25rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.14; }
.local-hero h1 em { color: inherit; font-style: normal; }
.local-hero-rule { display: block; width: 58px; height: 1.5px; margin: 35px 0 36px; background: #a87d42; }
.local-hero p:not(.local-kicker) { max-width: 565px; color: #111111; font-size: 1.04rem; font-weight: 500; line-height: 1.75; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); }
.local-hero-actions { gap: 42px; margin-top: 40px; }
.local-hero .btn.btn-copper { display: inline-flex; align-items: center; gap: 28px; padding: 17px 34px; font-weight: 700; }
.local-hero .local-text-cta { color: #111111; font-weight: 700; border-color: rgba(17, 17, 17, .75); }
.local-hero .local-text-cta span { color: #111111; margin-left: 14px; font-size: 1.1rem; }

@media (max-width: 850px) {
  .local-hero { min-height: 740px; padding: 130px 0 68px; align-items: end; background: linear-gradient(180deg, rgba(251,250,248,.98) 0%, rgba(251,250,248,.94) 60%, rgba(251,250,248,.85) 100%); }
  .local-hero-image { width: 100%; opacity: .42; }
  .local-hero-content { width: 100%; margin: 0; transform: none; }
  .local-hero h1 { max-width: 640px; color: #0a0a0a; }
  .local-hero p:not(.local-kicker) { max-width: 540px; color: #0a0a0a; font-weight: 500; text-shadow: 0 1px 3px rgba(255, 255, 255, 0.95); }
}
@media (max-width: 560px) {
  .local-hero { min-height: 690px; padding: 125px 0 58px; background: linear-gradient(180deg, rgba(251,250,248,.99) 0%, rgba(251,250,248,.95) 65%, rgba(251,250,248,.88) 100%); }
  .local-hero-content { padding: 0 24px; }
  .local-hero .local-kicker { margin-bottom: 25px; }
  .local-hero h1 { font-size: clamp(2.75rem, 14vw, 4rem); }
  .local-hero-rule { margin: 27px 0; }
  .local-hero .local-hero-actions { gap: 24px; }
  .local-hero .btn.btn-copper { width: auto; }
  .local-hero .local-text-cta { width: auto; }
}