
.prose { max-width: 68ch; font-size: 1.0625rem; }
.prose > :first-child { margin-top: 0; }
.prose h2 { margin-top: 2rem; font-size: var(--fs-h3); }
.prose h3 { margin-top: 1.5rem; font-size: var(--fs-md); }
.prose ul, .prose ol { padding-left: 1.25rem; }
.prose li { margin-bottom: .375rem; }
.prose a:not(.btn) { text-decoration: underline; text-underline-offset: .2em; }
.prose .btn-row { margin-top: 2rem; }
.qform { display: grid; gap: 1.125rem; max-width: 34rem; }
.qform__row { margin: 0; }
.qform label { display: block; margin-bottom: .375rem; font-weight: 700; font-size: var(--fs-sm); color: var(--ink); }
.qform label span { color: var(--quote); }
.qform input[type="text"], .qform input[type="email"], .qform textarea {
  width: 100%; min-height: var(--tap); padding: .625rem .875rem;
  border: 1.5px solid var(--line-2); border-radius: var(--r-sm);
  background: #fff; color: var(--ink); font: 400 1rem var(--font);
}
.qform textarea { min-height: 9rem; resize: vertical; }
.qform input:focus, .qform textarea:focus {
  outline: none; border-color: var(--royal); box-shadow: 0 0 0 3px rgb(8 144 216 / .35);
}
.op-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.videoframe {
  position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden;
  border-radius: var(--r-lg); background: #1B1F5C;
  box-shadow: 0 30px 60px -24px rgb(0 0 0 / .6), 0 0 0 1px rgb(255 255 255 / .14);
  margin-bottom: 1.5rem;
}
.videoframe img { width: 100%; height: 100%; object-fit: cover; }
.videoframe__play {
  position: absolute; inset: 0; display: grid; place-items: center;
  background: rgb(8 9 74 / .25); transition: background-color .15s;
}
.videoframe__play .i { width: 4rem; height: 4rem; color: #fff; filter: drop-shadow(0 6px 14px rgb(0 0 0 / .45)); }
.videoframe:hover .videoframe__play { background: rgb(8 9 74 / .4); }
.search--page { max-width: 34rem; margin-top: 1.5rem; }
.search__cats { list-style: none; margin: 1.5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.search__cats a {
  display: inline-flex; align-items: center; min-height: 2.5rem; padding: .4rem .875rem;
  border: 1px solid var(--line); border-radius: var(--r-pill);
  color: var(--ink); text-decoration: none; font-weight: 700; font-size: var(--fs-sm);
}
.search__cats a:hover { border-color: var(--royal); color: var(--royal); }
.notfound__actions { margin-top: 2rem; }
