.credo{--verb:clamp(40px,6vw,100px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-xl);margin:0 var(--frame);padding:var(--space-xl) var(--gutter)}
.credo__tag{grid-column:1/-1;justify-self:start;margin-bottom:var(--space-lg)}
.credo__aside{position:sticky;top:120px;align-self:start}
.credo__nous{padding-top:calc(var(--fs-micro)*1.4 + var(--space-xs));color:var(--blue);font-size:var(--verb);font-weight:900;line-height:.92;letter-spacing:var(--ls-display);text-align:right}
.credo__count{margin-top:var(--space-md);text-align:right}
.credo__item{display:flex;flex-direction:column;justify-content:flex-start;min-height:72svh;padding:var(--space-lg) 0;border-top:1px solid var(--rule)}
.credo__item:first-child{border-top:0;padding-top:0}
.credo__verb{margin-top:var(--space-xs);font-size:var(--verb);font-weight:900;line-height:.92;letter-spacing:var(--ls-display);opacity:.3;transition:opacity .3s}
.credo__item.is-active .credo__verb{opacity:1}
.credo__text{max-width:30ch;margin-top:var(--space-md);font-size:var(--fs-xl);line-height:1.15;letter-spacing:-.035em}

.signature{--p:1;display:flex;align-items:center;justify-content:center;min-height:calc(100svh - var(--frame)*2);margin:0 var(--frame) var(--frame);padding:var(--space-xl) var(--gutter);overflow:hidden;border-radius:var(--radius);background:#fff}
.signature__inner{width:100%;text-align:center;transform:translateY(calc((1 - var(--p)) * 30vh))}
.signature__lead{font-size:var(--fs-3xl);font-weight:900;line-height:.92;letter-spacing:var(--ls-display);opacity:calc(.2 + var(--p) * .8)}
.signature .brand-wordmark{display:block;margin-top:var(--space-lg);color:var(--blue);clip-path:inset(-10% calc((1 - var(--p)) * 50%) -10% calc((1 - var(--p)) * 50%))}
.signature .brand-wordmark svg{display:block;width:100%;height:auto}

@media (max-width:674px){
  .credo{grid-template-columns:1fr;gap:var(--space-md)}
  .signature{min-height:60svh}
  .credo__aside{position:static}
  .credo__nous,.credo__count{display:none}
  .credo__tag{margin-bottom:0}
  .credo__item{min-height:0;padding:var(--space-lg) 0}
  .credo__item:first-child{border-top:1px solid var(--rule);padding-top:var(--space-lg)}
  .credo__verb::before{content:"NOUS " / "";color:var(--blue)}
  .credo__verb{font-size:clamp(24px,calc((100vw - 88px)*.125),40px)}
  .credo__text{max-width:none}
}