@font-face {font-weight: 200; font-style: normal; font-family: 'DM Sans'; src: url('fonts/dm-sans-v16-latin-200.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 500; font-style: normal; font-family: 'DM Sans'; src: url('fonts/dm-sans-v16-latin-500.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 600; font-style: normal; font-family: 'DM Sans'; src: url('fonts/dm-sans-v16-latin-600.woff2') format('woff2'); font-display: swap;}

@font-face {font-weight: 300; font-style: normal; font-family: 'GT Sectra Display'; src: url('fonts/GT-Sectra-Display-Light.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 300; font-style: italic; font-family: 'GT Sectra Display'; src: url('fonts/GT-Sectra-Display-Light-Italic.woff2') format('woff2'); font-display: swap;}
@font-face {font-weight: 400; font-style: normal; font-family: 'GT Sectra Display'; src: url('fonts/GT-Sectra-Display-Regular.woff2') format('woff2'); font-display: swap;}

na-wrap {

	& {display: block; --terracotta: #9f6a4c; --stone: #f0ede5; --white: #fff; --black: #000; --navy: #012332; --vs: 3.75rem; --alt: #f6f4ef;}

	* {margin: 0; padding: 0;}
	*, ::before, ::after {box-sizing: border-box;}
	html {font: medium 'DM Sans', sans-serif; -webkit-text-size-adjust: none; text-size-adjust: none; color: #000; background-color: #fff;}
	a {text-decoration-thickness: from-font; color: inherit;}
	blockquote div {color: var(--navy);}
	blockquote div::before {content: '- ';}
	button {border-width: 0; font: inherit; color: inherit; background-color: transparent; cursor: pointer; touch-action: manipulation;}
	iframe {display: block; max-width: 100%; border: 0;}
	h1, h2, h3, h4, h5, h6 {text-transform: revert; text-wrap: balance; background: revert;}
	img, picture, svg, video {height: auto; max-width: 100%; vertical-align: middle;}
	input, select, textarea {font: inherit; letter-spacing: inherit; word-spacing: inherit;}
	p {text-wrap: pretty;}
	summary {list-style: none; cursor: pointer;}
	summary::-webkit-details-marker {display: none;}
	ul {list-style: none;}
	[hidden] {display: none !important;}

	#breadCrumb * {font: 200 .875rem/1.3 'DM Sans', sans-serif !important; letter-spacing: 2% !important; color: var(--navy) !important;}
	.btn {display: inline-grid; grid-auto-flow: column; gap: .5rem; align-items: center; padding: 1.125rem 2.75rem; border-radius: 0; font: 500 .875rem/1.7 'DM Sans', sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 20%; color: var(--stone); background-color: color(from var(--terracotta) srgb r g b / var(--o)); --o: 1;}
	.btn:hover {--o: .8;}
	.screen-reader-text {position: absolute; width: 1px !important; height: 1px !important; overflow: hidden; clip-path: inset(50%) !important; padding: 0 !important; white-space: nowrap;}
	.wys * {margin: revert; padding: revert; list-style: revert;}
	.wys > :first-child {margin-top: 0;}
	.wys > :last-child {margin-bottom: 0;}

	.h1, .h2, .h3, .h4, .h5, .h6 {margin: 0;}
	.h1 {font: 300 clamp(5.625rem, 2.768rem + 14.286vw, 6.25rem)/1 'GT Sectra Display', serif !important;}
	.h2 {font: 300 4.375rem/.9 'GT Sectra Display', serif !important;}
	.h3 {font: 300 3.125rem/.9 'GT Sectra Display', serif !important; letter-spacing: -2%;}
	.h4 {font: 300 2.5rem/1 'GT Sectra Display', serif !important; letter-spacing: -2%;}
	.h5 {font: 300 2rem/1.1 'GT Sectra Display', serif !important; letter-spacing: -2%;}
	.h6 {font: 400 1.375rem/1.09 'GT Sectra Display', serif !important; letter-spacing: 1%;}
	.lbc {font: 200 1.125rem/1.7 'DM Sans', sans-serif; letter-spacing: 2%;}
	.sbc {font: 200 1rem/1.7 'DM Sans', sans-serif; letter-spacing: 2%;}
	.att {font: 200 .875rem/1.3 'DM Sans', sans-serif; letter-spacing: 2%;}
	.tag {font: 600 .875rem/1.4 'DM Sans', sans-serif; text-transform: uppercase; letter-spacing: 35%;}

	/* home hero */
	.nahome-hero {display: grid; grid-template: auto auto / 1fr; margin-inline: max(0px, ((100% - 90rem) / 2)); color: var(--terracotta); background-color: var(--white);}
	.nahome-hero .heroimg {grid-area: 1 / 1 / 2 / -1; max-height: 31.25rem;}
	.nahome-hero .heroimg img {width: 100%; height: 100%; max-width: none; object-fit: cover;}
	.nahome-hero .h1 {grid-area: 1 / 1; align-self: end; padding: 3.625rem 1.25rem; color: var(--white);}
	.nahome-hero > div {width: max-content; margin-inline: auto; padding-block: 3.125rem; text-align: center;}
	.nahome-hero .h5 {margin-top: .75rem; padding: .5rem; border-block: 1px solid; font-size: 2.5rem;}

	/* home intro */
	.nahome-intro {display: grid; row-gap: 3.125rem; padding-bottom: 3.75rem; color: var(--navy); background-color: var(--white);}
	.nahome-intro .iwrap {margin-inline: auto;}
	.nahome-intro .wrap {display: grid; margin-inline: max(1.875rem, ((100% - 75rem) / 2)); text-align: center;}
	.nahome-intro .h3 {color: var(--terracotta);}
	.nahome-intro p {margin-block: 1.5rem 1.875rem;}
	.nahome-intro .logomark {display: none;}

	/* home product highlight */
	na-phighlight {display: grid; margin-inline: max(0px, ((100% - 90rem) / 2)); color: var(--navy); background-color: var(--white);}
	na-phighlight .h3 {margin-bottom: 0; padding-inline: 1.5rem; padding-top: 1.875rem; font-size: 3.125rem !important; color: var(--terracotta);}
	.naph-txt {padding-inline: 1.5rem; padding-bottom: 3.75rem;}
	.naph-txt p {margin-top: 1.25rem;}
	.naph-txt ul {margin-top: 1.875rem; color: var(--terracotta);}
	.naph-txt li {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid color(from var(--terracotta) srgb r g b / .3);}
	.naph-txt a {display: grid; grid-template-columns: 1fr auto; gap: 1.25rem; align-items: center; text-decoration: none; color: inherit;}
	.naph-txt a:hover {text-decoration: underline;}

	/* home quote */
	.nahome-quote {display: grid; grid-template: auto .75rem auto 3.125rem auto / 100%; padding-block: 1.25rem 4.375rem; color: var(--navy); background-color: var(--white);}
	.nahome-quote > * {grid-column: 1;}
	.nahome-quote .iwrap1 {grid-row: 1 / 3; justify-self: end; max-width: 50dvw;}
	.nahome-quote blockquote {grid-row: 2 / 4; padding-inline: 2.25rem; color: var(--terracotta);}
	.nahome-quote blockquote svg {width: clamp(2.813rem, -2.54rem + 21.958vw, 8rem); opacity: .2;}
	.nahome-quote blockquote p {margin-top: 1.25rem; font: italic clamp(3.125rem, -2.589rem + 28.571vw, 4.375rem)/1 'GT Sectra Display', serif;}
	.nahome-quote blockquote em {font-style: normal; text-transform: uppercase;}
	.nahome-quote blockquote div {margin-top: 1rem;}
	.nahome-quote .iwrap2 {grid-row: 5; max-width: 72dvw;}

	/* home video */
	.nahome-video {display: grid; place-items: center; margin-inline: max(0px, ((100% - 90rem) / 2)); text-align: center; color: var(--white); background-color: var(--terracotta);}
	.nahome-video > * {grid-area: 1 / 1;}
	.nahome-video .iwrap {display: grid; height: 100%; max-height: calc(100dvw / 362px); overflow: clip;}
	.nahome-video .iwrap > *, .nahome-video .iwrap::after {grid-area: 1 / 1;}
	.nahome-video .iwrap img {width: 100%; height: 100%; max-width: none; object-fit: cover;}
	.nahome-video .iwrap::after {background-color: rgb(0 0 0 / .3); content: '';}
	.nahome-video .wrap {display: grid; gap: 1.25rem; padding: 1.5rem;}
	.nahome-video .h2 {text-align: center; color: inherit;}
	.nahome-video button {justify-self: center; border-radius: 50%;}
	.nahome-video button svg {width: clamp(4.25rem, -.393rem + 19.048vw, 8.75rem);}
	.nahome-video dialog:not([open]) {display: none !important;}
	.nahome-video dialog:modal {inset: 2.75rem; aspect-ratio: 1920 / 1080; width: 100%; height: 100%; max-width: calc(100% - 2 * 2.75rem); max-height: calc(100% - 2 * 2.75rem); border: 0;}
	.nahome-video dialog:modal iframe {width: 100%; height: 100%; max-width: none; object-fit: cover;}
	.nahome-video dialog::backdrop {background-color: rgb(0 0 0 / .5); backdrop-filter: blur(.25rem);}

	/* home resources */
	.nahome-resources {display: grid; padding-block: 3.75rem 5rem; text-align: center; color: var(--navy); background-color: var(--white);}
	.nahome-resources > * {margin-inline: max(1.875rem, ((100% - 71.25rem) / 2));}
	.nahome-resources .wrap {display: grid;}
	.nahome-resources .h4 {margin-top: 2.25rem; font-size: 2.5rem !important; color: var(--terracotta);}
	.nahome-resources p {margin-block: 1.25rem 2.375rem;}

	/* products hero */
	.naprods-hero {display: grid; grid-template-rows: clamp(19.75rem, 14.333rem + 22.222vw, 25rem); background-color: color(from var(--stone) srgb r g b / .6);}
	.naprods-hero > * {z-index: 1; grid-area: 1 / 1;}
	.naprods-hero .iwrap {color: var(--stone); opacity: .6;}
	.naprods-hero .iwrap svg {width: 100%; height: 100%; max-width: none; object-fit: cover;}
	.naprods-hero .wrap {display: grid; grid-template-rows: 1fr auto 1fr; margin-inline: max(1.875rem, ((100% - 81.25rem) / 2));}
	.naprods-hero #breadCrumb {margin: 1.875rem 0 0;}
	.naprods-hero .h3 {text-align: center; color: var(--terracotta);}

	/* products products */
	.naprods-prods {display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--min), 100%), 1fr)); gap: clamp(2.5rem, .565rem + 7.937vw, 4.375rem) clamp(1.25rem, -.685rem + 7.937vw, 3.125rem); margin: clamp(3.125rem, -1.389rem + 18.519vw, 7.5rem) max(1.5rem, ((100% - 75.0625rem) / 2)) clamp(3.75rem, -2.054rem + 23.81vw, 9.375rem); --min: 10rem;}
	.prodcard {display: grid; align-content: start;}
	.prodcard a:nth-child(2) {margin-top: 1rem; font: 500 1.375rem/1.1 'DM Sans', sans-serif; text-decoration: none; letter-spacing: 1%; color: var(--navy);}
	.prodcard a:nth-child(3) {margin-top: .625rem; font: 500 .875rem/1.7 'DM Sans', sans-serif; text-decoration: underline; text-transform: uppercase; letter-spacing: 20%; color: var(--terracotta);}

	/* products quote */
	.naprods-quote {padding-block: 4.375rem 5rem; color: var(--terracotta); background-color: var(--alt);}
	.naprods-quote blockquote {margin-inline: max(2.25rem, ((100% - 1264rem) / 2)); text-align: center;}
	.naprods-quote blockquote svg {width: clamp(2.813rem, 1.523rem + 5.291vw, 4.063rem); opacity: .2;}
	.naprods-quote blockquote p {margin-top: 1.25rem;}
	.naprods-quote blockquote div {margin-top: 2rem;}

	/* products more */
	.naprods-more {margin-inline: max(1.5rem, ((100% - 75rem) / 2)); padding-block: 3.75rem 5rem;}
	.naprods-more .h4 {text-align: center; color: var(--terracotta);}
	.naprods-more .tablist {display: flex; gap: .25rem; justify-content: center; margin-top: 2.25rem; padding: .375rem; border-radius: 2.25rem; background-color: var(--stone);}
	.naprods-more .tablist li {flex-grow: 1;}
	.naprods-more .tablist a {display: block; padding: .875rem; border-radius: 2.25rem; font: 600 .75rem/1 'DM Sans', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 20%; color: var(--terracotta);}
	.naprods-more .tablist a[aria-selected="true"] {color: var(--white); background-color: var(--terracotta);}
	.naprods-more section {margin-top: 1.875rem;}
	na-tabs:defined section[aria-hidden="true"] {display: none;}
	na-tabs details {padding-block: 1.25rem; border-top: 1px solid color(from var(--terracotta) srgb r g b / .3);}
	na-tabs details:first-child {padding-top: 2rem; border-top: 0;}
	na-tabs summary {display: grid; grid-template-columns: 1fr var(--iconsize); gap: 1.5rem; align-items: center; color: var(--terracotta); --iconsize: 1.875rem;}
	na-tabs summary svg {border-radius: 50%; color: var(--terracotta); background-color: color(from var(--terracotta) srgb r g b / .2);}
	na-tabs [open] summary svg {color: var(--white); background-color: var(--terracotta); rotate: 180deg;}
	na-tabs details > div {margin-top: .625rem; font: 200 .875rem/1.5 'DM Sans', sans-serif; letter-spacing: 2%; color: var(--navy);}
	na-tabs details > div > * {all: revert;}
	na-tabs details > div .alignright {display: block; margin-inline: auto;}
	na-tabs details > div > ul {margin-top: 0em; padding-left: 1.5em;}
	na-tabs details > div > p {margin-bottom: 0;}

	/* product hero */
	.naprod-hero {background-color: var(--alt);}
	.naprod-hero > svg {display: none; color: var(--stone); opacity: .7;}
	.naprod-hero #breadCrumb {float: none !important; width: auto !important; margin: 0 max(1.875rem, ((100% - 81.25rem) / 2)); padding-block: 1.875rem;}
	.naprod-hero-wrap {text-align: center; color: var(--navy);}
	.naprod-hero-wrap .wrap {margin-inline: max(1.875rem, ((100% - 81.25rem) / 2)); padding-block: 2.5rem 3.75rem;}
	.naprod-hero-wrap .tag {color: var(--terracotta);}
	.naprod-hero-wrap .h4 {text-align: center; color: var(--terracotta);}
	.naprod-hero-wrap .h4:not(:first-child) {margin-top: 1.25rem;}
	.naprod-hero-wrap p {margin-top: 1.25rem;}
	.naprod-hero-wrap p:has(+ .btn) {margin-bottom: 1.875rem;}

	/* product flexible content blocks */
	.naprod-cp {padding-top: var(--vs); background-color: var(--bg);}
	.naprod-cp[style="--bg:#f6f4ef"] {margin-top: var(--vs); padding-block: var(--vs);}
	.naprod-cp .wrap {margin-inline: max(1.5rem, ((100% - 75rem) / 2));}
	.naprod-cp .h4 {text-align: center; color: var(--terracotta);}
	.naprod-cp-pairgroup {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem clamp(.875rem, -.157rem + 4.233vw, 1.875rem); margin-top: 1.875rem;}
	.naprod-cp-pairgroup + .naprod-cp-pairgroup {padding-top: 1.875rem; border-top: 1px solid var(--terracotta);}
	.naprod-cp-pair {display: grid; gap: .25rem; align-content: start;}
	.naprod-details {padding-top: var(--vs); background-color: var(--white);}
	.naprod-details-top {display: grid; grid-template: var(--topper) auto auto / 1fr; background-color: var(--alt); --topper: 0px;}
	.naprod-details-top::before {display: block; grid-area: 1 / 1 / 2 / -1; width: 100%; height: 100%; background-color: var(--white); content: '';}
	.naprod-details-top > * {grid-column: 1;}
	.naprod-media {grid-row: 1 / 3; text-align: center;}
	.naprod-details-content {padding-block: 2.5rem 3.75rem; text-align: center; background-color: var(--alt);}
	.naprod-details-content .wrap {margin-inline: max(1.5rem, ((100% - 75rem) / 2));}
	.naprod-details-content .h3 {margin-bottom: 1.25rem; text-align: center; color: var(--terracotta);}
	.naprod-details-content .btn {margin-top: 1.875rem;}
	na-gallery {display: grid; gap: 1.25rem;}
	na-gallery > * {grid-column: 1;}
	.naprod-details-gallery {display: flex; grid-row: 1; overflow-x: hidden; scroll-behavior: smooth;}
	.naprod-details-gallery > * {flex-shrink: 0; flex-basis: 100%;}
	.naprod-details-gallery-indicators {display: flex; grid-row: 1; gap: .375rem; justify-content: center; align-self: end; margin: 1.25rem; pointer-events: none;}
	.naprod-details-gallery-indicators span {width: .625rem; height: .625rem; border-radius: 50%; background-color: color(from var(--white) srgb r g b / var(--o)); --o: .4;}
	.naprod-details-gallery-indicators span.active {--o: 1;}
	.naprod-details-gallery-btns {display: flex; grid-row: 1; justify-content: space-between; align-self: center; pointer-events: none;}
	.naprod-details-gallery-btns button {margin: 1.5rem; border-radius: 50%; color: var(--terracotta); background-color: var(--stone); opacity: .7; pointer-events: auto;}
	.naprod-details-gallery-btns button:hover {color: var(--white); background-color: var(--terracotta); opacity: 1;}
	.naprod-details-gallery-btns button[aria-disabled="true"] {opacity: .2;}
	.naprod-details-gallery-btns .prevbtn {rotate: 90deg;}
	.naprod-details-gallery-btns .nextbtn {rotate: -90deg;}
	na-gallery .att {margin-inline: max(1.5rem, ((100% - 75rem) / 2)); text-align: center;}
	.naprod-details-bottom {display: grid; justify-items: center;}
	.naprod-details-bottom .wrap {margin-inline: max(0px, ((100% - 75rem) / 2)); text-align: center;}
	.naprod-details-bottom .btn {margin-inline: max(1.5rem, ((100% - 75rem) / 2)); margin-top: 1.25rem;}
	.naprod-info {padding-top: var(--vs); background-color: var(--bg);}
	.naprod-info[style="--bg:#f6f4ef"] {margin-top: var(--vs); padding-bottom: var(--vs);}
	.naprod-info .wrap {margin-inline: max(1.5rem, ((100% - 75rem) / 2));}
	.naprod-info .h4 {text-align: center; color: var(--terracotta);}
	.naprod-info-prods {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; margin-top: 1.875rem;}
	.naprod-info-prod .h6 {margin-bottom: 1rem; color: var(--terracotta);}
	.naprod-info-prod dl {display: grid; gap: 1.25rem; margin-top: 1rem; color: var(--navy);}
	.naprod-more {padding-block: var(--vs); background-color: var(--bg);}
	.naprod-more[style="--bg:#f6f4ef"] {margin-top: var(--vs);}
	.naprod-more .wrap {margin-inline: max(1.5rem, ((100% - 75rem) / 2));}
	.naprod-more .naprod-prods {margin: 2rem 0 0;}
	.naprod-more .h4 {text-align: center; color: var(--terracotta);}
	.naprod-pd {margin-top: var(--vs);}
	.naprod-pd .wrap {display: grid; gap: 2.5rem; margin-inline: max(1.5rem, ((100% - 75rem) / 2));}
	.naprod-pd .h4 {text-align: center; color: var(--terracotta);}
	.naprod-pd .wrap > img {max-width: min(33.75rem, var(--mw)); margin-inline: auto;}
	.naprod-pd-list {margin-top: 1.25rem; color: var(--navy);}
	.naprod-pd-list ol {list-style: none; counter-reset: ol;}
	.naprod-pd-list li {display: grid; grid-template: 1fr auto / auto 1fr; column-gap: 1.25rem; padding-block: 1.25rem; border-bottom: 1px solid color(from var(--terracotta) srgb r g b / .3); counter-increment: ol;}
	.naprod-pd-list li:has(.att) {grid-template-rows: 1fr auto auto;}
	.naprod-pd-list li::before {grid-area: 1 / 1 / 4 / 2; align-self: start; font: 300 2.5rem/.5 'GT Sectra Display', serif; letter-spacing: -2%; content: counter(ol) '.';}
	.naprod-pd-list li > * {grid-column: 2;}
	.naprod-pd-list li .tag {align-self: end;}
	.naprod-pd-list p:not(.att) {font: 200 1.125rem/1.5 'DM Sans', sans-serif; letter-spacing: 2%;}
	.naprod-pd-list .att {margin-top: .25rem; font-style: italic;}
	.naprod-pd-list ol + .att {margin-top: 1.25rem;}
	.naprod-sa {margin-inline: max(1.5rem, ((100% - 75rem) / 2)); margin-top: var(--vs);}
	.naprod-sa .h4 {text-align: center; color: var(--terracotta);}
	.naprod-sa-group {margin-top: 2.5rem;}
	.naprod-sa-group .tag {color: var(--navy);}
	.naprod-sa-group li {margin-top: .625rem;}
	.naprod-sa-group .att {margin-top: .125rem;}

	@media (min-width: 48em) { /* 768px */

		& {--vs: 7.5rem; --naphfontsize: clamp(5.25rem, 2.019rem + 5.048vw, 6.563rem);}

		.h2 {font-size: 7.8125rem !important; letter-spacing: -2%;}
		.h3 {font-size: clamp(5.25rem, 2.019rem + 5.048vw, 6.563rem) !important;}
		.h4 {font-size: 5rem !important;}
		.h5 {font-size: 2.9375rem !important;}
		.h6 {font-size: 2rem !important; line-height: .75;}
		.lbc {font-size: 1.375rem;}
		.sbc {font-size: 1.125rem;}
		.tag {font-size: 1rem;}

		/* home product highlight */
		na-phighlight .h3 {font-size: var(--naphfontsize) !important;}

		/* home video */
		.nahome-video {min-height: 53.125rem;}
		.nahome-video .iwrap {aspect-ratio: auto; height: 100%;}
		.nahome-video .wrap {gap: 1.75rem;}

		/* home resources */
		.nahome-resources {display: grid; gap: 3.375rem; padding-block: 0;}
		.nahome-resources .h4 {margin-top: 8.125rem; font-size: 5rem !important;}
		.nahome-resources p {margin-block: .125rem 1.875rem;}
		.nahome-resources .iwrap {grid-row: 2; max-height: 37.5rem; overflow: clip; box-shadow: 0 .25rem 1rem -1px rgb(0 0 0 / .15);}
		.nahome-resources .wrap .btn {justify-self: center;}

		/* products products */
		.naprods-prods {grid-template-columns: repeat(2, 1fr);}

		/* products more */
		.naprods-more {padding-block: 8.125rem;}
		.naprods-more .tablist {margin-top: 3.125rem;}
		na-tabs details {padding-block: 2.5rem;}
		na-tabs details:first-child {padding-top: 1.875rem;}
		na-tabs summary {--iconsize: 2.5rem;}
		na-tabs details > div {margin-top: 1.875rem;}
		na-tabs details > div::after {display: table; clear: both; content: '';}
		na-tabs details > div .alignright {float: right; margin: 0 3.75rem 2.5rem 3.125rem;}

		/* product flexible content blocks */
		.naprod-details-top {--topper: 10.5rem;}
		.naprod-details-gallery-btns button {margin: 2.75rem;}
		.naprod-details-bottom {display: grid; grid-template: auto 8.125rem auto / var(--gutter) 1fr auto var(--gutter); row-gap: 1.875rem; align-items: start; --gutter: 0px;}
		.naprod-details-bottom::before {display: block; grid-area: 1 / 1 / 2 / -1; width: 100%; height: 100%; background-color: var(--alt); content: '';}
		na-gallery {grid-area: 1 / 2 / 4 / 4; grid-template: subgrid / subgrid;}
		na-gallery :is(.naprod-details-gallery, .naprod-details-gallery-indicators, .naprod-details-gallery-btns) {grid-area: 1 / 1 / 3 / -1;}
		na-gallery .att {grid-area: 3 / 1; text-align: initial;}
		.naprod-details-bottom .btn {grid-area: 3 / 3; margin-top: 0;}
		.naprod-info-prods {grid-template-columns: 1fr 1px 1fr; gap: 3.125rem; padding-inline: 3.125rem; border-inline: 1px solid color(from var(--terracotta) srgb r g b / .3);}
		.naprod-info-prods::before {grid-area: 1 / 2; width: 100%; height: 100%; background-color: color(from var(--terracotta) srgb r g b / .3); content: '';}
		.naprod-info-prod + .naprod-info-prod {grid-column: 3;}
		.naprod-more .h4 {text-align: initial;}
		.naprod-pd .wrap > img {margin-inline: auto;}
		.naprod-pd-list li::before {font-size: 5rem;}
		.naprod-sa {display: grid; grid-template: auto auto / 1fr 1px 1fr; gap: 2rem 4.125rem;}
		.naprod-sa::after {grid-area: 2 / 2; background-color: color(from var(--terracotta) srgb r g b / .3); content: '';}
		.naprod-sa .h4 {grid-column: 1 / -1; text-align: initial;}
		.naprod-sa-group {margin-top: 0;}
		.naprod-sa-group + .naprod-sa-group {grid-column: 3;}
		.naprod-sa-group li {margin-top: 1.125rem;}

	}

	@media (min-width: 64em) { /* 1024px */

		.h1 {font-size: clamp(8.25rem, 2.404rem + 9.135vw, 10.625rem) !important; line-height: 1.07 !important;}

		/* home hero */
		.nahome-hero {grid-template: 1fr 5rem / min(7%, 6.25rem) 1fr 1rem auto min(8%, 7.5rem); align-items: end; color: var(--white); background-color: var(--terracotta);}
		.nahome-hero .heroimg {grid-row: 1 / -1; height: 100%; max-height: none;}
		.nahome-hero .h1 {grid-column: 2; max-width: 35rem; padding: 0;}
		.nahome-hero > div {grid-area: 1 / 4; padding-block: 0;}
		.nahome-hero .h5 {font-size: 2.9375rem;}

		/* home intro */
		.nahome-intro {display: grid; grid-template-columns: var(--side) min(7%, 6.25rem) 20.625rem 1fr 31rem min(7%, 6.25rem) var(--side); align-items: start; padding-block: 6.25rem 7.5rem; --side: 0px;}
		.nahome-intro > * {grid-row: 1;}
		.nahome-intro .iwrap {position: relative; z-index: 1; grid-column: 5; max-width: 325px; margin-inline: 0; margin-top: 3.375rem;}
		.nahome-intro .wrap {position: relative; z-index: 1; grid-column: 3; margin: 0; margin-top: 5.625rem; text-align: revert;}
		.nahome-intro p {margin-block: 1.875rem 2.25rem;}
		.nahome-intro .logomark {display: block; grid-area: 1 / 1 / -1 / -1; justify-self: end; color: var(--stone); opacity: .6;}

		/* home product highlight */
		na-phighlight {display: grid; grid-template-rows: 100dvh; grid-template-columns: 1fr; color: var(--white); background-color: var(--terracotta);}
		na-phighlight > * {grid-row: var(--i); grid-column: 1 / -1;}
		na-phighlight .iwrap img {width: 100%; height: 100%; max-width: none; object-fit: cover;}
		.na-phighlight-content {display: grid; z-index: 50; grid-template: 100dvh / 100fr 705fr 110fr 425fr 100fr;}
		.na-phighlight-content .h3 {grid-column: 2; align-self: center; max-width: 40rem; padding: 0; color: inherit;}
		.naph-txt {grid-column: 4; align-self: end; padding: 0; padding-bottom: 15%;}
		.naph-txt p {padding-top: 1.125rem; border-top: 1px solid;}
		.naph-txt ul {margin-top: 1.5rem; padding-bottom: 1.125rem; border-bottom: 1px solid; color: inherit;}
		.naph-txt li {border-color: var(--white);}
		.naph-txt a {gap: 1.875rem;}

		na-phighlight:defined {position: relative;}
		na-phighlight:defined > *:not(.sentinel) {position: sticky; top: 0; grid-row: 1;}
		na-phighlight:defined .sentinel {position: absolute; top: 0; grid-column: 1 / -1; width: 100%; height: 100dvh; pointer-events: none;}
		na-phighlight:defined .sentinel ~ .sentinel {position: sticky;}
		na-phighlight:defined .sentinel:nth-last-child(3) {height: 200dvh;}
		na-phighlight:defined .iwrap {opacity: 0; transition: .25s opacity linear;}
		na-phighlight:defined .active + .iwrap {opacity: 1;}
		na-phighlight:defined .sentinel.active ~ .na-phighlight-content:has(~ .sentinel.active~ .sentinel.active~ .sentinel.active) .h3 {translate: 0 calc(-4.5 * var(--naphfontsize) - 15rem); opacity: .2;}
		na-phighlight:defined .sentinel.active ~ .na-phighlight-content:has(~ .sentinel.active~ .sentinel.active) .h3 {translate: 0 calc(-3 * var(--naphfontsize) - 10rem); opacity: .2;}
		na-phighlight:defined .sentinel.active ~ .na-phighlight-content:has(~ .sentinel.active) .h3 {translate: 0 calc(-1.5 * var(--naphfontsize) - 5rem); opacity: .2;}
		na-phighlight:defined .sentinel.active ~ .na-phighlight-content .h3 {translate: 0 0; transition: .5s translate ease-in-out;}
		na-phighlight:defined .sentinel:not(.active)  + .iwrap + .na-phighlight-content .h3 {translate: 0 calc(1.5 * var(--naphfontsize) + 5rem); opacity: .2;}
		na-phighlight:defined .sentinel:not(.active) ~ .sentinel:not(.active) + .iwrap + .na-phighlight-content .h3 {translate: 0 calc(3 * var(--naphfontsize) + 10rem); opacity: .2;}
		na-phighlight:defined .sentinel:not(.active) ~ .sentinel:not(.active) ~ .sentinel:not(.active) + .iwrap + .na-phighlight-content .h3 {translate: 0 calc(4.5 * var(--naphfontsize) + 15rem); opacity: .2;}
		na-phighlight:defined .na-phighlight-content {pointer-events: none;}
		na-phighlight:defined .naph-txt {opacity: 0; transition: .25s opacity ease-in-out;}
		na-phighlight:defined .sentinel.active + .iwrap + .na-phighlight-content {pointer-events: auto;}
		na-phighlight:defined .sentinel.active + .iwrap + .na-phighlight-content .naph-txt {opacity: 1; transition-delay: .25s;}
		na-phighlight:defined .sentinel.active + .iwrap:has(~ .active) + .na-phighlight-content .naph-txt {opacity: 0; transition: .25s opacity ease-in-out; transition-delay: 0s; pointer-events: none;}
		na-phighlight:defined ~ * {position: relative; z-index: 10;}

		/*
		na-phighlight:defined .sentinel {z-index: 10000; background-color: red; opacity: .5;}
		na-phighlight:defined .sentinel ~ .sentinel {background-color: blue;}
		na-phighlight:defined .sentinel ~ .sentinel ~ .sentinel {background-color: green;}
		na-phighlight:defined .sentinel ~ .sentinel ~ .sentinel ~ .sentinel {background-color: yellow;}
		na-phighlight:defined .sentinel ~ .sentinel ~ .sentinel ~ .sentinel ~ .sentinel {background-color: magenta;}
		*/


		/* home quote */
		.nahome-quote {grid-template: auto auto / min(28%, 26rem) 1fr min(6%, 5.375rem) min(29%, 26.5rem); margin-inline: max(0px, ((100% - 90rem) / 2)); padding-block: 8.75rem;}
		.nahome-quote .iwrap1 {grid-area: 1 / 4 / -1 / -1;}
		.nahome-quote blockquote {grid-area: 1 / 1 / -1 / 3; justify-self: end; padding-inline: 0; text-align: right;}
		.nahome-quote blockquote p {margin-top: .875rem; font-size: clamp(4rem, -2.462rem + 10.096vw, 6.625rem); line-height: 1.1;}
		.nahome-quote blockquote div {margin-top: 1.875rem;}
		.nahome-quote .iwrap2 {grid-area: 2 / 1;}

		/* products hero */
		.naprods-hero #breadCrumb {display: grid; align-items: center; height: 7.5rem; margin-top: 0;}

		/* products quote */
		.naprods-quote {padding-block: 8.125rem 11.875rem;}
		.naprods-quote blockquote p {margin-top: 2rem;}

		/* products products */
		.naprods-prods {grid-template-columns: repeat(3, 1fr);}

		/* product hero */
		.naprod-hero {display: grid; grid-template: 7.5rem 1fr / 0px 72fr 12fr 48fr 12fr 0px;}
		.naprod-hero #breadCrumb {z-index: 1; grid-area: 1 / 1 / 2 / -1; align-self: center; padding-block: 0;}
		.naprod-hero-wrap {display: grid; z-index: 1; grid-area: 2 / 2 / -1 / 5; grid-template: subgrid / subgrid; text-align: initial;}
		.naprod-hero-wrap > img {grid-area: 1 / 1 / -1 / 2;}
		.naprod-hero-wrap .wrap {grid-area: 1 / 3; align-self: center; margin-inline: 0;}
		.naprod-hero-wrap .h4 {text-align: left;}

		/* product flexible content blocks */
		.naprod-cp .wrap {display: grid; grid-template-columns: 1fr 43.125rem; gap: 4.6875rem;}
		.naprod-cp .h4 {text-align: initial;}
		.naprod-cp-pairgroup {margin-top: 0;}
		.naprod-cp-pairgroup + .naprod-cp-pairgroup {margin-top: 2.5rem; padding-top: 3.125rem;}
		.naprod-details-top > * {grid-row: 1 / -1; padding-bottom: 7.5rem;}
		.naprod-details-top .naprod-details-content {display: grid; grid-template-columns: subgrid; align-self: end; text-align: initial;}
		.naprod-details-top .naprod-details-content .h3 {text-align: initial;}
		.txtimg .naprod-details-top {grid-template-columns: 0px 50fr 10fr 60fr 0px;}
		.txtimg .naprod-details-top .naprod-media {grid-column: 4; padding-top: 0;}
		.txtimg .naprod-details-top .naprod-details-content {grid-row: 2; grid-column: 2 / 4; padding-top: 5rem;}
		.txtimg .naprod-details-top .naprod-details-content > * {grid-column: 1;}
		.imgtxt .naprod-details-top {grid-template-columns: 0px 60fr 10fr 50fr 0px;}
		.imgtxt .naprod-details-top .naprod-media {grid-column: 2;}
		.imgtxt .naprod-details-top .naprod-details-content {grid-column: 3 / 5;}
		.imgtxt .naprod-details-top .naprod-details-content > * {grid-column: 2;}
		.naprod-info .wrap {display: grid; grid-template-columns: 44fr 69fr; gap: 4.375rem;}
		.naprod-info .h4 {text-align: initial;}
		.naprod-info-prods {margin-top: 0;}
		.naprod-pd .wrap {grid-template: auto 1fr / 51fr 59fr; gap: 2.75rem 6.25rem;}
		.naprod-pd .h4 {grid-area: 1 / 1; text-align: initial;}
		.naprod-pd .wrap > img {grid-area: 2 / 1; width: auto; max-height: 46.875rem; margin-inline: 0;}
		.naprod-pd-list {grid-area: 1 / 2 / -1 / 3; margin-top: 0;}
		.naprod-pd-list li {column-gap: .625rem; padding-block: 1.875rem;}
		.naprod-pd-list ol + .att {margin-top: 1.875rem;}

	}

	@media (min-width: 75em) { /* 1200px */

		/* product flexible content blocks */
		.txtimg .naprod-details-top {grid-template-columns: 1fr 500px 100px 600px 1fr;}
		.imgtxt .naprod-details-top {grid-template-columns: 1fr 600px 100px 500px 1fr;}
		.naprod-details-bottom {--gutter: calc((100dvw - 75em) / 2);}

	}

	@media (min-width: 77.5em) { /* 1240px */

		/* home intro */
		.nahome-intro {--side: calc((100% - 90rem) / 2);}

		/* product flexible content blocks */
		.txtimg .naprod-details-top .naprod-details-content > * {margin-inline: 0;}
		.imgtxt .naprod-details-top .naprod-details-content > * {margin-inline: 0;}
		na-gallery .att, .naprod-details-bottom .btn {margin-inline: 0;}

	}

	@media (min-width: 90em) { /* 1440px */

		/* product hero */
		.naprod-hero > svg {display: block; grid-area: 1 / 1 / 3 / -1; place-self: end;}
		.naprod-hero {grid-template: 7.5rem 1fr 8.5rem / 1fr 720px 120px 480px 120px 1fr; background-color: transparent;}
		.naprod-hero::before {display: block; grid-area: 1 / 1 / 3 / -1; width: 100%; height: 100%; background-color: var(--alt); content: '';}

	}

	@media print {

		*, *::before, *::after {border-color: #000 !important; text-shadow: none !important; color: #000 !important; background-color: transparent !important;}
		blockquote, figure {page-break-inside: avoid; break-inside: avoid;}

	}

	@media (prefers-reduced-motion: no-preference) {

		html:focus-within {scroll-behavior: smooth;}

		@view-transition {navigation: auto;}

	}

	@media (prefers-reduced-motion: reduce) {

		*, *::before, *::after {scroll-behavior: auto !important; transition-duration: 1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important;}

	}

	@media (forced-colors: active) {


	}

}