body { margin: 0; background: #667884; color: #221c16; font-family: Palatino, "Iowan Old Style", serif; }
a { color: inherit; }
.deck { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 1.4rem; padding: 0.7rem 1.3rem; background: #241f1b; color: #f3eadc; }
.deck img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; }
.deck strong { font-weight: 600; letter-spacing: 0.04em; }
.deck nav { margin-left: auto; display: flex; gap: 1.1rem; }
.deck a { text-decoration: none; border-bottom: 1px solid transparent; }
.deck a[aria-current="page"] { border-bottom-color: #e7c27a; }
.arches { display: grid; grid-template-columns: 1.15fr 0.85fr 1fr; gap: 1rem; align-items: end; padding: 1.3rem; }
.arch { background: #f4ecdf; border-radius: 160px 160px 10px 10px; padding: 1.4rem 1.1rem 1rem; }
.arch img { width: 100%; height: 180px; object-fit: cover; border-radius: 90px 90px 4px 4px; }
.arch h1, .arch h2 { font-size: 1.35rem; margin: 0.7rem 0 0.4rem; }
.arch p { margin: 0.4rem 0; line-height: 1.45; }
.span2 { grid-column: span 2; }
@media (max-width: 800px) {
  .arches { grid-template-columns: 1fr; }
  .span2 { grid-column: auto; }
  .deck nav { gap: 0.7rem; font-size: 0.92rem; }
}