/* ===============================================
TABLE OF CONTENTS
==================================================
1. Curiosity Fold
2. Container
3. Story Base
4. Story Layouts
5. Section Layouts
6. Grid Layouts
7. Customizations
8. Responsive
================================================== */

/* ===============================================
1. CURIOSITY FOLD
================================================== */
.curiosity-fold {
	display: flex;
	flex-direction: row;
	width: 100%;
	box-sizing: border-box;
	gap: 20px;
	background-color: var(--color-ivory);
	max-height: 250px;
	overflow: hidden;
}
.curiosity-fold .column {
	flex: 1 1 0%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; /* Centers content vertically if height is defined */
	text-align: center; 
}
.curiosity-fold h3, 
.curiosity-fold p { margin: 0.5rem 1rem !important; }
.curiosity-fold p {
	font-family: var(--font-courier);
	font-size: 0.9rem;
}
.curiosity-fold .col-1, 
.curiosity-fold .col-3 { margin: 1.5rem 0; }
.curiosity-fold .col-1 {
	align-items: flex-end;
	text-align: right; 
}
.curiosity-fold .col-3 {
	align-items: flex-start;
	text-align: left; 
}
.curiosity-fold .col-3 h3 {
	font-size: 1.2rem;
	padding: 1rem 2rem;
	border-radius: 5px;
	background-color: var(--color-black);
	color: var(--color-white);
}
.curiosity-fold .column a {
	color: var(--color-white);
	text-transform: none;
	text-decoration: none;
}
.curiosity-fold .col-1 { order: 1; }
.curiosity-fold .col-2 { order: 2; }
.curiosity-fold .col-3 { order: 3; }
.curiosity-fold .column img {
	max-width: 100%;
	max-height: 140%;
}

/* Showcase */
.showcase .curiosity-fold, 
.dark-theme .curiosity-fold {
	background-color: transparent;
}

/* Show or Hide */
.hide-curiosity-banner .curiosity-fold {
	display: none;
}

/* ===============================================
2. CONTAINER
================================================== */
.container {
	width: 100%;
}
.container:not(.single-post .container) {
	padding-bottom: 30px;
}
.width-full {
	width: 100%;
	margin: 0;
	padding: 0 20px;
}
.width-1500, 
.width-1400, 
.width-1100, 
.width-900 {
	width: 100%;
	margin: auto;
	padding: 20px;
}
.width-1500 { max-width: 1500px; }
.width-1400 { max-width: 1400px; }
.width-1100 { max-width: 1100px; }
.width-900  { max-width: 900px;  }

