.masthead .site-brand { display: inline-flex; align-items: center; gap: 0; }
.masthead-emblem { width: 43px; height: 43px; border-radius: 50%; margin-right: 13px; }
.emblem-band { position: relative; isolation: isolate; overflow: hidden; background: #151d18; color: #f1eee5; margin: 0 7% 40px; padding: 45px 7%; }
.emblem-band::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url(myconaut-emblem.jpeg) right 9% center / min(40vw, 410px) no-repeat; mix-blend-mode: screen; opacity: .23; }
.emblem-band p { font: italic clamp(26px, 4vw, 49px)/1.2 Georgia, serif; margin: 0 0 12px; }
.emblem-band span { font: 12px/1.6 Arial, sans-serif; letter-spacing: .12em; }
.literary-title { padding: 40px 7% 25px; max-width: 1100px; }
.literary-title h1 { font-size: clamp(43px, 6.3vw, 92px); line-height: 1.03; margin: 15px 0 22px; }
.literary-tools { font-size: 13px; line-height: 1.8; }
.literary-cover { margin: 0 7% 42px; }
.literary-cover img { height: clamp(270px, 56vw, 700px); object-fit: cover; }
.literary-prose { width: min(86%, 720px); margin: 0 auto 50px; }
.literary-prose h2 { margin-top: 52px; }
.literary-prose p { font: 19px/1.85 Georgia, serif; margin: 0 0 21px; }
.literary-figure { margin: 30px 0 42px; }
.literary-figure img { max-height: 630px; object-fit: contain; }
.literary-figure video { width: 100%; display: block; background: #151d18; }
.literary-cover figcaption, .literary-figure figcaption, .gallery-photo figcaption { font: 12px/1.55 Arial, sans-serif; }
.literary-gallery summary { cursor: pointer; font: 25px/1.3 Georgia, serif; padding: 15px 0; border-top: 1px solid var(--line); }
.literary-gallery .archive-grid { margin-top: 18px; }
.gallery-photo { min-width: 0; }
.gallery-photo img { height: clamp(120px, 20vw, 260px); }
.literary-reference { margin: 0 7% 40px; font-size: 13px; }
.literary-viewer .viewer-bottom { gap: 10px; }
.literary-viewer .viewer-bottom span { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 980px) { .story-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; } .story img { height: clamp(220px, 22vw, 340px); } .story h3 { font-size: clamp(26px, 2.6vw, 38px); } }
@media (max-width: 600px) { .literary-prose p { font-size: 18px; } .literary-title { padding-top: 24px; } .emblem-band::before { background-size: 62vw; background-position: right center; } }

header.literary-title { display: block; border: 0; }
.literary-figure img { height: auto; }
@media (prefers-reduced-motion: reduce) { .photo-link img { transition: none; } }