@font-face {
  font-family: 'Stack Sans Headline';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/StackSansHeadline-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Stack Sans Headline';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/StackSansHeadline-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Stack Sans Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/StackSansText-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Stack Sans Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/StackSansText-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root { color-scheme: light; font-family: 'Stack Sans Text', sans-serif; font-weight: 400; font-optical-sizing: none; color: #080808; background: #fff; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: #666; }
a:focus-visible { outline: 2px solid #080808; outline-offset: 5px; border-radius: 1px; }
main { width: min(100%, 1200px); padding: 118px 68px 120px; }
.studio-name, .tagline, .collection-title, .entry-title { font-family: 'Stack Sans Headline', sans-serif; font-size: 36px; font-weight: 400; line-height: 1.2; letter-spacing: -0.03em; }
.studio-name { display: inline-block; }
.studio-name, .entry-title a { text-decoration-thickness: 0.055em; text-underline-offset: 0.08em; }
.tagline { margin: 16px 0 0; }
.social-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; font-size: 21px; line-height: 1.4; }
.collection { margin-top: 42px; }
.collection-title { margin: 0 0 24px; }
.entry { width: min(100%, 530px); margin-bottom: 24px; }
.entry-image { display: block; width: 530px; max-width: 100%; height: auto; }
.image-link { display: block; width: fit-content; max-width: 100%; }
.entry-title { margin: 20px 0 10px; }
.summary { font-size: 21px; line-height: 1.4; letter-spacing: -0.02em; margin: 0; }
.collection + .collection { margin-top: 22px; }
.detail { max-width: 780px; }
.back { display: inline-block; margin: 0 0 40px; font-size: 18px; }
.detail h1, .prose h2, .prose h3 { font-family: 'Stack Sans Headline', sans-serif; }
.detail h1 { font-weight: 400; font-size: 36px; letter-spacing: -0.03em; margin: 0 0 16px; }
.prose { font-size: 21px; line-height: 1.6; }
.prose img { max-width: 100%; height: auto; }
.prose h2, .prose h3 { font-weight: 400; }
.prose pre { white-space: pre-wrap; padding: 16px; background: #f5f5f5; font-size: 16px; }
.prose blockquote { border-left: 2px solid #ccc; margin-left: 0; padding-left: 20px; }
@media (max-width: 650px) {
  main { padding: 56px 24px 80px; }
  .studio-name, .tagline, .collection-title, .entry-title { font-family: 'Stack Sans Headline', sans-serif; font-size: 28px; letter-spacing: -0.03em; }
  .tagline { margin-top: 12px; }
  .collection { margin-top: 34px; }
  .collection-title { margin-bottom: 18px; }
  .entry-title { margin-top: 16px; }
  .summary, .prose, .social-links { font-size: 18px; }
}

.summary-link { text-decoration: none; }
.summary-link:hover { text-decoration: underline; }