.max-width-1500, 
.max-width-1400, 
.max-width-1100, 
.max-width-900 {
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.max-width-1500 { max-width: 1500px !important; }
.max-width-1400 { max-width: 1400px !important; }
.max-width-1100 { max-width: 1100px !important; }
.max-width-900 	{ max-width: 900px !important; }

/* ===============================================
3. STORY BASE
================================================== */
.story { position: relative; }
.story:not(:last-child) { border-bottom: 0.5px solid var(--color-grey-dk); }
.story a {
	text-decoration: none;
	color: var(--color-black);
}

.story .story-media {}
.story .story-media .featured-image {
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.story .featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.story .story-media .breadcrumbs {
	font-size: 0.75rem;
	text-transform: uppercase;
}
.story .story-media .breadcrumbs {
	position: absolute;
	top: 0.7rem;
	left: 50%;
	z-index: 2;
	padding: 0.2rem 0.6rem;
	transform: translateX(-50%);
	font-family: var(--font-lato);
	letter-spacing: 3px;
	white-space: nowrap;
	color: var(--color-white);
	display: none;
}
.story .story-media .breadcrumbs .breadcrumb-section {
	font-weight: 900;
	letter-spacing: 3px;
}
.story .story-media .breadcrumbs .breadcrumb-topic {
	font-weight: 700;
	letter-spacing: 2px;
}
.story .story-media .breadcrumbs .breadcrumb-type {
	font-weight: 400;
	letter-spacing: 1px;
}

.story .story-text .breadcrumbs {
	margin-bottom: 1rem;
	font-family: var(--font-cutive);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--color-black-6);
}
.story .story-text .breadcrumbs .breadcrumb-section, 
.story .story-text .breadcrumbs .breadcrumb-type,
.story .story-text .breadcrumbs .slash { display: none; }
.story .story-text h2 {
	margin-block-start: 0.25em !important;
	margin-block-end: 0.25em !important;
}
.story .story-text .excerpt {
	font-family: var(--font-garamond);
	font-family: var(--font-spectral);
	letter-spacing: 0.5px;
	font-weight: 300;
}
.story .story-text .excerpt p {
	margin-block-start: 0.25em !important;
	margin-block-end: 0.25em !important;
}
.story .story-media .story-icons {
	position: absolute;
	bottom: 5px;
	left: 5px;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}
.story .story-text .story-icons {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}
.story .story-media .story-icons .icon, 
.story .story-text .story-icons .icon {
    display: inline-block;
	width: 10px;
    height: 10px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.story .story-media .story-icons .icon--premium { color: var(--color-white); }
.story .story-media .story-icons .icon--recommended { color: var(--color-white); }
.story .story-media .story-icons .icon--trending { color: var(--color-white); }
.story .story-media .story-icons .icon--research { color: var(--color-white); }

.story .story-text .story-icons .icon--premium { color: var(--color-black-8); }
.story .story-text .story-icons .icon--recommended { color: var(--color-black-8); }
.story .story-text .story-icons .icon--trending { color: var(--color-black-8); }
.story .story-text .story-icons .icon--research { color: var(--color-black-8); }

.story .story-text .date {
	margin-top: 1rem;
	font-family: var(--font-cutive);
	font-size: 0.75rem;
	font-weight: var(--weight-semi-bold);
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--color-black-2);
	display: none;
}

.story .story-text .reading-time {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem; /* spacing between columns */
	margin-top: 1rem;
}
.story .story-text .reading-time__item {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
}
.story .story-text .reading-time .reading-time__item svg {
	display: block;
	flex-shrink: 0;
}
.story .story-text .reading-time__item .reading-time__text {
	font-family: var(--font-lato);
	font-size: 0.65rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--color-black-9);
}

.trending {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
}
.trending-count {
	width: 100%;
	margin: auto;
	font-family: var(--font-crimson);
	font-size: 1.6rem;
	color: var(--color-pink);
	text-align: center;
	display: none;
}

/* Show/hide reading time, trending data */
.show-reading-time .reading-time {
	display: inline-block !important;
}
.show-trending-data .trending-debug {
	display: block !important;
}
.hide-reading-time .reading-time, 
.hide-trending-data .trending-debug {
	display: none !important;
}

/* ===============================================
4. STORY LAYOUTS
================================================== */

/* Story Classic */
.story-classic { 
	width: 100%;
	display: grid; 
	grid-row-gap: 16px;
	row-gap: 16px;
}

.story-classic .story .story-media .featured-image { aspect-ratio: 4 / 3; }
.story-classic .story .story-media .featured-image img {
	position: absolute;
	left: 0;
	top: 0;
}
.story-classic .story-text { padding: 10px 0; }

/* Full width override */
.story-classic.media-full-width .story .story-text { 
	margin: 10px 20px; 
	border-bottom: 0.5px solid var(--color-grey-dk); 
}
.story-classic.media-full-width .story .story-text .excerpt { padding: 20px 0; }

/* Story Classic Left/Right */
.story-classic-left .story, 
.story-classic-right .story {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 16px;
	column-gap: 16px;
	grid-row-gap: 0;
	row-gap: 0;
	align-items: start;
	padding: 1rem 0;
}

.story-classic-right .story .story-text { grid-row: 1; grid-column: 1; }
.story-classic-right .story .story-media { grid-row: 1; grid-column: 2; }

.story-classic-left .featured-image, 
.story-classic-right .featured-image { aspect-ratio: 1 / 1; }

/* Story List */
.story-list-left .story, 
.story-list-left-landscape .story, 
.story-list-right .story, 
.story-list-right-landscape .story, 
.story-list-none .story {
	width: 100%;
	display: grid;
	grid-column-gap: 16px;
	column-gap: 16px;
	grid-row-gap: 0;
	row-gap: 0;
	align-items: start;
	padding: 0 0 16px;
}

