.concepts{padding-left:0;padding-right:0}
.concept-intro{padding-left:6vw;padding-right:6vw;align-items:start}
.concept-intro .story-instruction{grid-column:1 / 3;align-self:start;width:100%;max-width:36rem;margin:1.2rem 0 0!important;justify-self:start}
@media(min-width:821px){
  .concept-intro .concept-lead{
    position:sticky;
    top:calc(82px + 2.75rem);
    align-self:start;
    z-index:5;
    margin:0;
    font-size:1rem;
    line-height:1.55;
    color:#d0d0d0;
  }
  .home-story.story-active .concept-intro .concept-lead{
    top:calc(82px + 72px + 1.35rem);
  }
}
@media(max-width:820px){
  .concepts{
    padding-left:0!important;
    padding-right:0!important;
  }
  .concept-intro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1.1rem;
    align-items:start;
    padding:0 5vw 10vw!important;
    box-sizing:border-box;
    max-width:100%;
  }
  .concept-intro > span,
  .concept-intro > h2,
  .concept-intro > p,
  .concept-intro .story-instruction{
    grid-column:1!important;
    width:100%;
    max-width:none;
    justify-self:stretch;
  }
  .concept-intro .concept-lead{
    position:static;
    color:#cfcfcf;
    margin:0;
  }
  .concept-intro .story-instruction{
    margin-top:.4rem!important;
  }
}
.concept-nav{position:sticky;top:82px;z-index:6;height:72px;background:rgba(11,12,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid #3a3a3a;display:grid;grid-template-columns:repeat(3,1fr);padding:0 6vw}.concept-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  color:#777;
  font:500 .82rem "Space Grotesk";
  text-transform:uppercase;
  letter-spacing:.08em;
  border-bottom:3px solid transparent;
  transition:color .25s,border-color .25s;
}
.concept-nav a.active{
  color:var(--grade-color,var(--lime));
  border-color:var(--grade-color,var(--lime));
}
.home-story{--grade-color:#df3b2f}.concept-card{max-width:none;margin:0;min-height:92vh;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch}.concept-card .concept-visual{min-height:92vh;overflow:hidden}.concept-card .concept-visual img{width:100%;height:100%;object-fit:cover;display:block}.concept-card .concept-body{padding:8vw 6vw!important;display:block!important;align-self:center}.concept-card .concept-body .eyebrow{color:var(--lime)}.concept-card h3{font-size:clamp(3.2rem,5.6vw,7rem)!important;margin:2rem 0 2.5rem}.concept-card .concept-body>p:not(.eyebrow){max-width:720px}.concept-card ul{grid-column:auto!important;max-width:580px;margin-top:3rem}.concept-card.sustainable .concept-visual{order:2}.concept-card.sustainable .concept-body{order:1}.concept-card .number{font-size:1rem}@media(max-width:820px){.concept-nav{top:66px;height:60px;padding:0 2vw}.concept-nav a{font-size:.68rem;gap:.35rem}.concept-nav a span{display:none}.concept-card{grid-template-columns:1fr!important;min-height:0;padding:0!important;width:100%;max-width:100%;box-sizing:border-box}.concept-card .concept-visual{min-height:55vh}.concept-card .concept-body{padding:14vw 5vw!important;box-sizing:border-box;max-width:100%}.concept-card.sustainable .concept-visual{order:0}.concept-card.sustainable .concept-body{order:1}.concept-card h3{font-size:clamp(2.6rem,11vw,4.4rem)!important;max-width:100%}}

.passivhaus-cred{
  display:flex;
  align-items:center;
  gap:1.1rem;
  margin-top:2.4rem;
  max-width:520px;
  padding-top:1.4rem;
  border-top:1px solid #444;
}
.passivhaus-cred__logo{
  flex:0 0 auto;
  width:88px;
  height:88px;
  display:block;
  line-height:0;
}
.passivhaus-cred__logo svg{
  display:block;
  width:88px;
  height:88px;
}
.passivhaus-cred__text{
  display:grid;
  gap:.35rem;
}
.passivhaus-cred__text strong{
  font:600 .78rem "Space Grotesk",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--lime);
}
.passivhaus-cred__text span{
  font-size:.88rem;
  line-height:1.45;
  color:#cfcfcf;
}
@media(max-width:820px){
  .passivhaus-cred{max-width:none}
}