.urb-chero{position:relative;isolation:isolate;overflow:hidden;margin-left:calc(50% - 50vw);width:100vw;height:clamp(420px,68vw,780px);display:flex;align-items:flex-end;background:rgb(var(--urb-green));--urb-chero-pad-b:clamp(3.6rem,6.5vw,7rem);--urb-apla-fade:clamp(24rem,44vw,50rem);--urb-apla-ext:0px;--urb-apla-rgb:var(--urb-green)}
.urb-chero--czerwony{background:rgb(var(--urb-red));--urb-apla-rgb:var(--urb-red)}

.urb-chero__bg{position:absolute;inset:0;z-index:-2}
.urb-chero__bg img,.urb-chero__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.urb-chero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--urb-apla-rgb),.35) 0%,rgba(var(--urb-apla-rgb),.12) 25%,rgba(var(--urb-apla-rgb),0) 50%)}

.urb-chero__inner{position:relative;z-index:1;width:100%;max-width:var(--page-width);margin-inline:auto;padding:0 2rem var(--urb-chero-pad-b)}
.urb-chero__inner::before{content:"";position:absolute;left:50%;top:calc(-1 * var(--urb-apla-fade));bottom:calc(-1 * var(--urb-apla-ext));width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(var(--urb-apla-rgb),0) 0%,rgba(var(--urb-apla-rgb),.03) 10%,rgba(var(--urb-apla-rgb),.1) 20%,rgba(var(--urb-apla-rgb),.22) 30%,rgba(var(--urb-apla-rgb),.35) 40%,rgba(var(--urb-apla-rgb),.5) 50%,rgba(var(--urb-apla-rgb),.65) 60%,rgba(var(--urb-apla-rgb),.78) 70%,rgba(var(--urb-apla-rgb),.9) 80%,rgba(var(--urb-apla-rgb),.97) 90%,rgb(var(--urb-apla-rgb)) 100%)}
.urb-chero--empty .urb-chero__inner::before{content:none}

.urb-chero__title{margin:0;color:rgb(var(--urb-beige));font-size:clamp(3.2rem,6vw,6.4rem);line-height:1.1;max-width:20ch;padding-bottom:.16em;overflow:visible}
.urb-chero__descriptor{margin:clamp(20px,5vh,34px) 0 0;max-width:52ch;font-size:clamp(1.6rem,1.8vw,2rem);line-height:1.4;color:rgb(var(--urb-beige));opacity:.92}

.urb-chero-lead{padding:clamp(3.2rem,6vw,5.6rem) 2rem}
.urb-chero-lead__inner{max-width:80rem;margin-inline:auto}
.urb-chero-lead__text{font-size:1.6rem;line-height:1.6;color:rgb(var(--color-foreground))}

@media (prefers-reduced-motion: reduce){
  .urb-chero__bg video{display:none}
}