.story-list-left .story:not(:first-child), 
.story-list-left-landscape .story:not(:first-child), 
.story-list-right .story:not(:first-child),
.story-list-right-landscape .story:not(:first-child), 
.story-list-none .story:not(:first-child) {
	padding: 16px 0;
}

.story-list-left .story { grid-template-columns: 100px minmax(0, 1fr); }
.story-list-left-landscape .story { grid-template-columns: 250px minmax(0, 1fr); }
.story-list-right .story { grid-template-columns: minmax(0, 1fr) 100px; }
.story-list-right-landscape .story { grid-template-columns: minmax(0, 1fr) 250px; }
.story-list-none .story { grid-template-columns: minmax(0, 1fr); }

.story-list-left .featured-image, 
.story-list-right .featured-image { aspect-ratio: 1 / 1; }
.story-list-none .story-media { display: none; }

.story-list-left-landscape .featured-image, 
.story-list-right-landscape .featured-image { aspect-ratio: 3 / 2; }

.story-list-right .story .story-text, 
.story-list-right-landscape .story .story-text { grid-row: 1; grid-column: 1; }
.story-list-right .story .story-media, 
.story-list-right-landscape .story .story-media { grid-row: 1; grid-column: 2; }

/* ===============================================
5. SECTION LAYOUTS
================================================== */

.section-title {
	width: 100%;
	grid-column: 1 / -1;
	margin-top: 40px;
}
.section-title h3 {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: var(--font-courier);
	font-size: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.5;
	letter-spacing: 0.5px;
}
.section-title h3::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 0.5px;
	background: var(--color-black);
	z-index: 0;
}
.section-title .title-text,
.section-title .see-all {
	position: relative;
	background: #fff;
	z-index: 1;
}
.section-title .title-text {
	padding: 0 0.5rem 0 0;
}
.section-title .see-all {
	text-decoration: none;
	font-size: 0.8rem;
	text-transform: none;
	padding: 0 0 0 0.5rem;
	color: var(--color-pink);
}

.section-2-columns-featured, 
.section-3-columns-featured, 
.section-3-columns,
.section-2-columns {
	position: relative;
	display: grid;
	grid-column-gap: 32px;
	column-gap: 32px;
	grid-row-gap: 16px;
	row-gap: 16px;
	width: 100%;
	margin-top: 16px;
}

.section-2-columns-featured {
	grid-template-columns:
		minmax(0, 2fr)
		minmax(0, 1fr);
	grid-template-areas: "center right";
}
.section-3-columns-featured {
	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 2fr)
		minmax(0, 1fr);
	grid-template-areas: "left center right";
}
.section-3-columns {
	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 2fr)
		minmax(0, 1fr);
	grid-template-areas: "left center right";
}
.section-2-columns {
	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 1fr);
	grid-template-areas: "left right";
}

.column-left, 
.column-center, 
.column-right { position: relative; container-type: inline-size; padding: 0; }

.column-left 	{ grid-area: left; }
.column-center 	{ grid-area: center; }
.column-right  	{ grid-area: right; }

.column-left::after, 
.column-center::after {
	content: '';
    position: absolute;
    inset: 0 -16px 0 auto;
    width: 0.5px;
    background-color: var(--color-grey-dk);
}

.section-3-columns-featured .column-left   { container-name: section-3-columns-featured-column-left; }
.section-3-columns-featured .column-center { container-name: section-3-columns-featured-column-center; }
.section-3-columns-featured .column-right  { container-name: section-3-columns-featured-column-right; }

.section-3-columns .column-left   { container-name: section-3-columns-column-left; }
.section-3-columns .column-center { container-name: section-3-columns-column-center; }
.section-3-columns .column-right  { container-name: section-3-columns-column-right; }

.section-2-columns-featured .column-left   { container-name: section-2-columns-column-left; }
.section-2-columns-featured .column-center { container-name: section-2-columns-column-center; }
.section-2-columns-featured .column-right  { container-name: section-2-columns-column-right; }

