.products-story__series {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rww-space-md) var(--rww-space-xl);
	margin-bottom: var(--rww-space-xl);
}

.products-story__series-link {
	flex: 0 0 auto;
}

.products-story__title {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
}

.products-story__panel#storefront .products-story__copy,
.products-story__panel#punched-window .products-story__copy {
	max-width: 780px;
}

@media (min-width: 769px) {
	.products-story__panel#storefront .products-story__cta--storefront {
		display: none;
	}

	.products-story .products-story__copy {
		color: var(--rww-white);
	}

	.products-story .rww-section-signature {
		z-index: calc(var(--rww-content-z) + 2);
	}

	.products-story__panel--has-product-page .products-story__inner {
		bottom: auto;
	}

	.products-story__panel--has-product-page .products-story__content {
		position: static;
		top: auto;
	}

	.products-story__panel#operables .products-story__inner {
		justify-content: flex-start;
	}

	.products-story__panel#operables .products-story__content {
		max-width: 680px;
	}

	.products-story__shade {
		background:
			linear-gradient(8deg, rgba(4, 20, 34, 0.9) 0%, rgba(4, 20, 34, 0.66) 42%, rgba(4, 20, 34, 0.14) 68%, transparent 80%),
			linear-gradient(0deg, rgba(4, 20, 34, 0.38) 0%, transparent 45%);
	}

	.products-story__panel:nth-of-type(odd) .products-story__shade {
		background:
			linear-gradient(352deg, rgba(4, 20, 34, 0.9) 0%, rgba(4, 20, 34, 0.66) 42%, rgba(4, 20, 34, 0.14) 68%, transparent 80%),
			linear-gradient(0deg, rgba(4, 20, 34, 0.38) 0%, transparent 45%);
	}

	.products-story__panel#window-wall .products-story__cta {
		color: var(--rww-white);
	}

	.products-story__panel#window-wall .products-story__cta:hover,
	.products-story__panel#window-wall .products-story__cta:focus-visible {
		color: var(--rww-blue);
	}

	.products-story__title {
		white-space: nowrap;
	}

	.products-story__panel#rww-terra-glaze .products-story__title {
		font-size: clamp(2.75rem, 5.4vw, 5.75rem);
	}
}

@media (max-width: 768px) {
	.products-story__title {
		font-size: clamp(2.125rem, 10vw, 2.75rem);
		white-space: nowrap;
	}

	.products-story__subtitle {
		font-size: 14px;
	}

	.products-story .products-story__copy {
		width: calc(100% - 24px - max(16px, var(--rww-space-md)));
		color: var(--rww-white);
	}

	.products-story .products-story__panel .products-story__inner {
		padding-left: var(--rww-gutter-mobile);
	}

	.products-story__panel#window-wall .products-story__cta {
		color: var(--rww-white);
	}

	.products-story__panel#window-wall .products-story__cta > span {
		color: var(--rww-blue);
	}

	.products-story__panel#window-wall .products-story__cta:hover > span,
	.products-story__panel#window-wall .products-story__cta:focus-visible > span {
		color: var(--rww-white);
	}

	.products-story__nav {
		right: var(--rww-gutter-mobile);
		left:  auto;
		gap:   0.125rem;
	}

	.products-story__nav .products-story__dot {
		position:   relative;
		width:      24px;
		height:     21px;
		border:     0;
		background: transparent;
		box-shadow: none;
		opacity:    0.8;
		transform:  none;
		transition: height 240ms ease, opacity 240ms ease;
	}

	.products-story__nav .products-story__dot::before {
		position:      absolute;
		top:           50%;
		left:          50%;
		width:         3px;
		height:        17px;
		border:        0;
		border-radius: 999px;
		background:    rgba(255, 255, 255, 0.65);
		content:       '';
		transform:     translate(-50%, -50%);
		transition:    width 240ms ease, height 240ms ease, background-color 240ms ease;
	}

	.products-story__nav .products-story__dot:hover,
	.products-story__nav .products-story__dot:focus-visible,
	.products-story__nav .products-story__dot.is-active {
		height:     28px;
		border:     0;
		background: transparent;
		box-shadow: none;
		opacity:    1;
		transform:  none;
	}

	.products-story__nav .products-story__dot:hover::before,
	.products-story__nav .products-story__dot:focus-visible::before {
		background: rgba(255, 255, 255, 0.88);
	}

	.products-story__nav .products-story__dot.is-active::before {
		width:      4px;
		height:     24px;
		background: var(--rww-blue);
	}

	.products-story__panel:is(#storefront, #punched-window) .about-story__inner {
		padding-top: var(--rww-header-clearance-no-admin);
		padding-bottom: clamp(48px, 7vh, 72px);
	}

	.products-story__panel:is(#storefront, #punched-window) .products-story__title {
		margin-bottom: var(--rww-space-md);
	}

	.products-story__panel:is(#storefront, #punched-window) .products-story__copy {
		margin-bottom: 0;
		font-size: 15px;
		line-height: var(--rww-line-height-normal);
	}

	.products-story__panel:is(#storefront, #punched-window) .products-story__copy p {
		margin-bottom: var(--rww-space-sm);
	}

	.products-story__series {
		gap: var(--rww-space-md);
	}
}
.products-story__mobile-copy {
	display: none;
}

