/* Dr Nathan Peters – About page */
body{margin:0;background:#F9FAFB}
a{color:#1F3B63}a:hover{color:#152B4A}
.np,.np *{box-sizing:border-box}
.np a:focus-visible{outline:2px solid #1F3B63;outline-offset:3px;border-radius:8px}
.wrap{max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 17px/1 Figtree,system-ui,sans-serif;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s}
.btn-primary{background:#1F3B63;color:#FFFFFF}.btn-primary:hover{background:#152B4A;color:#FFFFFF}
.btn-ghost{background:transparent;color:#1F3B63;box-shadow:inset 0 0 0 1.5px #1F3B63}.btn-ghost:hover{background:#E2E9F3;color:#152B4A}
.btn-sm{min-height:44px;padding:0 20px;font-size:16px}
.navlink{color:#1A2333;text-decoration:none;padding:12px 6px;display:inline-block}.navlink:hover{color:#1F3B63}
.navlink.on{color:#1F3B63;box-shadow:inset 0 -2px 0 #1F3B63}
.hosp{transition:border-color .2s,background-color .2s}.hosp:hover{border-color:#1F3B63;background:#F4F7FB}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}
.body2{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:64px}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:40px}
.np footer a{display:inline-block;padding:8px 0}
.cols3>li{display:flex}.hosp{flex:1}
.callbar{display:none}
@media (max-width:980px){.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.split,.body2,.fgrid{grid-template-columns:minmax(0,1fr);gap:28px}.sitehdr{position:static !important}.hdr{flex-direction:column;align-items:flex-start;gap:6px}.navpay{display:none !important}.wrap{padding-left:20px;padding-right:20px}.callbar{display:flex}}
@media (max-width:560px){.cols3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.drift{animation:none !important}.hide-m{display:none !important}.m-primary{background:#1F3B63 !important;color:#FFFFFF !important;box-shadow:none !important}.heroimg{order:-1;max-width:240px !important;justify-self:center !important;margin:0 auto !important}.slab{inset:18px 18px -14px -10px !important}.ctapanel{padding:28px 24px !important}.ctapanel>div,.ctapanel .btn{width:100%}.navypanel{padding:28px 24px !important}.invexp{order:-1}.invcard{padding:22px !important}.inv .hl{flex:1 1 100%}}
@media (max-width:560px){.rolecard{flex-direction:row !important;align-items:center;gap:16px !important;padding:18px 20px !important}.invgrid{grid-template-columns:minmax(0,1fr) !important}}
@media (prefers-reduced-motion:no-preference){
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.05)}}
.rise{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.04s}.d2{animation-delay:.08s}.d3{animation-delay:.12s}.d4{animation-delay:.16s}
.drift{animation:drift 28s ease-in-out infinite alternate}
}