/* dd/page-header – v3: velký H1, technická mriežka na navy, šikmý spodný okraj ako hero (bez trasy) */
.pgh{--sikmo:36px;--grid-line:#ffffff17;position:relative;z-index:1;min-height:420px;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--sikmo)),0 100%);margin-bottom:calc(var(--sikmo) * -1)}
.pgh .media{position:absolute;inset:0}
.pgh .media img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block}
.pgh .media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000253f2 0%,#000253cc 50%,#00025380 100%),linear-gradient(0deg,#000253 0%,#00025300 45%)}
.pgh::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:center top;-webkit-mask-image:radial-gradient(ellipse 80% 110% at 78% 15%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 80% 110% at 78% 15%,#000 20%,transparent 80%)}
.pgh .in{position:relative;z-index:1;max-width:var(--container);margin:0 auto;padding:var(--space-8) 24px calc(var(--space-7) + var(--sikmo));width:100%}
.pgh .box{max-width:960px}
.pgh h1,.pgh .h1{margin:var(--space-3) 0 var(--space-4);font-size:clamp(36px,5.4vw,80px);line-height:.98;letter-spacing:-.25px;text-transform:uppercase}
.pgh .lead{color:var(--on-navy-muted);margin:0}
.pgh .acc{position:absolute;z-index:1;left:0;bottom:0;width:240px;height:6px;background:var(--yellow)}
.pgh.no-photo{min-height:0}
.pgh.no-photo .in{padding-top:var(--space-7)}
@media (max-width:1023px){.pgh{min-height:340px}}
@media (max-width:767px){
  .pgh{--sikmo:20px;min-height:0}
  .pgh .in{padding:var(--space-6) 16px calc(var(--space-6) + var(--sikmo))}
  .pgh .acc{width:120px}
}
/* pristávacie stránky: výzva, dôkazy a rýchle odkazy v prvom zábere */
.pgh .cta{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-6)}
.pgh-st{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);list-style:none;margin:var(--space-5) 0 0;padding:0;color:var(--on-navy);font-size:15px;line-height:20px;font-weight:500}
.pgh-st li{display:inline-flex;align-items:center;gap:var(--space-2)}
.pgh-st .dd-ic{color:var(--yellow);font-size:16px}
.pgh-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid #ffffff2e;font-size:14px}
.pgh-nav span{color:var(--on-navy-muted);font-family:var(--font-display);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;margin-right:var(--space-2)}
.pgh-nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-3);border:1px solid #ffffff40;border-radius:var(--radius-sm);color:var(--on-navy);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}
.pgh-nav a:hover,.pgh-nav a:focus-visible{background:var(--navy-700);border-color:var(--yellow)}
.wp-block-dd-page-header:has(+ .sbw) .in{padding-bottom:calc(var(--space-7) + var(--sikmo) + 40px)}
@media (max-width:767px){.pgh .cta{flex-direction:column;align-items:stretch}.pgh .cta .dd-btn{width:100%}.pgh-nav{margin-top:var(--space-5)}.pgh-nav span{width:100%}}
@media (pointer:coarse){.pgh-nav a{min-height:44px}}
/* UX audit F05: detail referencie – jednotky (mm, m) nesmú byť veľkými písmenami */
.single-referencia .pgh h1{text-transform:none}