/* Main Featured Post Override */
.section-2-columns-featured .column-center .story-classic .story .story-text .excerpt, 
.section-3-columns-featured .column-center .story-classic .story .story-text .excerpt { padding: 20px 0; }

/* Show Date Featured Post Override */
.section-2-columns-featured .column-center .story-classic.show-date .story .excerpt, 
.section-3-columns-featured .column-center .story-classic.show-date .story .excerpt {
	padding-bottom: 0;
}
.section-2-columns-featured .column-center .story-classic.show-date .story .date, 
.section-3-columns-featured .column-center .story-classic.show-date .story .date {
	padding-top: 0;
	padding-bottom: 20px;
}

/* Jump To Links */
.jump-nav-links {
	max-width: 700px;
	margin: auto;
	text-align: center;
	color: var(--color-grey-dk);
}
.jump-nav-links a {
	font-family: var(--font-courier);
	font-size: 0.9rem;
	font-weight: 400;
	text-decoration: none;
	padding: 0.5rem;
	color: var(--color-pink);
}

/* Collections Override */
.section-3-columns .archive-collection-description {
	padding-bottom: 20px !important;
}

/* ===============================================
6. GRID LAYOUTS
================================================== */

.grid-4-columns, 
.grid-2-columns, 
.grid-1-columns {
	position: relative;
	display: grid;
	margin: 0;
	padding: 0;
	grid-column-gap: 32px;
	column-gap: 32px;
}

.grid-4-columns {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-row-gap: 40px;
	row-gap: 40px;
}
.grid-2-columns {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-row-gap: 40px;
	row-gap: 40px;
}
.grid-1-columns {
	grid-template-columns: minmax(0, 1fr);
	grid-row-gap: 0;
	row-gap: 0;
}

.grid-4-columns .story, 
.grid-2-columns .story {
	border-bottom: none;
}

.grid-4-columns .story:not(:nth-child(4n))::after {
	content: '';
    position: absolute;
    inset: 0 -16px 0 auto;
    width: 0.5px;
    background-color: var(--color-grey-dk);
}
.grid-2-columns .story:not(:nth-child(2n))::after {
	content: '';
    position: absolute;
    inset: 0 -16px 0 auto;
    width: 0.5px;
    background-color: var(--color-grey-dk);
}

.grid-4-columns > .story:nth-child(4n)::before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: calc(-300% - (3 * 32px));
    width: calc(400% + (3 * 32px));
    height: 0.5px;
    background-color: var(--color-black-9);
}
.grid-2-columns > .story:nth-child(2n)::before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: calc(-100% - 32px);
	width: calc(200% + 32px);
    height: 0.5px;
    background-color: var(--color-black-9);
}

.grid-4-columns .story:last-child::before, 
.grid-2-columns .story:last-child::before {
	content: none;
}

/* ===============================================
7. CUSTOMIZATIONS
================================================== */

.content_type-object-position-top .featured-image img 			{ object-position: top; }
.content_type-object-position-bottom .featured-image img 		{ object-position: bottom; }
.content_type-object-position-left .featured-image img 			{ object-position: left; }
.content_type-object-position-right .featured-image img 		{ object-position: right; }
.content_type-object-position-top-right .featured-image img 	{ object-position: top right; }
.content_type-object-position-top-left .featured-image img 		{ object-position: top left; }
.content_type-object-position-bottom-right .featured-image img 	{ object-position: bottom right; }
.content_type-object-position-bottom-left .featured-image img 	{ object-position: bottom left; }

