.topbar{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.back,.brand{align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.back{border:1px solid var(--line);backdrop-filter:blur(8px);font-size:var(--fs-small);color:var(--ink);transition:background .3s, border-color .3s, transform .5s var(--ease-out);background:#ffffff80;border-radius:999px;padding:.55rem 1rem .55rem .8rem;font-weight:500}.back svg{transition:transform .5s var(--ease-out)}.back:hover{border-color:var(--accent);background:#fff}.back:hover svg{transform:translate(-3px)}.brand span{font-family:var(--font-display);color:var(--ink);font-size:1.35rem}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);min-height:calc(100svh - 90px);padding:2rem 0 5rem;display:grid}.hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h1);letter-spacing:-.02em;color:var(--charcoal);margin:0;line-height:.98}.role{font-family:var(--font-display);font-size:var(--fs-h3);margin:1rem 0 0}.bio{max-width:34rem;font-size:var(--fs-lead);color:var(--text-muted);margin:1.75rem 0 0;line-height:1.55}.inline-link{color:var(--ink);background:linear-gradient(var(--accent), var(--accent)) 0 100% / 100% 1px no-repeat;font-weight:600;text-decoration:none;transition:color .3s}.inline-link:hover{color:var(--accent)}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.p3d-wrap{perspective:1400px;justify-self:center;width:min(100%,440px);padding:2rem 1.5rem 3rem;position:relative}.p3d{aspect-ratio:4/5;transform-style:preserve-3d;will-change:transform;position:relative}.p3d>*{position:absolute}.p3d-photo{border-radius:26px;margin:0;inset:0;overflow:hidden;box-shadow:0 40px 80px -30px #1d2d3d99}.p3d-photo img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.p3d-shadow{filter:blur(12px);background:radial-gradient(#1d2d3d55,#0000 70%);border-radius:50%;height:28px;position:absolute;bottom:0;left:18%;right:18%}@keyframes bob{50%{translate:0 -8px}}.connect{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);padding:clamp(4rem,3rem + 4vw,8rem) 0;display:grid}.scene{aspect-ratio:1;border-radius:var(--radius-l);border:1px solid var(--line);cursor:grab;background:radial-gradient(circle at 50% 45%,#94bce344,#0000 60%),linear-gradient(160deg,#fafafb,#e8e8ea);position:relative;overflow:hidden}.scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-fallback{display:none}.no-webgl .scene-fallback{width:50%;animation:5s ease-in-out infinite bob;display:block;position:absolute;inset:25%}.scene-hint{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.68rem;position:absolute;bottom:1.25rem;left:50%;translate:-50%}.connect h2,.focus h2,.cta h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);letter-spacing:-.015em;margin:0;line-height:1.05}.contacts{gap:.85rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.contact{background:var(--paper-raised);border:1px solid var(--line);transition:transform .5s var(--ease-out), border-color .3s, box-shadow .5s var(--ease-out);border-radius:18px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;text-decoration:none;display:flex;box-shadow:inset 0 1px #fff,0 20px 40px -32px #1d2d3d66}.contact:hover{border-color:var(--accent);box-shadow:inset 0 1px #fff,0 28px 50px -30px #1d2d3d88}.c-icon{background:var(--ink);width:46px;height:46px;color:var(--tint);transition:background .3s, transform .5s var(--ease-out);border-radius:14px;flex:none;place-items:center;display:grid}.contact:hover .c-icon{background:var(--accent);color:#fff;transform:rotate(-6deg)scale(1.05)}.c-text{flex:1;min-width:0;display:grid}.c-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.c-value{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.contact .arrow{color:var(--accent);transition:transform .5s var(--ease-out)}.contact:hover .arrow{transform:translate(4px)}.focus{padding:0 0 clamp(4rem,3rem + 4vw,7rem)}.focus header{margin-bottom:2.5rem}.focus-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.focus-card{border-radius:var(--radius-l);background:var(--paper-raised);border:1px solid var(--line);transition:transform .5s var(--ease-out), background .5s, color .5s, opacity 1s var(--ease-out) var(--d,0s);padding:1.75rem 1.5rem}.focus-card:hover{background:var(--ink);color:var(--text-on-ink)}.f-num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent);font-size:.75rem}.focus-card:hover .f-num{color:var(--tint)}.focus-card h3{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h3);margin:2.5rem 0 .5rem}.focus-card p{font-size:var(--fs-small);color:var(--text-muted);margin:0;transition:color .5s}.focus-card:hover p{color:var(--text-on-ink-muted)}.cta{border-radius:var(--radius-l);background:radial-gradient(circle at 85% 20%, #5980a655, transparent 50%), linear-gradient(150deg, var(--ink-raised), var(--ink-deep));color:var(--text-on-ink);margin:0 0 2rem;padding:clamp(2.5rem,2rem + 4vw,6rem);position:relative;overflow:hidden}.cta-inner{max-width:40rem}.cta em{color:var(--tint)}.cta .btn{margin-top:2.5rem}@media (width<=960px){.hero,.connect{grid-template-columns:1fr}.hero{min-height:auto;padding-top:1rem}.p3d-wrap{order:-1;width:min(100%,360px)}.focus-grid{grid-template-columns:repeat(2,1fr)}.scene{justify-self:center;width:100%;max-width:520px}}@media (width<=560px){.focus-grid{grid-template-columns:1fr}.brand span{display:none}}