/* 06 / STRATEGIA ZMIANY — Design System 01 */
.fh-strategy-template-part{
  display:block;
  margin:0!important;
  padding:0!important;
}

.fh-strategy-section{
  padding:72px 0!important;
  background:var(--fh-ivory)!important;
  overflow:hidden;
}

.fh-strategy-grid{
  width:min(1480px,calc(100% - 48px))!important;
  max-width:1480px!important;
  min-height:570px;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:0!important;
  position:relative;
  overflow:hidden;
  background:var(--fh-warm-sand);
  border:1px solid rgba(47,47,44,.08);
}

.fh-strategy-copy{
  display:flex!important;
  align-items:center!important;
  flex:0 0 58%!important;
  min-width:0;
  padding:68px clamp(46px,5vw,82px)!important;
  position:relative;
  z-index:2;
  background:linear-gradient(90deg,
    var(--fh-warm-sand) 0%,
    var(--fh-warm-sand) 72%,
    rgba(233,226,216,.96) 82%,
    rgba(233,226,216,.72) 91%,
    rgba(233,226,216,0) 100%);
}

.fh-strategy-copy-inner{
  width:min(100%,620px);
  margin-left:auto;
  margin-right:0;
}

.fh-strategy-kicker{
  margin:0 0 12px!important;
  color:var(--fh-champagne)!important;
  font-family:var(--fh-font-ui)!important;
  font-size:.68rem!important;
  font-weight:600!important;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.fh-strategy-title{
  margin:0 0 34px!important;
  color:var(--fh-charcoal)!important;
  font-family:var(--fh-font-display)!important;
  font-size:clamp(2.8rem,3.5vw,4.25rem)!important;
  font-weight:400!important;
  letter-spacing:-.03em;
  line-height:1;
}

.fh-strategy-steps{
  display:grid!important;
  gap:22px!important;
  width:min(100%,560px);
}

.fh-strategy-step{
  display:grid!important;
  grid-template-columns:44px 46px minmax(0,1fr);
  align-items:center!important;
  gap:14px!important;
  margin:0!important;
}

.fh-strategy-number{
  margin:0!important;
  color:var(--fh-champagne)!important;
  font-family:var(--fh-font-display)!important;
  font-size:1.35rem!important;
  font-weight:500;
  line-height:1;
}

.fh-strategy-line{
  width:46px!important;
  max-width:46px!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(184,150,99,.68)!important;
}

.fh-strategy-step-text{
  margin:0!important;
  color:var(--fh-charcoal)!important;
  font-family:var(--fh-font-body)!important;
  font-size:.94rem!important;
  font-weight:500;
  line-height:1.55;
}

.fh-strategy-photo{
  align-self:stretch!important;
  flex:0 0 52%!important;
  margin-left:-10%!important;
  min-height:570px;
  position:relative;
  z-index:1;
  overflow:hidden;
  background:var(--fh-warm-sand);
}

.fh-strategy-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0!important;
}

.fh-strategy-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
  filter:saturate(.9) contrast(.98);
}

.fh-strategy-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(233,226,216,.98) 0%,
    rgba(233,226,216,.72) 14%,
    rgba(233,226,216,.34) 28%,
    rgba(233,226,216,.08) 42%,
    rgba(233,226,216,0) 55%);
}

@media(max-width:900px){
  .fh-strategy-section{padding:48px 0!important}
  .fh-strategy-grid{
    display:block!important;
    width:calc(100% - 36px)!important;
    min-height:0;
    background:var(--fh-warm-sand);
  }
  .fh-strategy-copy{
    min-height:0;
    padding:48px 30px 42px!important;
    background:var(--fh-warm-sand)!important;
  }
  .fh-strategy-copy-inner{width:100%;margin:0}
  .fh-strategy-photo{
    width:100%!important;
    min-height:460px;
    margin-left:0!important;
  }
  .fh-strategy-image{position:absolute}
  .fh-strategy-image img{object-position:center 14%}
  .fh-strategy-photo:after{
    background:linear-gradient(180deg,
      rgba(233,226,216,.92) 0%,
      rgba(233,226,216,.34) 18%,
      rgba(233,226,216,0) 42%);
  }
}

@media(max-width:520px){
  .fh-strategy-section{padding:32px 0!important}
  .fh-strategy-grid{width:calc(100% - 24px)!important}
  .fh-strategy-copy{padding:38px 22px 34px!important}
  .fh-strategy-title{font-size:2.6rem!important;margin-bottom:28px!important}
  .fh-strategy-steps{gap:20px!important}
  .fh-strategy-step{grid-template-columns:36px 34px minmax(0,1fr);gap:10px!important}
  .fh-strategy-line{width:34px!important;max-width:34px!important}
  .fh-strategy-step-text{font-size:.88rem!important}
  .fh-strategy-photo{min-height:390px}
  .fh-strategy-image img{object-position:center 12%}
}