:root{
  --bg:#f3f0eb; --fg:#151310; --muted:#6f6a63; --line:#dcd7cc;
  --blue:#2616bf; --accent:#2616bf; --sage:#77876b; --pink:#f0dbe2;
  --cream:#f3f0eb; --ink:#0b0a09;
  --nav-bg:rgba(243,240,235,.9); --logo:#2616bf; --panel-bg:#f0dbe2; --panel-fg:#4a4642;
  --contact-bg:var(--pink); --contact-fg:#4a4642; --contact-h:#151310;
  --photo-frame:#dcd7cc; --photo-dim:1;
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Jost', system-ui, sans-serif;
  --mono:'IBM Plex Mono', monospace;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#100f0d; --fg:#efece6; --muted:#a49f97; --line:#2b2825;
    --accent:#8f83ff;
    --nav-bg:rgba(16,15,13,.92); --logo:#a99dff; --panel-bg:#1b1815; --panel-fg:#cfc9c1;
    --contact-bg:#181512; --contact-fg:#cfc9c1; --contact-h:#efece6;
    --photo-frame:#2b2825; --photo-dim:.92;
  }
  .logo{box-shadow:0 0 0 1px rgba(239,236,230,.22);}
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);font-weight:300;background:var(--bg);color:var(--fg);line-height:1.7;font-size:18px;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1120px;margin:0 auto;padding:0 34px;}

nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(9px);border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;}
.navmark{display:flex;align-items:center;gap:13px;}
.logo{width:46px;height:46px;flex:0 0 auto;display:inline-flex;border-radius:50%;}
.logo svg{width:100%;height:100%;display:block;}
.brand{font-family:var(--serif);font-size:25px;font-weight:600;color:var(--fg);}
.brand .dot{color:var(--accent);}
.nav-links{display:flex;gap:30px;font-family:var(--mono);font-size:13px;color:var(--muted);}
.nav-links a{transition:color .25s;}
.nav-links a:hover{color:var(--accent);}
.lang{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:13px;}
.lang a{color:var(--muted);transition:color .2s;}
.lang a:hover{color:var(--accent);}
.lang .on{color:var(--fg);font-weight:500;}
.lang .sep{color:var(--line);}
.nav-right{display:flex;align-items:center;gap:22px;}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;background:none;border:0;cursor:pointer;}
.burger span{display:block;height:1.5px;width:100%;background:var(--fg);transition:transform .3s,opacity .3s;}
.burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.burger.is-open span:nth-child(2){opacity:0;}
.burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:6px 22px 20px;z-index:49;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;font-family:var(--mono);font-size:15px;color:var(--fg);padding:16px 2px;border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:0;color:var(--accent);}

header{padding:96px 0 92px;}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center;}
.eyebrow{font-family:var(--mono);font-size:14px;color:var(--accent);margin-bottom:28px;}
.name{font-family:var(--serif);font-size:clamp(56px,9vw,120px);line-height:.92;font-weight:600;letter-spacing:-.015em;margin-bottom:24px;color:var(--fg);}
.name span{display:block;}
.role{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(21px,2.7vw,29px);color:var(--muted);margin-bottom:30px;}
.lede{max-width:52ch;font-size:19px;color:var(--fg);opacity:.9;}
.hero-cta{margin-top:40px;display:flex;gap:15px;flex-wrap:wrap;}
.btn{font-family:var(--mono);font-size:13px;padding:15px 28px;background:var(--blue);color:#f3f0eb;transition:all .3s;border:1px solid var(--blue);}
.btn:hover{background:transparent;color:var(--accent);border-color:var(--accent);}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--fg);}
.btn.ghost:hover{background:var(--fg);color:var(--bg);}

.portrait{justify-self:center;width:100%;max-width:200px;}
.portrait img{width:100%;display:block;border-radius:4px;border:1px solid var(--photo-frame);filter:grayscale(1) contrast(1.02);opacity:var(--photo-dim);}

