html,body,#root{min-height:100vh;margin:0}body{color:#111;background:#0b0c10;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}code{background:#f5f5f5;border-radius:.35rem;padding:.2rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.portfolio-shell{color:#1a1a1a;background:#f5f3ee;flex-direction:column;min-height:100vh;display:flex}.portfolio-header{border-bottom:1px solid #e2dfd7;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.5rem,5vw,4rem);display:flex}.portfolio-brand{letter-spacing:.2em;color:#1a1a1a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem}.portfolio-back-link{color:#b35c1e;letter-spacing:.05em;font-size:.85rem;text-decoration:none}.portfolio-back-link:hover{text-decoration:underline}.portfolio-main{flex-direction:column;flex:1;justify-content:center;max-width:720px;padding:2rem clamp(1.5rem,5vw,4rem);display:flex}.portfolio-main h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.portfolio-tagline{color:#b35c1e;letter-spacing:.05em;text-transform:uppercase;margin:0 0 1.5rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:600}.portfolio-body{color:#444;max-width:60ch;margin:0;font-size:1rem;line-height:1.6}@media (aspect-ratio<=1){.portfolio-back-link{display:none}}