/* Surftalk article (trip reports) */

.post-meta { display: flex; flex-wrap: wrap; gap: 4px 20px; font-size: var(--fs-small); color: rgba(255, 255, 255, .78); }
.post-meta span::before { content: "·"; margin-right: 20px; opacity: .6; }

.post-intro { display: grid; gap: clamp(40px, 6vw, 80px); align-items: start; }
@media (min-width: 960px) { .post-intro { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } }
.post-intro__text { display: grid; gap: 24px; justify-items: start; }
.post-intro__text .prose { font-size: 1.125rem; line-height: 1.7; }
.post-intro__video { position: relative; isolation: isolate; }
@media (min-width: 960px) { .post-intro__video { position: sticky; top: calc(var(--header-h) + 24px); } }
.post-intro__video video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-md); background: var(--ink); }
.post-intro__video::before {
  content: ""; position: absolute; z-index: -1; left: -14px; top: -14px; width: 40%; height: 40%;
  background: var(--red); clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
}

.section--mist .prose { margin-bottom: clamp(32px, 4vw, 48px); font-size: 1.125rem; line-height: 1.7; }