.zoom-featured-image .story .story-media .featured-image img { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.zoom-featured-image .story:hover .story-media .featured-image img { transform: scale(1.12); }

.media-ratio-4-3 .featured-image { aspect-ratio: 4 / 3; }
.media-ratio-3-2 .featured-image { aspect-ratio: 3 / 2; }
.media-ratio-1-1 .featured-image { aspect-ratio: 1 / 1; }

.hide-story-media .story .story-media, 
.hide-featured-image .story .story-media .featured-image, 
.hide-breadcrumbs .story .story-text .breadcrumbs, 
.hide-excerpt .story .story-text .excerpt, 
.hide-reading-time .story .story-text .reading-time { display: none; }

.show-date .story .story-text .date { display: block; }

.media-align-middle .story .story-media, 
.text-align-middle .story .story-text { margin: auto; text-align: center; padding: 20px; }
.text-align-middle .story .story-text .excerpt { padding: 20px 0; }

.title-largest .story .story-text h2 	{ font-size: 1.9rem; line-height: 2.4rem; }
.title-larger .story .story-text h2 	{ font-size: 1.7rem; line-height: 2.2rem; }
.title-large .story .story-text h2 		{ font-size: 1.6rem; line-height: 2.1rem; }
.title-med .story .story-text h2 		{ font-size: 1.4rem; line-height: 1.9rem; }
.title-small .story .story-text h2 		{ font-size: 1.3rem; line-height: 1.9rem; }
.title-smaller .story .story-text h2 	{ font-size: 1.1rem; line-height: 1.5rem; }

/* Garamond */
.text-largest .story .story-text .excerpt p { font-size: 1.5rem; line-height: 2.1rem; }
.text-larger .story .story-text .excerpt p 	{ font-size: 1.4rem; line-height: 2.0rem; }
.text-large .story .story-text .excerpt p 	{ font-size: 1.3rem; line-height: 1.9rem; }
.text-med .story .story-text .excerpt p		{ font-size: 1.2rem; line-height: 1.8rem; }
.text-small .story .story-text .excerpt p	{ font-size: 1.1rem; line-height: 1.7rem; }
.text-smaller .story .story-text .excerpt p	{ font-size: 1rem; line-height: 1.6rem; }

/* Spectral */
.text-largest .story .story-text .excerpt p { font-size: 1.4rem; line-height: 2.0rem; }
.text-larger .story .story-text .excerpt p 	{ font-size: 1.3rem; line-height: 1.9rem; }
.text-large .story .story-text .excerpt p 	{ font-size: 1.2rem; line-height: 1.8rem; }
.text-med .story .story-text .excerpt p		{ font-size: 1.1rem; line-height: 1.7rem; }
.text-small .story .story-text .excerpt p	{ font-size: 1.0rem; line-height: 1.6rem; }
.text-smaller .story .story-text .excerpt p	{ font-size: 0.9rem; line-height: 1.5rem; }

.no-border .column-left:after, 
.no-border .column-center:after, 
.no-border .column-right:after { 
	content: none !important;
}

/* ===============================================
8. RESPONSIVE
================================================== */

/* TRANSITIONS */
@media (max-width: 1200px) { 
	
}

@media (max-width: 900px) { 
	
}

@media (max-width: 600px) { 
	.transition-zoom-featured-image .story .story-media .featured-image img { transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
	.transition-zoom-featured-image .story:hover .story-media .featured-image img { transform: scale(1.12); }

	.transition-hide-story-media .story .story-media, 
	.transition-hide-featured-image .story .story-media .featured-image, 
	.transition-hide-breadcrumbs .story .story-text .breadcrumbs, 
	.transition-hide-excerpt .story .story-text .excerpt, 
	.transition-hide-reading-time .story .story-text .reading-time { display: none; }
	
	.transition-show-story-media .story .story-media, 
	.transition-show-featured-image .story .story-media .featured-image, 
	.transition-show-breadcrumbs .story .story-text .breadcrumbs, 
	.transition-show-excerpt .story .story-text .excerpt { display: block; }
	.transition-show-reading-time .story .story-text .reading-time { display: inline-flex; }
	
	.transition-title-largest .story .story-text h2 { font-size: 2.2rem; line-height: 2.5rem; }
	.transition-title-larger .story .story-text h2 	{ font-size: 2.0rem; line-height: 2.4rem; }
	.transition-title-large .story .story-text h2 	{ font-size: 1.8rem; line-height: 2.2rem; }
	.transition-title-med .story .story-text h2 	{ font-size: 1.6rem; line-height: 1.9rem; }
	.transition-title-small .story .story-text h2 	{ font-size: 1.4rem; line-height: 1.9rem; }
	.transition-title-smaller .story .story-text h2 { font-size: 1.2rem; line-height: 1.5rem; }

	.transition-text-largest .story .story-text .excerpt p 	{ font-size: 1.5rem; line-height: 2.1rem; margin-left: 10px !important; margin-right: 10px !important; }
	.transition-text-larger .story .story-text .excerpt p 	{ font-size: 1.4rem; line-height: 2.0rem; margin-left: 10px !important; margin-right: 10px !important; }
	.transition-text-large .story .story-text .excerpt p 	{ font-size: 1.3rem; line-height: 1.9rem; }
	.transition-text-med .story .story-text .excerpt p		{ font-size: 1.2rem; line-height: 1.8rem; }
	.transition-text-small .story .story-text .excerpt p	{ font-size: 1.1rem; line-height: 1.7rem; margin: 10px 0 20px !important; }
	.transition-text-smaller .story .story-text .excerpt p	{ font-size: 1.0rem; line-height: 1.6rem; }
}

/* Transition Test */

.test p {
	font-family: var(--font-spectral) !important;
	letter-spacing: 0.5px !important;
	font-weight: 300 !important;
	margin-block-start: 0.25em !important;
	margin-block-end: 0.25em !important;
}

.title-largest h2 				{ font-size: 1.9rem; line-height: 2.4rem; }
.title-larger h2 				{ font-size: 1.7rem; line-height: 2.2rem; }
.title-large h2 				{ font-size: 1.6rem; line-height: 2.1rem; }
.title-med h2 					{ font-size: 1.4rem; line-height: 1.9rem; }
.title-small h2 				{ font-size: 1.3rem; line-height: 1.9rem; }
.title-smaller h2 				{ font-size: 1.1rem; line-height: 1.5rem; }

.text-largest p 				{ font-size: 1.4rem; line-height: 2.0rem; }
.text-larger p 					{ font-size: 1.3rem; line-height: 1.9rem; }
.text-large p 					{ font-size: 1.2rem; line-height: 1.8rem; }
.text-med p						{ font-size: 1.1rem; line-height: 1.7rem; }
.text-small p					{ font-size: 1.0rem; line-height: 1.6rem; }
.text-smaller p					{ font-size: 0.9rem; line-height: 1.5rem; }

.transition-title-largest h2 	{ font-size: 2.2rem; line-height: 2.5rem; }
.transition-title-larger h2 	{ font-size: 2.0rem; line-height: 2.4rem; }
.transition-title-large h2 		{ font-size: 1.8rem; line-height: 2.2rem; }
.transition-title-med h2 		{ font-size: 1.6rem; line-height: 1.9rem; }
.transition-title-small h2 		{ font-size: 1.4rem; line-height: 1.9rem; }
.transition-title-smaller h2 	{ font-size: 1.2rem; line-height: 1.5rem; }

.transition-text-largest p 		{ font-size: 1.5rem; line-height: 2.1rem; }
.transition-text-larger p 		{ font-size: 1.4rem; line-height: 2.0rem; }
.transition-text-large p 		{ font-size: 1.3rem; line-height: 1.9rem; }
.transition-text-med p			{ font-size: 1.2rem; line-height: 1.8rem; }
.transition-text-small p		{ font-size: 1.1rem; line-height: 1.7rem; }
.transition-text-smaller p		{ font-size: 1.0rem; line-height: 1.6rem; }

/* SECTION LAYOUTS */

@media (max-width: 1200px) {
	.section-3-columns-featured {
		grid-template-columns:
			minmax(0, 2fr)
			minmax(0, 1fr);
		grid-template-areas:
			"center right"
			"left left";
	}
	.section-3-columns {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(0, 1fr);
		grid-template-areas:
			"left right"
			"center center";
	}
	
	.column-left::after {
		content: none;
	}
	
	/* Featured section specific */
	/* Left column */
	.section-3-columns-featured .column-left .story-classic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-column-gap: 32px;
		column-gap: 32px;
		grid-row-gap: 40px;
		row-gap: 40px;
	}
	.section-3-columns-featured .column-left .story-classic .story {
		border-bottom: none;
	}
	
	.section-3-columns-featured .column-left .story-classic .story:not(:nth-child(2n))::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 20px;
		right: -16px;
		width: 0.5px;
		background-color: var(--color-grey-dk);
	}
	.section-3-columns-featured .column-left .story-classic > .story:nth-child(2n)::before {
		content: '';
		position: absolute;
		bottom: -15px;
		left: calc(-100% - 32px);
		width: calc(200% + 32px);
		height: 0.5px;
		background-color: var(--color-black-9);
	}
	.section-3-columns-featured .column-left .story-classic .story:last-child::before {
		content: none;
	}
	
	/* Center column */
	
	.jump-nav-links {
		display: none;
	}

	/* Right column */
	.section-3-columns-featured .column-right .story-list-left .story, 
	.section-3-columns-featured .column-right .story-list-right .story {
		grid-template-columns: minmax(0, 1fr);
		grid-column-gap: 0;
		column-gap: 0;
		grid-row-gap: 0;
		row-gap: 0;
		width: 100%;
	}
	.section-3-columns-featured .column-right .story-list-left .story .story-media, 
	.section-3-columns-featured .column-right .story-list-right .story .story-media {
		display: none;
	}
}