@media (min-width: 769px) {
	.products-story__panel:is(#storefront, #punched-window) .products-story__copy--full {
		display: none;
	}

	.products-story__panel:is(#storefront, #punched-window) .products-story__mobile-copy {
		display: block;
	}

	.products-story__panel:is(#storefront, #punched-window) [data-products-copy-preview] {
		margin-bottom: var(--rww-space-md);
	}

	.products-story__panel:is(#storefront, #punched-window) [data-products-copy-preview] p:not(:first-child) {
		display: none;
	}

	.products-story__mobile-copy .services-panel__read-more {
		display: inline-flex;
		align-items: center;
		gap: var(--rww-space-sm);
		margin: 0 0 var(--rww-space-xl);
		padding: 0 0 3px;
		border: 0;
		border-bottom: 1px solid var(--rww-blue);
		background: transparent;
		font-family: var(--rww-font-body);
		font-size: var(--rww-small-text-size);
		font-weight: var(--rww-font-weight-medium);
		line-height: 1.2;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--rww-white);
		cursor: pointer;
	}

	.products-story__mobile-copy .services-panel__read-more-arrow {
		color: var(--rww-blue);
	}

	#rww-products-copy-modal {
		padding: 0;
		background: var(--rww-navy);
		color: var(--rww-white);
		overflow: hidden;
	}

	#rww-products-copy-modal::backdrop {
		background: rgba(4, 20, 34, 0.78);
		backdrop-filter: none;
	}

	#rww-products-copy-modal .rww-modal__surface {
		width: 100%;
		height: 100%;
		max-height: none;
		background: var(--rww-navy);
		box-shadow: none;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	#rww-products-copy-modal .rww-modal__close {
		position: fixed;
		top: var(--rww-space-lg);
		right: var(--rww-gutter);
		border-color: rgba(255, 255, 255, 0.34);
		background: rgba(10, 33, 56, 0.92);
	}

	#rww-products-copy-modal .rww-modal__close span::before,
	#rww-products-copy-modal .rww-modal__close span::after {
		background: var(--rww-white);
	}

	#rww-products-copy-modal .services-copy-dialog {
		min-height: 100%;
		padding: calc(var(--rww-header-clearance) + var(--rww-space-xl)) var(--rww-gutter) var(--rww-space-2xl);
	}

	#rww-products-copy-modal .services-copy-dialog[hidden] {
		display: none;
	}

	#rww-products-copy-modal .services-copy-dialog__title {
		margin: 0;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: clamp(2rem, 9vw, 3rem);
		font-weight: 600;
		line-height: 0.95;
		letter-spacing: 0.01em;
		text-transform: uppercase;
		color: var(--rww-white);
	}

	#rww-products-copy-modal .services-copy-dialog__accent {
		display: block;
		width: var(--rww-space-2xl);
		height: 2px;
		margin: var(--rww-space-lg) 0 var(--rww-space-xl);
		background: var(--rww-blue);
	}

	#rww-products-copy-modal .products-copy-dialog__image {
		display: none;
	}

	#rww-products-copy-modal .services-copy-dialog__copy {
		max-width: 780px;
		font-family: var(--rww-font-body);
		font-size: var(--rww-body-size);
		line-height: var(--rww-line-height-loose);
		color: var(--rww-white);
	}

	#rww-products-copy-modal .services-copy-dialog__copy p {
		margin: 0 0 var(--rww-space-lg);
	}

	#rww-products-copy-modal .services-copy-dialog__copy p:last-child {
		margin-bottom: 0;
	}

	#rww-products-copy-modal .products-copy-dialog__cta {
		margin-top: var(--rww-space-xl);
	}
}

