/* Art-directed hero; the source remains archived unchanged. */
.commons-word-hero { position: relative; isolation: isolate; overflow: hidden; background: #171512; min-height: 640px; display: flex; align-items: center; }
.morning-word-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% 50%; z-index: -2; }
.commons-word-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(12, 11, 10, .9), rgba(12, 11, 10, .7) 40%, rgba(12, 11, 10, .08) 75%); }
.commons-word-hero .shell { position: relative; }
.commons-word-hero h1 { max-width: 10ch; }
.commons-word-hero .large-copy { max-width: 32ch; }
.commons-word-hero .commons-statement { max-width: 24ch; }
@media (max-width: 700px) {
  .commons-word-hero { padding-top: 280px; padding-bottom: 40px; min-height: 0; }
  .morning-word-backdrop { height: 500px; object-position: 72% top; }
  .commons-word-hero::before { background: linear-gradient(180deg, rgba(23, 21, 18, .04) 100px, rgba(23, 21, 18, .85) 300px, #171512 490px); }
  .commons-word-hero h1 { max-width: none; }
}