/* Portfolio layout styles (matching provided screenshot) */
:root{
  --text:#0f1720;
  --muted:#7f94a3;
  --accent:#0a6;
}
body{
  font-family: 'Montserrat', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  color:var(--text);
}
.portfolio{
  max-width:760px;
  margin:48px auto;
  padding:48px 40px;
}
.avatar{
  width:56px;
  height:59px;
  display:block;
  margin-bottom:20px;
}
h1{
  font-size:48px;
  line-height:1;
  margin:0 0 6px;
}
.subtitle{
  color:#6b7a86;
  margin:0 0 20px;
  font-weight:500;
}
.intro p{
  color:#2a3843;
  max-width:680px;
  line-height:1.6;
}
.selected-work{
  margin-top:48px;
}
.selected-work h2{
  font-size:12px;
  letter-spacing:0.12em;
  color:#9aa8b4;
  margin:0 0 18px;
	font-weight: normal;
}
.selected-work ul{list-style:none;padding:0;margin:0;border-top:1px solid #e6edf2}
.selected-work li{padding:18px 0;border-bottom:1px solid #e6edf2}
.selected-work h3{margin:0;font-size:18px; font-weight: unset;}
.selected-work p{margin:6px 0 0;color:var(--muted)}
.selected-work a{display:block;color:inherit;text-decoration:none;transition:padding-left .18s ease, color .18s ease}
.selected-work a:hover{padding-left:6px}
footer{margin-top:36px}
footer a{color:var(--text);text-decoration:none}

@media (max-width:700px){
  .portfolio{padding:28px}
  h1{font-size:32px}
}


.selected-work a.soon {
	opacity: .5;
	transition: none;
}

.selected-work a.soon:hover { padding-left:0; cursor:default }