@media (max-width: 700px) {
	.section-2-columns-featured {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"center"
			"right"
	}
	.section-3-columns-featured {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"center"
			"right"
			"left";
	}
	.section-3-columns {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"left"
			"right"
			"center";
	}
	.section-2-columns {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"left"
			"right";
	}
	
	.column-left::after, 
	.column-center::after {
		content: none;
	}
	
	/* Featured section specific */
	.section-3-columns-featured .column-left .story-classic {
		grid-template-columns: minmax(0, 1fr);
		grid-column-gap: 16px;
		column-gap: 16px;
		grid-row-gap: 16px;
		row-gap: 16px;
	}
	
	.section-3-columns-featured .column-left .story-classic > .story::before,
	.section-3-columns-featured .column-left .story-classic > .story::after {
		display: none;
	}
	
	/* Archive only, not front page */
	.archive-landing .section-2-columns-featured .column-center .story, 
	.archive-landing .section-3-columns-featured .column-center .story {
		border-bottom: 0.5px solid var(--color-grey-dk);
	}
	
	.jump-nav-links {
		display: block;
		margin-top: 20px;
		margin-bottom: 40px;
		padding: 20px;
		border-top: 0.5px solid var(--color-grey-dk);
		border-bottom: 0.5px solid var(--color-grey-dk);
	}
	.jump-nav-links a {
		font-size: 1rem;
	}
	
	/* Comment out to remove featured image on resize
	.section-3-columns-featured .column-right .story-list-right .story {
		grid-template-columns: minmax(0, 1fr) 100px;
	}
	.section-3-columns-featured .column-right .story-list-right .story .story-media {
		display: grid;
		grid-row: 1; grid-column: 2;
	} */
}

