.adventure-feature {
  display: grid;
  grid-template-columns: minmax(10rem, .42fr) minmax(0, 1.58fr);
  min-height: 32rem;
  background: var(--wine);
  color: var(--paper-light);
  border: 1px solid var(--rule);
}

.adventure-stamp {
  padding: clamp(2rem, 5vw, 4rem);
  border-right: 1px solid rgba(241, 231, 209, .2);
  color: #d2ae6b;
  font: 300 clamp(5rem, 12vw, 10rem)/.8 var(--serif);
  align-self: stretch;
  display: flex;
  align-items: flex-end;
}

.adventure-stamp span {
  align-self: flex-start;
  font: 500 .7rem var(--sans);
  letter-spacing: .16em;
}

.adventure-copy {
  padding: clamp(2rem, 6vw, 5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.adventure-copy .tag { color: #d2ae6b; }
.adventure-copy h3 {
  max-width: 15ch;
  margin: 1.2rem 0 1.6rem;
  font: 400 clamp(2.5rem, 5vw, 5.2rem)/.98 var(--display);
  letter-spacing: -.035em;
}
.adventure-copy > p:not(.tag) { max-width: 39rem; color: #d7ccba; }
.adventure-link {
  width: max-content;
  margin-top: 1.2rem;
  padding-bottom: .3rem;
  border-bottom: 1px solid #d2ae6b;
  color: #e9d8b7;
  font: 600 .72rem var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.adventure-paths {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--rule);
  border-top: 0;
}
.adventure-paths > div { padding: clamp(2rem, 4vw, 3.5rem); }
.adventure-paths > div + div { border-left: 1px solid var(--rule); }
.adventure-paths h3 { margin: .8rem 0 1rem; font: 400 clamp(2rem, 3vw, 3rem)/1.05 var(--display); }
.adventure-paths p:last-child { max-width: 31rem; color: var(--muted); }
.adventure-log { margin: 2rem 0 0; padding: 0; list-style: none; border-top: 1px solid var(--rule); }
.adventure-log li { position: relative; padding: .9rem 0 .9rem 1.25rem; border-bottom: 1px solid var(--rule); font-size: 1rem; }
.adventure-log li::before { content: "✦"; position: absolute; left: 0; top: 1.05rem; color: var(--brass); font-size: .58rem; }
.adventure-log li span { display: block; margin-top: .2rem; color: var(--wine); font: 500 .62rem var(--sans); letter-spacing: .13em; text-transform: uppercase; }

@media (max-width: 700px) {
  .adventure-feature { grid-template-columns: 1fr; }
  .adventure-stamp { min-height: 10rem; border-right: 0; border-bottom: 1px solid rgba(241, 231, 209, .2); }
  .adventure-paths { grid-template-columns: 1fr; }
  .adventure-paths > div + div { border-left: 0; border-top: 1px solid var(--rule); }
}

.quill-emblem { display: flex; align-items: center; justify-content: center; min-height: 31rem; }
.quill-emblem svg { display: block; width: min(100%, 21rem); height: auto; overflow: visible; color: var(--brass); }
.quill-emblem svg path,.quill-emblem svg circle { fill: none; stroke: currentColor; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.quill-emblem .quill-main path { stroke-width: 1.65; }
.quill-emblem .quill-star { fill: currentColor; stroke: none; }
.quill-emblem .quill-ornament { opacity: .55; }
.quill-emblem .quill-main { opacity: .95; }
@media (max-width: 820px) { .quill-emblem { min-height: 18rem; justify-content: flex-start; padding-left: 2rem; } .quill-emblem svg { width: 14rem; } }