/* ═══ ABOUT · SECTION 4 — WHY (alternating rows with ghost numerals) ═══ */
.why{position:relative;padding:clamp(80px,13vh,150px) 0;border-top:1px solid var(--border)}
.why-head{padding:0 var(--gut) clamp(34px,6vh,64px)}
.why-head h2{margin-top:20px;font-size:clamp(1.7rem,4.6vw,3.8rem);line-height:1;max-width:17ch}
.why-row{position:relative;overflow:hidden;border-top:1px solid var(--border);
  padding:clamp(34px,6vh,72px) var(--gut)}
.why-row:last-child{border-bottom:1px solid var(--border)}
.why-row .ghost{position:absolute;top:50%;transform:translateY(-50%);
  font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:900;
  font-size:clamp(6rem,20vw,17rem);line-height:.8;letter-spacing:-.05em;
  color:var(--text);opacity:.04;pointer-events:none;user-select:none;
  transition:opacity .7s ease}
.why-row.is-in .ghost{opacity:.055}
.why-row:nth-child(odd) .ghost{right:var(--gut)}
.why-row:nth-child(even) .ghost{left:var(--gut)}
.why-row .body{position:relative;z-index:2;max-width:54ch;
  opacity:0;transform:translateY(20px);
  transition:opacity .8s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.why-row.is-in .body{opacity:1;transform:none}
.why-row:nth-child(even) .body{margin-left:auto;text-align:right}
@media(max-width:760px){.why-row:nth-child(even) .body{margin-left:0;text-align:left}}
.why-row h3{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(1.25rem,3.2vw,2.5rem);line-height:1.04;letter-spacing:-.028em}
.why-row p{margin-top:14px;font-size:clamp(.94rem,1.08vw,1.08rem);line-height:1.62;color:var(--muted)}
.why-row .tag{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;
  font-size:10.5px;letter-spacing:.18em;font-weight:600;color:var(--cut)}
.why-row .tag::before{content:"";width:6px;height:6px;background:var(--cut)}
.why-row:nth-child(even) .tag{flex-direction:row-reverse}
@media(max-width:760px){.why-row:nth-child(even) .tag{flex-direction:row}}

@media(prefers-reduced-motion:reduce){
  .why-row .body{opacity:1;transform:none}
}