html {
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
background: #ffffff;
color: #000000;
font-family: monospace;
font-size: 20px;
line-height: 1.15;
}

.page {
padding: 24px;
}

a {
color: #000000;
text-decoration: underline;
}

a:visited {
color: #000000;
}

a:hover {
color: #000000;
}

.work-link {
display: block;
margin-bottom: 24px;
}

.title {
font-size: 20px;
font-weight: normal;
line-height: 1.15;
margin: 0 0 24px 0;
}

.meta {
font-size: 20px;
line-height: 1.15;
white-space: pre-line;
margin: 0 0 24px 0;
}

img {
display: block;
max-width: 100%;
height: auto;
}

.artwork-image {
max-height: 78vh;
width: auto;
}

.back-link {
display: block;
margin-bottom: 24px;
}

@media (max-width: 700px) {
body,
.title,
.meta {
font-size: 18px;
}

.page {
padding: 16px;
}

.back-link {
margin-bottom: 16px;
}

.title {
margin-bottom: 16px;
}

.meta {
margin-bottom: 16px;
}

.artwork-image {
max-height: none;
}
}