#000 directly,same convention as project.css. */ #info{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-fg);animation:info-fade-in 1s ease both}@keyframes info-fade-in{0%{opacity:0}to{opacity:1}}.info-content{width:100%;margin:0 auto;padding:400px var(--space-lg-fluid) 0}.info-hello-row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--space-md-fluid)}.info-label,.info-lead{font-size:var(--text-body-lg);font-weight:600;line-height:1.15;letter-spacing:var(--tracking-snug)}.info-label{grid-column:1 / span 2}.info-lead{grid-column:5 / span 8}.info-paragraphs{display:flex;flex-direction:column;gap:var(--space-xl-fluid);margin-top:var(--space-xl-fluid)}.info-paragraphs p{font-size:var(--text-body-lg);font-weight:600;line-height:1.15;letter-spacing:var(--tracking-snug)}.info-content-tight{padding-top:0;padding-bottom:var(--space-xxxl-fluid)}.info-contact-row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--space-md-fluid);margin-top:var(--space-xxxl-fluid)}.info-photo{grid-column:1 / span 3;aspect-ratio:3 / 4;overflow:hidden}.info-photo img{display:block;width:100%;height:100%;object-fit:cover}.info-contact-list{grid-column:4 / span 3;display:flex;flex-direction:column}.info-contact-group{display:flex;flex-direction:column}.info-contact-heading{font-size:var(--text-body);font-weight:600;letter-spacing:var(--tracking-snug);color:var(--color-fg);opacity:.5}.info-contact-value{font-size:var(--text-body);font-weight:600;letter-spacing:var(--tracking-snug);color:var(--color-fg);text-decoration:none;word-break:break-word}.info-contact-value:hover{text-decoration:underline}@media(max-width:480px){.info-hello-row{display:flex;flex-direction:column;gap:var(--space-md-fluid)}.info-contact-row{display:flex;flex-direction:column;gap:var(--space-lg-fluid)}.info-photo{width:40%;max-width:160px}}