/* Grid layouts */

/* Basic responsive */
@media (max-width: 1000px) {
	.grid-4-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	
	.grid-4-columns > .story::before, 
	.grid-4-columns > .story:not(:nth-child(4n))::after {
		content: none;
	}
	
	.grid-4-columns .story:not(:nth-child(2n))::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: -16px;
		width: 0.5px;
		background-color: var(--color-grey-dk);
	}
	.grid-4-columns > .story:nth-child(2n)::before {
		content: '';
		position: absolute;
		bottom: -20px;
		left: calc(-100% - 32px);
		width: calc(200% + 32px);
		height: 0.5px;
		background-color: var(--color-black-9);
	}
	
	.grid-4-columns .story:last-child::before {
		content: none;
	}
}

@media (max-width: 600px) {
	.grid-4-columns, 
	.grid-2-columns {
		grid-template-columns: minmax(0, 1fr);
		grid-column-gap: 16px;
		column-gap: 16px;
		grid-row-gap: 16px;
		row-gap: 16px;
	}
	
	.grid-4-columns > .story::before,
	.grid-4-columns > .story::after, 
	.grid-2-columns > .story::before,
	.grid-2-columns > .story::after {
		display: none;
	}
	
	.grid-4-columns .story:not(:last-child), 
	.grid-2-columns .story:not(:last-child) { 
		border-bottom: 0.5px solid var(--color-grey-dk); 
	}
}

/* Responsive transitions */

