@media (max-width: 61.99rem) {
	:root {
		--roj-header-height: 4.75rem;
	}

	.roj-header__inner {
		grid-template-columns: auto 1fr auto;
	}

	.roj-menu-toggle {
		display: block;
	}

	.roj-primary-navigation {
		display: none;
	}

	.roj-brand {
		justify-self: center;
	}

	.roj-cart-total {
		display: none;
	}

	.roj-site-footer__main {
		grid-template-columns: 1.2fr 1fr;
	}

	.roj-social-links {
		grid-column: 2;
	}

	.roj-featured-product__grid,
	.roj-featured-product__empty {
		gap: 3rem;
		grid-template-columns: 1fr 1fr;
	}

	.roj-home-showcase {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}

	.roj-story-section__content {
		padding: clamp(3rem, 7vw, 5rem);
	}
}

@media (max-width: 47.99rem) {
	.roj-header__actions {
		gap: 0.15rem;
	}

	.roj-account-link {
		display: none;
	}

	.roj-brand__name {
		font-size: 0.95rem;
	}

	.roj-brand__descriptor {
		font-size: 0.42rem;
	}

	.roj-hero {
		height: max(38rem, 92svh);
	}

	.roj-hero-height--compact .roj-hero {
		height: max(34rem, 76svh);
	}

	.roj-hero-height--tall .roj-hero {
		height: max(42rem, 102svh);
	}

	.roj-hero__content {
		align-items: flex-start !important;
		justify-content: flex-end;
		padding-bottom: 7rem;
		text-align: left !important;
	}

	.roj-hero__content h1 {
		font-size: clamp(2.8rem, 15vw, 5rem);
	}

	.roj-hero__actions,
	.roj-hero__actions .roj-button {
		width: 100%;
	}

	.roj-slider-arrow {
		height: 2.4rem;
		width: 2.4rem;
	}

	.roj-featured-product__grid,
	.roj-featured-product__empty {
		grid-template-columns: 1fr;
	}

	.roj-home-showcase {
		display: grid;
		gap: 0.75rem;
		grid-template-columns: 1fr;
		padding-inline: 0.75rem;
	}

	.roj-home-showcase > .roj-featured-product {
		grid-row: auto;
	}

	.roj-home-showcase .roj-featured-product__grid,
	.roj-home-showcase .roj-featured-product__empty {
		padding: 0.75rem;
	}

	.roj-product-gallery {
		margin-inline: -1.25rem;
	}

	.roj-product-gallery__thumbs {
		padding-inline: 1.25rem;
	}

	.roj-product-form,
	.woocommerce-variation-add-to-cart {
		align-items: stretch;
		flex-direction: column;
	}

	.roj-product-form .quantity input,
	.roj-add-to-cart {
		width: 100%;
	}

	.roj-story-section__inner {
		grid-template-columns: 1fr;
	}

	.roj-home-showcase .roj-story-section__inner {
		grid-template-columns: 1fr;
	}

	.roj-story-section__media,
	.roj-story-section--small .roj-story-section__media,
	.roj-story-section--large .roj-story-section__media {
		min-height: 65vw;
		order: 0;
	}

	.roj-story-section__content {
		order: 1;
		padding: 3.75rem 1.25rem 4.5rem;
	}

	.roj-home-showcase .roj-story-section__content {
		padding: 2.5rem 1.5rem 3rem;
	}

	.roj-home-showcase .roj-story-section__media,
	.roj-home-showcase .roj-story-section--small .roj-story-section__media,
	.roj-home-showcase .roj-story-section--large .roj-story-section__media {
		min-height: 62vw;
	}

	.roj-js .roj-3d-enabled .roj-depth-card {
		transform:
			perspective(75rem)
			translate3d(0, var(--roj-reveal-y, 1.25rem), 0)
			rotateX(var(--roj-rotate-x))
			rotateY(var(--roj-rotate-y));
	}

	.roj-js .roj-3d-enabled .roj-depth-card.is-touch-active {
		--roj-rotate-x: 1.2deg;
		--roj-rotate-y: -1.5deg;
	}

	.roj-site-footer__main {
		grid-template-columns: 1fr;
	}

	.roj-social-links {
		grid-column: auto;
	}

	.roj-site-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.6rem;
	}
}

@media (max-width: 22.5rem) {
	.roj-container {
		padding-inline: 1rem;
	}

	.roj-header-action {
		min-width: 2.4rem;
	}

	.roj-cart-count {
		right: -0.1rem;
	}
}

@media (min-width: 100rem) {
	:root {
		--roj-container: 92rem;
	}

	.roj-hero__content h1 {
		font-size: 8.5rem;
	}
}