@media (max-width: 1200px) {
	:root { --abp-grid-columns: 2; }
	.no-js .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1000px) {
	:root { --abp-rail-width: 0px; }
	.site-shell { grid-template-columns: minmax(0, 1fr); }
	.utility-rail { display: none; }
}

@media (max-width: 900px) {
	.site-header__inner { flex-wrap: wrap; padding-block: .8rem; }
	.nav-toggle { display: block; }
	.site-nav { display: none; flex-basis: 100%; margin-left: 0; }
	.site-nav.is-open { display: block; }
	.no-js .nav-toggle { display: none; }
	.no-js .site-nav { display: block; }
	.site-nav__list { display: block; }
	.site-nav__fallback > ul { display: block; }
	.site-nav__item + .site-nav__item,
	.site-nav__menu > li + li,
	.site-nav__fallback > ul > li + li { margin-top: .5rem; }
	.site-nav__tools { margin-top: .5rem; }
	.site-nav__menu .sub-menu,
	.site-nav__menu .sub-menu .sub-menu,
	.site-nav__fallback .children,
	.site-nav__fallback .children .children {
		position: static;
		min-width: 0;
		margin: .5rem 0 0;
		padding: 0 0 0 1rem;
		visibility: visible;
		opacity: 1;
	}
	.site-nav__menu .sub-menu a,
	.site-nav__fallback .children a { padding: .25rem 0; white-space: normal; }
	.site-nav__search.is-open,
	.no-js .site-nav__search { width: min(210px, calc(100vw - (2 * var(--abp-gutter)))); }
	.entry__featured,
	.entry__content > .alignwide,
	.entry__content > .alignfull { width: calc(100vw - (2 * var(--abp-gutter))); }
}

@media (max-width: 600px) {
	:root { --abp-grid-columns: 1; }
	body { font-size: 16px; }
	.card-grid { margin: 0; }
	.card-wrap { padding: 0; }
	.card-wrap + .card-wrap { margin-top: var(--abp-card-gap); }
	.no-js .card-grid { grid-template-columns: 1fr; }
	.entry__content :where(.alignleft, .alignright) {
		float: none;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 700px) {
	.diptych-viewer { padding: 3.5rem 1rem 1rem; }
	.diptych-viewer__pair { flex-direction: column; gap: 1rem; }
	.diptych-viewer__image { width: 100%; max-width: 100%; height: calc(50% - .5rem); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
	.card--viewer .card__media-link:hover .card__media img,
	.card--viewer .card__media-link:focus-visible .card__media img { transform: none; filter: brightness(1.16); }
	.card--outbound .card__media-link:hover .card__outbound-mark,
	.card--outbound .card__media-link:focus-visible .card__outbound-mark { opacity: 1; transform: none; }
	.card--audio.is-playing .card__audio-waveform path { animation: none; }
	.card--audio:not(.is-playing) .card__media-button:hover .card__audio-speaker,
	.card--audio:not(.is-playing) .card__media-button:focus-visible .card__audio-speaker,
	.card--audio:not(.card--audio-has-context).is-playing .card__media-button:hover .card__audio-waveform,
	.card--audio:not(.card--audio-has-context).is-playing .card__media-button:focus-visible .card__audio-waveform,
	.card--audio-has-context.is-playing .card__media-button:hover .card__audio-waveform,
	.card--audio-has-context.is-playing .card__media-button:focus-visible .card__audio-waveform,
	.card--audio.is-playing .card__audio-context:hover,
	.card--audio.is-playing .card__audio-context:focus-visible,
	.card--video:not(.is-playing):not(.is-expanded) .card__video-toggle:hover .card__video-play,
	.card--video:not(.is-playing):not(.is-expanded) .card__video-toggle:focus-visible .card__video-play,
	.card__video-layer.is-playing .card__video-expanded-toggle:hover .card__video-expanded-pause,
	.card__video-layer.is-playing .card__video-expanded-toggle:focus-visible .card__video-expanded-pause,
	.card__video-layer.is-paused .card__video-expanded-toggle:hover .card__video-expanded-play,
	.card__video-layer.is-paused .card__video-expanded-toggle:focus-visible .card__video-expanded-play,
	.card--video-youtube.is-playing .card__video-outbound:hover,
	.card--video-youtube.is-playing .card__video-outbound:focus-visible { opacity: 1; transform: none; }
	.card__video-layer.is-expanded,
	.card__video-layer.is-returning,
	.card__video-layer.is-returning video,
	.card__video-layer.is-returning .card__video-return-poster { transition-delay: 0s !important; }
}
