@import url("./typography.css?v=balanced-1");
:root { color:#262626; background:#ffffff; }
* { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible { outline:2px solid #737373; outline-offset:5px; }
.skip-link { position:fixed; left:20px; top:-100px; z-index:100; background:#ffffff; padding:12px; }
.skip-link:focus { top:10px; }
.portfolio-nav { max-width:1080px; margin:auto; height:76px; display:flex; align-items:center; justify-content:flex-end; gap:28px; padding-top:8px; }
.portfolio-nav a { color:#737373; padding-block:8px; }
.portfolio-nav a:hover,.portfolio-nav a[aria-current] { color:#262626; }
.portfolio-layout { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:280px minmax(0,1fr); column-gap:32px; align-items:start; }
.profile { position:sticky; top:28px; height:calc(100dvh - 104px); min-height:530px; display:flex; flex-direction:column; padding-right:24px; padding-bottom:24px; }
.profile-seal { width:96px; height:77px; display:block; margin-bottom:10px; }
.profile h1 { margin:0 0 24px; white-space:nowrap; }
.profile-copy { color:#737373; }
.profile-copy p { margin:0 0 14px; }
.profile-copy a { text-decoration:underline; text-decoration-color:#737373; text-underline-offset:3px; }
.updated { color:#737373; margin-top:12px; }
.profile-contact { margin-top:auto; display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding-top:30px; color:#737373; }
.profile-contact a:hover { color:#262626; }
.work-feed { min-width:0; padding-bottom:70px; }
.project-meta { color:#737373; }
.about-content { padding-bottom:80px; min-width:0; }
.section-label { color:#737373; text-transform:uppercase; margin:0 0 28px; }
.about-content section { margin-bottom:56px; }
.about-content p { margin:0 0 22px; }
.about-content a { text-decoration:underline; text-underline-offset:4px; text-decoration-color:#737373; }
.about-row { display:flex; align-items:baseline; justify-content:space-between; gap:24px; border-bottom:1px solid #737373; padding:14px 0; }
.about-row span { color:#737373; white-space:nowrap; }
.about-content video { width:100%; border-radius:14px; display:block; margin-bottom:16px; }
.about-content ul { list-style:none; margin:0; padding:0; }
.about-content li { border-bottom:1px solid #737373; padding:12px 0; }
@media(max-width:1150px) { .portfolio-nav,.portfolio-layout { margin-inline:32px; } }
@media(max-width:850px) { .portfolio-layout { grid-template-columns:240px minmax(0,1fr); gap:24px; } .profile { padding-right:12px; } }
@media(max-width:680px) { .portfolio-nav { margin-inline:24px; height:68px; gap:22px; padding:0; } .portfolio-layout { display:block; margin-inline:24px; } .profile { position:static; height:auto; min-height:0; padding:12px 0 36px; max-width:450px; } .profile-seal { width:84px; height:68px; } .profile h1 { margin-bottom:20px; } .profile-contact { flex-direction:row; gap:22px; padding-top:12px; } .project-card { margin-bottom:32px; } .about-page .profile-copy,.about-page .updated,.about-page .profile-contact { display:none; } .about-page .profile { padding-bottom:20px; } .about-row { flex-direction:column; gap:4px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
/* Original portfolio typography, with a quiet live Lisbon status. */
.profile h1 { margin:0 0 24px; }
.now-status { display:flex; align-items:flex-start; gap:12px; margin-top:18px; padding-top:22px; border-top:1px solid #737373; }
.now-status p { margin:0; color:#737373; }
@media(max-width:680px) { .now-status { margin-top:14px; margin-bottom:14px; max-width:340px; } .about-page .now-status { display:none; } }

.now-status { display:block; }
.profile > .updated { margin:12px 0 0; color:#737373; }

/* Hide scrollbar chrome throughout the site while preserving scrolling. */
html,body,body * { scrollbar-width:none!important; }
html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar { display:none; width:0; height:0; }