/* Shorter copy and personal project plans. */
.jb-brand{font-size:23px;letter-spacing:-1.1px}header nav{gap:26px!important}
[data-purpose=hero-overview] .pt-4.flex.flex-wrap>span:not(:first-child){position:relative;display:inline-block;transition:transform .25s,border-color .25s,background .25s,color .25s,box-shadow .25s;cursor:default}
[data-purpose=hero-overview] .pt-4.flex.flex-wrap>span:not(:first-child):hover{transform:translateY(-3px);color:#d5fff0;border-color:#10b98190;background:#10b98112;box-shadow:0 0 15px #10b98120}
.experience-points{padding-left:17px;list-style:disc;color:#94a3b8;font-size:12px;line-height:1.9}
.personal-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.personal-project{border:1px solid #26262e;border-radius:16px;padding:24px;background:#101014;transition:border-color .3s,box-shadow .3s}.personal-project:hover{border-color:#10b98166;box-shadow:0 0 30px #10b9810b}.project-plan-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px 'JetBrains Mono',monospace;color:#8a9ba6;letter-spacing:.6px}.planned-badge{font-size:9px;letter-spacing:0;border:1px solid #6366f14d;color:#b4b6ff;background:#6366f10c;border-radius:30px;padding:4px 8px}.project-concept{height:145px;margin:20px 0 24px;border:1px solid #ffffff09;border-radius:11px;background:radial-gradient(ellipse at center,#10b98109,transparent 70%),#0c0d10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;overflow:hidden}.project-concept>span{font:9px 'JetBrains Mono',monospace;color:#75968b}.personal-project h3{font-size:22px;font-weight:600;letter-spacing:-.6px;color:#f1f5f9;margin:0 0 10px}.project-description{color:#c1ccd6;font-size:14px;line-height:1.6;margin:0 0 9px}.project-goal{color:#889aa8;font-size:12px;line-height:1.8;margin:0 0 18px}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags span{font:10px 'JetBrains Mono',monospace;padding:5px 8px;border:1px solid #29353b;border-radius:5px;color:#92b6b9;background:#12181b}.personal-project details{border-top:1px solid #26262e;margin-top:22px;padding-top:14px}.personal-project summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;color:#a2b2bd;font:11px 'JetBrains Mono',monospace;list-style:none}.personal-project summary::-webkit-details-marker{display:none}.personal-project summary span{font-size:18px;color:#10b981;transition:transform .25s}.personal-project details[open] summary span{transform:rotate(45deg)}.personal-project details ul{padding:15px 0 0 17px;margin:0;list-style:disc;font-size:12px;line-height:1.9;color:#9cadba}.voice-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:75px}.voice-wave i{width:4px;display:block;border-radius:4px;background:linear-gradient(#38bdf8,#10b981);opacity:.65}.property-sketch{display:flex;align-items:center;gap:25px;color:#38bdf8}.property-sketch>i{font-style:normal;font-size:56px;line-height:1}.property-sketch>div{display:grid;gap:8px}.property-sketch b{font:10px 'JetBrains Mono',monospace;color:#8dabb9}.state-sketch{display:flex;align-items:center;gap:14px}.state-sketch>div{padding:14px 13px;border:1px solid #6366f14a;border-radius:8px;background:#6366f108}.state-sketch>div:last-child{border-color:#10b9814a;background:#10b98108}.state-sketch b{font:10px 'JetBrains Mono',monospace;color:#c1c7ff}.state-sketch small{display:block;color:#80939f;font-size:9px;margin-top:7px}.state-sketch>span{color:#38bdf8}.inbox-sketch{display:flex;align-items:center;gap:9px;font:9px 'JetBrains Mono',monospace;color:#8ea9b4}.inbox-sketch b{padding:13px 10px;border:1px solid #10b9815c;border-radius:8px;color:#9de3c8;font-weight:400}.inbox-sketch i{font-style:normal;color:#38bdf8}.contact-note{margin-bottom:18px}#contact #email-address{font-size:11px}main>section{scroll-margin-top:80px}
@media(max-width:767px){.personal-projects{grid-template-columns:1fr;gap:18px}.personal-project{padding:20px}.project-concept{height:130px}.personal-project h3{font-size:21px}.project-description{font-size:13px}.project-plan-meta{font-size:8px}.jb-brand{font-size:21px}.inbox-sketch{gap:6px;font-size:8px}.inbox-sketch b{padding:11px 8px}.state-sketch{gap:9px}.state-sketch>div{padding:11px 9px}.state-sketch b{font-size:9px}}
@media(prefers-reduced-motion:reduce){[data-purpose=hero-overview] .pt-4.flex.flex-wrap>span:not(:first-child){transition:none}[data-purpose=hero-overview] .pt-4.flex.flex-wrap>span:not(:first-child):hover{transform:none}}