.n-transformation{padding:32px 0 8px;background:#fff;color:#424a3e}
.n-transformation__inner{margin:0 auto}
.n-transformation__heading{max-width:1120px;margin:0 auto 24px;padding:0 64px;text-align:center;color:#424a3e}
.n-transformation__row{min-width:0;background:#fafaf8}
.n-transformation__row--current{border-top:1px solid #e9ece4}
.n-transformation__row--desired{background:#f7faee;border-top:1px solid #e9ece4;border-bottom:1px solid #e9ece4}
.n-transformation__band-inner{box-sizing:border-box;max-width:1120px;margin:auto;padding:28px 64px;display:grid;grid-template-columns:minmax(0,360px) max-content;grid-template-areas:'visual heading' 'visual points';align-items:center;justify-content:space-between;column-gap:76px;row-gap:16px}
.n-transformation__row--desired .n-transformation__band-inner{grid-template-columns:1fr 360px;grid-template-areas:'heading visual' 'points visual'}
.n-transformation__band-inner h3{grid-area:heading;align-self:end;margin:0;color:#424a3e;line-height:var(--natunora-leading-heading);letter-spacing:-.02em}
.n-transformation__row--current h3{color:#a9544e}
.n-transformation__media{grid-area:visual;display:flex;align-items:center;justify-content:center;min-width:0;height:240px}
.n-transformation__media img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.n-transformation__copy{grid-area:points;align-self:start;min-width:0}
.n-transformation__copy ul{width:max-content;max-width:100%;margin:0;padding:0;list-style:none;display:grid;gap:12px}
.n-transformation__copy li{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:11px;align-items:start;margin:0;font-size:var(--natunora-text-h5);line-height:var(--natunora-leading-body);color:#61675b;text-align:left}
.n-transformation__row--desired li{color:#424a3e}
.n-transformation__icon{width:18px;height:18px;color:#a9544e;margin-top:5px}
.n-transformation__row--desired .n-transformation__icon{color:#3e5527}
@media(min-width:990px) and (max-width:1199px){
  .n-transformation__band-inner{padding-left:44px;padding-right:44px;column-gap:48px}
  .n-transformation__row--desired .n-transformation__band-inner{grid-template-columns:1fr 320px}
  .n-transformation__copy li{font-size:var(--natunora-text-body)}
}
@media(max-width:989px){
  .n-transformation{margin-top:24px;padding:12px 0 0}
  .n-transformation__heading{padding:28px 20px 0}
  .n-transformation__band-inner,.n-transformation__row--desired .n-transformation__band-inner{max-width:608px;padding:24px 20px 32px;grid-template-columns:1fr;grid-template-areas:'heading' 'visual' 'points';gap:20px}
  .n-transformation__band-inner h3{text-align:center;letter-spacing:normal}
  .n-transformation__media{height:218px;margin:0 -4px}
  .n-transformation__copy ul{width:100%;max-width:none;gap:14px}
  .n-transformation__copy li{column-gap:10px;font-size:var(--natunora-text-body)}
  .n-transformation__icon{margin-top:3px}
}

.n-transformation--desired-only{margin-top:0;padding-top:0}

.n-transformation__intro{grid-area:intro;margin:0;color:var(--natunora-color-text-primary)}
@media(min-width:990px){
 .n-transformation__row--with-intro .n-transformation__band-inner{grid-template-areas:'heading visual' 'intro visual' 'points visual';grid-template-rows:min-content min-content min-content}
 .n-transformation__row--image-left .n-transformation__band-inner{grid-template-columns:minmax(0,400px) minmax(0,1fr);grid-template-areas:'visual heading' 'visual points';column-gap:56px;padding-block:40px}
 .n-transformation__row--image-left.n-transformation__row--with-intro .n-transformation__band-inner{grid-template-areas:'visual heading' 'visual intro' 'visual points'}
 .n-transformation__row--image-left .n-transformation__media{height:300px}
}
@media(max-width:989px){
 .n-transformation__row--with-intro .n-transformation__band-inner{grid-template-areas:'heading' 'visual' 'intro' 'points'}
 .n-transformation__intro{text-align:center}
 .n-transformation__row--image-left .n-transformation__intro{text-align:left}
}