.skip-link{position:absolute;left:20px;top:-100px;z-index:100;color:var(--bg);background:var(--acid);padding:14px}.skip-link:focus{top:10px}
.case-project-list{padding-left:26px;color:var(--muted);font-size:16px;line-height:1.8}.case-project-list li{padding-left:8px;margin:0 0 18px}.case-project-list li::marker{color:var(--acid)}
#camera-output .flame-1{color:#f45b25}#camera-output .flame-2{color:#ffb329}#camera-output .flame-3{color:#fff0a1}#hand-status{min-height:1.5em;color:var(--acid);font-size:12px}
.experience-examples{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;font-size:13px}.experience-examples a{color:var(--acid);padding:6px 0}.experience-examples a:hover{text-decoration:underline}
footer #pi{position:static;inset:auto;z-index:auto;width:auto;height:auto;padding:0 4px;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;opacity:.7}footer #pi:hover{opacity:1;color:var(--acid)}
.fullscreen-experiment{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(22px,5vw,70px);border:0;overflow:auto;background:var(--bg)}body:has(.fullscreen-experiment[open]){overflow:hidden}.fullscreen-experiment .modal-head button{background:none;border:0;color:var(--acid);font:14px monospace;min-height:44px}.fullscreen-experiment .modal-head button:last-child{font-size:28px}.experiment-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:35px}.experiment-choices button{text-align:left}.experiment-stage{min-height:55vh;margin-top:30px}.experiment-stage canvas{display:block;width:100%;height:60vh}.experiment-stage>a{color:var(--acid);font:12px monospace}.experiment-stage .portrait{max-width:650px;margin:auto}.experiment-stage .portrait pre{height:45vh;font-size:clamp(5px,1vw,12px)}.experiment-stage>.mini-art{height:22vh;font-size:clamp(5px,1.4vw,14px)}@media(max-width:760px){.experiment-choices{grid-template-columns:1fr}footer #pi{align-self:flex-end}.fullscreen-experiment h2{font-size:32px}}
.hero .hero-grid{grid-template-columns:minmax(0,850px)}.hero #headline{font-size:clamp(24px,3vw,42px);line-height:1.25}.hero-subtitle{color:var(--acid);font-size:14px}.hero #summary{max-width:720px;font-size:17px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button-secondary{background:transparent;border:1px solid var(--acid);color:var(--acid)}
header nav{gap:20px;flex-wrap:wrap}header{gap:18px}
#projetos .project-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#projetos .project-case-grid .project{display:block;max-width:none;padding:24px}#projetos .project-case-grid .mini-art{width:100%;height:80px;font-size:3px}#projetos .project-case-grid h3{font-size:23px;line-height:1.3}#projetos .project-case-grid p{font-size:14px;margin-top:12px}#projetos .case-categories{color:var(--acid);font:10px/1.6 monospace!important}.filters{flex-wrap:wrap;gap:8px}.filters button{min-height:40px}
.specialty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:35px}.specialty-card{padding:28px;border:1px solid var(--line);background:var(--panel)}.specialty-card h3{font-size:25px;margin-top:0}.skill-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}.skill-list li{font:12px/1.6 monospace;padding:6px 10px;border:1px solid var(--line);overflow-wrap:anywhere}.technology-reference{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.technology-reference summary{cursor:pointer;color:var(--acid);line-height:1.7}.technology-reference pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font:13px/1.9 monospace}
#trajetoria .career-layout{display:block;margin-top:35px}.timeline{max-height:none;overflow:visible;padding:0}.timeline article{padding:30px 0}.timeline p{max-width:1000px;font-size:16px}.career-education{padding:55px 0 0;border:0;display:block}.career-education h2{font-size:clamp(38px,4.6vw,70px)}.career-education .learning-list{padding:0;margin-top:35px}.career-education .learning-list article{border-top:1px solid var(--line);border-bottom:0;padding:30px 0}.records strong{font-size:16px}.records span{font-size:12px;line-height:1.7}
.lab-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:24px;margin-top:35px}.lab-card{padding:25px;border:1px solid var(--line);background:var(--panel);min-width:0}.lab-card h3{font-size:25px}.lab-card a{color:var(--acid);text-decoration:underline}.lab-projects{margin-top:24px}.lab-projects .mini-art{height:65px;font-size:3px}.case-details h3{font-size:22px;margin-bottom:8px}.case-details p{font-size:16px}.case-details>div{padding:12px 0;border-top:1px solid var(--line)}#project-modal{max-width:960px}
#contact-links{flex-wrap:wrap}#contact-links a{padding:10px 0;min-height:44px}
@media(max-width:1100px){header nav{gap:13px;font-size:12px}#projetos .project-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){nav{justify-content:flex-start;gap:12px 20px}#projetos .project-case-grid,.specialty-grid,.career-education,.lab-grid,.lab-projects{grid-template-columns:1fr}.hero #summary{font-size:16px}.hero-subtitle{line-height:1.8}.hero .hero-grid{min-height:560px}.career-education{gap:15px}.specialty-card{padding:22px}.name-row h1{white-space:normal}.lab-grid .portrait pre{font-size:6px}.hero-actions .button{gap:16px}.skill-list li{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.name-avatar{transition:none}.typewriter-cursor{animation:none}}