:root{color-scheme:dark;--bg:#02050b;--text:#edf2fa;--muted:#b9c8dc;--blue:#80b9f5}
*{box-sizing:border-box}
html{background:var(--bg);font-family:Verdana,Geneva,sans-serif;color:var(--text);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{margin:0}
a{color:inherit;text-decoration:none}
a:hover{color:var(--blue)}
a:focus-visible{outline:2px solid var(--blue);outline-offset:6px;border-radius:3px}
.skip{position:absolute;top:12px;left:20px;transform:translateY(-200%);padding:14px;background:var(--bg);z-index:5}
.skip:focus{transform:none}
.page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(24px,5.2vw,100px)}
.wallpaper{position:absolute;inset:0;z-index:-1;background:#000;overflow:hidden}
.wallpaper img{display:block;width:100%;height:100%;object-fit:cover;object-position:76% center}
main{flex:1;display:flex;align-items:flex-end;min-height:540px;padding:110px 0 82px}
.intro{width:54%;max-width:680px;min-width:0}
h1{font-size:clamp(25px,2.1vw,34px);line-height:1.3;font-weight:400;letter-spacing:-.03em;margin:0 0 23px}
.positioning{font-size:clamp(20px,1.75vw,27px);line-height:1.65;letter-spacing:-.02em;max-width:575px;margin:0 0 41px;color:#dbe5f4}
.eyebrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:clamp(12px,1vw,16px);font-weight:400;line-height:1.8;letter-spacing:.11em;margin:0 0 12px}
i{color:var(--blue);font-style:normal}
.disciplines{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:600px}
.disciplines i{color:#8399b4}
footer{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:24px 0;border-top:1px solid #86a2c52b}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.signature{font-size:12px;line-height:1.7;color:#a9bad0;margin:0}
.contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.contact,.linkedin{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;line-height:1.7;color:#d0dced}
.contact svg,.linkedin svg{display:block;flex-shrink:0;width:19px;height:19px}
.certification{max-width:100%;width:430px}
.credential{display:flex;align-items:center;gap:23px;padding:2px 0;color:#cbd2db}
.credential img{display:block;width:112px;height:auto;flex-shrink:0;object-fit:contain;filter:grayscale(1) contrast(4) invert(1) brightness(.8);mix-blend-mode:screen}
.credential-copy{display:block;min-width:0}
.credential strong{display:block;font-size:16px;line-height:1.6;font-weight:400;color:#d8e0ec;max-width:260px}
.credential-copy>span{display:block;font-size:12px;line-height:1.8;color:#a9bad0;margin-top:9px}
.credential:hover strong{color:white}
@media(min-width:801px) and (max-aspect-ratio:4/3){.wallpaper img{object-fit:contain;object-position:center 8%}main{padding-top:48vh}.intro{width:100%}}
@media(max-width:1050px){footer{gap:24px}.certification{width:380px}.credential{gap:16px}.credential img{width:96px}.eyebrow{letter-spacing:.04em}}
@media(max-width:800px){
 .page{padding:0 24px;background:#02050b}
 .wallpaper{position:relative;inset:auto;z-index:0;order:1;width:min(calc(100% + 48px),400px);align-self:center;aspect-ratio:775/745;background:none;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 89%,transparent),linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
 .wallpaper img{height:auto;aspect-ratio:775/745;object-fit:contain}
 main{order:2;min-height:0;padding:28px 0 44px}.intro{width:100%;max-width:580px;margin:auto}h1{font-size:27px;margin-bottom:20px}.positioning{font-size:19px;line-height:1.75;margin-bottom:31px}.eyebrow{font-size:12px;gap:7px;letter-spacing:.015em}.disciplines{font-size:14px;gap:6px 9px}
 footer{order:3;flex-direction:column-reverse;align-items:flex-start;gap:32px;padding:26px 0}.certification{width:100%;max-width:430px}.credential{gap:20px}.credential img{width:104px}.credential strong{font-size:15px}.credential-copy>span{font-size:12px}.footer-contact{width:100%;gap:16px}.contact-links{order:-1;gap:6px 22px}
}
@media(max-width:360px){.credential{gap:15px}.credential img{width:86px}.credential strong{font-size:14px}}
@media(prefers-reduced-motion:no-preference){a{transition:color .18s ease}}
@media(forced-colors:active){i{color:CanvasText}}