/*
.classic-classic-list-left {}
.classic-classic-list-right {}
*/
@media (max-width: 600px) {
	.classic-list-left .story, 
	.classic-list-right .story {
		width: 100%;
		display: grid;
		grid-column-gap: 16px;
		column-gap: 16px;
		grid-row-gap: 0;
		row-gap: 0;
		align-items: start;
		padding: 0;
	} 
	.classic-list-left .story {
		grid-template-columns: 100px minmax(0, 1fr);
	} 
	.classic-list-right .story {
		grid-template-columns: minmax(0, 1fr) 100px;
	}

	.classic-list-left .story .story-media .featured-image, 
	.classic-list-right .story .story-media .featured-image { 
		aspect-ratio: 1 / 1; 
	}
	.classic-list-left .story .story-text, 
	.classic-list-right .story .story-text { 
		flex-grow: 1; padding-top: 0; 
	}
	.classic-list-left .story .story-text .excerpt, 
	.classic-list-right .story .story-text .excerpt { 
		display: none; 
	}
	.classic-list-left .story .story-text .reading-time, 
	.classic-list-left .story .story-text .reading-time { 
		display: inline-flex; 
	}
	
	.classic-list-right .story .story-text { grid-row: 1; grid-column: 1; }
	.classic-list-right .story-media { grid-row: 1; grid-column: 2; }
}

/*
.list-left-classic {}
.list-right-classic {}
*/
@media (max-width: 600px) {
	.list-left-classic .story, 
	.list-right-classic .story {
		display: block;
	}
	
	.list-left-classic .story .story-media .featured-image, 
	.list-right-classic .story .story-media .featured-image {
		aspect-ratio: 4 / 3;
	}
	
	.list-left-classic .story .story-text, 
	.list-right-classic .story .story-text {
		padding-top: 15px;
		border: none;
	}
	
	.list-left-classic .story .story-text .excerpt, 
	.list-right-classic .story .story-text .excerpt {
		display: block;
	}
	
	.list-left-classic .story .story-text .reading-time, 
	.list-right-classic .story .story-text .reading-time {
		display: none;
	}
}

/* 
.list-left-list-none {}
.list-right-list-none {}
*/
@media (max-width: 600px) {
	.list-left-list-none .story, 
	.list-right-list-none .story {
		grid-template-columns: minmax(0, 1fr);
		grid-column-gap: 0;
		column-gap: 0;
	}
	.list-left-list-none .story .story-media, 
	.list-right-list-none .story .story-media {
		display: none;
	}
}

/* 
.list-left-classic-left {}
.list-right-classic-right {}
*/
@media (max-width: 600px) {
	.list-left-classic-left .story, 
	.list-right-classic-right .story {
		grid-template-columns: 1fr 1fr;
	}
}

/*
.list-right-list-left {}
*/
@media (max-width: 600px) {
	.list-right-list-left .story {
		grid-template-columns: 100px minmax(0, 1fr);
	} 
	.list-right-list-left .story .story-media .featured-image { 
		aspect-ratio: 1 / 1; 
	}
	.list-right-list-left .story .story-text { grid-row: 1; grid-column: 2; }
	.list-right-list-left .story .story-media { grid-row: 1; grid-column: 1; }
}

/* CURIOSITY FOLD */

@media (max-width: 800px) {
	.curiosity-fold {
		flex-direction: column;
		max-height: none;
	}
	.curiosity-fold .col-1 { 
		margin: 1.5rem 0 0;
		align-items: center; 
	}
	.curiosity-fold .col-1 { align-items: center; }
	.curiosity-fold .col-2 { margin: -60px 10px -20px; }
	.curiosity-fold .col-3 { 
		margin: 0 0 1rem;
		align-items: center; 
	}
	.curiosity-fold .col-1 { order: 1; }
	.curiosity-fold .col-3 { order: 2; }
	.curiosity-fold .col-2 { order: 3; }
}
@media (max-width: 600px) {
	.curiosity-fold {
		padding: 30px auto !important;
	}
	.curiosity-fold .col-1 { 
		margin: 1.5rem 0 0; 
	}
	.curiosity-fold .col-3 { 
		margin: 0 0 1.5rem;
	}
	/* .curiosity-fold .col-2 { display: none; } */
}