.header-brand-copy {display: grid; gap: 5px;}
.header-brand-copy b {margin-left: 0; font-size: inherit; font-weight: inherit; letter-spacing: inherit;}
.header-brand-copy small {
  color: #e6c5a7;
  font-size: var(--type-caption);
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: .09em;
}
@media (max-width: 760px) {
  .header-brand-copy {gap: 4px;}
}

.header .brand svg {flex: none;}
.header .brand-corner {
  fill: #dfb58b;
  transform: none;
  transform-box: fill-box;
  transform-origin: left top;
  transition: none;
  animation: var(--brand-corner-motion, none);
}
.header .brand-board {
  fill: #dfb58b;
  opacity: 0;
  animation: var(--brand-board-motion, none);
}
.header .brand:focus-visible {outline: 2px solid #dfb58b; outline-offset: 5px;}
@media (prefers-reduced-motion: no-preference) {
  :root:not(.motion-off) .header .brand:focus-visible {
    --brand-corner-motion: luft-corner-in 1.1s cubic-bezier(.22,.72,.26,1);
    --brand-board-motion: luft-board-reveal 1.1s ease;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :root:not(.motion-off) .header .brand:hover {
    --brand-corner-motion: luft-corner-in 1.1s cubic-bezier(.22,.72,.26,1);
    --brand-board-motion: luft-board-reveal 1.1s ease;
  }
}
@keyframes luft-corner-in {
  0%, 100% {transform: none;}
  36%, 72% {transform: translateY(14px) scale(.5);}
}
@keyframes luft-board-reveal {
  0%, 24%, 88%, 100% {opacity: 0;}
  40%, 72% {opacity: 1;}
}
.film-hero .hero-action:focus-visible {background: #edc8a7;}
.journal-page > .header {background: #17110ef5;}
.journal-page > main {padding-top: 76px; background: linear-gradient(#17110e 76px,transparent 76px);}
.journal-page .header .navigation > a.nav-contact {border-color: #c7a78b80; padding: 10px 15px;}
.journal-page .header .language {font-size: var(--type-caption);}
.radar-archive {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 46px;}
.radar-category {min-width: 0; border-top: 1px solid #beaa94; padding-top: 17px;}
.radar-archive .radar-category h2 {font-size: var(--type-item); margin: 0 0 15px;}
.radar-category ul {margin: 0; padding: 0; list-style: none;}
.radar-category li + li {border-top: 1px solid #d5c5b1;}
.radar-category a {display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 10px 0;}
.radar-category a:hover,.radar-category a:focus-visible {color: #784526; text-decoration: underline;}
.radar-all {justify-self: start; margin-top: 16px;}
.journal-checklists {grid-column: auto;}
.sector-card .sector-examples {font-weight: 600;}
.city-visual > img {object-position: 60% 54%;}
.local-photo img {object-position: 62% 61%;}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .js:not(.motion-off) .film-hero .hero-line-accent {transition: color .4s ease,text-shadow .4s ease;}
  .js:not(.motion-off) .film-hero h1:hover .hero-line-accent {
    color: #ffe3b7;
    text-shadow: 0 0 25px #e3a56575;
  }
}
@media (max-width: 760px) {
  .journal-page > main {padding-top: 68px;}
  .radar-archive {grid-template-columns: 1fr;}
}