:root{--bg:#121212;--card:#1e1e1e;--text:#f4f4f4;--muted:#9b9b9b;--gold:#d4af37;--line:#333;--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{height:100vh;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.shell{height:100vh;display:grid;grid-template-columns:1fr 1fr}.sidebar{min-width:0;padding:clamp(22px,2.5vw,42px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:radial-gradient(circle at 20% 45%,rgba(212,175,55,.06),transparent 38%),var(--bg)}.side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.logo{font-size:clamp(20px,1.8vw,28px);font-weight:800;letter-spacing:-.05em}.logo span{color:var(--gold)}.contacts{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font:clamp(7px,.55vw,9px) var(--mono);color:var(--muted)}.contacts a{border-bottom:1px solid transparent}.contacts a:hover,.contacts a:focus-visible{color:var(--text);border-color:var(--gold)}.hero{margin:auto 0;max-width:640px}.profile{width:64px;height:64px;border-radius:50%;filter:grayscale(100%);display:block;margin-bottom:clamp(14px,2vh,24px);border:1px solid #444}.eyebrow{margin:0 0 clamp(10px,1.5vh,18px);font:clamp(8px,.62vw,10px) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(48px,5.5vw,92px);line-height:.88;letter-spacing:-.07em;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--gold)}.summary{max-width:540px;margin:clamp(15px,2.2vh,26px) 0 0;color:var(--muted);font-size:clamp(13px,1.05vw,17px);line-height:1.55}.linkedin{display:inline-block;margin-top:clamp(14px,2vh,24px);padding-bottom:3px;border-bottom:1px solid var(--gold);font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metrics div{min-height:clamp(70px,10vh,104px);padding:clamp(10px,1.25vw,18px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics strong{font-size:clamp(22px,2.25vw,36px);letter-spacing:-.05em}.metrics span{font:clamp(7px,.55vw,9px) var(--mono);text-transform:uppercase;color:var(--muted)}.content-pane{min-width:0;height:100vh;padding:clamp(22px,2.5vw,42px);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(18px,2.2vh,28px)}.tabs{display:flex;gap:clamp(18px,2.2vw,36px);border-bottom:1px solid var(--line)}.tab{position:relative;padding:3px 0 15px;border:0;background:none;color:var(--muted);font:clamp(8px,.65vw,10px) var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap}.tab:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}.tab:hover,.tab:focus-visible,.tab.active{color:var(--text)}.tab.active:after{background:var(--gold)}.cards{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.card{min-width:0;min-height:0;background:var(--card);border-radius:16px;padding:clamp(16px,1.55vw,24px);display:flex;flex-direction:column;animation:card-in .3s ease}.card-head{display:flex;align-items:flex-start;justify-content:space-between}.sequence{font:9px var(--mono);color:var(--gold)}.switch-icon{width:32px;height:18px;flex:none}.switch-icon rect{fill:none;stroke:#555}.switch-icon circle{fill:var(--gold)}.card h2{margin:clamp(18px,3vh,36px) 0 8px;font-size:clamp(18px,1.8vw,28px);line-height:1.05;letter-spacing:-.04em}.card p{margin:0;color:var(--muted);font-size:clamp(10px,.78vw,13px);line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}.tag{border:1px solid #454545;border-radius:99px;padding:5px 8px;font:clamp(6px,.48vw,8px) var(--mono);text-transform:uppercase;color:#c8c8c8}.pane-foot{display:flex;justify-content:space-between;font:8px var(--mono);text-transform:uppercase;color:#666}.pane-foot span:first-child{color:var(--gold)}@keyframes card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-height:700px){.sidebar,.content-pane{padding:20px}.profile{width:52px;height:52px;margin-bottom:10px}h1{font-size:clamp(42px,5vw,72px)}.summary{margin-top:12px}.linkedin{margin-top:12px}.metrics div{min-height:64px}.content-pane{gap:14px}.card{padding:15px}.card h2{margin-top:14px;font-size:20px}.card p{font-size:10px}.tabs{gap:20px}.tab{padding-bottom:10px}}@media(max-width:820px){.shell{grid-template-columns:1fr 1fr}.sidebar,.content-pane{padding:14px}.side-head{display:block}.contacts{align-items:flex-start;margin-top:8px}.profile{width:52px;height:52px}.eyebrow{font-size:6px}h1{font-size:clamp(34px,8vw,54px)}.summary{font-size:10px}.metrics div{padding:8px}.metrics strong{font-size:18px}.metrics span{font-size:5px}.content-pane{gap:12px}.tabs{gap:10px;overflow:hidden}.tab{font-size:6px;padding-bottom:10px}.cards{gap:8px}.card{border-radius:10px;padding:10px}.card h2{font-size:14px;margin:10px 0 5px}.card p{font-size:8px}.tags{gap:3px;padding-top:5px}.tag{font-size:5px;padding:3px 5px}.switch-icon{width:24px}.pane-foot{font-size:6px}}@media(prefers-reduced-motion:reduce){.card{animation:none}}