/* RujoS Personal 2026-10-14 */
.pback{font-weight:600;color:var(--ink);text-decoration:none;margin-left:8px}
.pback:hover{color:var(--blue)}
.tools{margin-left:auto}
.p-hero picture img{object-position:center 40%}
.personal h2{margin-bottom:28px}
.p-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:24px}
.p-paths article{border-radius:24px;overflow:hidden;background:var(--tint)}
.p-img{position:relative;height:320px}
.p-img picture,.p-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-paths .txt{padding:28px}
.p-paths h3{font-size:30px;margin:0 0 8px}
.p-paths p{margin:0 0 16px;color:var(--muted);font-size:17px}
.p-paths a{font-weight:700}
.p-occ-h{font-size:28px;margin:56px 0 18px!important}
.personal .tags{padding-bottom:0}
.p-how{padding-top:80px;padding-bottom:80px}
.p-how h2{font-size:clamp(30px,4vw,42px);margin:0 0 32px}
.p-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.p-steps .n{display:inline-flex;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--display);font-weight:800;font-size:20px;align-items:center;justify-content:center;margin-bottom:12px}
.p-steps h3{font-family:var(--body);font-size:19px;margin:0 0 6px}
.p-steps p{margin:0;color:var(--muted)}
.p-note{margin:36px 0 0;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.contact .btns{margin-top:8px}
.ftr .credit{padding:28px 24px;margin:0}
.ftr .credit a{color:#B9C4DA}
@media (max-width:600px){.pback{display:none}.p-img{height:240px}}