@media screen and (max-width: 768px) {
	
	/* ! __________  ! P R I M A R Y . N A V */
	
	.primary-nav {
		top: 10px;
		width: 95%;
	}
	
	.primary_nav-stack {
		flex-direction: column;
	}
	
	/* ! __________  ! U P N E X T . N A V */
	
	.upnext_heading {
	    font-size: 32px;
	}
	
	.upnext_nav-card > a > div {
		padding: 24px 12px;
	}
	
	/* ! __________  ! I S S U E . N A V */
	
	.issue_nav-pulltab {
		padding: 8px;
		background: rgba(58, 58, 58, 0.50);
		backdrop-filter: blur(5px);		
	}
	
	.issue_nav-pulltab > h1 {
		display: none;
	}
	
	.issue_nav {
		max-height: 95%;
		overflow-y: auto;
	}
	
	.issue_nav-stack {
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 16px;
		overflow-y: auto;
		max-height: 90vh;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	
	.issue_nav-stack::-webkit-scrollbar {
		display: none;
	}	
	
	.issue_nav-thumb {
		width: 100%;
		max-width: none;
		min-width: 0;
		padding: 16px;
		overflow: visible;
		flex: none;
	}
	
	.issue_nav-thumb > div {
		width: 100%;
		padding: 0px;
	}
	
	.issue_nav-thumb > div > h2,
	.issue_nav-thumb > div > h3 {
		width: 100%;
	}
	
	.issue_nav-thumb > img {
		display: none;
	}
	
	/* ! __________  ! P A G E . L A Y O U T */
	
	.wrap {
		margin: 92px auto 40px auto;
		padding: 0px 12px;
	}
	
	.wrap_row {
		flex-direction: column;
	}
	
	/* ! __________  ! I N D E X */
	
	.lp_link {
		padding: 32px 0px;
	}
	
	.lp_meta-title {
		font-size: 32px;
	}
	
	/* ! __________  ! E S S A Y S */
	
	.hero_essays-headers > h1,
	.hero_film-headers > h1 {
		font-size: 72px;
	}
	
	.essays_card,
	.essays_card-desc {
		padding: 24px 12px;
	}	
	
	/* ! __________  ! S E E D S I G N A L */
	
	.hero_seedsignal {
		margin-bottom: 32px;
	}
	
	.hero_seedsignal > h1 {
	    font-size: 72px;
	}
	
	.seedsignal_card-title > h1 {
		font-size: 40px;
	}
	
	.seedsignal_card > div {
		padding: 24px 12px;
	}
	
	.issue_markdown {
		padding: 24px 12px;
	}	
	
	/* ! __________  ! F I L M */
	
	.film_card {
		min-width: 100%;
	}
	
	.film_card-title {
		bottom: 0px;
	}	
	
	/* ! __________  ! S H A R E . M O D U L E */
	
	.share_module {
		padding: 24px 12px;
	}
	
	/* ! __________  ! S C R O L L . T 0 . T O P */
	
	.scroll-to-top {
		width: 40px;
		min-width: 40px;
		height: 40px;
	}

	.scroll-to-top .material-40 {
	    width: 30px;
	    min-width: 30px;
	    height: 30px;
	}

}

@media screen and (max-width: 320px) {
	
	
	
}