.r{opacity:0;transform:translateY(15px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards;}
.r.d1{animation-delay:.05s}.r.d2{animation-delay:.18s}.r.d3{animation-delay:.31s}.r.d4{animation-delay:.44s}
@keyframes rise{to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.r{animation:none;opacity:1;transform:none;}}

.manifesto{background:var(--blue);color:#f3f0eb;padding:118px 0;}
.manifesto .label{font-family:var(--mono);font-size:14px;color:rgba(243,240,235,.7);margin-bottom:32px;}
.manifesto .big{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5.4vw,62px);line-height:1.08;letter-spacing:-.01em;max-width:18ch;margin-bottom:38px;}
.manifesto .body{max-width:60ch;font-size:20px;color:rgba(243,240,235,.9);}

section{padding:104px 0;}
.sec-head{display:flex;align-items:baseline;gap:22px;margin-bottom:54px;}
.sec-head .n{font-family:var(--mono);font-size:14px;color:var(--accent);}
.sec-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.6vw,50px);letter-spacing:-.01em;color:var(--fg);}
.rule{height:1px;background:var(--line);flex:1;align-self:center;}

.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stat{padding:48px 22px;border-left:1px solid var(--line);}
.stat:first-child{border-left:0;}
.stat .num{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5vw,62px);line-height:1;color:var(--accent);}
.stat .lab{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:16px;}

.expertise{background:var(--sage);color:#f3f0eb;}
.expertise .sec-head .n{color:#f3f0eb;}
.expertise .sec-head h2{color:#f3f0eb;}
.expertise .sec-head .rule{background:rgba(243,240,235,.35);}
.pillars{display:grid;grid-template-columns:1fr 1fr;}
.pillar{padding:26px 40px;border-left:1px solid rgba(243,240,235,.3);border-top:1px solid rgba(243,240,235,.3);}
.pillar:nth-child(1),.pillar:nth-child(2){border-top:0;}
.pillar:nth-child(odd){border-left:0;padding-left:0;}
.pillar h3{font-family:var(--serif);font-size:26px;font-weight:500;margin-bottom:14px;}
.pillar p{color:rgba(243,240,235,.9);}
.expertise .sig-label{font-family:var(--mono);font-size:13px;color:rgba(243,240,235,.7);margin:-36px 0 14px;}
.expertise .signature{font-family:var(--serif);font-style:italic;font-size:clamp(22px,3vw,32px);line-height:1.28;color:#f3f0eb;max-width:28ch;margin-bottom:54px;}

.stars{border-top:1px solid var(--line);}
.star-item{display:grid;grid-template-columns:190px 1fr;gap:40px;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--line);}
.star-item .fig{font-family:var(--serif);font-weight:600;font-size:clamp(46px,6.5vw,76px);line-height:.85;color:var(--accent);letter-spacing:-.01em;}
.star-item .ctx{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:10px;}
.star-item h3{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.2;margin-bottom:10px;color:var(--fg);}
.star-item p{color:var(--fg);opacity:.85;max-width:60ch;}
.rea-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-top:52px;padding-top:34px;border-top:1px solid var(--line);}
.rea-cta .line{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.6vw,28px);color:var(--muted);}
@media(max-width:820px){
  .star-item{grid-template-columns:1fr;gap:6px;padding:28px 0;}
  .star-item .fig{margin-bottom:8px;}
  .rea-cta{margin-top:40px;}
}

.xp{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:start;}
.xp:last-child{border-bottom:1px solid var(--line);}
.xp .meta{font-family:var(--mono);font-size:13px;color:var(--muted);line-height:1.8;}
.xp .meta .yr{display:block;color:var(--accent);margin-top:4px;}
.xp h3{font-family:var(--serif);font-size:27px;font-weight:500;margin-bottom:2px;color:var(--fg);}
.xp .house{font-style:italic;font-family:var(--serif);color:var(--muted);margin-bottom:12px;font-size:18px;}
.xp p{color:var(--fg);opacity:.86;max-width:60ch;}

.contact{background:var(--contact-bg);text-align:center;transition:background .3s;}
.contact .label{font-family:var(--mono);font-size:14px;color:var(--accent);margin-bottom:26px;}
.contact h2{font-family:var(--serif);font-weight:500;font-size:clamp(38px,6.4vw,68px);letter-spacing:-.01em;margin-bottom:22px;color:var(--contact-h);}
.contact .sub{color:var(--contact-fg);font-size:20px;max-width:46ch;margin:0 auto 44px;}
.contact .links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}

