/* The launch essay: only the title and the text, set like the Mac pages. */
@font-face { font-family: "CLM Archivo"; font-weight: 100 900; font-display: swap; src: url("fonts/Archivo-Variable.woff2") format("woff2"); }

body.cl-essay .cl-article-mast,
body.cl-essay .cl-article-rail { display: none !important; }
body.cl-essay .cl-article-layout { display: block !important; max-width: 720px; margin: 0 auto !important; padding: 0 20px; grid-template-columns: none !important; }
body.cl-essay .cl-article-content { max-width: none !important; width: 100% !important; margin: 0 auto !important; font-size: 20px; line-height: 1.6; }

.cl-essay-head { margin: 72px 0 56px; text-align: center; }
.cl-essay-head h1 {
	margin: 0; font-family: "CLM Archivo", -apple-system, sans-serif; font-variation-settings: "wdth" 120; font-weight: 820;
	font-size: clamp(40px, 6vw, 72px); line-height: 1; letter-spacing: -.035em; text-wrap: balance;
}
.cl-essay-head p { margin: 20px 0 0; font-size: 15px; opacity: .6; }

body.cl-essay .cl-article-content h2 {
	margin: 64px 0 18px; font-family: "CLM Archivo", -apple-system, sans-serif; font-variation-settings: "wdth" 112; font-weight: 760;
	font-size: clamp(28px, 3.2vw, 38px); line-height: 1.08; letter-spacing: -.025em;
}
body.cl-essay .cl-article-content figure.wp-block-image { width: min(1040px, calc(100vw - 32px)) !important; max-width: none !important; margin: 48px 0 48px 50%; transform: translateX(-50%); }
body.cl-essay .cl-article-content figure.wp-block-image img { width: 100%; height: auto; border-radius: 14px; }
body.cl-essay .cl-article-content figcaption { max-width: 720px; margin: 14px auto 0; font-size: 14px; text-align: center; opacity: .65; }

body.cl-essay .cl-essay-hero { width: min(1180px, calc(100vw - 32px)) !important; max-width: none !important; margin: 0 0 64px 50% !important; transform: translateX(-50%); }
body.cl-essay .cl-essay-hero img { display: block; width: 100% !important; max-width: none !important; height: auto; border-radius: 18px; }