/* STEP 5 section 02: text-led empathy layout */
.c-empathy{
  position:relative;
  padding:clamp(88px,10vw,136px) 0 88px;
  overflow:hidden;
  background:#f5f1e8;
  color:#2d3036;
}
.c-empathy::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(22,35,59,.035) 1px,transparent 1px);background-size:100% 52px;pointer-events:none}
.c-empathy::after{display:none}
.c-empathy .c-empathy__inner{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:auto}
.c-empathy .c-empathy__layout{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr);gap:clamp(50px,6vw,86px);align-items:start}
.c-empathy .c-empathy__question{position:relative;padding-top:8px}
.c-empathy .c-empathy__question h2{max-width:8em;margin:20px 0 0;color:#16233b;font-size:clamp(42px,4.45vw,64px);line-height:1.2;letter-spacing:-.055em;font-weight:900}
.c-empathy .c-empathy__question h2 em{display:inline-block;color:#c9683a;font-style:normal}
.c-empathy .c-empathy__cards{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;padding-top:38px}
.c-empathy .c-empathy__item{position:relative;margin:0;min-height:180px;padding:34px 30px 28px;background:rgba(255,255,255,.9);border:1px solid rgba(22,35,59,.13);box-shadow:0 26px 50px -44px rgba(22,35,59,.7);color:#2d3036;font-size:clamp(15px,1.35vw,18px);line-height:1.85}
.js .c-empathy .c-empathy__item,.js .c-empathy .c-empathy__answer{will-change:transform,opacity,filter}
.c-empathy .c-empathy__item:nth-child(2){transform:translateY(-26px)}
.c-empathy .c-empathy__item:nth-child(3){transform:translateY(18px)}
.c-empathy .c-empathy__item:nth-child(4){transform:translateY(-8px);border-top:3px solid #c9683a}
.c-empathy .c-empathy__num{display:block;margin-bottom:22px;color:#c9683a;font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.2em}
.c-empathy .c-empathy__answer{grid-column:1/-1;position:relative;margin:54px 0 0;padding:32px 36px 34px 42px;border:0;border-left:4px solid #c9683a;background:#16233b;color:#fff;font-size:clamp(17px,1.8vw,22px);line-height:1.9}
.c-empathy .c-empathy__answer::before{content:"ANSWER";display:block;margin-bottom:12px;color:#e5a181;font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.2em}
@media(max-width:860px){
  .c-empathy .c-empathy__layout{grid-template-columns:1fr;gap:36px}
  .c-empathy .c-empathy__question{position:static}
  .c-empathy .c-empathy__question h2{max-width:11em}
  .c-empathy .c-empathy__cards{padding-top:0}
}
@media(max-width:600px){
  .c-empathy{padding:82px 0 64px}
  .c-empathy .c-empathy__inner{width:calc(100% - 36px)}
  .c-empathy .c-empathy__question h2{font-size:42px}
  .c-empathy .c-empathy__cards{grid-template-columns:1fr;gap:12px}
  .c-empathy .c-empathy__item{min-height:0;padding:25px 24px;font-size:15px}
  .c-empathy .c-empathy__item:nth-child(n){transform:none}
  .c-empathy .c-empathy__num{margin-bottom:13px}
  .c-empathy .c-empathy__answer{margin-top:18px;padding:27px 24px 29px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.js .c-empathy .c-empathy__item,.js .c-empathy .c-empathy__answer{will-change:auto}}