/* "A Personal Approach to Business" section + WhatsApp button beside LinkedIn (Contact section) */
.fnd{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:84px;align-items:center}
.fnd-side{max-width:420px;width:100%;justify-self:center}
.fnd-fig{aspect-ratio:4/5}
.fnd-fig .im img{object-position:50% 20%}
.fnd-txt h2{margin-bottom:8px}
.fnd-txt p{font-size:1.08rem;margin:18px 0 0}

.fnd-li{display:flex;align-items:center;gap:14px;margin-top:34px;padding:14px 18px 14px 14px;border-radius:18px;background:#fff;border:1px solid #0c1f661a;box-shadow:0 14px 30px #0c1f6614;text-decoration:none;color:var(--ink);transition:transform 220ms var(--ease-out),box-shadow 220ms ease,border-color 220ms ease}
.fnd-li[hidden]{display:none}
.fnd-li .ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#0a66c2;color:#fff}
.fnd-li .ico svg{width:22px;height:22px}
.fnd-li .txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.fnd-li b{font:800 1rem var(--fd);letter-spacing:.01em}
.fnd-li small{font:600 .85rem var(--fb);color:var(--muted);margin-top:2px}
.fnd-li .go{flex:none;font-size:1.25rem;color:var(--royal);transition:transform 220ms var(--ease-out)}
.fnd-li:active{transform:scale(.98)}
[dir=rtl] .fnd-li{padding:14px 14px 14px 18px}
[dir=rtl] .fnd-li .go{transform:scaleX(-1)}

/* LinkedIn + WhatsApp side by side in the Contact section */
.socs{display:flex;gap:12px;margin-top:6px}
.socs .soc{margin-top:0}
.soc.wa:not([href]){cursor:default}

@media(hover:hover) and (pointer:fine){
 .fnd-li:hover{transform:translateY(-3px);box-shadow:0 22px 40px #0c1f6626;border-color:#0a66c24d}
 .fnd-li:hover .go{transform:translateX(4px)}
 [dir=rtl] .fnd-li:hover .go{transform:scaleX(-1) translateX(4px)}
 .soc.wa:not([href]):hover{background:#fff;color:#0c1f66;border-color:#fff}
}
@media(max-width:900px){
 .fnd{grid-template-columns:1fr;gap:44px}
 .fnd-side{max-width:360px}
}
/* WhatsApp logo in its brand green; footer spacing next to LinkedIn */
.soc.wa{color:#25d366}
footer .soc+.soc{margin-inline-start:10px}
@media(hover:hover) and (pointer:fine){.soc.wa:not([href]):hover{color:#25d366}}
/* gentle zoom on the founder photo when the mouse is over it (computers only) */
@media(hover:hover) and (pointer:fine){
 .fnd-fig .im.in img{transition:transform 700ms var(--ease-out);transition-delay:0s}
 .fnd-fig:hover .im.in img{transform:scale(1.045)}
}
@media(prefers-reduced-motion:reduce){.fnd-fig:hover .im.in img{transform:none}}