:root{--r:#CE0000;--rd:#a30000;--tint:#fff1f1;--ink:#1b1c20;--mut:#5e6470;--line:#ececf0;--wa:#1faa59;--sh:0 18px 50px -20px rgba(27,28,32,.28)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:clamp(15px,.85vw + 11px,17px)}
body{font-family:Figtree,system-ui,sans-serif;background:#fff;color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Bricolage Grotesque',Figtree,sans-serif;line-height:1.12;letter-spacing:-.02em}
img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}
:focus-visible{outline:3px solid var(--r);outline-offset:3px}
.w{width:min(1180px,92%);margin:auto}
.sec{padding:84px 0}.sec h2{font-size:clamp(1.9rem,4vw,2.9rem);margin-bottom:12px}.sec .sub{color:var(--mut);max-width:60ch;margin-bottom:38px}
.jt{text-align:justify;text-justify:inter-word;hyphens:auto}
@media(max-width:560px){.jt{text-align:left;hyphens:none}}
.pill.sm{font-size:.8rem;padding:5px 13px}
/* scroll-reveal, each element animates independently and never affects siblings */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.rv.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nv{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.lg{display:flex;align-items:center;gap:12px}
.lg img{height:48px;width:auto;flex:none}
.lgt{display:none;flex-direction:column;line-height:1.3}
.lgt b{font-family:'Bricolage Grotesque',sans-serif;font-size:1.1rem;font-weight:800;color:var(--ink);white-space:nowrap;display:block}
.lgt small{font-size:.76rem;color:var(--mut);font-weight:600;white-space:nowrap;display:block}
@media(min-width:641px){.lgt{display:flex}}
.lk{display:flex;gap:30px;font-weight:700;font-size:.96rem}.lk a{padding:6px 0;border-bottom:2px solid transparent;transition:.2s}.lk a:hover{color:var(--r);border-color:var(--r)}
.nr{display:flex;gap:10px;align-items:center}.mb{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.1rem;cursor:pointer}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:999px;font:700 .98rem Figtree,sans-serif;border:1.5px solid transparent;cursor:pointer;transition:.25s}
.btn.sm{padding:9px 18px;font-size:.9rem}
.b1{background:var(--r);color:#fff;box-shadow:0 12px 26px -10px rgba(206,0,0,.6)}.b1:hover{background:var(--rd);transform:translateY(-2px)}
.b2{background:#fff;color:var(--ink);border-color:var(--line)}.b2:hover{border-color:var(--r);color:var(--r)}
.b3{background:var(--wa);color:#fff;box-shadow:0 12px 26px -12px rgba(31,170,89,.7)}.b3:hover{filter:brightness(.92);transform:translateY(-2px)}
.ac{display:flex;flex-wrap:wrap;gap:10px}
/* hero */
.hero{position:relative;background:radial-gradient(55% 70% at 88% 12%,var(--tint),transparent 70%),radial-gradient(40% 50% at 8% 90%,#fff6ec,transparent 70%),#fff;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(2px 2px at 12% 22%,rgba(206,0,0,.18) 40%,transparent 42%),
 radial-gradient(2px 2px at 78% 65%,rgba(206,0,0,.14) 40%,transparent 42%),
 radial-gradient(2px 2px at 38% 82%,rgba(206,0,0,.16) 40%,transparent 42%);opacity:.7}
.slides{display:grid}
.sl{grid-area:1/1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding:56px 0 84px;opacity:0;visibility:hidden;transform:translateX(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),visibility .7s,transform .7s cubic-bezier(.2,.7,.3,1)}
.sl.on{opacity:1;visibility:visible;transform:none}
@media(prefers-reduced-motion:reduce){.sl{transform:none}}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--tint);color:var(--r);font-weight:700;font-size:.9rem;padding:7px 16px;border-radius:999px;margin-bottom:20px}
.sl.on .pill i{display:inline-block;animation:jig 1.8s ease-in-out .9s infinite}
@keyframes jig{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}
.tx h1{font-size:clamp(2.2rem,5.4vw,4.2rem);font-weight:800;margin-bottom:18px;text-wrap:balance}
.tx p{font-size:1.12rem;color:var(--mut);max-width:48ch;margin-bottom:30px}
.im{position:relative;display:grid;place-items:center;min-height:400px}
.im::before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:var(--r);opacity:.12;filter:blur(2px)}
.sl.on .im::before{animation:breathe 5s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.ph{position:relative;width:min(440px,88%);aspect-ratio:1;object-fit:cover;border-radius:38% 62% 58% 42%/46% 40% 60% 54%;border:8px solid #fff;box-shadow:var(--sh);background:#eee}
.sl.on .ph{animation:pop .9s cubic-bezier(.2,.9,.3,1.1) both,float 4.5s ease-in-out .9s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.chip{position:absolute;left:2%;bottom:9%;display:flex;align-items:center;gap:10px;background:#fff;padding:12px 18px;border-radius:18px;box-shadow:var(--sh);font-weight:700;font-size:.95rem}
.chip i{width:38px;height:38px;border-radius:12px;background:var(--tint);color:var(--r);display:grid;place-items:center}
.sl.on .tx>*{animation:up .7s both}.sl.on .tx>:nth-child(2){animation-delay:.08s}.sl.on .tx>:nth-child(3){animation-delay:.16s}.sl.on .tx>:nth-child(4){animation-delay:.24s}
.sl.on .chip{animation:up .7s .5s both}
@keyframes up{from{opacity:0;transform:translateY(22px)}}@keyframes pop{from{opacity:0;transform:scale(.86) rotate(-6deg)}}
.ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:-52px;padding-bottom:32px;position:relative}
.ar{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;transition:.2s}.ar:hover{background:var(--r);color:#fff;transform:scale(1.06)}
.dots{display:flex;gap:8px}.dots i{width:12px;height:12px;border-radius:99px;background:#dcdce2;overflow:hidden;transition:width .3s;position:relative}
.dots i.on{width:56px}.dots i.on::after{content:"";position:absolute;inset:0;background:var(--r);transform-origin:left;animation:pg 6s linear both}
@keyframes pg{from{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.sl.on .ph,.sl.on .im::before,.sl.on .pill i{animation:none}}
/* stats */
.st{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:26px;margin-top:-1px;box-shadow:var(--sh);background:#fff}
.st div{padding:26px;border-right:1px solid var(--line)}.st div:last-child{border:0}
.st b{display:block;font:800 2rem 'Bricolage Grotesque';color:var(--r)}.st span{color:var(--mut);font-size:.92rem;line-height:1.4;display:block}
/* cards */
.gd{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}
.cd{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.cd:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.pi{position:relative;aspect-ratio:4/3;overflow:hidden;display:block;background:#f2f2f4}.pi img{width:100%;height:100%;object-fit:cover;transition:.5s}.cd:hover .pi img{transform:scale(1.06)}
.tg{position:absolute;left:14px;top:14px;background:#fff;color:var(--r);font-weight:700;font-size:.82rem;padding:6px 13px;border-radius:99px;display:flex;gap:6px;align-items:center}
.cb{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.cb h3{font-size:1.3rem}.cb p{color:var(--mut);font-size:.96rem;flex:1}.cb .ac{margin-top:8px}.cb .btn{padding:10px 18px;font-size:.9rem}
/* about / project */
.ab{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ab p{color:var(--mut);font-size:1.08rem;margin-bottom:22px}
.md-card{background:var(--tint);border-radius:26px;padding:32px}.md-card b{font:800 1.3rem 'Bricolage Grotesque';display:block}.md-card span{color:var(--mut)}
.md-card ul{margin-top:16px;display:grid;gap:8px;font-weight:500}.md-card i{color:var(--r);width:22px}
.pj{background:var(--tint)}
.gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:40px}
.gl div{background:#fff;border-radius:22px;padding:26px}.gl i{width:46px;height:46px;border-radius:14px;background:var(--r);color:#fff;display:grid;place-items:center;margin-bottom:14px}.gl h3{font-size:1.15rem;margin-bottom:6px}.gl p{color:var(--mut);font-size:.95rem}
.tl{border-left:3px solid var(--r);padding-left:26px;display:grid;gap:22px}.tl b{display:block;color:var(--r)}
/* product page */
.pg{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:44px 0 20px;align-items:start}
.pg>*{min-width:0}
.vw{position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:4/3;max-height:70vh;border-radius:28px;overflow:hidden;background:#111;box-shadow:var(--sh)}
.vw img,.vw video{width:100%;height:100%;object-fit:cover;display:block}
.vw video{object-fit:contain;background:#000}
.vw img{cursor:zoom-in}
.vw img{animation:fade-in .5s both}
@keyframes fade-in{from{opacity:0}}
.th button{flex:none;width:88px;aspect-ratio:1;border-radius:16px;overflow:hidden;border:3px solid transparent;padding:0;position:relative;cursor:pointer;background:#eee;transition:border-color .2s}.th button.on{border-color:var(--r)}
.th img{width:100%;height:100%;object-fit:cover}.th button i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.7rem;background:rgba(0,0,0,.35)}
.th{display:flex;gap:10px;padding:4px;overflow-x:auto}
.thwrap.many .th{overflow-x:hidden;width:max-content;animation:marquee 22s linear infinite alternate}
.thwrap.many:hover .th,.thwrap.many .th.paused{animation-play-state:paused;overflow-x:auto}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
.th button{flex:none;width:88px;aspect-ratio:1;border-radius:16px;overflow:hidden;border:3px solid transparent;padding:0;position:relative;cursor:pointer;background:#eee;transition:border-color .2s}.th button.on{border-color:var(--r)}
.th img{width:100%;height:100%;object-fit:cover}.th button i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.7rem;background:rgba(0,0,0,.35)}
.thhint{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:.85rem;margin-top:10px}
.thhint i{color:var(--r);animation:tap 1.6s ease-in-out infinite}
@keyframes tap{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.thwrap.many .th{animation:none;overflow-x:auto}.thhint i{animation:none}}
.inf h1{font-size:clamp(2rem,4vw,3rem);margin:16px 0}.inf .ds{color:var(--mut);font-size:1.08rem;margin-bottom:22px}
.bc{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--mut);margin-bottom:16px}.bc:hover{color:var(--r)}
.tg.s{position:static;display:inline-flex;background:var(--tint)}
.ft{display:grid;gap:10px;margin-bottom:28px}.ft li{display:flex;gap:10px}.ft i{color:var(--r);margin-top:5px}
/* footer */
footer{position:relative;background:var(--ink);color:#fff;padding:64px 0 28px;overflow:hidden}
.fbg{position:absolute;inset:0;background-image:url('https://www.freeiconspng.com/uploads/baby-chickens-png-13.png');background-repeat:no-repeat;background-position:right -4% bottom -6%;background-size:min(560px,55%);opacity:.07;filter:grayscale(1) brightness(2);pointer-events:none}
.fw-in{position:relative;z-index:1}
.fg{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.flg{height:52px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1)}
.fsoc{margin-top:2px}.fsoc li{display:flex;align-items:center;gap:8px}.fsoc i{color:var(--wa)}
.fg h3{font-size:1.1rem;margin-bottom:14px}.fg li,.fg p{color:#c9cbd2;margin-bottom:8px;font-size:.96rem}.fg li i{color:#ff6b6b;width:22px}.fg a:hover{color:#fff}
.cp{position:relative;z-index:1;border-top:1px solid #33353c;margin-top:36px;padding-top:20px;color:#8d909a;font-size:.88rem}
.fw{position:fixed;right:18px;bottom:48px;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;font-size:30px;z-index:40;box-shadow:0 12px 30px -8px rgba(31,170,89,.8)}
/* modal + toast */
.ov{position:fixed;inset:0;z-index:100;background:rgba(20,21,26,.55);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;opacity:0;transition:.25s}.ov.on{opacity:1}
.md{position:relative;background:#fff;border-radius:0px;width:min(480px,100%);max-height:92vh;overflow:auto;padding:30px;transform:translateY(28px) scale(.96);transition:.35s cubic-bezier(.2,.9,.3,1.15)}.ov.on .md{transform:none}
.md.big{width:min(960px,100%);padding:0;background:#000}.md.big img{width:100%;max-height:88vh;object-fit:contain}
.md h3{font-size:1.3rem;margin-bottom:6px;padding-right:40px}.md .lead{color:var(--mut);margin-bottom:18px;font-size:.95rem}
.x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:#f1f1f4;cursor:pointer;z-index:2}.x:hover{background:var(--r);color:#fff}
.fl{margin-bottom:14px}.fl label{display:block;font-weight:700;font-size:.8rem;margin-bottom:6px}
.fl input,.fl textarea{width:100%;padding:10px 13px;border:1.5px solid var(--line);border-radius:14px;font:inherit;transition:.2s}.fl input:focus,.fl textarea:focus{outline:0;border-color:var(--r);box-shadow:0 0 0 4px var(--tint)}
.fl.err input{border-color:var(--r)}.fl small{color:var(--r);display:none;margin-top:4px}.fl.err small{display:block}
.md .btn{width:100%}.pv{display:flex;gap:12px;align-items:center;background:var(--tint);border-radius:16px;padding:8px;margin-bottom:18px}.pv img{width:64px;height:64px;border-radius:12px;object-fit:cover}.pv b{font-weight:700}
.ts{position:fixed;left:50%;bottom:26px;transform:translate(-50%,140px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:99px;z-index:120;transition:.4s cubic-bezier(.2,.9,.3,1.2);font-weight:700}.ts.on{transform:translate(-50%,0)}
/* responsive */
@media(max-width:900px){
.lk{position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 4% 16px;border-bottom:1px solid var(--line);display:none}
header.open .lk{display:flex}.lk a{padding:14px 0;border-bottom:1px solid var(--line)}.mb{display:block}
.sl{grid-template-columns:1fr;gap:8px;padding:32px 0 96px;text-align:center}.tx p{margin-inline:auto}.tx .ac{justify-content:center}.im{min-height:320px;order:-1}.chip{left:4%}
.st{grid-template-columns:1fr 1fr}.st div:nth-child(2){border-right:0}.st div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.ab,.pg,.fg{grid-template-columns:1fr;gap:32px}.sec{padding:60px 0}
.phero{padding:88px 0 80px}.phc h1{font-size:clamp(1.9rem,7vw,2.6rem)}
.cta2{flex-direction:column;text-align:center}}
@media(max-width:480px){.nr .btn{display:none}.lg img{height:42px}.tx .btn{width:100%}
.fbg{background-size:min(320px,80%);opacity:.06}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* inner pages */
.lk a.on{color:var(--r);border-color:var(--r)}
*{-webkit-tap-highlight-color:rgba(206,0,0,.08)}
body{-webkit-user-select:none;user-select:none}
input,textarea,.cc,.fg,.cc *,.fg *{-webkit-user-select:text;user-select:text}
a,button,.cd,.th button,.ar,.mb{touch-action:manipulation}
::selection{background:var(--r);color:#fff}
/* photo hero banner, used on service/preview/project/contact — each page supplies its own image */
.phero{position:relative;isolation:isolate;overflow:hidden;padding:108px 0 92px;display:flex;align-items:center;min-height:340px}
.phero::before{content:"";position:absolute;inset:0;background-image:var(--himg);background-size:cover;background-position:center;transform:scale(1.08);z-index:-2;animation:kb 16s ease-in-out infinite alternate}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,10,10,.86),rgba(206,0,0,.58) 55%,rgba(15,10,10,.4));z-index:-1}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1.16) translate(-1%,-1%)}}
.phero.sm{padding:76px 0 66px;min-height:0}
.phc{position:relative;color:#fff;max-width:64ch}
.phc .pill{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);animation:up .6s both}
.phc .pill i{color:#ffd7d7}
.phc h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.3rem);margin:16px 0 12px;text-wrap:balance;animation:up .6s .08s both}
.phc p{color:rgba(255,255,255,.9);font-size:1.08rem;animation:up .6s .16s both}
.phc .crumb{position:relative;display:inline-flex;gap:8px;align-items:center;color:rgba(255,255,255,.85);font-weight:700;font-size:.9rem;margin-bottom:14px;animation:up .6s both}
.phc .crumb:hover{color:#fff}
.phc .meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;animation:up .6s .22s both}
.phc .meta span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:6px 14px;border-radius:99px;font-size:.85rem;font-weight:600;display:flex;gap:6px;align-items:center}
@media(prefers-reduced-motion:reduce){.phero::before{animation:none}.phc .pill,.phc h1,.phc p,.phc .crumb,.phc .meta{animation:none}}
@media(max-width:700px){.phero{padding:86px 0 64px;min-height:0}}
/* category filter bar (service page) */
.fbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.fbar button{border:1.5px solid var(--line);background:#fff;color:var(--ink);font:700 .92rem Figtree,sans-serif;padding:9px 18px;border-radius:99px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:7px}
.fbar button:hover{border-color:var(--r);color:var(--r)}
.fbar button.on{background:var(--r);color:#fff;border-color:var(--r);box-shadow:0 10px 22px -10px rgba(206,0,0,.6)}
.fbar button .n{background:rgba(0,0,0,.08);border-radius:99px;padding:1px 8px;font-size:.78rem}
.fbar button.on .n{background:rgba(255,255,255,.25)}
.gd{transition:opacity .2s}
.cd.hide{display:none}
.gd.empty::after{content:"No services match this filter yet.";display:block;color:var(--mut);padding:40px 0;grid-column:1/-1;text-align:center}
/* CTA band */
.cta2{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-radius:28px;padding:40px 44px;box-shadow:var(--sh);flex-wrap:wrap}
.cta2 h2{font-size:1.7rem;margin-bottom:6px}.cta2 p{color:var(--mut)}
@media(max-width:560px){.cta2{padding:28px;text-align:center;justify-content:center}}
/* image loading shimmer, so slow external photos never look "broken" while they arrive */
.pi img,.vw img,.th img{background:linear-gradient(100deg,#eee 30%,#f6f6f6 50%,#eee 70%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.pi img,.vw img,.th img{animation:none}}
.vw iframe{width:100%;height:100%;border:0}
.ct{display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;padding:76px 0 92px;align-items:start}
.ccol{display:flex;flex-direction:column;order:1}
.ccol>h2{font-size:1.5rem;margin-bottom:22px}
.cc{display:flex;gap:16px;padding:22px;border:1.5px solid #dcdde2;border-radius:22px;margin-bottom:14px;transition:.25s;background:#fff;box-shadow:0 2px 10px -4px rgba(27,28,32,.06)}
.cc:hover{border-color:var(--r);box-shadow:var(--sh);transform:translateY(-3px)}
.cc>i{width:48px;height:48px;flex:none;border-radius:14px;background:var(--tint);color:var(--r);display:grid;place-items:center;font-size:1.1rem}
.cc b{display:block;margin-bottom:2px}.cc a,.cc span{color:var(--mut);display:block}.cc a:hover{color:var(--r)}
.fm{order:2;position:sticky;top:96px;border:1.5px solid #dcdde2;border-radius:28px;padding:38px;box-shadow:var(--sh);background:#fff}
.fm .pill{margin-bottom:14px}
.fm h2{font-size:1.6rem;margin:6px 0 6px}.fm .fmsub{color:var(--mut);margin-bottom:26px;font-size:.96rem}.fm .btn{width:100%}
.fl select{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:14px;font:inherit;background:#fff}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fgrid .fl{grid-column:span 1}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
.mapcta{display:flex;align-items:center;gap:14px;background:var(--tint);border-radius:18px;padding:16px 18px;margin-top:6px}
.mapcta i{color:var(--r);font-size:1.3rem}
@media(max-width:900px){.ct{grid-template-columns:1fr;padding:56px 0 76px}.fm{position:static}}

/* Picha ya Managing Director */
.mdp{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(206,0,0,.18)}
.mdp img{width:150px;height:150px;flex:none;border-radius:10%;object-fit:cover;object-position:center top;border:5px solid #fff;box-shadow:var(--sh);background:#eee}
.mdp>div{min-width:0}
.mdp b{font-size:1.25rem;line-height:1.2}
.mdp span{display:block;margin-top:4px}
.md-card ul{margin-top:18px}
@media(max-width:480px){.mdp{flex-direction:column;text-align:center}.mdp img{width:132px;height:132px}}