@media (max-width: 768px) {
	.products-story .products-story__copy--full { display: none; }
	.products-story__mobile-copy { display: block; }
	.products-story__mobile-copy [data-products-copy-preview] {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		overflow: hidden;
	}
	.products-story__mobile-copy .services-panel__read-more[hidden] { display: none; }
	#rww-products-copy-modal .products-copy-dialog__image {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 var(--rww-space-lg);
		border: 0;
		object-fit: cover;
	}
	.products-story__panel:is(#storefront, #punched-window) .products-story__mobile-copy .products-story__copy {
		margin-bottom: var(--rww-space-md);
	}
	html.rww-modal-open .products-story__panels { overflow: hidden; }
	.products-story__mobile-copy .services-panel__read-more {
		display: inline-flex;
		align-items: center;
		gap: var(--rww-space-sm);
		margin: 0 0 var(--rww-space-md);
		padding: 0 0 3px;
		border: 0;
		border-bottom: 1px solid var(--rww-blue);
		background: transparent;
		font-family: var(--rww-font-body);
		font-size: var(--rww-small-text-size);
		font-weight: var(--rww-font-weight-medium);
		line-height: 1.2;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--rww-white);
		cursor: pointer;
	}
	.products-story__mobile-copy .services-panel__read-more-arrow { color: var(--rww-blue); }
	.products-story__panel:is(#storefront, #punched-window) .products-story__content {
		display: flex;
		flex-direction: column;
	}
	.products-story__panel:is(#storefront, #punched-window) .products-story__mobile-copy {
		display: contents;
	}
	.products-story__panel:is(#storefront, #punched-window) .products-story__cta {
		order: 1;
		align-self: flex-start;
		margin-bottom: var(--rww-space-md);
	}
	.products-story__panel:is(#storefront, #punched-window) .services-panel__read-more {
		order: 2;
		align-self: flex-start;
		margin-bottom: 0;
	}
	#rww-products-copy-modal {
		padding: 0;
		background: var(--rww-navy);
		color: var(--rww-white);
		overflow: hidden;
	}
	#rww-products-copy-modal::backdrop {
		background: rgba(4, 20, 34, 0.78);
		backdrop-filter: none;
	}
	#rww-products-copy-modal .rww-modal__surface {
		width: 100%;
		height: 100%;
		max-height: none;
		background: var(--rww-navy);
		box-shadow: none;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	#rww-products-copy-modal .rww-modal__close {
		position: fixed;
		top: max(var(--rww-space-md), env(safe-area-inset-top));
		right: var(--rww-gutter-mobile);
		border-color: rgba(255, 255, 255, 0.34);
		background: rgba(10, 33, 56, 0.92);
	}
	#rww-products-copy-modal .rww-modal__close span::before,
	#rww-products-copy-modal .rww-modal__close span::after { background: var(--rww-white); }
	#rww-products-copy-modal .services-copy-dialog {
		min-height: 100%;
		padding: max(88px, calc(env(safe-area-inset-top) + 72px)) var(--rww-gutter-mobile) max(var(--rww-space-2xl), env(safe-area-inset-bottom));
	}
	#rww-products-copy-modal .services-copy-dialog[hidden] { display: none; }
	#rww-products-copy-modal .services-copy-dialog__title {
		margin: 0;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: clamp(2rem, 9vw, 3rem);
		font-weight: 600;
		line-height: 0.95;
		letter-spacing: 0.01em;
		text-transform: uppercase;
		color: var(--rww-white);
	}
	#rww-products-copy-modal .services-copy-dialog__accent {
		display: block;
		width: var(--rww-space-2xl);
		height: 2px;
		margin: var(--rww-space-lg) 0 var(--rww-space-xl);
		background: var(--rww-blue);
	}
	#rww-products-copy-modal .services-copy-dialog__copy {
		font-family: var(--rww-font-body);
		font-size: var(--rww-body-size);
		line-height: var(--rww-line-height-loose);
		color: var(--rww-white);
	}
	#rww-products-copy-modal .services-copy-dialog__copy p { margin: 0 0 var(--rww-space-lg); }
	#rww-products-copy-modal .services-copy-dialog__copy p:last-child { margin-bottom: 0; }
	#rww-products-copy-modal .products-copy-dialog__cta { display: none; }
}