/* Strona główna: zdjęcie zboża i kolorowy znak na jasnym panelu. */
.ziarna-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  aspect-ratio:1200 / 672;
  min-height:480px;
  background:#f8efd7 url('/wp-content/uploads/2024/10/header-zboze.jpeg') center 58% / cover no-repeat;
}
.ziarna-hero::before{
  content:"";
  position:absolute;inset:-20px;
  background:inherit;
  filter:blur(12px);
  opacity:.65;
}
.ziarna-hero-focus{
  position:absolute;inset:0 24% 0 6.5%;
  border-radius:24% 0 0 24% / 65% 0 0 65%;
  background:url('/wp-content/uploads/2024/10/header-zboze.jpeg') 40% center / cover no-repeat;
}
.ziarna-hero-panel{
  position:absolute;top:-28%;bottom:-28%;right:-17%;width:65%;
  border-radius:50% 0 0 50%;
  background:linear-gradient(145deg,rgba(255,251,224,.96),rgba(250,241,222,.78) 65%,rgba(235,210,190,.88));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.ziarna-hero-brand{
  position:absolute;top:50%;right:10%;width:25%;max-width:360px;
  transform:translateY(-50%);
}
.ziarna-hero-brand img{display:block;width:100%;height:auto}
@media(max-width:720px){
  .ziarna-hero{aspect-ratio:auto;height:740px;min-height:0;background-position:38% top}
  .ziarna-hero-focus{inset:0 0 auto;height:54%;border-radius:0;background-position:center 60%}
  .ziarna-hero-panel{
    top:44%;bottom:-15%;left:-20%;right:auto;width:140%;
    border-radius:50% 50% 0 0 / 16% 16% 0 0;
  }
  .ziarna-hero-brand{
    top:auto;bottom:44px;left:50%;right:auto;width:min(57%,240px);
    transform:translateX(-50%);
  }
}