/* About page */
.nta-hero { padding: clamp(56px, 7vw, 104px) 0 clamp(40px, 5vw, 72px); background: radial-gradient(ellipse 30% 90% at 82% 0%, rgba(var(--nt-glow), .20), rgba(15,14,13,0) 75%), var(--nt-bg); }
.nt-h-overlay .nta-hero { padding-top: calc(var(--nt-h-total, 88px) + clamp(56px, 7vw, 104px)); }
.nta-hero__title { font-family: var(--nt-serif); font-weight: 300; font-size: calc(clamp(44px, 6vw, 88px) * var(--nt-fs-s, 1) * var(--nt-fs-head, 1)); line-height: 1.03; letter-spacing: -0.01em; max-width: 14ch; }
.nta-hero__text { margin-top: clamp(20px, 2.4vw, 32px) !important; font-size: calc(clamp(17px, 1.45vw, 21px) * var(--nt-fs-s, 1) * var(--nt-fs-body, 1)); line-height: 1.6; color: var(--nt-text-2); max-width: 680px; }
.nta-hero__media { margin-top: clamp(40px, 5vw, 72px); border-radius: 4px; overflow: hidden; aspect-ratio: 21 / 9; background: var(--nt-media); }
.nta-hero__media img { width: 100%; height: 100% !important; object-fit: cover; display: block; }

.nta-stats { padding: 0 0 clamp(56px, 6vw, 96px); }
.nta-stats__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; border-top: 1px solid var(--nt-line-2); }
.nta-stats__list--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nta-stats__list--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nta-stats__list--1 { grid-template-columns: minmax(0, 1fr); }
.nta-stats__list > div { padding-top: 24px; display: flex; flex-direction: column-reverse; gap: 6px; }
.nta-stats__list dd { margin: 0; font-family: var(--nt-serif); font-weight: 300; font-size: calc(clamp(40px, 4.6vw, 64px) * var(--nt-fs-s, 1) * var(--nt-fs-head, 1)); line-height: 1; color: var(--nt-text); }
.nta-stats__list dt { font-size: calc(14px * var(--nt-fs-s, 1) * var(--nt-fs-body, 1)); color: var(--nt-muted); }

.nta-story { padding: clamp(56px, 6vw, 96px) 0; border-top: 1px solid var(--nt-line); }
.nta-story .nt-grid { row-gap: 40px; align-items: start; }
.nta-story__head { grid-column: 1 / span 4; }
.nta-story__body { grid-column: 6 / span 7; display: flex; flex-direction: column; gap: 20px; }
.nta-story__body p { margin: 0; font-size: calc(17px * var(--nt-fs-s, 1) * var(--nt-fs-body, 1)); line-height: 1.75; color: var(--nt-text-2); }
.nta-story__body .nta-story__lead { font-family: var(--nt-serif); font-weight: 300; font-size: calc(clamp(22px, 2.2vw, 30px) * var(--nt-fs-s, 1) * var(--nt-fs-head, 1)); line-height: 1.4; color: var(--nt-text); }
.nta-story--img .nta-story__head { grid-column: 1 / span 5; grid-row: 1; }
.nta-story--img .nta-story__media { grid-column: 1 / span 5; grid-row: 2; border-radius: 4px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--nt-media); }
.nta-story--img .nta-story__body { grid-column: 7 / span 6; grid-row: 1 / span 2; }
.nta-story__media img { width: 100%; height: 100% !important; object-fit: cover; display: block; }

.nta-caps { border-top: 1px solid var(--nt-line); }
.nta-caps__title { grid-column: 1 / -1; }
.nta-cap { grid-column: span 3; }

.nta-process { padding: clamp(56px, 6vw, 96px) 0; background: var(--nt-panel); }
.nta-steps { list-style: none; margin: clamp(32px, 4vw, 56px) 0 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; counter-reset: step; }
.nta-steps--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nta-steps--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nta-steps--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nta-step { position: relative; margin: 0; padding-top: 52px; border-top: 1px solid var(--nt-line-3); counter-increment: step; }
.nta-step::before { content: counter(step, decimal-leading-zero); position: absolute; top: 16px; left: 0; font-size: calc(13px * var(--nt-fs-s, 1) * var(--nt-fs-body, 1)); letter-spacing: 2px; color: var(--nt-accent); }
.nta-step::after { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--nt-accent); box-shadow: 0 0 12px 2px rgba(var(--nt-glow), .5); }
.nta-step__title { margin: 0; font-size: calc(20px * var(--nt-fs-s, 1) * var(--nt-fs-head, 1)); font-weight: 500; line-height: 1.3; }
.nta-step__text { margin: 10px 0 0 !important; font-size: calc(15px * var(--nt-fs-s, 1) * var(--nt-fs-body, 1)); line-height: 1.6; color: var(--nt-text-2); }

.nta-gallery { padding: clamp(56px, 6vw, 96px) 0 0; }
.nta-gallery__grid { margin-top: clamp(28px, 3vw, 44px); display: grid; gap: 16px; grid-template-columns: 7fr 5fr; grid-auto-rows: clamp(180px, 20vw, 300px); }
.nta-gallery__grid figure { margin: 0; border-radius: 4px; overflow: hidden; background: var(--nt-media); }
.nta-gallery__grid img { width: 100%; height: 100% !important; object-fit: cover; display: block; }
.nta-gallery__grid--3 figure:first-child { grid-row: span 2; }
.nta-gallery__grid--1 { grid-template-columns: 1fr; grid-auto-rows: clamp(240px, 36vw, 520px); }

.nta-certs { padding: clamp(56px, 6vw, 96px) 0 0; }
.nta-certs__title { grid-column: 1 / span 4; }
.nta-certs__list { grid-column: 6 / span 7; list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
.nta-certs__list li { margin: 0; padding: 16px 0 16px 28px; border-bottom: 1px solid var(--nt-line-2); position: relative; font-size: calc(16px * var(--nt-fs-s, 1) * var(--nt-fs-body, 1)); }
.nta-certs__list li::before { content: ""; position: absolute; left: 0; top: 24px; width: 12px; height: 7px; border-left: 1.5px solid var(--nt-accent); border-bottom: 1.5px solid var(--nt-accent); transform: rotate(-45deg); }

.nta-page .nt-cta { margin-top: clamp(56px, 6vw, 96px); }

@media (max-width: 1023px) {
	.nta-stats__list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.nta-story__head, .nta-story__body, .nta-story--img .nta-story__head, .nta-story--img .nta-story__body, .nta-story--img .nta-story__media { grid-column: 1 / -1; grid-row: auto; }
	.nta-story--img .nta-story__media { aspect-ratio: 16 / 10; }
	.nta-cap { grid-column: span 6; }
	.nta-steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 32px; }
	.nta-certs__title, .nta-certs__list { grid-column: 1 / -1; }
	.nta-certs__list { margin-top: 24px !important; }
	.nta-hero__media { aspect-ratio: 16 / 9; }
}
@media (max-width: 639px) {
	.nta-cap { grid-column: 1 / -1; }
	.nta-steps { grid-template-columns: 1fr !important; }
	.nta-certs__list { grid-template-columns: 1fr; }
	.nta-gallery__grid { grid-template-columns: 1fr; grid-auto-rows: 220px; }
	.nta-gallery__grid--3 figure:first-child { grid-row: auto; }
	.nta-hero__media { aspect-ratio: 4 / 3; }
}
