.site-header--internal { opacity: 1; transform: none; pointer-events: auto; }
.writing-main { padding-top: 152px; padding-bottom: 112px; }
.writing-title { margin: 0 0 40px; font: 700 clamp(48px,7vw,88px)/.95 var(--font-display); text-transform: uppercase; }
.writing-banner { display: block; width: 100%; height: auto; aspect-ratio: 1600 / 533; object-fit: contain; }
.writing-articles { margin-top: 48px; }
.writing-article { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px 0; border-bottom: 1px solid var(--vapor); }
.writing-article h2 { margin: 8px 0 0; font: 600 20px/1.25 var(--font-sans); }
.writing-source { color: var(--ash); font: 500 10px/1.5 var(--font-mono); letter-spacing: .12em; }
.writing-arrow { flex: 0 0 auto; font-size: 16px; line-height: 1; }
.writing-article:hover h2 { text-decoration: underline; text-underline-offset: 5px; }
@media(max-width:639px) { .writing-main { padding-top: 120px; padding-bottom: 72px; } .writing-title { margin-bottom: 28px; } .writing-articles { margin-top: 24px; } .writing-article { padding: 24px 0; } }

.writing-article > div { flex: 1; min-width: 0; }
.writing-article h2 { white-space: normal; overflow-wrap: anywhere; line-height: 1.45; }

.writing-articles .writing-article h2 { font-size: 20px; line-height: 1.45; }