:root{--ink:#111e30;--muted:#5a6676;--line:#dce2e9;--blue:#1e55df;--night:#0c1727;--pale:#a9c4fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1.0625rem;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:6px}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid #779ff9;outline-offset:6px}.wrap{width:min(1240px,88%);margin:auto}.skip{position:absolute;top:-100px;background:white;padding:12px}.skip:focus{top:0;z-index:9}header{background:var(--night);color:#fff}nav{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #ffffff20}.brand{display:flex;gap:22px;align-items:center;text-decoration:none}.monogram{font-size:1.9375rem;letter-spacing:-3px;font-weight:700}.monogram span{color:var(--pale)}.brand-name{font-size:0.6875rem;letter-spacing:2px;font-weight:700}.navlinks{display:flex;align-items:center;gap:30px;font-size:0.875rem}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--pale)}.language{border:1px solid #ffffff40;padding:4px 11px;font-size:0.75rem}.hero-shell{background:var(--night);color:#fff}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;padding:62px 0 58px;align-items:center}.eyebrow{text-transform:uppercase;font-size:0.75rem;letter-spacing:2px;font-weight:700;color:var(--blue)}.eyebrow span{margin:0 12px;color:#a9b3c0}.hero .eyebrow{color:var(--pale);font-size:0.6875rem;letter-spacing:2.4px}.hero h1{font-size:clamp(3.75rem,7.4vw,6.5rem);line-height:1.01;letter-spacing:-5px;margin:28px 0 22px;font-weight:500}.role{font-size:0.8125rem;letter-spacing:1px;color:#b2bdcd;margin:0 0 26px}.intro{font-size:1.4375rem;line-height:1.5;letter-spacing:-.4px;margin:0}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px;font-size:0.875rem}.button{background:#b5cdfc;color:#102443;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;text-decoration:none;padding:14px 22px;font-weight:700;border:1px solid transparent}.button:hover{background:#d7e4ff;color:#102443}.textlink{text-decoration:none;color:#e0e6f1}.textlink span{margin-left:14px}.textlink:hover{color:var(--pale)}.current{margin-top:37px;display:flex;align-items:center;gap:18px;font-size:0.875rem}.current-label{color:#91a0b6;border-right:1px solid #ffffff35;padding-right:18px}.at{font-weight:400;color:#91a0b6}.portrait{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative}.portrait img{width:100%;height:auto;aspect-ratio:1/1.15;object-fit:cover;object-position:center 44%;display:block;border-radius:180px 180px 4px 4px}.portrait figcaption{display:flex;justify-content:space-between;font-size:0.625rem;letter-spacing:2px;color:#91a0b6;margin-top:17px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff20;padding:30px 0}.hero-bottom>span{font-size:0.625rem;letter-spacing:2px;color:#91a0b6}.company{font-size:1.625rem;letter-spacing:-1px;color:#c6d0e1;font-weight:600}.section{padding:100px 0;border-bottom:1px solid var(--line)}.sectionhead{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-bottom:50px;align-items:center}h2{font-size:clamp(2.0625rem,3.7vw,3.0625rem);font-weight:500;line-height:1.12;letter-spacing:-1.7px;margin:22px 0 0}h3{font-size:1.4375rem;line-height:1.3;letter-spacing:-.5px;font-weight:600;margin:17px 0}.muted{color:var(--muted)}.sectionhead p{margin:35px 0 0;font-size:1.0625rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}.card{padding:32px;border-right:1px solid var(--line);position:relative;transition:background .2s}.card:last-child{border:0}.card:hover{background:#f3f6fc}.number{font-family:Georgia,serif;font-style:italic;font-size:1.8125rem;color:#9baac1}.card h3{margin-top:42px}.card p{font-size:0.9375rem;color:var(--muted);line-height:1.8}.credentials-label{margin:30px 0 0;font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.credentials{display:flex;flex-wrap:wrap;gap:24px;margin-top:14px}.credentials span{font-size:0.8125rem;font-weight:600;color:#394961}.timeline article{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding:34px 0;border-top:1px solid var(--line)}.timeline h3{font-size:2.0625rem;font-weight:500;letter-spacing:-1px;margin:0}.date{font-size:0.8125rem;color:var(--muted);margin-top:7px}.timeline strong{font-size:1rem;font-weight:600}.timeline p{font-size:0.9375rem;margin:12px 0;color:var(--muted)}.tag{display:inline-block;color:#365786;background:#eff4fc;padding:3px 10px;font-size:0.6875rem;text-transform:uppercase;letter-spacing:.8px}.reading{display:grid;grid-template-columns:1fr 1fr;gap:28px}.reading article{padding:36px;background:#f2f5fa;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid #182b49}.reading .eyebrow{font-size:0.625rem;letter-spacing:1.5px;color:#69798e}.reading h3{font-family:Georgia,serif;font-size:1.8125rem;line-height:1.25;font-weight:400;letter-spacing:-.7px;margin-top:28px}.reading p{font-size:0.9375rem;color:var(--muted);margin-top:0}.reading a{font-size:0.875rem;margin-top:auto}.contact{background:var(--night);color:white;padding:78px 0}.contact .eyebrow{color:var(--pale)}.contact h2{max-width:800px;font-family:Georgia,serif;font-size:clamp(2.3125rem,5vw,4.125rem);font-weight:400;letter-spacing:-2px}.contact p{color:#9dadc4;font-size:1rem}.contact a{display:inline-block;color:var(--pale);font-size:1.25rem;margin-top:18px;overflow-wrap:anywhere}footer{background:var(--night);color:#98a8bf;font-size:0.75rem;padding:0 0 28px}footer .wrap{border-top:1px solid #ffffff20;padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{text-decoration:none}@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}}@media(max-width:900px){.brand-name{display:none}.hero{gap:5%}.hero h1{font-size:4.5625rem}.intro{font-size:1.3125rem}.sectionhead,.timeline article{gap:6%}.card{padding:23px}.company{font-size:1.4375rem}}@media(max-width:640px){.wrap{width:87%}nav{min-height:85px;gap:15px}.navlinks{gap:14px;font-size:0.75rem}.monogram{font-size:1.6875rem}.hero{grid-template-columns:1fr;padding:42px 0 32px;gap:38px}.hero h1{font-size:4.75rem;letter-spacing:-4px;margin-top:22px}.hero .eyebrow{font-size:0.625rem}.role{font-size:0.75rem}.intro{font-size:1.375rem}.actions{margin-top:27px;gap:20px}.current{margin-top:27px}.portrait{width:100%;max-width:430px;justify-self:center}.portrait img{aspect-ratio:1/1.02;border-radius:140px 140px 3px 3px;object-position:center}.portrait figcaption{font-size:0.5625rem}.hero-bottom{flex-wrap:wrap;padding:25px 0;gap:20px}.hero-bottom>span{width:100%;font-size:0.5625rem}.company{font-size:1.4375rem}.section{padding:65px 0}.sectionhead{grid-template-columns:1fr;gap:0;margin-bottom:32px}.sectionhead p{margin-top:22px}.cards{grid-template-columns:1fr}.card{padding:25px;border-right:0;border-bottom:1px solid var(--line)}.card h3{margin-top:18px}.card p{margin-bottom:0}.number{font-size:1.4375rem}.credentials{gap:10px 20px}.timeline article{grid-template-columns:1fr;gap:20px;padding:28px 0}.timeline h3{font-size:1.8125rem}.reading{grid-template-columns:1fr;gap:20px}.reading article{padding:27px;min-height:270px}.contact{padding:60px 0}.contact h2{letter-spacing:-1.2px}.contact a{font-size:1.0625rem}h2{letter-spacing:-1px}footer{font-size:0.6875rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* Name and brand interaction */
.hero h1{color:#fff;font-style:normal}.hero h1 .name-dot{color:var(--pale)}.brand,.brand .monogram,.brand .brand-name{color:#fff;transition:color .18s ease}.brand .monogram span{color:var(--pale);transition:color .18s ease}.brand:hover,.brand:hover .monogram,.brand:hover .brand-name,.brand:focus-visible,.brand:focus-visible .monogram,.brand:focus-visible .brand-name{color:var(--pale)}.brand:hover .monogram span,.brand:focus-visible .monogram span{color:#fff}@media(prefers-reduced-motion:reduce){.brand,.brand .monogram,.brand .brand-name,.brand .monogram span{transition:none}}

/* Compact hero with stronger professional title */
.hero{grid-template-columns:1.2fr .8fr;gap:9%;padding:58px 0 50px}.hero h1{font-size:clamp(3rem,5.5vw,4.625rem);letter-spacing:-3px;line-height:1.04;margin:0 0 23px}.role{font-size:clamp(1.3125rem,2.2vw,1.8125rem);font-weight:500;line-height:1.3;letter-spacing:-.5px;color:#f4f7fd;max-width:490px;margin:0 0 26px}.portrait{width:100%;max-width:355px;justify-self:end;align-self:center}.portrait img{border-radius:145px 145px 4px 4px}.portrait figcaption{font-size:0.5625rem;letter-spacing:1.2px}.intro{font-size:1.25rem;line-height:1.5}@media(min-width:1500px){.hero{padding:65px 0 55px}}@media(max-width:900px){.hero{gap:6%}.hero h1{font-size:3.8125rem}.role{font-size:1.4375rem}.portrait{max-width:310px}}@media(max-width:640px){.hero{grid-template-columns:1fr;padding:40px 0 30px;gap:32px}.hero h1{font-size:3.625rem;letter-spacing:-2.5px;margin-bottom:20px}.role{font-size:1.5rem;max-width:350px;margin-bottom:23px}.portrait{max-width:280px;justify-self:center}.portrait img{border-radius:120px 120px 3px 3px}.intro{font-size:1.25rem}}

/* Experience branding and annotated refinements */
.hero-copy{min-width:0}.hero h1{font-size:clamp(1.875rem,4.3vw,3.8125rem);letter-spacing:-2px;white-space:nowrap}.tags{display:flex;flex-wrap:wrap;gap:7px}.card-heading{display:flex;align-items:center;justify-content:space-between;color:#9baac1}.expertise-icon{width:30px;height:30px;flex:none}.company-logo{height:48px;display:flex;align-items:center;margin-bottom:18px}.company-logo img{display:block;width:auto;max-width:160px;height:auto;max-height:44px;object-fit:contain}.logo-pelico img{width:144px;height:22px}.logo-mirakl img{max-width:180px;max-height:70px}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.contact .contact-actions .button{font-size:0.9375rem;min-width:125px;justify-content:center;color:#102443;margin-top:0}.contact .contact-actions .button-outline{background:transparent;color:var(--pale);border-color:#b5cdfc}.contact .contact-actions .button-outline:hover{background:#b5cdfc;color:#102443}@media(max-width:640px){.hero h1{font-size:clamp(1.75rem,7.7vw,2.9375rem);letter-spacing:-1.4px}.company-logo{margin-bottom:12px}}

/* Accessible contact icon links */
.contact .contact-actions .contact-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:11px;margin:0;border:1px solid #b5cdfc66;border-radius:8px;color:var(--pale);transition:color .15s,background-color .15s,border-color .15s}.contact-icon svg{display:block;width:28px;height:28px}.contact .contact-actions .contact-icon:hover{color:#102443;background:var(--pale);border-color:var(--pale)}@media(prefers-reduced-motion:reduce){.contact .contact-actions .contact-icon{transition:none}}

/* Allow wrapping when visitors enlarge text; retain one line where space permits. */
.hero h1{white-space:normal;overflow-wrap:normal}.navlinks a{display:inline-flex;align-items:center;min-height:44px}.navlinks{flex-wrap:wrap}nav{flex-wrap:wrap}.language{min-width:44px;justify-content:center}.company-logo img{flex-shrink:1;max-width:100%}
