:root{color:#172026;background:#f4f0ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{min-height:100vh}.portfolio-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(2rem,6vw,6rem);min-height:100vh;overflow:hidden;padding:clamp(2rem,7vw,6rem);background:radial-gradient(circle at 78% 22%,rgba(232,74,57,.22),transparent 32%),radial-gradient(circle at 16% 84%,rgba(32,132,117,.2),transparent 34%),linear-gradient(135deg,#f7f2eb,#e7ece7 54%,#eef2f7)}.portfolio-shell:before{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;pointer-events:none;border:1px solid rgba(23,32,38,.12);content:""}.hero-copy{position:relative;z-index:1;align-self:center;max-width:760px}.eyebrow{margin:0 0 1rem;color:#5d6b70;font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{max-width:10ch;margin:0;color:#101820;font-size:clamp(4rem,14vw,11rem);line-height:.86;letter-spacing:0}.role{min-height:1.5em;margin:1.35rem 0 0;color:#b34232;font-size:clamp(1.3rem,3vw,2.5rem);font-weight:800}.intro{max-width:620px;margin:1.15rem 0 0;color:#38484e;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.primary-action,.ghost-action{min-height:46px;cursor:pointer;border-radius:6px;padding:.8rem 1rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-action{border:1px solid #101820;background:#101820;color:#fff;box-shadow:0 14px 28px #1018202e}.ghost-action{border:1px solid rgba(16,24,32,.22);background:#ffffff6b;color:#101820}.primary-action:hover,.ghost-action:hover{transform:translateY(-2px)}.interactive-panel{position:relative;z-index:1;display:grid;align-self:center;min-height:min(520px,72vh);place-items:center}.orbit{position:absolute;width:min(34vw,420px);min-width:260px;aspect-ratio:1;border:1px solid rgba(16,24,32,.18);border-radius:50%;animation:spin 14s linear infinite}.orbit:before,.orbit:after{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1px solid rgba(179,66,50,.22);border-radius:50%;content:""}.orbit:after{top:29%;right:29%;bottom:29%;left:29%;border-color:#20847540}.orbit-dot{position:absolute;width:18px;aspect-ratio:1;border-radius:50%;box-shadow:0 12px 28px #10182033}.dot-one{top:4%;left:48%;background:#b34232}.dot-two{right:8%;bottom:22%;background:#208475}.dot-three{bottom:12%;left:15%;background:#dca941}.name-card{display:grid;width:min(100%,310px);gap:.8rem;border:1px solid rgba(16,24,32,.12);border-radius:8px;padding:1.4rem;background:#ffffff94;box-shadow:0 26px 80px #10182024;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-label{color:#6a777a;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.name-card strong{color:#101820;font-size:1.8rem;line-height:1.1}.name-card span:not(.card-label){color:#425157;font-weight:700}.portfolio-shell.is-highlighted .name-card{border-color:#b3423273;box-shadow:0 28px 90px #b3423242}.portfolio-shell.is-highlighted .orbit{animation-duration:6s}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.portfolio-shell{grid-template-columns:1fr;gap:2rem;min-height:auto}.portfolio-shell:before{top:.7rem;right:.7rem;bottom:.7rem;left:.7rem}.hero-copy{align-self:end;padding-top:2rem}.interactive-panel{min-height:330px}.orbit{width:min(78vw,340px)}}@media(max-width:520px){.portfolio-shell{padding:1.5rem}h1{font-size:clamp(3.3rem,20vw,5rem)}.actions{flex-direction:column}.primary-action,.ghost-action{width:100%}}