@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300;0,400;0,500;1,400&family=Inter:wght@300;400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{background:#F5F6F8;color:#16161D;font-family:'Inter',sans-serif;font-size:14px;line-height:1.7}
.serif{font-family:'Spectral',serif}
.mono-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#161556;font-weight:500;display:block;margin-bottom:24px}
.wrap{max-width:1180px;margin:0 auto;padding:0 48px}
nav{border-bottom:1px solid rgba(22,21,86,0.12)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:64px;padding:24px 0}
.brand svg{height:16px;width:auto;display:block}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:12px;letter-spacing:0.4px;color:#5A5A64;text-decoration:none}
.nav-links a.active,.nav-links a:hover{color:#161556}
.nav-cta{border:1px solid rgba(22,21,86,0.5);color:#161556;padding:7px 15px;font-size:10.5px;letter-spacing:0.4px;background:transparent;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap}
.portrait{background:#FFFFFF;border-bottom:1px solid rgba(22,21,86,0.08)}
.portrait-in{display:grid;grid-template-columns:360px 1fr;gap:56px;align-items:start;padding:60px 0}
.portrait-photo{aspect-ratio:1/1;overflow:hidden;background:#ECEDF1;width:360px}
.portrait-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}
.portrait-text{align-self:start;padding-top:4px}
.portrait-statement{font-family:'Spectral',serif;font-size:23px;font-weight:300;line-height:1.6;color:#16161D;letter-spacing:-0.2px;max-width:620px}
.portrait-statement p+p{margin-top:20px}
.band{padding:52px 0}
.band-white{background:#FFFFFF;border-top:1px solid rgba(22,21,86,0.08);border-bottom:1px solid rgba(22,21,86,0.08);padding:52px 0}
.phase{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:26px 0;border-top:1px solid rgba(22,21,86,0.12)}
.journey-list > .phase:first-child{border-top:none;padding-top:0}
.phase:last-child{padding-bottom:0}
.phase-idx{display:flex;flex-direction:column;gap:6px}
.phase-name{font-family:'Spectral',serif;font-size:18px;font-weight:400;color:#16161D;line-height:1.3}
.phase-yr{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#9A9AA2;letter-spacing:0.5px;margin-top:2px}
.phase-body{font-size:14.5px;color:#43434E;line-height:1.9;font-weight:300;max-width:680px}
.work-intro{font-size:14.5px;color:#43434E;font-weight:300;margin:0 0 32px;line-height:1.8;max-width:none;white-space:nowrap}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(22,21,86,0.1);border:1px solid rgba(22,21,86,0.1)}
.work-card{background:#FFFFFF;padding:28px 30px}
.work-val{font-family:'Spectral',serif;font-size:26px;font-weight:400;color:#161556;line-height:1;margin-bottom:11px}
.work-name{font-size:13px;color:#16161D;font-weight:500;margin-bottom:5px;line-height:1.4}
.work-geo{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#9A9AA2;margin-bottom:12px}
.work-role{font-size:12px;color:#5A5A64;line-height:1.65;font-weight:300}
.crest{background:#13132B;padding:74px 0;text-align:center}
.crest-line{font-family:'Spectral',serif;font-size:27px;font-weight:300;color:#F5F6F8;line-height:1.5;max-width:860px;margin:0 auto;letter-spacing:-0.2px}
/* two-column: intro left, content right */
.split{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start}
.split-intro{font-size:14.5px;color:#43434E;font-weight:300;line-height:1.9}
.value{padding:22px 0;border-bottom:1px solid rgba(22,21,86,0.12)}
.value:first-of-type{border-top:1px solid rgba(22,21,86,0.12)}
.value:first-of-type{padding-top:0;border-top:none}
.value{border-top:1px solid rgba(22,21,86,0.12)}
.values-stack > .value:first-child{border-top:none;padding-top:0}
.value p{font-family:'Spectral',serif;font-size:20px;font-weight:300;font-style:italic;color:#16161D;line-height:1.55;letter-spacing:-0.1px}
.value b{color:#161556;font-style:normal;font-weight:400}
.cta{background:#FFFFFF;border-top:1px solid rgba(22,21,86,0.08);padding:62px 0;text-align:center}
.cta-head{font-family:'Spectral',serif;font-size:25px;font-weight:300;color:#16161D;line-height:1.45;margin:0 auto 22px;letter-spacing:-0.2px;max-width:640px}
.cta-split{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start}
.cta-btn-cell{display:flex;align-items:flex-start}
.cta-sub{font-size:14px;color:#5A5A64;font-weight:300;line-height:1.8;max-width:520px;margin:0 auto 30px}
.cta-btn{display:inline-block;align-self:start;border:1px solid #161556;color:#161556;padding:13px 30px;font-size:11px;letter-spacing:0.8px;text-transform:uppercase;text-decoration:none;font-family:'Inter',sans-serif;background:transparent;white-space:nowrap}
footer{background:#F5F6F8}
.footer-in{padding:38px 0 30px}
.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid rgba(22,21,86,0.12)}
.footer-top .brand svg{height:15px}
.footer-nav{display:flex;gap:28px}
.footer-nav a{font-size:12px;letter-spacing:0.3px;color:#5A5A64;text-decoration:none}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px}
.footer-legal{font-size:11px;color:#9A9AA2;letter-spacing:0.3px}
.footer-meta{display:flex;gap:20px}
.footer-meta a{font-size:11px;color:#9A9AA2;text-decoration:none;letter-spacing:0.3px}
@media(max-width:760px){.portrait-in{grid-template-columns:1fr}.portrait-photo{width:100%;aspect-ratio:4/3}.phase,.split,.cta-split{grid-template-columns:1fr;gap:18px}.work-grid{grid-template-columns:1fr}.nav-links{display:none}}
.footer-meta a:first-child{font-weight:600}