:root{--navy:#071a2d;--deep:#03111e;--green:#58b833;--cyan:#10b9c7;--paper:#f3f6f5;--ink:#102133;--muted:#65757d;--line:#d3ddda}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Assistant",Arial,sans-serif;font-size:18px}a{color:inherit;text-decoration:none}header{height:84px;padding:0 5vw;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between}.logo{background:#fff;padding:4px 9px;border-radius:3px}.logo img{display:block;width:210px;height:48px;object-fit:contain}nav{display:flex;gap:28px;align-items:center;font-size:16px}nav .active{color:var(--cyan);border-bottom:1px solid var(--cyan);padding-bottom:5px}.menu{display:none;border:0;background:none;color:#fff;font-size:28px}.about-hero{position:relative;min-height:610px;padding:105px 8vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 15% 35%,#0c819b55,transparent 38%),linear-gradient(135deg,#082640,#03111e);overflow:hidden}.about-hero.profile{background:radial-gradient(circle at 18% 45%,#4b942a44,transparent 38%),linear-gradient(135deg,#082640,#03111e)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(64deg) scale(1.5);transform-origin:bottom}.about-hero>span,.about-hero h1,.hero-name{position:relative;z-index:2}.about-hero>span{font-size:14px;color:var(--cyan);font-weight:800;letter-spacing:.08em}.about-hero h1{font-size:clamp(72px,9vw,132px);line-height:.76;letter-spacing:-.06em;margin:30px 0}.about-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #fff}.hero-name{position:absolute;left:8vw;bottom:90px;border-right:3px solid var(--green);padding-right:18px}.hero-name b,.hero-name small{display:block}.hero-name b{font-size:22px}.hero-name small{color:#acbdc8;margin-top:5px}.letter{max-width:1030px;margin:auto;padding:120px 5vw;display:grid;grid-template-columns:120px 1fr;gap:40px}.quote-mark{font-family:Georgia,serif;font-size:160px;line-height:.6;color:var(--green)}.letter-body p,.profile-content p{font-size:20px;line-height:1.85;color:#50636c;margin:0 0 28px}.letter-body .lead,.profile-content .lead{font-size:27px;color:var(--ink);font-weight:600;line-height:1.6}.letter blockquote{margin:65px 0 45px;padding:38px;border-right:4px solid var(--green);background:#fff;font-size:35px;font-weight:800;line-height:1.4}.letter blockquote small{display:block;font-size:14px;color:#74858a;margin-bottom:13px}.signature b,.signature span{display:block}.signature b{font-size:22px}.signature span{color:#788990}.profile-content{max-width:1120px;margin:auto;padding:120px 5vw}.profile-content>section{display:grid;grid-template-columns:85px 1fr;gap:40px;padding:70px 0;border-bottom:1px solid var(--line)}.profile-content>section:first-child{padding-top:0}.section-no{font-size:14px;color:var(--green);font-weight:800}.profile-content h2{font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.04em;margin:0 0 35px}.profile-content p a,.inline-link{color:#087b9e;border-bottom:1px solid #10b9c7}.inline-link{display:inline-block;font-weight:700;margin-top:5px}.profile-cta{display:inline-block;background:var(--green);padding:15px 28px;font-weight:800;margin-top:12px}footer{padding:28px 6vw;background:var(--deep);color:#8da0aa;display:flex;justify-content:space-between;font-size:14px}@media(prefers-reduced-motion:no-preference){.about-hero h1{animation:enter .8s both}.letter-body>*,.profile-content>section{opacity:0;transform:translateY(35px);transition:.7s}.letter-body>*.visible,.profile-content>section.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(35px)}}}@media(max-width:850px){header{height:70px}.logo img{width:165px;height:40px}.menu{display:block}nav{display:none;position:absolute;z-index:20;top:70px;right:0;left:0;background:var(--navy);padding:24px 6vw;flex-direction:column;align-items:stretch}nav.open{display:flex}.about-hero{min-height:590px;padding:90px 6vw}.about-hero h1{font-size:76px}.hero-name{left:6vw;bottom:55px}.letter{grid-template-columns:1fr;padding:80px 6vw}.quote-mark{font-size:100px}.profile-content{padding:80px 6vw}.profile-content>section{grid-template-columns:45px 1fr;gap:15px}}@media(max-width:520px){.about-hero h1{font-size:62px}.letter-body .lead,.profile-content .lead{font-size:23px}.letter-body p,.profile-content p{font-size:18px}.letter blockquote{font-size:27px;margin:45px 0}.profile-content>section{grid-template-columns:1fr}.section-no{margin-bottom:4px}}