footer{background:var(--ink);color:#efece6;padding:40px 0;font-family:var(--mono);font-size:12px;border-top:1px solid var(--line);}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
footer .fl{display:flex;align-items:center;gap:14px;}
footer .logo{width:42px;height:42px;box-shadow:0 0 0 1px rgba(239,236,230,.28);}
footer .dot{color:var(--accent);}
@media(max-width:820px){
  footer .wrap{display:grid;grid-template-columns:42px 1fr;column-gap:14px;row-gap:2px;align-items:center;}
  footer .fl{display:contents;}
  footer .logo{grid-row:span 2;}
  footer .wrap>span{grid-column:2;color:var(--muted);}
}

@media(max-width:820px){
  body{font-size:17px;}
  .wrap{padding:0 22px;}
  .nav-links{display:none;}
  .burger{display:flex;}
  .logo{width:42px;height:42px;}
  header{padding:56px 0 60px;}
  .hero-grid{grid-template-columns:1fr;gap:40px;}
  .portrait{order:-1;justify-self:start;max-width:150px;}
  .manifesto{padding:78px 0;}
  section{padding:68px 0;}
  .stats .grid{grid-template-columns:repeat(2,1fr);}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .stat:nth-child(odd){border-left:0;}
  .pillars{grid-template-columns:1fr;}
  .pillar{padding:26px 0 6px;}
  .pillar:nth-child(1),.pillar:nth-child(2),.pillar:nth-child(3),.pillar:nth-child(4){border-top:1px solid rgba(243,240,235,.3);border-left:0;padding-left:0;}
  .pillar:first-child{border-top:0;padding-top:0;}
  .xp{grid-template-columns:1fr;gap:10px;}
}

/* hero (reference-inspired layout) */
header{padding:56px 0 92px;}
.hero2{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
.hl{font-family:var(--serif);font-weight:600;font-size:clamp(44px,6.2vw,82px);line-height:1.03;letter-spacing:-.02em;color:var(--fg);margin-bottom:20px;}
.hl-sub{font-family:var(--mono);font-size:14px;letter-spacing:.03em;color:var(--muted);margin-bottom:46px;}
.hero2-cols{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start;}
.mono-h{font-family:var(--mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--fg);margin-bottom:12px;}
.bio{font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.75;color:var(--fg);opacity:.9;margin-bottom:32px;max-width:36ch;}
.find{list-style:none;}
.find li{font-family:var(--mono);font-size:13px;margin-bottom:8px;color:var(--muted);}
.find a{transition:color .2s;}
.find li::before{content:"— ";color:var(--accent);}
.find a:hover{color:var(--accent);}
.hero2-panel{background:var(--panel-bg);color:var(--panel-fg);padding:32px 30px;border-radius:5px;transition:background .3s;}
.hero2-panel h2{font-family:var(--serif);font-weight:500;font-size:clamp(23px,2.5vw,29px);color:var(--fg);margin-bottom:10px;}
.panel-sub{font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--panel-fg);margin-bottom:20px;}
.panel-mail{display:block;font-family:var(--mono);font-size:14px;color:var(--accent);margin-bottom:24px;word-break:break-word;}
.panel-btn{display:inline-block;font-family:var(--mono);font-size:13px;padding:13px 26px;background:var(--fg);color:var(--bg);transition:opacity .2s;}
.panel-btn:hover{opacity:.85;}
.hero2-right{position:relative;justify-self:center;}
.photo-wrap{position:relative;width:min(360px,82vw);}
.photo-wrap img{position:relative;z-index:2;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 12%;border-radius:6px;filter:contrast(1.02) saturate(1.03);display:block;}
.blob{position:absolute;z-index:0;left:-30%;bottom:-16%;width:125%;height:125%;color:var(--blue);}
.blob svg{width:100%;height:100%;display:block;}
.arc{position:absolute;z-index:3;top:-42px;left:-42px;width:126px;height:126px;}
.arc text{font-family:var(--mono);font-size:12px;letter-spacing:2px;fill:var(--accent);}
@media(max-width:820px){
  .hero2{grid-template-columns:1fr;gap:38px;}
  .hero2-right{order:-1;justify-self:start;}
  .photo-wrap{width:min(260px,70vw);}
  .arc{width:100px;height:100px;top:-32px;left:-32px;}
  .hero2-cols{grid-template-columns:1fr;gap:28px;}
  .bio{max-width:none;}
}