.article-cover-photo:not(.article-cover-stacked) { display: flex; flex-direction: column; width: 100%; height: 100%; }.article-cover-photo:not(.article-cover-stacked) .article-cover-visual { position: relative; flex: 1; min-height: 0; overflow: hidden; }.article-cover-photo:not(.article-cover-stacked) .article-cover-scene { display: block; width: 100%; height: 100%; object-fit: cover; }.article-cover-photo:not(.article-cover-stacked) .article-cover-original { background: #f3f5f5; }.article-cover-photo:not(.article-cover-stacked) .article-cover-original .article-cover-scene { object-fit: contain; }.article-cover-photo:not(.article-cover-stacked) .article-cover-labels { position: absolute; inset: 12px 10px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: center; }.article-cover-photo:not(.article-cover-stacked) .article-cover-labels span { justify-self: center; max-width: 100%; padding: 6px 9px; background: #fffefaf2; color: #172e42; font: 600 12px/1.25 "Helvetica Neue", Arial, sans-serif; }.article-cover-photo:not(.article-cover-stacked) .article-cover-takeaway { display: flex; align-items: center; justify-content: center; min-height: 46px; margin: 0; padding: 8px 12px; background: #24495d; color: #fff; text-align: center; font: 500 13px/1.3 "Helvetica Neue", Arial, sans-serif; }.article-cover-photo:not(.article-cover-stacked) .article-cover-coastal { display: grid; grid-template-columns: 55% 45%; background: #fff; }.article-cover-photo:not(.article-cover-stacked) .article-cover-product { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; padding: 18px 8px 0; }.article-cover-photo:not(.article-cover-stacked) .article-cover-coastal .article-cover-scene { min-width: 0; object-position: right center; }
