@media (max-width: 1020px) {
	.ss-grid--4,
	.ss-grid--3,
	.content-grid--three,
	.ss-video-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.ss-hero__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.ss-hero-visual {
		min-height: 18rem;
		opacity: 0.82;
	}

	.ss-liquid-portal {
		width: min(20rem, 70vw);
	}

	.ss-home-privacy .ss-privacy-note,
	.ss-home-privacy .ss-trust-list {
		grid-template-columns: 1fr;
	}

	.ss-home-privacy .ss-eyebrow,
	.ss-home-privacy .ss-section-title,
	.ss-home-privacy .ss-section-copy,
	.ss-home-privacy .ss-billing-note,
	.ss-home-privacy .ss-trust-list {
		grid-column: auto;
		grid-row: auto;
	}

	.header-join {
		display: none;
	}
}

@media (max-width: 760px) {
	:root {
		--ss-width-page: min(100% - 1.25rem, var(--ss-width-wide));
	}

	body {
		background-attachment: scroll;
	}

	h1 {
		font-size: clamp(2.75rem, 16vw, 4.2rem);
	}

	.site-header__inner {
		grid-template-columns: 1fr auto;
		min-height: 68px;
	}

	.site-title {
		max-width: 13rem;
		font-size: 1.08rem;
	}

	.menu-toggle {
		display: inline-flex;
	}

	.primary-navigation {
		display: none;
		grid-column: 1 / -1;
		justify-self: stretch;
		border-radius: var(--ss-radius-md);
		padding-bottom: var(--ss-space-sm);
	}

	.site-header.is-menu-open .primary-navigation {
		display: block;
	}

	.primary-navigation__menu {
		display: grid;
		gap: var(--ss-space-2xs);
	}

	.primary-navigation a {
		justify-content: space-between;
		border-radius: var(--ss-radius-sm);
		background: rgba(247, 241, 255, 0.06);
		padding: 0.8rem 0.9rem;
	}

	.ss-hero,
	.liquid-hero {
		min-height: 86vh;
		padding-block: 6rem 3.25rem;
	}

	.ss-hero-visual {
		display: none;
	}

	.ss-hero__content::before {
		inset: -0.75rem;
	}

	.ss-hero__title,
	.liquid-hero h1 {
		max-width: 9ch;
	}

	.ss-hero__actions,
	.footer-cta .section-inner {
		align-items: stretch;
		flex-direction: column;
	}

	.ss-button,
	.button {
		width: 100%;
	}

	.ss-section,
	.section-band,
	.content-shell {
		padding-block: var(--ss-space-xl);
	}

	.ss-grid,
	.ss-grid--3,
	.ss-grid--4,
	.ss-video-row,
	.content-grid,
	.content-grid--three,
	.book-layout,
	.site-footer__inner {
		grid-template-columns: 1fr;
	}

	.ss-section-heading {
		margin-bottom: var(--ss-space-md);
	}

	.ss-card--portal {
		min-height: 20rem;
	}

	.ss-hero__doorway {
		right: -2rem;
		bottom: 4%;
		opacity: 0.25;
	}

	.ss-video-placeholder {
		min-height: 180px;
	}

	.detail-list {
		grid-template-columns: 1fr;
	}

	.footer-cta h2 {
		max-width: none;
	}
}

@media (max-width: 430px) {
	.content-panel,
	.ss-card__body {
		padding: var(--ss-space-sm);
	}

	.ss-card__title {
		font-size: 1.25rem;
	}
}