@media (orientation: landscape) {
	:root {
		/*--flow: row;*/
		--container-split: repeat(2, 1fr);
	}
}
@media (orientation: portrait) {
	:root {
	}
	.case-cards .intro {
		position: relative;
	}
}
@media (max-width: 1024px) {
	:root {
	}
	.home-hero-left {
		padding-block-start: calc(var(--body-top) + 5rem);
	}
	.hero h1 {
		font-size: 1.75rem;
	}
	.about h2 {
		font-size: 2rem;
	}
	.mission .container {
		padding-inline: 2rem;
	}
	.mission h2 {
		font-size: 2rem;
	}
	.approach h2.title {
		font-size: 1.75rem;
	}
	section.testimonials .testimonial .quote {
		font-size: 2rem;
	}


}

@media (max-width: 1024px) and (orientation: portrait) {
	:root {
		/*--flow: column nowrap;*/
		--container-split: repeat(1, 100%);
		--position-sticky: static;
	}
	.home-hero-left {
		min-height: 50dvh;
	}
	.hero h1 {
		font-size: 2.75rem;
	}
	.video-holder {
		aspect-ratio: 1;
	}
	.approach .container {
		--container-split: repeat(2, 1fr);
	}
}

@media (max-width: 768px) and (orientation: portrait) {
	:root {
		--position-sticky: static;
		--flow: column nowrap;
		--container-split: repeat(1, 100%);
		--grid-layout:
				"legend"
				"content"
				"image";
		--offcanvas-width: 100vw;
		--typewriter-font-size: 2.5rem;
	}
	body:is(.admin-bar) {
		--body-top: 46px;
		/*--body-top: 0px;*/
	}
	header.site-header {
		/*position: sticky;*/
		top: var(--body-top);
		z-index: 2;
		background-color: var(--header-color-back);
	}
	header.site-header.sticking {
		top: 0;
		height: var(--toggle-size);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		z-index: 9999;
	}
	.menu-homepage-nav-container {
		position: absolute;
		inset: var(--toggle-size) 0 auto;
	}
	.main-navigation {
		display: flex;
		justify-content: flex-end;
	}
	.main-navigation ul {
		display: none;
		padding-left: 0;
		background: var(--header-color-back);
		border-top: 1px solid rgb(0 0 0 / 10%);
	}
	.main-navigation ul li {
		padding-inline: 2ch;
		border-bottom: 1px solid rgb(0 0 0 / 10%);
	}
	.main-navigation .contact-button {
		position: absolute;
		top: calc(var(--header-nav-item-size) * var(--header-nav-item-line-height) * var(--header-nav-item-rows) + var(--toggle-size));
		right: 0;
		left: 0;
		border-top: 1px solid rgb(0 0 0 / 10%);
		/*padding-inline: 2ch;*/
		box-shadow: 0 1rem 1rem -1rem rgba(0, 0, 0, 0.5);
	}
	.main-navigation .contact-button li {
		display: flex;
		justify-content: start;
		align-items: center;
		height: calc(var(--header-nav-item-line-height) * var(--header-nav-item-size));
	}
	.main-navigation .contact-button :is(a, button) {
		display: inline;
		/* margin-block: .95em; */
		margin-inline: 0;
		padding: 1rem;
		color: white;
		background-color: var(--accent-color);
		border: none;
		border-radius: .5em;
	}
	.main-navigation .contact-button :is(a, button) {
		margin-inline: 0;
	}
	.home-hero-left {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		padding-inline: 5vw;
		padding-block-start: 5rem;
	}
	.hero h1 {
		font-size: 1.75rem;
		width: min(625px, 90vw);
	}
	.home-hero-right {
		aspect-ratio: 1;
	}
	.video-holder {
		height: 100%;
		aspect-ratio: 1;
		position: relative;
		overflow: hidden;
	}
	section .legend {
		margin-block: 2rem;
	}
	section.about {
		padding-block: 1rem;
	}
	.about h2 {
		font-size: 1.9rem;
	}
	.about-image {
		display: none;
	}
	.mission .container {
		padding-block: 4rem 90vw;
		padding-inline: 3vw;
		background-position: center bottom;
		background-size: contain;
	}
	.mission h2 {
		font-size: 1.7rem;
		max-inline-size: 35ch;
		text-wrap: balance;
	}
	li.sector {
		width: 90vw;
	}
	.values-list {
		display: none;
	}

	.accounting .container {
		--container-split: repeat(1, 1fr);
	}
	.accounting .intro {
		width: 100%;
		aspect-ratio: 1;
	}
	.approach .container {
		--container-split: repeat(1, 1fr);
	}
	.approach .intro {
		width: 100%;
		aspect-ratio: 3/4;
	}
	.approach h2.title {
		max-inline-size: unset;
		font-size: 1.5rem;
	}
	.approach .explanation {
		margin-block-end: 3em;
	}
	section.testimonials .testimonial .quote {
		font-size: 1.1rem;
	}
	.process-cards .intro.section-dark {
		background-size: auto;
		aspect-ratio: 3/4;
		height: auto;
	}
	.card-flow h3 {
		font-size: 1.9rem;
	}
	.step-card {
		margin-block: 0 2rem;
	}
	.case-cards .intro {
		position: relative;
	}
	.contact-cta h2 {
		font-size: 1.75rem;
	}
	.contact-cta a.button {
		margin-inline: auto;
	}



	.modal {
		max-height: calc(100dvh - var(--wp-admin--admin-bar--height));
		/*overflow-y: auto;*/
		/*top: var(--wp-admin--admin-bar--height);*/
		top: 0;
		z-index: 100000;
	}

	.modal__content {
		width: 100vw;
		/* min-height: 100%; */
		top: var(--wp-admin--admin-bar--height);
	}

	.offcanvas h1 {
		font-size: 1.5rem;
	}
	.offcanvas h2 {
		font-size: 1.35rem;
	}
	.offcanvas h3 {
		font-size: 1.25rem;
		font-weight: 500;
	}
	.offcanvas blockquote {
		padding: 1rem 2rem .01rem;
		margin-inline: 0;
	}

	.testimonials :is(.swiper-button-next, .swiper-button-prev) {
		color: transparent;
		opacity: 0;
	}
	.testimonials .swiper-pagination-bullet-active {
		background: var(--section-dark-back);
	}
}



@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}