/* «Для кого» (головна, .wh-who; рух рядка — studio/who-scene.js): бігучий рядок «Різні справи · Різний характер»
   і дві картки-двері: ліворуч — сайт для вашої справи, праворуч — сайт для нотаріуса. */
.wh-who{padding:110px 0 140px;overflow:hidden;background:#eeeae4;color:#20221f;font-family:Onest,system-ui,sans-serif}
.wh-who .wh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:0 32px}
.wh-who .wh-k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#6b6862;display:flex;align-items:center;gap:12px;margin:0}
.wh-who .wh-k::before{content:'';width:7px;height:7px;border-radius:50%;background:#ef8354}
.wh-who .wh-lead{margin:24px 0 0;font-size:clamp(15px,1.1vw,17px);color:#6b6862;font-weight:500}
.wh-who .wh-top>p{max-width:340px;color:#6b6862;font-size:15px;line-height:1.6;margin:0}
.wh-who .wh-huge{white-space:nowrap;font-size:clamp(90px,13vw,240px);font-weight:700;letter-spacing:-.055em;line-height:.9;margin-top:30px;transform:translateX(calc(var(--x,0) * -1px));will-change:transform}
.wh-who .wh-huge b{color:#ef8354;font-weight:700}
.wh-who .wh-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(80%,1400px);margin:70px auto 0}
.wh-door{display:flex;flex-direction:column;background:#e3ded5;overflow:hidden;color:#20221f;text-decoration:none;transition:background .4s}
.wh-door .wh-im{aspect-ratio:16/10;overflow:hidden}
.wh-door .wh-im img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.wh-door:hover .wh-im img{transform:scale(1.04)}
.wh-door .wh-tx{padding:26px 28px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.wh-door .wh-lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#ef8354}
.wh-door h3{font-size:clamp(24px,2.3vw,38px);line-height:1;letter-spacing:-.035em;font-weight:600;margin:0}
.wh-door p{font-size:14px;line-height:1.55;color:#55524c;max-width:48ch;margin:0}
.wh-door .wh-more{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.wh-door .wh-more i{font-style:normal;width:40px;height:40px;border-radius:50%;border:1px solid #20221f44;display:grid;place-items:center;transition:background .3s,border-color .3s,color .3s}
.wh-door:hover{background:#dad4ca}.wh-door:hover .wh-more i{background:#ef8354;border-color:#ef8354;color:#20221f}
@media(max-width:900px){.wh-who .wh-top{flex-direction:column;padding:0 20px}.wh-who .wh-grid{grid-template-columns:1fr;width:auto;margin:50px 20px 0}}