:root{--bg:#101112;--fg:#f2eee5;--muted:#aeb0b2;--rule:#34383b;--blue:#a6c9e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:8px}.wrap{max-width:1440px;margin:auto;padding-left:80px;padding-right:80px}.skip{position:absolute;top:-100px;background:white;color:black;padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;height:100px;position:relative;z-index:3}.wordmark{font-family:Georgia,serif;font-size:20px;letter-spacing:6px}nav{display:flex;gap:42px;font-family:Georgia,serif}nav a:hover{color:var(--blue)}.hero{position:relative;min-height:650px;overflow:hidden}.hero-image{position:absolute;top:-100px;right:0;height:calc(100% + 100px);width:100%;object-fit:cover;object-position:center 35%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101112 0%,#101112e6 21%,#10111275 42%,transparent 64%)}.hero-content{position:relative;z-index:2;padding-top:58px;padding-bottom:70px}.eyebrow,.section-label{font-size:11px;letter-spacing:4px;font-weight:400}.eyebrow{margin:0 0 29px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(80px,8.9vw,132px);line-height:1.02;letter-spacing:-4px;margin:0 0 36px}em{font-weight:400}p{margin:0 0 24px}.hero-intro{font-family:Georgia,serif;font-size:27px;line-height:1.45;max-width:580px}.links{display:flex;gap:64px;flex-wrap:wrap;margin-top:38px;font-family:Georgia,serif;font-size:17px;letter-spacing:1px}.links a{border-bottom:1px solid #9a9d9e;padding-bottom:9px}.links a:hover{color:white;border-color:white}.links .accent{color:var(--blue);border-color:var(--blue)}.capability-strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.capability-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding-top:24px;padding-bottom:24px}.capability-strip span{font-size:10px;letter-spacing:3px;padding:0 20px}.capability-strip span+span{border-left:1px solid #50565b}.perspective,.personal,.connect{padding-top:94px;padding-bottom:94px}.section-label{display:flex;align-items:center;gap:24px;color:#c0c4c8;margin-bottom:29px}.section-label i{width:130px;height:1px;background:var(--rule)}h2{font-size:clamp(40px,4.4vw,64px);line-height:1.18;letter-spacing:-2px;margin:0 0 45px}.perspective-body{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:55px}.statement{font-family:Georgia,serif;font-size:29px;line-height:1.4;max-width:430px}.perspective-body>div p,.personal-grid p{color:var(--muted);max-width:540px}.capabilities{background:#17191b;border-top:1px solid #282c30;border-bottom:1px solid #282c30;padding:90px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:center}.section-heading>p{color:var(--muted);font-size:14px}.discipline{display:grid;grid-template-columns:55px 1fr 1.2fr;gap:30px;border-top:1px solid var(--rule);padding:35px 0}.discipline:last-child{padding-bottom:0}.index{font-size:12px;color:#8d979f;padding-top:7px}.discipline h3{font-size:28px;line-height:1.3;margin:0}.discipline p{color:var(--muted);margin:0 0 16px}.discipline .tools{font-size:12px;color:#80909d;letter-spacing:.4px;margin:0}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.personal{border-bottom:1px solid var(--rule)}.personal h2{margin-bottom:0}.connect h2{font-size:clamp(64px,7vw,100px);line-height:1.08}.connect-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.connect-bottom>p{color:var(--muted);margin:0}.connect-bottom .links{margin:0;gap:35px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--rule);padding-top:32px;padding-bottom:32px}footer span,footer>a:last-child{font-size:12px;color:#899196}@media(min-width:1600px){.hero-image{object-fit:contain;background:#101112;object-position:right center}.hero{min-height:750px}}@media(max-width:1000px){.wrap{padding-left:40px;padding-right:40px}.hero{min-height:620px}.hero-content{padding-top:60px}.hero-intro{font-size:23px;max-width:470px}.hero-shade{background:linear-gradient(90deg,#101112 0%,#101112cc 30%,#10111230 70%)}.perspective-body,.personal-grid{gap:50px}.links{gap:32px}.discipline{grid-template-columns:35px 1fr 1.3fr;gap:20px}.discipline h3{font-size:25px}}@media(max-width:650px){.wrap{padding-left:24px;padding-right:24px}header{height:84px}.wordmark{font-size:15px;letter-spacing:3px}nav{gap:18px;font-size:13px}nav a:nth-child(2){display:none}.hero{min-height:760px;display:flex;align-items:flex-end}.hero-image{height:480px;top:0;width:100%;object-position:65% center}.hero-shade{background:linear-gradient(0deg,#101112 0%,#101112 26%,#101112cc 45%,transparent 71%)}.hero-content{padding-top:340px;padding-bottom:44px;width:100%}.eyebrow{font-size:9px;letter-spacing:2.4px;margin-bottom:20px}h1{font-size:75px;letter-spacing:-2px;margin-bottom:22px}.hero-intro{font-size:21px;max-width:360px}.links{font-size:14px;gap:25px;margin-top:24px}.desktop{display:none}.capability-strip .wrap{padding-left:10px;padding-right:10px;padding-top:19px;padding-bottom:19px}.capability-strip span{font-size:8px;letter-spacing:1.2px;padding:0 8px}.perspective,.personal,.connect{padding-top:60px;padding-bottom:60px}.section-label{font-size:9px;letter-spacing:2.8px;gap:18px}.section-label i{width:70px}h2{font-size:40px;letter-spacing:-1px;margin-bottom:30px}.perspective-body,.personal-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.statement{font-size:26px;margin-bottom:0}.capabilities{padding:60px 0}.section-heading{display:block}.section-heading>p{margin-bottom:30px}.discipline{grid-template-columns:30px 1fr;gap:10px 15px;padding:26px 0}.discipline>div{grid-column:2}.discipline h3{font-size:25px}.discipline p{font-size:15px}.personal-grid{margin:0}.connect h2{font-size:63px}.connect-bottom{display:block}.connect-bottom .links{margin-top:30px;gap:22px}footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px}footer .wordmark{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-image{object-position:center center}
/* Keep the full hairstyle in view without altering the portrait. */
.hero-image{top:20px;height:calc(100% - 20px);width:92%;right:0;object-fit:contain;object-position:right top;background:none}
@media(min-width:1600px){.hero-image{top:25px;height:calc(100% - 25px);width:90%;object-fit:contain;object-position:right top;background:none}}
@media(max-width:650px){.hero-image{top:14px;height:400px;width:100%;object-fit:cover;object-position:70% top}}

/* Lightweight motion; all content remains accessible without JavaScript. */
.links a, nav a, .wordmark, footer a { transition: color .22s ease, border-color .22s ease; }
.links a { position:relative; }
.links a::after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .28s ease; }
.links a:hover::after, .links a:focus-visible::after { transform:scaleX(1); }
.discipline { transition:background-color .3s ease; }
.discipline:hover { background-color:#ffffff03; }
.motion-ready .reveal-pending { opacity:0; transform:translateY(18px); }
.motion-ready .reveal-visible { opacity:1; transform:none; transition:opacity .7s ease, transform .7s cubic-bezier(.2,.65,.3,1); }
@media(prefers-reduced-motion:no-preference) {
  .hero-content { animation:hero-copy-in .85s ease both; }
  .hero-image { animation:portrait-in 1.2s ease both; }
  @keyframes hero-copy-in { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
  @keyframes portrait-in { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
}
@media(prefers-reduced-motion:reduce) {
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal-pending{opacity:1!important;transform:none!important}
}

/* Larger personal name in the existing header. */
header .wordmark{font-size:34px;letter-spacing:6px;line-height:1.2}
@media(max-width:650px){header .wordmark{font-size:24px;letter-spacing:3px}}