/* Contact section under the hero. Same type, colours and corners as the hero (style.css). */
.below{background:#fff}
.sec{padding:clamp(56px,7vw,96px) max(24px,calc((100% - 1312px)/2))}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 36px;margin-bottom:clamp(24px,3.5vw,38px)}
.sec .eyebrow{color:var(--red);font-size:11px}
.sec h2{margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1.05;letter-spacing:-1.5px}
.sec h2 span{color:var(--red)}
.sec .sec-ar{margin:6px 0 0;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.3}
.sec .sec-note{margin:6px 0 0;font-size:16px;color:var(--muted);line-height:1.5}

/* contact */
.contact-sec{background:#fffafa;border-top:1px solid #eee7e6;border-bottom:1px solid #eee7e6}
.contact-card{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;background:#fff;border:1px solid #eee7e6;
  border-radius:28px;padding:clamp(26px,4vw,50px);box-shadow:0 10px 30px #8a687010;position:relative;overflow:hidden}
.contact-card:before{content:'';position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#ffe2e5,transparent 70%)}
.contact-card p.lead{margin:14px 0 0;font-size:16px;line-height:1.55;color:var(--muted)}
.contact-card p.lead[lang=ar]{margin-top:2px;font-size:17px}
.person{margin-top:14px;font-size:21px;font-weight:800;line-height:1.3}
.person [lang=ar]{font-weight:700;color:var(--red)}
.ways{display:grid;gap:12px;position:relative}
.way{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:17px;background:#fff;border:1px solid #eee7e6;
  transition:transform .3s var(--ease),border-color .2s,box-shadow .3s}
.way:hover{transform:translateY(-3px);border-color:#f3b7bd;box-shadow:0 10px 22px #ec203014}
.way .ic{flex:none;width:46px;height:46px;border-radius:14px;background:var(--red);display:grid;place-items:center;color:#fff}
.way .ic svg{width:21px;height:21px;fill:currentColor}
.way.ink .ic{background:#18292f}
.way small{display:block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#8a6870}
.way b{display:block;font-size:clamp(15px,1.3vw,17px);font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.way .arrow{margin-left:auto;width:15px;height:15px;color:var(--red)}

@media(max-width:900px){
  .contact-card{grid-template-columns:1fr}
}
@media(max-width:600px){
  .sec{padding-inline:20px}
  .way{padding:12px;gap:12px}
  .way .ic{width:40px;height:40px}
  .way b{font-size:14px;overflow-wrap:normal}
  .person [lang=ar]{display:block}
}
@media(prefers-reduced-motion:reduce){.way{transition:none}}