/* Personal portfolio layer; shares the laboratory's colors and typography. */
.hero-role{font:11px/1.9 var(--mono);color:var(--purple);margin:23px 0 0}.hero-role span{color:#617086;padding:0 3px}.hero-socials{display:flex;gap:24px;margin-top:27px;font:11px var(--mono);color:var(--muted)}.hero-socials a:hover{color:var(--cyan)}.personal-about{border-top:1px solid var(--border)}.bio-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:75px;align-items:start}.bio-copy p{font-size:15px;line-height:1.85}.bio-copy .lead{font-size:21px;line-height:1.6;color:var(--text);letter-spacing:-.4px}.bio-copy strong{color:#d3caee;font-weight:500}.personal-card{padding:30px;background:linear-gradient(145deg,#1b2034,#111923);border:1px solid #41415c;border-radius:12px}.monogram{position:relative;width:70px;height:70px;border:1px solid #5b5475;border-radius:18px;display:grid;place-items:center;font:26px var(--mono);color:var(--purple);background:#24223b;margin-bottom:23px}.monogram span{position:absolute;bottom:-6px;right:-6px;background:#1a333b;color:var(--cyan);font-size:20px;border-radius:6px;padding:0 5px}.personal-card h3{font-size:23px}.personal-card>p{margin:9px 0 22px}dl{margin:0}.personal-card dl>div{border-top:1px solid var(--border);padding:13px 0}.personal-card dt,.setup-strip dt{font:9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.personal-card dd{margin:5px 0 0;font-size:13px}.interests{padding-top:20px}.interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--border);background:var(--border);border-radius:9px;overflow:hidden}.interest-grid article{padding:28px;background:#101722}.interest-grid article>span{font:9px var(--mono);letter-spacing:1px;color:var(--purple)}.interest-grid h3{font-size:19px;line-height:1.35;letter-spacing:-.4px;margin:18px 0 12px}.interest-grid p{font-size:12px;line-height:1.8;margin:0}.projects-block{padding-top:42px;scroll-margin-top:100px}.project-details{color:var(--muted);font-size:12px;line-height:1.9;padding-left:18px;margin:0 0 24px}.project-details li{margin-bottom:7px}.toolkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.toolkit-grid .card h3{margin-top:0}.toolkit-grid .tags{margin-bottom:0}.setup-strip{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px;margin-top:25px;border:1px solid var(--border);border-radius:8px;background:#121926}.setup-strip h3{font-size:21px;margin-bottom:13px}.setup-strip .eyebrow{font-size:9px;margin-bottom:16px}.setup-strip p{font-size:12px;margin-bottom:0}.setup-strip dl{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setup-strip dd{font-size:13px;margin:5px 0 0}.contact-section{border-top:1px solid #37324b;background:radial-gradient(ellipse at 5% 100%,#412a6b40,transparent 75%),#10141f}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:90px}.contact-layout h2{font-size:clamp(36px,4vw,55px);margin-bottom:24px}.contact-layout p{font-size:14px;max-width:440px}.contact-email{font-size:clamp(16px,2.1vw,25px);color:var(--cyan);overflow-wrap:anywhere}.contact-email:hover{text-decoration:underline}.contact-email span{margin-left:8px}.contact-links{display:grid;align-content:center}.contact-links>a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343c50;padding:20px 4px;font-size:17px}.contact-links>a:hover{color:var(--cyan)}.contact-links small{display:block;font-size:11px;margin-top:4px}.contact-links>a>span:last-child{color:var(--purple)}.coding-profiles{display:flex;flex-wrap:wrap;gap:25px;font-size:12px;margin-top:50px;border-top:1px solid var(--border);padding-top:25px}.coding-profiles>span{margin-right:auto;font-size:9px;letter-spacing:1px}.coding-profiles a:hover{color:var(--cyan)}
@media(max-width:1100px){.bio-layout{gap:35px}.contact-layout{gap:45px}.hero h1{font-size:43px}}
@media(max-width:800px){.bio-layout{grid-template-columns:1fr}.personal-card{max-width:550px;width:100%}.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:58px}.setup-strip,.contact-layout{grid-template-columns:1fr}.contact-layout{gap:25px}.hero-role{font-size:10px}.bio-copy .lead{font-size:19px}.interests{padding-top:0}}
@media(max-width:480px){.hero h1{font-size:39px}.hero-role{font-size:9px}.hero-socials{font-size:10px}.interest-grid,.toolkit-grid{grid-template-columns:1fr}.personal-card,.setup-strip{padding:23px}.bio-copy p{font-size:14px}.contact-section>.shell>.eyebrow{font-size:8px;letter-spacing:1px;line-height:1.8}.coding-profiles{gap:15px}.coding-profiles>span{width:100%}.setup-strip dl{gap:18px 10px}.setup-strip dd{font-size:12px}}