@media (max-width: 700px) {
.site-header {
	padding: 21px 6vw;
	top: 0;
	width: 100%;
	display: flex;
	align-items: top;
	justify-content: space-between;
	padding: 28px 5vw;
	color: var(--cream);
	background: url('../img/header.jpg') center center / 100% auto no-repeat; background-size: cover; 
	height: 160px;
}

	.site-nav { gap: 0; }
	.site-nav > a:not(.site-nav__cta) { display: block; max-width: 105px; font-size: 9px; line-height: 1.2; text-align: right; }
	.site-nav__cta { padding: 9px 11px; font-size: 10px; }
	.hero { min-height: 680px; height: 88vh; }
	.hero__image { background-position: right top; background-size: auto 32%, auto; }
	.hero__veil { background: linear-gradient(90deg, rgba(10, 21, 17, .78), rgba(10, 21, 17, .22)), linear-gradient(0deg, rgba(10, 21, 17, .72), transparent 55%); }
	.hero__content { width: 88%; padding-top: 145px; margin-left: 6vw; }
	h1 { font-size: clamp(46px, 14vw, 68px); }
	.hero__intro { font-size: 14px; }
	.hero__scroll { right: 6vw; bottom: 24px; }
	.manifesto, .explore { padding: 30px 6vw; }
	.manifesto__copy, .story-grid { grid-template-columns: 1fr; }
	.manifesto__copy { gap: 32px; margin-top: 35px; }
	.manifesto__copy > div { max-width: none; }
	.section-heading { display: block; margin-bottom: 35px; }
	.section-heading h2 { width: auto; margin-top: 30px; }
	.story-card { min-height: 265px; }
	.story-card__type { margin-top: 34px; }
	.site-footer { display: block; padding: 22px 6vw; line-height: 2; }
	.site-footer p { margin-bottom: 0; }
.explore-link {  justify-content: space-around; }
	.explore-link a img { height: 47px; width: 47px;   filter: grayscale(100%); transition: filter 0.3s ease; }

}