/*
Block Name: Copy Column Hero
Description: The opening column. Dateline, mixed headline (italic words become Bodoni), standfirst, intro with pink edit marks, two buttons and a pull quote.
*/

.block-copy-column-hero .cch-dateline { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.6rem 2.4rem; padding: 1rem 0; border-top: 0.3rem solid var(--brand-2); border-bottom: 0.1rem solid var(--brand-2); margin-bottom: clamp(3.2rem, 4.5vw, 6rem); }
.block-copy-column-hero .cch-headline { max-width: 126rem; margin: 0 0 clamp(3.2rem, 4vw, 5.2rem); padding-bottom: 0.08em; }
.block-copy-column-hero .cch-columns { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.6fr) minmax(0, 1fr); gap: 3.6rem 4.4rem; padding-top: 2.8rem; border-top: 0.1rem solid var(--brand-2); align-items: start; }
.block-copy-column-hero .cch-standfirst { margin: 0; }
.block-copy-column-hero .cch-intro-text p { margin: 0; }
.block-copy-column-hero .cch-intro-text p + p { margin-top: 1.6rem; }
.block-copy-column-hero .cch-buttons { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 2.4rem; }
.block-copy-column-hero .cch-quote { margin: 0; background: var(--brand-3); padding: 2.6rem 2.6rem 2.2rem; display: flex; flex-direction: column; gap: 2rem; }
.block-copy-column-hero .cch-quote blockquote { margin: 0; padding: 0; background: none; }
.block-copy-column-hero .cch-scroll { display: inline-block; margin-top: clamp(3.2rem, 4vw, 4.8rem); padding: 0.8rem 0; color: var(--brand-6); }
.block-copy-column-hero .cch-scroll:hover { color: var(--brand-1); }

@media screen and (max-width: 1024px) {
	.block-copy-column-hero .cch-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); }
	.block-copy-column-hero .cch-quote { grid-column: 1 / -1; }
}
@media screen and (max-width: 680px) {
	.block-copy-column-hero .cch-columns { grid-template-columns: minmax(0, 1fr); gap: 2.8rem; }
	.block-copy-column-hero .cch-dateline span:nth-child(2) { display: none; }
}