:root { --bg:#061725; --panel:#0a2233; --panel-2:#0d2b40; --text:#e6f2f6; --muted:#7f9aaa; --line:#1b4055; --accent:#73efb8; --sans:"Manrope",system-ui,sans-serif; --display:"Space Grotesk",system-ui,sans-serif; }
* { box-sizing:border-box; }
html { max-width:100%; overflow-x:clip; scroll-behavior:smooth; }
body { max-width:100%; margin:0; overflow-x:clip; background:var(--bg); color:var(--text); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
.grid-bg { position:fixed; inset:0; z-index:-1; opacity:.55; background-image:linear-gradient(rgba(115,239,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115,239,184,.035) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000 0%,transparent 82%); }
.skip-link { position:fixed; top:-60px; left:20px; z-index:40; padding:11px 16px; background:var(--accent); color:var(--bg); }
.skip-link:focus { top:20px; }
.site-nav { height:78px; padding:0 4vw; display:flex; align-items:center; gap:4vw; border-bottom:1px solid var(--line); background:rgba(6,23,37,.86); backdrop-filter:blur(15px); position:relative; z-index:10; }
.brand { font:600 1.45rem var(--display); letter-spacing:-.08em; }
.brand span { color:var(--accent); }
.site-nav nav { display:flex; gap:2.8vw; margin:auto; color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.14em; }
.site-nav nav a:hover { color:var(--accent); }
.contact-pill,.primary { border-radius:3px; background:var(--accent); color:#03121d; font-weight:700; }
.contact-pill { padding:10px 14px; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }
.hero { position:relative; isolation:isolate; min-height:calc(100vh - 78px); padding:5vw 4vw; display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); align-items:center; gap:5vw; overflow:hidden; }
.hero-photo { position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(90deg,rgba(6,23,37,.32) 0%,rgba(6,23,37,.18) 42%,rgba(6,23,37,.88) 62%,#061725 100%),linear-gradient(0deg,rgba(6,23,37,.78) 0%,transparent 40%),url("assets/dmitriy-office-reading.png"); background-position:center; background-size:cover; background-repeat:no-repeat; opacity:.82; filter:saturate(.78) contrast(1.04); }
.hero-copy,.command-panel { position:relative; z-index:1; }
.hero-copy { text-shadow:0 2px 24px rgba(0,0,0,.5); }
.status,.eyebrow { margin:0 0 24px; color:var(--muted); font-size:.62rem; letter-spacing:.28em; text-transform:uppercase; }
.hero h1 { margin:0; font:600 clamp(4.8rem,8.5vw,8.7rem)/.78 var(--display); letter-spacing:-.075em; }
.hero h1 em { color:var(--accent); font-style:normal; }
.role { margin:35px 0 20px; font:500 clamp(1.2rem,2vw,1.8rem) var(--display); }
.role b { color:var(--accent); }
.summary { max-width:670px; margin:0; color:var(--muted); font-size:1rem; line-height:1.8; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:35px; }
.primary { display:inline-flex; justify-content:space-between; min-width:245px; padding:15px 18px; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }
.text-link { color:var(--muted); font-size:.76rem; border-bottom:1px solid var(--line); padding-bottom:5px; }
.command-panel { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:rgba(10,34,51,.94); box-shadow:0 30px 80px rgba(0,0,0,.32); backdrop-filter:blur(10px); }
.panel-head,.panel-foot { padding:13px 16px; display:flex; justify-content:space-between; color:var(--muted); font:500 .58rem var(--display); letter-spacing:.13em; border-bottom:1px solid var(--line); }
.panel-tabs { display:flex; align-items:center; gap:8px; letter-spacing:0; }
.panel-tabs b,.panel-tabs i { padding:6px 9px; border:1px solid var(--line); border-radius:4px; font-style:normal; font-weight:500; }
.panel-tabs b { color:var(--text); border-color:#2e667d; }
.panel-main { min-height:285px; padding:26px 24px 18px; display:grid; grid-template-columns:.78fr 1.22fr; gap:25px; align-items:center; }
.growth-copy strong { display:block; color:var(--accent); font:600 clamp(3.2rem,5vw,5.4rem)/1 var(--display); letter-spacing:-.07em; }
.growth-copy p { margin:12px 0 16px; color:var(--text); font:500 .9rem var(--display); letter-spacing:.06em; }
.growth-copy small { display:block; max-width:240px; color:var(--muted); font-size:.7rem; line-height:1.55; }
.growth-chart svg { width:100%; overflow:visible; }
.chart-grid { stroke:var(--line); stroke-width:1; fill:none; }
.chart-area { fill:url(#area); }
.chart-line { fill:none; stroke:var(--accent); stroke-width:3; stroke-linecap:round; }
.growth-chart circle { fill:var(--accent); stroke:var(--panel); stroke-width:3; }
.growth-chart text { fill:var(--muted); font:11px var(--display); }
.growth-chart > div { display:flex; justify-content:space-between; color:var(--muted); font-size:.54rem; letter-spacing:.08em; text-transform:uppercase; }
.panel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:0 14px 14px; }
.panel-grid div { padding:17px; border:1px solid var(--line); border-radius:6px; }
.panel-grid small { display:block; color:var(--muted); font-size:.52rem; letter-spacing:.1em; }
.panel-grid b { display:block; margin:9px 0 12px; color:var(--accent); font:600 1.5rem var(--display); }
.mini-bars { height:28px; display:flex; gap:4px; align-items:end; }
.mini-bars i { flex:1; background:linear-gradient(to top,#15506a,var(--accent)); opacity:.65; }
.mini-bars i:nth-child(1){height:25%}.mini-bars i:nth-child(2){height:40%}.mini-bars i:nth-child(3){height:55%}.mini-bars i:nth-child(4){height:75%}.mini-bars i:nth-child(5){height:100%}
.section { padding:120px 4vw; display:grid; grid-template-columns:180px minmax(0,1fr); gap:6vw; border-bottom:1px solid var(--line); }
.section-label { color:var(--muted); font-size:.64rem; text-transform:uppercase; letter-spacing:.13em; }
.section-label span { color:var(--accent); }
.section-label p { margin:12px 0; }
.section-body { min-width:0; }
.profile h2 { max-width:1100px; margin:0 0 60px; font:500 clamp(3rem,6vw,6rem)/.94 var(--display); letter-spacing:-.055em; }
.profile h2 em,.contact h2 em { color:var(--accent); font-style:normal; }
.two-cols { display:grid; grid-template-columns:1fr 1fr; gap:5vw; max-width:950px; color:var(--muted); line-height:1.8; }
.expertise-list { border-top:1px solid var(--line); }
.expertise-list article { padding:32px 0; display:grid; grid-template-columns:50px .75fr 1fr 30px; gap:24px; border-bottom:1px solid var(--line); align-items:start; }
.expertise-list b { color:var(--accent); font-size:.65rem; }
.expertise-list h3,.career-list h3 { margin:0; font:500 1.2rem var(--display); }
.expertise-list p,.career-list p { margin:0; color:var(--muted); line-height:1.65; }
.expertise-list i { color:var(--accent); font-style:normal; }
.tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:35px; }
.tags span { padding:9px 13px; border:1px solid var(--line); border-radius:3px; color:var(--muted); font-size:.66rem; }
.career-list { border-top:1px solid var(--line); }
.career-list article { padding:34px 0; display:grid; grid-template-columns:.35fr 1fr 35px; gap:25px; border-bottom:1px solid var(--line); }
.career-list time { color:var(--accent); font:500 .82rem var(--display); }
.career-list h3 { margin-bottom:10px; }
.career-list > article > span { color:var(--line); font:600 1.5rem var(--display); }
.leadership { padding:95px 4vw; display:grid; grid-template-columns:1.2fr .8fr; gap:7vw; align-items:center; border-bottom:1px solid var(--line); }
.leadership > div { padding-left:24px; border-left:2px solid var(--accent); }
.leadership .eyebrow { margin-bottom:18px; }
.leadership h2 { margin:0; font:600 clamp(2.5rem,4.7vw,5.2rem)/.98 var(--display); letter-spacing:-.055em; }
.leadership h2 em { color:var(--accent); font-style:normal; }
.leadership > p { margin:0; color:var(--muted); font-size:.94rem; line-height:1.85; }
.capabilities { padding:95px 4vw; border-bottom:1px solid var(--line); }
.capabilities > .eyebrow { margin-bottom:30px; padding-left:18px; border-left:2px solid var(--accent); }
.capability-grid { padding:28px; display:grid; grid-template-columns:repeat(4,1fr); gap:28px; border:1px solid var(--line); border-radius:10px; background:rgba(10,34,51,.42); }
.capability-grid article { min-width:0; }
.cap-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:24px; border:1px solid #2b6175; border-radius:7px; color:var(--accent); font:500 1.6rem var(--display); }
.capability-grid h3 { min-height:50px; margin:0 0 10px; font:600 1rem var(--display); }
.capability-grid p { margin:0; color:var(--muted); font-size:.76rem; line-height:1.6; }
.capabilities .tags { margin-top:24px; }
.career { padding:95px 4vw 110px; border-bottom:1px solid var(--line); }
.career-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:48px; }
.career-head .eyebrow { margin:0; padding-left:18px; border-left:2px solid var(--accent); }
.career-head > span { color:var(--muted); font-size:.58rem; letter-spacing:.2em; text-transform:uppercase; }
.career-list { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; border:0; }
.career-list::before { content:""; position:absolute; top:5px; left:0; right:0; height:1px; background:linear-gradient(90deg,var(--accent),#2e667d); }
.career-list article { position:relative; min-width:0; padding:35px 10px 0 0; display:block; border:0; }
.career-list article::before { content:""; position:absolute; top:0; left:0; width:11px; height:11px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(115,239,184,.1); }
.career-list time { display:block; margin-bottom:14px; color:var(--muted); font:500 .64rem var(--display); }
.career-list h3 { min-height:42px; margin:0 0 10px; font:600 .86rem var(--display); }
.career-list p { margin:0; color:var(--muted); font-size:.7rem; line-height:1.55; }
.contact { padding:110px 4vw 60px; text-align:left; position:relative; }
.contact > p { margin:0; color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.14em; }
.contact h2 { max-width:950px; margin:25px 0 50px; font:600 clamp(3rem,6.5vw,6.7rem)/.9 var(--display); letter-spacing:-.06em; }
.email { display:inline-flex; gap:15px; max-width:100%; padding-bottom:7px; border-bottom:1px solid var(--accent); font-size:clamp(1rem,2vw,1.5rem); overflow-wrap:anywhere; }
.email span { color:var(--accent); }
.contact-row { margin-top:115px; padding-top:22px; display:flex; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }
footer { padding:24px 4vw; display:flex; justify-content:space-between; color:var(--muted); font-size:.64rem; border-top:1px solid var(--line); }

@media (max-width:900px) {
  .site-nav nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:80px; }
  .hero-photo { inset:0 0 auto; height:760px; background-image:linear-gradient(180deg,rgba(6,23,37,.28) 0%,rgba(6,23,37,.38) 58%,#061725 100%),linear-gradient(90deg,rgba(6,23,37,.38) 0%,rgba(6,23,37,.2) 58%,rgba(6,23,37,.72) 100%),url("assets/dmitriy-office-reading.png"); background-position:40% center; opacity:.72; }
  .command-panel { width:min(100%,620px); justify-self:end; }
  .section { grid-template-columns:1fr; padding-block:85px; }
  .section-label { margin-bottom:20px; }
  .leadership { grid-template-columns:1fr; }
  .capability-grid { grid-template-columns:1fr 1fr; }
  .career-list { grid-template-columns:1fr 1fr; }
  .career-list::before { display:none; }
  .career-list article { padding:25px; border:1px solid var(--line); }
  .career-list article::before { top:20px; left:auto; right:20px; }
}
@media (max-width:560px) {
  .site-nav { height:66px; }
  .hero { min-height:auto; padding:65px 5vw 75px; }
  .hero-photo { height:690px; background-position:39% center; opacity:.66; }
  .hero h1 { font-size:20vw; }
  .summary { font-size:.88rem; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .primary { width:100%; }
  .command-panel { width:100%; }
  .panel-main { grid-template-columns:1fr; }
  .growth-copy strong { font-size:3.8rem; }
  .panel-grid { grid-template-columns:1fr; }
  .section { padding:70px 5vw; }
  .profile h2 { font-size:2.8rem; }
  .two-cols { grid-template-columns:1fr; }
  .expertise-list article { grid-template-columns:32px 1fr 22px; }
  .expertise-list article p { grid-column:2 / -1; }
  .career-list article { grid-template-columns:1fr; gap:12px; }
  .career-list > article > span { display:none; }
  .leadership,.capabilities,.career { padding:70px 5vw; }
  .leadership h2 { font-size:2.55rem; }
  .capability-grid { grid-template-columns:1fr; padding:20px; }
  .capability-grid h3 { min-height:0; }
  .career-head { align-items:flex-start; flex-direction:column; gap:18px; }
  .career-list { grid-template-columns:1fr; }
  .contact { padding:80px 5vw 45px; }
  .contact h2 { font-size:3.15rem; }
  .email { font-size:.84rem; gap:7px; }
  .contact-row { margin-top:70px; align-items:center; flex-direction:column; gap:14px; }
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}