/***DESKTOP***/

/***INDEX
*****************************************************/
.index_header {
	text-transform: uppercase;
}
.index_link:hover .index_row span {
	color: var(--hoverColor);
}
.index_header,
.index_row {
	display: grid;
	grid-template-columns: var(--fourteenCols);
	grid-gap: var(--gridGap);
}
.col_n {
	grid-column: 1 / 2;
}
.col_n span.num_letter {
	text-transform: uppercase;
}
.col_title {
	grid-column: 2 / 7;
}
.col_author {
	grid-column: 7 / 11;
}
.col_type {
	grid-column: 11 / 13;
}
.col_date {
	grid-column: 13 / 15;
	text-align: right;
}

/***CONVESATION
*****************************************************/
#conversation {
	display: grid;
	grid-template-columns: var(--fourteenCols);
	grid-gap: var(--rowGap) var(--colGap);
	margin-top: var(--rowGutter);
}
#conversation span.initials {
	position: absolute;
	font-family: "Suisse Intl Regular" !important;
}
#conversation p:not(.caption) {
	text-indent: calc(var(--colGutter)*3);
}
#conversation .question {
	grid-column: 2 / 10;
	font-family: "Suisse Work Regular";
}
#conversation .answer_stack {
	grid-column: 1 / 15;
	display: grid;
	grid-template-columns: var(--fourteenCols);
	grid-gap: var(--gridGap);
}
#conversation .answer_stack .answer {
	grid-column: 7 / 15;
}
#conversation .answer_stack .image_stack {
	grid-column: 1 / 7;
	position: -webkit-sticky;
  	position: sticky;
	align-self: start;
  	top: var(--colGutter);
}
#conversation .answer_stack .image_stack .image {
	border: var(--borderLine);
	background: var(--hoverColor);
}
#conversation .answer_stack .image_stack .image img {
	width: 100%;
	height: auto;
	filter: grayscale(100%) brightness(150%) contrast(75%);
	mix-blend-mode: lighten;
}
#conversation .answer_stack .image_stack .image:hover img {
	filter: grayscale(0%) brightness(100%);
	mix-blend-mode: normal;
}
#conversation .answer_stack .image_stack p.caption {
	font-size: var(--smallFont);
	margin-top: calc(var(--rowSmallGutter)*.5);
}
/***MEDIA QUERIES
*****************************************************/
@media (max-width:1180px) {
/***TABLET***/
}
}
@media (max-width:600px) {
/***PHONE***/
}