/* M4 masthead: hammered gold, silver engraving and a single travelling highlight. */
.brand-material-defs { position: absolute; pointer-events: none; }
.release-brand.brand-metal {
  display: inline-flex; flex-direction: column; align-items: center; flex: 0 0 auto;
  position: relative; padding: 1px 5px 4px; text-decoration: none;
  font-size: 54px; line-height: 1.06; letter-spacing: .13em;
  text-shadow: none; isolation: isolate;
}
.brand-word {
  position: relative; display: block; font-family: Georgia, 'Times New Roman', serif; font-weight: 900;
  color: #e1bc72; text-shadow: 0 2px #5c3d16, 0 4px 2px #000;
}
.release-brand .brand-subtitle {
  position: relative; display: block; margin-top: 7px;
  font: 600 12px/1.5 Georgia, 'Times New Roman', serif;
  letter-spacing: .23em; text-transform: uppercase;
  color: #d9dedc; text-shadow: 0 1px #000;
}
@supports (background-clip: text) {
  .brand-word {
    background-image: radial-gradient(ellipse at 30% 30%, #fff0b980 0 12%, #61431b35 30%, transparent 55%), radial-gradient(ellipse at 70% 65%, #55361550, transparent 54%), linear-gradient(175deg, #fff0bd 3%, #d7ac57 26%, #926025 39%, #f5dc9c 47%, #fff1bd 50%, #b78338 56%, #e3c078 80%, #af7d32 100%);
    background-size: 5px 6px, 7px 9px, 100% 100%;
    background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: url('#brand-hammer') drop-shadow(0 1px 0 #f8de9650) drop-shadow(0 2px 0 #6c461c) drop-shadow(0 4px 1px #000);
  }
  .release-brand .brand-subtitle {
    background-image: linear-gradient(175deg, #ffffff 3%, #a8b5b6 35%, #f1f3eb 49%, #a5adae 53%, #d9dfda 80%, #a4acad);
    background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: none; filter: drop-shadow(0 1px 0 #030505) drop-shadow(0 -1px 0 #ffffff25);
  }
  .brand-word::after, .brand-subtitle::after {
    content: attr(data-lettering); position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(110deg, transparent 36%, #fff9e447 44%, #fffef0e0 49%, #ffffff 50%, #fff9df88 53%, transparent 62%) 160% 0 / 300% 100% no-repeat;
    background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: none; opacity: 0;
  }
  .brand-subtitle::after { background-image: linear-gradient(110deg, transparent 38%, #ffffffaa 49%, #ffffff 51%, transparent 62%); }
}
@keyframes brand-first-light {
  0% { background-position: 160% 0; opacity: 0; }
  12% { opacity: .8; }
  78% { opacity: .8; }
  100% { background-position: -60% 0; opacity: 0; }
}
@keyframes brand-catch-light {
  0% { background-position: 160% 0; opacity: 0; }
  12% { opacity: .85; }
  78% { opacity: .85; }
  100% { background-position: -60% 0; opacity: 0; }
}
@media(prefers-reduced-motion:no-preference) {
  .brand-word::after, .brand-subtitle::after { animation: brand-first-light 2.8s linear .35s 1 both; }
  .brand-subtitle::after { animation-delay: .5s; }
  .brand-metal:focus-visible .brand-word::after, .brand-metal:focus-visible .brand-subtitle::after { animation: brand-catch-light 2s linear 1 both; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .brand-metal:hover .brand-word::after, .brand-metal:hover .brand-subtitle::after { animation: brand-catch-light 2s linear 1 both; }
}
@media(max-width:620px) {
  .release-brand.brand-metal { font-size: 42px; letter-spacing: .13em; }
  .release-brand .brand-subtitle { font-size: 11px; letter-spacing: .2em; margin-top: 5px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-word::after, .brand-subtitle::after { display: none; animation: none; }
}
@media(forced-colors:active) {
  .brand-word, .release-brand .brand-subtitle { background: none; -webkit-text-fill-color: LinkText; color: LinkText; filter: none; text-shadow: none; }
  .brand-word::after, .brand-subtitle::after { display: none; }
}

/* Standalone dossier header: the same mark, fitted to the chapter navigation. */
.topbar{height:112px;gap:24px}
.reading-progress{top:111px}
html{scroll-padding-top:140px}
.release-brand.brand-metal{white-space:nowrap}
.contents nav{max-height:calc(100dvh - 140px)}
@media(max-width:700px){.edition-label{display:none}}
@media(max-width:620px){.topbar{height:102px;padding-inline:5%;gap:12px}.reading-progress{top:101px}html{scroll-padding-top:130px}.release-brand.brand-metal{font-size:38px}.release-brand .brand-subtitle{font-size:9px}.contents summary{padding-left:8px}}

/* Taranii: unchanged contours from cover vector master 03, 2026-10-18. */
.release-brand.brand-metal {
  display: inline-grid; grid-template-columns: 70px auto; column-gap: 15px;
  align-items: center; justify-items: center;
}
.brand-word, .release-brand .brand-subtitle { grid-column: 2; }
.brand-signet {
  grid-column: 1; grid-row: 1 / span 2; width: 70px; height: auto; overflow: visible;
  filter: drop-shadow(0 1px 0 #ffe5a270) drop-shadow(0 3px 1px #000) drop-shadow(0 0 6px #d6a75125);
}
.brand-signet-flash { opacity: 0; pointer-events: none; }
@keyframes taranii-light-pass {
  0% { transform: translateX(0); opacity: 0; }
  18% { opacity: 1; }
  78% { opacity: 1; }
  100% { transform: translateX(1900px); opacity: 0; }
}
@keyframes taranii-gold-bloom {
  0%, 100% { filter: drop-shadow(0 2px 1px #000) drop-shadow(0 0 6px #d6a75125); }
  42% { filter: brightness(1.8) drop-shadow(0 0 4px #fff3cb) drop-shadow(0 0 14px #e8b657b0); }
}
@media(prefers-reduced-motion:no-preference) {
  .brand-metal:focus-visible .brand-signet-flash { animation: taranii-light-pass 1.1s ease-out both; }
  .brand-metal:focus-visible .brand-signet { animation: taranii-gold-bloom 1.1s ease-out both; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .brand-metal:hover .brand-signet-flash { animation: taranii-light-pass 1.1s ease-out both; }
  .brand-metal:hover .brand-signet { animation: taranii-gold-bloom 1.1s ease-out both; }
}
@media(max-width:620px) {
  .release-brand.brand-metal { grid-template-columns: 49px auto; column-gap: 10px; }
  .brand-signet { width: 49px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-signet-flash { display: none; }
  .brand-metal:is(:hover,:focus-visible) .brand-signet { filter: brightness(1.25) drop-shadow(0 0 5px #d6a75170); }
}
@media(forced-colors:active) {
  .brand-signet { filter: none; }
  .brand-signet-metal { fill: LinkText; }
  .brand-signet-flash { display: none; }
}

@media(max-width:400px){.release-brand.brand-metal{font-size:30px;grid-template-columns:38px auto;column-gap:8px}.brand-signet{width:38px}.release-brand .brand-subtitle{font-size:8px;letter-spacing:.14em}.topbar{gap:8px}}