/*
Theme Name: RPNI Network Theme
Description: Public site for RPNI — Rust Protection Network Ireland.
Version: 0.4.0
Author: Angels Garage / EP&Sons
*/

:root {
	--ink: #0b2b36;
	--ink-soft: #123d46;
	--graphite: #23434a;
	--steel: #596c70;
	--mist: #c9d4d2;
	--paper: #f8f7f2;
	--paper-deep: #edf2ef;
	--white: #fff;
	--scheme-red: #b4532d;
	--scheme-red-bright: #c8663e;
	--swedish-gold: #b4532d;
	--success: #24624f;
	--danger: #a33a32;
	--font-display: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--container: min(1380px, calc(100vw - 48px));
	--ease-out: cubic-bezier(.16, 1, .3, 1);
	--shadow-deep: 0 24px 65px rgba(11, 43, 54, .16);
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--paper);
	color: var(--ink);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

body::before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");
	content: '';
	inset: 0;
	opacity: .14;
	pointer-events: none;
	position: fixed;
	z-index: 9999;
}

body.admin-bar .site-header {
	top: 32px;
}

a {
	color: inherit;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

button,
input,
select,
textarea {
	font: inherit;
}

:focus-visible {
	outline: 3px solid var(--swedish-gold);
	outline-offset: 4px;
}

.site-shell,
.wrap {
	margin-inline: auto;
	width: var(--container);
}

.site-main {
	overflow: clip;
}

.skip-link {
	background: var(--swedish-gold);
	color: var(--ink);
	font-weight: 800;
	left: 16px;
	padding: 12px 18px;
	position: fixed;
	text-decoration: none;
	top: -100px;
	z-index: 10000;
}

.skip-link:focus {
	top: 16px;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* Header */
.site-header {
	backdrop-filter: blur(20px) saturate(130%);
	background: rgba(11, 11, 10, .93);
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	color: var(--white);
	position: sticky;
	top: 0;
	z-index: 1000;
}

.header-utility {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .68);
	font-size: .69rem;
	font-weight: 700;
	letter-spacing: .13em;
	padding: 7px 0;
	text-transform: uppercase;
}

.header-utility .site-shell,
.header-main .site-shell {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.utility-proof {
	align-items: center;
	display: inline-flex;
	gap: 9px;
}

.utility-proof::before {
	background: var(--swedish-gold);
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(233, 162, 59, .7);
	content: '';
	height: 7px;
	width: 7px;
}

.utility-links {
	display: flex;
	gap: 24px;
}

.utility-links a {
	text-decoration: none;
}

.utility-links a:hover {
	color: var(--swedish-gold);
}

.header-main {
	padding: 12px 0;
}

.brand {
	align-items: center;
	display: flex;
	gap: 13px;
	min-width: 270px;
	text-decoration: none;
}

.brand-mark {
	color: var(--scheme-red-bright);
	filter: drop-shadow(0 10px 18px rgba(152, 29, 35, .35));
	flex: 0 0 auto;
}

.brand-name {
	color: var(--white);
	display: block;
	font-family: var(--font-display);
	font-size: .92rem;
	font-weight: 900;
	letter-spacing: .015em;
	line-height: 1.15;
	max-width: 265px;
	text-transform: uppercase;
}

.brand-name small {
	color: rgba(255, 255, 255, .54);
	display: block;
	font-family: var(--font-body);
	font-size: .58rem;
	font-weight: 800;
	letter-spacing: .16em;
	margin-top: 5px;
	text-transform: uppercase;
}

.site-nav {
	align-items: center;
	display: flex;
	gap: 2px;
}

.site-nav a {
	border-radius: 99px;
	color: rgba(255, 255, 255, .83);
	font-size: .76rem;
	font-weight: 750;
	padding: 10px 12px;
	text-decoration: none;
}

.site-nav a:hover,
.site-nav a.current {
	background: rgba(255, 255, 255, .1);
	color: var(--swedish-gold);
}

.site-nav a.nav-cta {
	background: var(--scheme-red);
	border: 1px solid rgba(255, 255, 255, .08);
	color: var(--white);
	margin-left: 7px;
	padding-inline: 17px;
}

.site-nav a.nav-cta:hover {
	background: var(--scheme-red-bright);
	color: var(--white);
}

.menu-toggle {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .22);
	color: var(--white);
	cursor: pointer;
	display: none;
	font-size: .68rem;
	font-weight: 800;
	gap: 11px;
	letter-spacing: .12em;
	padding: 9px 11px;
	text-transform: uppercase;
}

.menu-toggle-icon {
	display: grid;
	gap: 4px;
	width: 21px;
}

.menu-toggle-icon i {
	background: currentColor;
	display: block;
	height: 2px;
	transition: transform .2s ease, opacity .2s ease;
}

.menu-toggle[aria-expanded='true'] .menu-toggle-icon i:first-child {
	transform: translateY(6px) rotate(45deg);
}

.menu-toggle[aria-expanded='true'] .menu-toggle-icon i:nth-child(2) {
	opacity: 0;
}

.menu-toggle[aria-expanded='true'] .menu-toggle-icon i:last-child {
	transform: translateY(-6px) rotate(-45deg);
}

/* Shared type and controls */
.eyebrow,
.kicker {
	align-items: center;
	color: var(--swedish-gold);
	display: flex;
	font-size: .72rem;
	font-weight: 800;
	gap: 11px;
	letter-spacing: .16em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.eyebrow::before,
.kicker::before {
	background: currentColor;
	content: '';
	height: 2px;
	width: 30px;
}

.btn {
	align-items: center;
	background: var(--scheme-red);
	border: 1px solid var(--scheme-red);
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	font-size: .74rem;
	font-weight: 800;
	justify-content: center;
	letter-spacing: .09em;
	min-height: 50px;
	padding: 13px 22px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s var(--ease-out);
}

.btn::after {
	content: '→';
	font-size: 1rem;
	margin-left: 14px;
}

.btn:hover {
	background: var(--scheme-red-bright);
	border-color: var(--scheme-red-bright);
	color: var(--white);
	transform: translateY(-2px);
}

.btn-outline {
	background: transparent;
	border-color: rgba(255, 255, 255, .42);
}

.btn-outline:hover {
	background: var(--white);
	border-color: var(--white);
	color: var(--ink);
}

.btn-light {
	background: var(--white);
	border-color: var(--white);
	color: var(--scheme-red);
}

.btn-light:hover {
	background: var(--ink);
	border-color: var(--ink);
}

/* Homepage hero */
.hero-lab {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(135deg, #090909 0%, #17110e 62%, #26140e 100%);
	background-size: 64px 64px, 64px 64px, auto;
	color: var(--white);
	min-height: 690px;
	overflow: hidden;
	position: relative;
}

.hero-lab::before {
	background: radial-gradient(circle, rgba(191, 41, 47, .24), transparent 68%);
	content: '';
	height: 720px;
	left: -350px;
	position: absolute;
	top: -260px;
	width: 720px;
}

.hero-lab::after {
	background: var(--scheme-red);
	bottom: -210px;
	content: '';
	height: 320px;
	position: absolute;
	right: -130px;
	transform: rotate(-15deg);
	width: 600px;
}

.hero-grid {
	align-items: stretch;
	display: grid;
	grid-template-columns: minmax(0, .94fr) minmax(430px, 1.06fr);
	min-height: 690px;
	position: relative;
	z-index: 2;
}

.hero-grid > * {
	min-width: 0;
}

.hero-copy {
	align-self: center;
	padding: 68px 68px 68px 0;
}

.hero-copy h1 {
	color: var(--white);
	font-family: var(--font-display);
	font-size: clamp(4rem, 6.65vw, 6.85rem);
	font-weight: 900;
	letter-spacing: -.075em;
	line-height: .79;
	margin: 0;
	text-transform: uppercase;
}

.hero-copy h1 em,
.system-copy h2 em {
	color: var(--scheme-red-bright);
	font-style: normal;
}

.hero-intro {
	color: rgba(255, 255, 255, .7);
	font-size: 1.02rem;
	line-height: 1.75;
	margin: 32px 0 0;
	max-width: 610px;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 31px;
}

.hero-proof {
	border-top: 1px solid rgba(255, 255, 255, .16);
	display: flex;
	flex-wrap: wrap;
	gap: 12px 24px;
	margin-top: 35px;
	padding-top: 20px;
}

.hero-proof span {
	align-items: center;
	color: rgba(255, 255, 255, .62);
	display: flex;
	font-size: .65rem;
	font-weight: 800;
	gap: 8px;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.hero-proof span::before {
	background: var(--swedish-gold);
	border-radius: 50%;
	content: '';
	height: 6px;
	width: 6px;
}

.hero-stage {
	box-shadow: var(--shadow-deep);
	isolation: isolate;
	margin: 48px 0 48px 28px;
	min-height: 590px;
	overflow: hidden;
	position: relative;
}

.hero-stage::before {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .09) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .09) 1px, transparent 1px),
		linear-gradient(180deg, transparent 52%, rgba(11, 11, 10, .92) 100%);
	background-size: 62px 62px, 62px 62px, auto;
	content: '';
	inset: 0;
	position: absolute;
	z-index: 2;
}

.hero-stage::after {
	background: linear-gradient(90deg, rgba(11, 11, 10, .32), transparent 40%);
	content: '';
	inset: 0;
	position: absolute;
	z-index: 1;
}

.hero-stage picture,
.hero-stage img {
	height: 100%;
	width: 100%;
}

.hero-stage img {
	filter: contrast(1.06) saturate(.78) sepia(.12);
	object-fit: cover;
}

.stage-label {
	align-items: center;
	bottom: 25px;
	color: rgba(255, 255, 255, .82);
	display: flex;
	font-size: .68rem;
	font-weight: 800;
	gap: 13px;
	letter-spacing: .13em;
	position: absolute;
	text-transform: uppercase;
	z-index: 3;
}

.stage-label span {
	background: var(--scheme-red);
	color: var(--white);
	font-family: var(--font-display);
	font-size: 1rem;
	padding: 12px 14px;
}

.stage-stamp {
	align-items: center;
	background: #fff;
	border: 2px solid rgba(38, 59, 151, .35);
	border-radius: 50%;
	color: #263b97;
	display: flex;
	font-family: var(--font-display);
	font-size: .62rem;
	font-weight: 900;
	height: 106px;
	justify-content: center;
	letter-spacing: .13em;
	line-height: 1.35;
	position: absolute;
	right: 24px;
	text-align: center;
	text-transform: uppercase;
	top: 22px;
	transform: rotate(9deg);
	width: 106px;
	z-index: 3;
}

.marquee {
	background: var(--scheme-red);
	color: var(--white);
	overflow: hidden;
	padding: 13px 0;
}

.marquee-track {
	align-items: center;
	display: flex;
	gap: 28px;
	justify-content: center;
	min-width: max-content;
}

.marquee span {
	font-size: .64rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.marquee i {
	background: var(--swedish-gold);
	border-radius: 50%;
	height: 6px;
	width: 6px;
}

/* Homepage sections */
.section {
	padding: 106px 0;
}

.section-paper {
	background: var(--paper);
}

.section-dark {
	background: var(--ink);
	color: var(--white);
}

.section-heading {
	align-items: end;
	display: grid;
	gap: 70px;
	grid-template-columns: minmax(0, 1.5fr) minmax(300px, .5fr);
	margin-bottom: 54px;
}

.section-heading h2,
.system-copy h2,
.network-cta h2 {
	font-family: var(--font-display);
	font-size: clamp(3rem, 5.3vw, 5.45rem);
	font-weight: 900;
	letter-spacing: -.065em;
	line-height: .92;
	margin: 0;
	text-transform: uppercase;
}

.section-heading > p,
.network-copy > p {
	color: var(--steel);
	font-size: .98rem;
	line-height: 1.8;
	margin: 0;
}

.feature-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.feature-card {
	background: var(--paper-deep);
	border: 1px solid rgba(11, 11, 10, .13);
	min-height: 460px;
	overflow: hidden;
	padding: 33px;
	position: relative;
	transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
}

.feature-card + .feature-card {
	border-left: 0;
}

.feature-card:hover {
	box-shadow: 0 30px 65px rgba(11, 11, 10, .16);
	transform: translateY(-7px);
	z-index: 2;
}

.feature-card::after {
	background-image: linear-gradient(rgba(11, 11, 10, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 11, 10, .07) 1px, transparent 1px);
	background-size: 48px 48px;
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.feature-index {
	color: var(--scheme-red);
	display: block;
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .14em;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}

.feature-card h3 {
	font-family: var(--font-display);
	font-size: clamp(2rem, 3vw, 3.25rem);
	font-weight: 900;
	letter-spacing: -.055em;
	line-height: .94;
	margin: 86px 0 22px;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}

.feature-card p {
	color: rgba(11, 11, 10, .66);
	font-size: .89rem;
	line-height: 1.72;
	margin: 0;
	max-width: 390px;
	position: relative;
	z-index: 2;
}

.feature-card-red {
	background: var(--scheme-red);
	color: var(--white);
}

.feature-card-red .feature-index {
	color: var(--swedish-gold);
}

.feature-card-red p {
	color: rgba(255, 255, 255, .7);
}

.feature-card-red::after {
	background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
}

.feature-card-photo {
	background: var(--ink-soft);
	color: var(--white);
}

.feature-card-photo .feature-index {
	color: var(--swedish-gold);
}

.feature-card-photo p {
	color: rgba(255, 255, 255, .62);
}

.feature-card-photo::after {
	background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
}

.feature-card-code {
	bottom: -25px;
	color: rgba(255, 255, 255, .045);
	font-family: var(--font-display);
	font-size: 6.7rem;
	font-weight: 900;
	left: 23px;
	letter-spacing: -.08em;
	position: absolute;
	white-space: nowrap;
}

.visual-section {
	background: var(--paper);
	padding-top: 0;
}

.treatment-gallery {
	display: grid;
	gap: 1px;
	grid-template-columns: 1.45fr .78fr .78fr;
	min-height: 540px;
}

.treatment-visual {
	background: var(--white);
	border: 1px solid rgba(11, 11, 10, .14);
	display: flex;
	flex-direction: column;
	margin: 0;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.treatment-visual img {
	transition: transform .6s var(--ease-out);
}

.treatment-visual:hover img {
	transform: scale(1.025);
}

.treatment-visual-wide img {
	filter: contrast(1.04) saturate(.82);
	height: 100%;
	object-fit: cover;
	object-position: 40% center;
	position: absolute;
	width: 100%;
}

.treatment-visual-wide::after {
	background: linear-gradient(180deg, transparent 48%, rgba(11, 11, 10, .9) 100%);
	content: '';
	inset: 0;
	position: absolute;
}

.treatment-product {
	padding: 32px 28px 27px;
}

.treatment-product img {
	height: 335px;
	margin: auto;
	object-fit: contain;
	width: 100%;
}

.treatment-visual figcaption {
	margin-top: auto;
	position: relative;
	z-index: 2;
}

.treatment-visual-wide figcaption {
	color: var(--white);
	padding: 32px;
}

.treatment-visual figcaption span {
	color: var(--scheme-red);
	display: block;
	font-size: .65rem;
	font-weight: 800;
	letter-spacing: .13em;
	margin-bottom: 11px;
	text-transform: uppercase;
}

.treatment-visual-wide figcaption span {
	color: var(--swedish-gold);
}

.treatment-visual figcaption strong {
	display: block;
	font-family: var(--font-display);
	font-size: 1.02rem;
	font-weight: 850;
	letter-spacing: -.025em;
	line-height: 1.22;
	text-transform: uppercase;
}

.treatment-visual-wide figcaption strong {
	font-size: clamp(1.7rem, 2.7vw, 2.7rem);
	max-width: 520px;
}

.gallery-note {
	color: var(--steel);
	font-size: .72rem;
	margin: 15px 0 0;
}

.before-after-section {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
		var(--ink-soft);
	background-size: 56px 56px;
	overflow: hidden;
}

.before-after-grid {
	align-items: center;
	display: grid;
	gap: clamp(60px, 10vw, 150px);
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
}

.before-after-copy h2 {
	font-family: var(--font-display);
	font-size: clamp(3.25rem, 6vw, 6.25rem);
	font-weight: 900;
	letter-spacing: -.065em;
	line-height: .9;
	margin: 0;
	text-transform: uppercase;
}

.before-after-copy h2 em {
	color: var(--swedish-gold);
	font-style: normal;
}

.before-after-copy > p:not(.eyebrow) {
	color: rgba(255, 255, 255, .62);
	line-height: 1.85;
	margin: 34px 0;
	max-width: 640px;
}

.before-after-video {
	background: #050505;
	border: 1px solid rgba(255, 255, 255, .13);
	border-left: 6px solid var(--scheme-red);
	box-shadow: var(--shadow-deep);
	justify-self: end;
	margin: 0;
	overflow: hidden;
	width: min(100%, 420px);
}

.before-after-video video {
	aspect-ratio: 9 / 16;
	background: #050505;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.before-after-video figcaption {
	background: var(--ink);
	border-top: 4px solid var(--scheme-red);
	padding: 25px 27px 28px;
}

.before-after-video figcaption span {
	color: var(--swedish-gold);
	display: block;
	font-size: .65rem;
	font-weight: 800;
	letter-spacing: .14em;
	margin-bottom: 9px;
	text-transform: uppercase;
}

.before-after-video figcaption strong {
	display: block;
	font-family: var(--font-display);
	font-size: 1.08rem;
	font-weight: 850;
	line-height: 1.25;
	text-transform: uppercase;
}

.scheme-system {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
		var(--ink);
	background-size: 64px 64px;
}

.system-grid {
	align-items: start;
	display: grid;
	gap: 10vw;
	grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr);
}

.system-copy {
	position: sticky;
	top: 160px;
}

.system-copy > p:not(.eyebrow) {
	color: rgba(255, 255, 255, .58);
	line-height: 1.8;
	margin: 30px 0;
	max-width: 520px;
}

.text-link {
	border-bottom: 1px solid rgba(255, 255, 255, .24);
	color: var(--white);
	display: inline-flex;
	font-size: .72rem;
	font-weight: 800;
	gap: 22px;
	letter-spacing: .1em;
	padding-bottom: 8px;
	text-decoration: none;
	text-transform: uppercase;
}

.text-link span {
	color: var(--swedish-gold);
}

.system-steps {
	list-style: none;
	margin: 0;
	padding: 0;
}

.system-steps li {
	align-items: start;
	border-top: 1px solid rgba(255, 255, 255, .15);
	display: grid;
	gap: 30px;
	grid-template-columns: 78px 1fr;
	padding: 32px 0 37px;
}

.system-steps li:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.system-steps > li > span {
	color: var(--scheme-red-bright);
	font-family: var(--font-display);
	font-size: 2.25rem;
	font-weight: 900;
	letter-spacing: -.06em;
	line-height: 1;
}

.system-steps strong {
	display: block;
	font-family: var(--font-display);
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: -.025em;
	text-transform: uppercase;
}

.system-steps p {
	color: rgba(255, 255, 255, .55);
	font-size: .88rem;
	line-height: 1.7;
	margin: 9px 0 0;
}

.process-section {
	background: var(--paper-deep);
}

.process-grid {
	border-bottom: 1px solid rgba(11, 11, 10, .17);
	border-top: 1px solid rgba(11, 11, 10, .17);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.process-card {
	display: grid;
	gap: 20px;
	grid-template-columns: 66px 1fr;
	min-height: 285px;
	padding: 36px 28px 36px 0;
}

.process-card + .process-card {
	border-left: 1px solid rgba(11, 11, 10, .17);
	padding-left: 28px;
}

.process-number {
	color: var(--scheme-red);
	font-family: var(--font-display);
	font-size: 2rem;
	font-weight: 900;
	letter-spacing: -.06em;
}

.process-card h3 {
	font-family: var(--font-display);
	font-size: 1.22rem;
	font-weight: 850;
	letter-spacing: -.025em;
	margin: 4px 0 14px;
	text-transform: uppercase;
}

.process-card p {
	color: var(--steel);
	font-size: .88rem;
	line-height: 1.72;
	margin: 0 0 25px;
}

.process-card a {
	color: var(--scheme-red);
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-decoration: none;
	text-transform: uppercase;
}

.network-cta {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px),
		var(--scheme-red);
	background-size: 58px 58px;
	color: var(--white);
	padding: 92px 0;
}

.network-grid {
	align-items: end;
	display: grid;
	gap: 9vw;
	grid-template-columns: 1.3fr .7fr;
}

.network-cta .eyebrow {
	color: var(--swedish-gold);
}

.network-copy > p {
	color: rgba(255, 255, 255, .72);
}

/* Inner pages */
.page-hero {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(135deg, var(--ink), #25140e);
	background-size: 58px 58px, 58px 58px, auto;
	color: var(--white);
	padding: 82px 0 74px;
}

.page-hero-grid {
	align-items: end;
	display: grid;
	gap: 80px;
	grid-template-columns: 1fr minmax(260px, .36fr);
}

.page-hero h1 {
	font-family: var(--font-display);
	font-size: clamp(3rem, 6.4vw, 6.3rem);
	font-weight: 900;
	letter-spacing: -.07em;
	line-height: .87;
	margin: 0;
	max-width: 1000px;
	text-transform: uppercase;
}

.page-hero-note {
	border-left: 2px solid var(--scheme-red-bright);
	color: rgba(255, 255, 255, .58);
	font-size: .82rem;
	line-height: 1.7;
	margin: 0;
	padding-left: 18px;
}

.page-body {
	background: var(--paper);
	min-height: 45vh;
	padding: 74px 0 104px;
}

.content-shell {
	max-width: 1060px;
}

.entry-content {
	font-size: 1rem;
}

.entry-content > *:first-child {
	margin-top: 0;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	font-family: var(--font-display);
	font-weight: 850;
	letter-spacing: -.035em;
	line-height: 1.05;
}

.entry-content h2 {
	font-size: clamp(2rem, 4vw, 3.5rem);
	margin: 55px 0 18px;
	text-transform: uppercase;
}

.entry-content h3 {
	font-size: 1.3rem;
	margin: 32px 0 12px;
}

.entry-content p,
.entry-content li {
	color: #514e49;
}

.entry-content a:not(.btn):not(.rps-garage-phone) {
	color: var(--scheme-red);
	font-weight: 700;
}

.entry-content .content-card {
	background: var(--white);
	border: 1px solid rgba(11, 11, 10, .14);
	box-shadow: 0 22px 50px rgba(11, 11, 10, .07);
	padding: 35px 40px;
}

.cards,
.steps {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, 1fr);
	margin: 34px 0;
}

.card,
.step {
	background: var(--white);
	border: 1px solid rgba(11, 11, 10, .13);
	padding: 29px;
}

.card + .card,
.step + .step {
	border-left: 0;
}

.treatment-steps .step-wide {
	align-items: start;
	display: grid;
	gap: 28px;
	grid-column: 1 / -1;
	grid-template-columns: 70px minmax(260px, .7fr) minmax(0, 1.3fr);
}

.treatment-steps .step-wide .step-no,
.treatment-steps .step-wide h3,
.treatment-steps .step-wide p {
	margin: 0;
}

.treatment-steps .step-has-image {
	overflow: hidden;
	padding: 0;
}

.treatment-steps .step-photo {
	aspect-ratio: 16 / 9;
	background: var(--ink);
	border-bottom: 4px solid var(--scheme-red);
	margin: 0;
	overflow: hidden;
}

.treatment-steps .step-photo img,
.treatment-steps .step-photo video {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
	width: 100%;
}

.treatment-steps .step-has-image:hover .step-photo img,
.treatment-steps .step-has-image:hover .step-photo video {
	transform: scale(1.025);
}

.treatment-steps .step-inner {
	padding: 29px;
}

.treatment-steps .step-wide-image {
	gap: 0;
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
}

.treatment-steps .step-wide-image .step-photo {
	aspect-ratio: 4 / 3;
	border-bottom: 0;
	border-right: 4px solid var(--scheme-red);
}

.treatment-steps .step-wide-image .step-inner {
	align-self: center;
	padding: 40px 44px;
}

.treatment-steps .step-wide-image h3 {
	margin: 32px 0 12px;
}

.card-icon,
.step-no {
	color: var(--scheme-red);
	font-family: var(--font-display);
	font-size: 2rem;
	font-weight: 900;
}

.card h3,
.step h3 {
	font-family: var(--font-display);
	font-size: 1.1rem;
	font-weight: 800;
	text-transform: uppercase;
}

.treatment-download {
	margin: 27px 0 34px;
}

.scheme-record {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
		var(--ink);
	background-size: 48px 48px;
	border-left: 6px solid var(--scheme-red);
	color: var(--white);
	margin: 1px 0 48px;
	padding: 31px 34px;
}

.scheme-record .scheme-kicker {
	color: var(--swedish-gold);
	display: block;
	font-size: .65rem;
	font-weight: 800;
	letter-spacing: .13em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.scheme-record h3 {
	font-size: 1.35rem;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.scheme-record p {
	color: rgba(255, 255, 255, .65);
	margin: 0;
	max-width: 820px;
}

/* Directory */
.rps-directory form {
	align-items: end;
	background: var(--ink);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin: 0 0 26px;
	padding: 20px;
}

.rps-directory label {
	color: rgba(255, 255, 255, .7);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.rps-directory select {
	background: var(--white);
	border: 1px solid rgba(255, 255, 255, .15);
	color: var(--ink);
	margin-left: 12px;
	min-width: 210px;
	padding: 11px 38px 11px 13px;
}

.rps-filter-submit {
	background: var(--scheme-red);
	border: 0;
	color: var(--white);
	cursor: pointer;
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .1em;
	padding: 12px 18px;
	text-transform: uppercase;
}

#rps-map {
	border: 1px solid rgba(11, 11, 10, .14) !important;
	border-radius: 0 !important;
	box-shadow: 0 20px 50px rgba(11, 11, 10, .08);
	height: 380px;
	margin-bottom: 25px !important;
}

.rps-garage-card {
	align-items: center;
	background: var(--white);
	border: 1px solid rgba(11, 11, 10, .14);
	display: flex;
	gap: 28px;
	margin: 0 0 12px;
	padding: 25px 28px;
	position: relative;
}

.rps-garage-card::before {
	background: var(--scheme-red);
	content: '';
	inset: 0 auto 0 0;
	position: absolute;
	width: 4px;
}

.rps-garage-logo-wrap {
	flex: 0 0 130px;
}

.rps-garage-logo {
	max-height: 80px;
	object-fit: contain;
	width: 130px;
}

.rps-garage-card-body {
	flex: 1;
}

.rps-garage-name {
	display: block;
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: 850;
	letter-spacing: -.025em;
	margin: 2px 0 6px;
	text-transform: uppercase;
}

.rps-garage-badge {
	color: var(--success);
	display: inline-block;
	font-size: .64rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rps-garage-phone,
.rps-garage-actions a {
	color: var(--scheme-red) !important;
	font-weight: 750;
}

.rps-garage-actions {
	display: flex;
	flex-wrap: wrap;
	font-size: .76rem;
	gap: 8px 18px;
	margin-top: 10px;
}

/* Certificate checker */
.rps-check-form {
	background: var(--ink);
	box-shadow: var(--shadow-deep);
	color: var(--white);
	margin: 18px auto 24px;
	max-width: 570px;
	padding: 34px;
}

.rps-check-form label {
	color: rgba(255, 255, 255, .72);
	display: block;
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.rps-check-form input {
	background: var(--white);
	border: 2px solid transparent;
	color: var(--ink);
	font-size: 1.05rem;
	letter-spacing: .035em;
	margin-top: 7px;
	padding: 13px 14px;
	text-transform: uppercase;
	width: 100%;
}

.rps-check-form input:focus {
	border-color: var(--swedish-gold);
	outline: 0;
}

.rps-check-help {
	color: rgba(255, 255, 255, .48);
	font-size: .75rem;
	margin: -6px 0 17px;
}

.rps-check-form button {
	background: var(--scheme-red);
	border: 0;
	color: var(--white);
	cursor: pointer;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .1em;
	padding: 15px;
	text-transform: uppercase;
	width: 100%;
}

.rps-check-form button:hover {
	background: var(--scheme-red-bright);
}

.rps-check-result {
	border: 2px solid;
	margin: 0 auto;
	max-width: 570px;
	padding: 24px;
}

.rps-check-valid {
	background: #edf6f1;
	border-color: var(--success);
}

.rps-check-invalid {
	background: #fff1f0;
	border-color: var(--danger);
}

.rps-check-headline {
	display: block;
	font-family: var(--font-display);
	font-size: 1.1rem;
	font-weight: 850;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.rps-check-valid .rps-check-headline {
	color: var(--success);
}

.rps-check-invalid .rps-check-headline {
	color: var(--danger);
}

/* Footer */
.site-footer {
	background: #090909;
	color: rgba(255, 255, 255, .48);
	font-size: .83rem;
	padding: 68px 0 28px;
}

.footer-grid {
	display: grid;
	gap: 54px;
	grid-template-columns: 1.25fr repeat(4, .62fr);
}

.footer-brand {
	max-width: 420px;
}

.footer-kicker {
	color: var(--swedish-gold);
	display: block;
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .14em;
	margin-bottom: 13px;
	text-transform: uppercase;
}

.footer-brand .brand-name {
	font-size: 1.2rem;
	max-width: 360px;
}

.footer-brand p {
	line-height: 1.75;
	margin: 19px 0 0;
}

.site-footer h4 {
	color: var(--white);
	font-family: var(--font-display);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .13em;
	margin: 0 0 17px;
	text-transform: uppercase;
}

.site-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer li {
	margin: 8px 0;
}

.site-footer a {
	color: rgba(255, 255, 255, .48);
	text-decoration: none;
}

.site-footer a:hover {
	color: var(--swedish-gold);
}

.footer-legal {
	border-top: 1px solid rgba(255, 255, 255, .1);
	font-size: .68rem;
	letter-spacing: .04em;
	margin-top: 52px;
	padding-top: 22px;
	text-transform: uppercase;
}

/* Responsive */
@media (max-width: 1180px) {
	.brand-name {
		font-size: .78rem;
		max-width: 215px;
	}

	.brand {
		min-width: 225px;
	}

	.site-nav a {
		font-size: .69rem;
		padding-inline: 9px;
	}

	.hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr);
	}

	.hero-copy h1 {
		font-size: clamp(3.8rem, 6.4vw, 5.2rem);
	}
}

@media (max-width: 980px) {
	.menu-toggle {
		display: inline-flex;
	}

	.header-main .site-shell {
		position: relative;
	}

	.site-nav {
		align-items: stretch;
		background: rgba(11, 11, 10, .985);
		border-top: 1px solid rgba(255, 255, 255, .12);
		display: none;
		flex-direction: column;
		gap: 3px;
		left: -24px;
		padding: 18px 24px 24px;
		position: absolute;
		right: -24px;
		top: calc(100% + 12px);
	}

	.menu-open .site-nav {
		display: flex;
	}

	.site-nav a {
		border-radius: 0;
		font-size: .8rem;
		padding: 11px 12px;
	}

	.site-nav a.nav-cta {
		margin: 6px 0 0;
		text-align: center;
	}

	.hero-grid {
		grid-template-columns: 1fr;
		padding-bottom: 48px;
	}

	.hero-copy {
		padding: 64px 0 44px;
	}

	.hero-stage {
		margin: 0;
		min-height: 510px;
	}

	.section-heading,
	.page-hero-grid,
	.network-grid {
		gap: 30px;
		grid-template-columns: 1fr;
	}

	.section-heading > p {
		max-width: 620px;
	}

	.feature-grid,
	.process-grid,
	.treatment-gallery {
		grid-template-columns: 1fr;
	}

	.feature-card {
		min-height: 390px;
	}

	.feature-card + .feature-card {
		border-left: 1px solid rgba(11, 11, 10, .13);
		border-top: 0;
	}

	.treatment-gallery {
		min-height: 0;
	}

	.treatment-visual-wide {
		min-height: 500px;
	}

	.treatment-product {
		min-height: 430px;
	}

	.before-after-grid {
		gap: 60px;
		grid-template-columns: 1fr;
	}

	.before-after-video {
		justify-self: center;
	}

	.system-grid {
		gap: 65px;
		grid-template-columns: 1fr;
	}

	.system-copy {
		position: static;
	}

	.process-card {
		min-height: 0;
		padding: 30px 0;
	}

	.process-card + .process-card {
		border-left: 0;
		border-top: 1px solid rgba(11, 11, 10, .17);
		padding-left: 0;
	}

	.footer-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.footer-brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 782px) {
	body.admin-bar .site-header {
		top: 46px;
	}
}

@media (max-width: 700px) {
	:root {
		--container: calc(100% - 32px);
	}

	.header-utility {
		display: none;
	}

	.header-main {
		padding: 10px 0;
	}

	.brand {
		gap: 9px;
		min-width: 0;
	}

	.brand-mark {
		height: 37px;
		width: 32px;
	}

	.brand-name {
		font-size: .68rem;
		max-width: min(48vw, 190px);
	}

	.brand-name small {
		display: none;
	}

	.menu-toggle-label {
		display: none;
	}

	.site-nav {
		left: -16px;
		right: -16px;
		top: calc(100% + 10px);
	}

	.hero-lab,
	.hero-grid {
		min-height: 0;
	}

	.hero-copy {
		padding: 52px 0 38px;
	}

	.hero-copy h1 {
		font-size: clamp(2.75rem, 14vw, 3.6rem);
		line-height: .8;
	}

	.eyebrow,
	.kicker {
		font-size: .63rem;
		gap: 9px;
		letter-spacing: .11em;
	}

	.eyebrow::before,
	.kicker::before {
		flex: 0 0 24px;
		width: 24px;
	}

	.hero-intro {
		font-size: .94rem;
		margin-top: 26px;
	}

	.hero-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.hero-actions .btn {
		width: 100%;
	}

	.hero-proof {
		align-items: flex-start;
		flex-direction: column;
	}

	.hero-stage {
		min-height: 360px;
	}

	.stage-stamp {
		height: 86px;
		width: 86px;
	}

	.marquee-track {
		justify-content: flex-start;
	}

	.section {
		padding: 75px 0;
	}

	.section-heading {
		margin-bottom: 36px;
	}

	.section-heading h2,
	.system-copy h2,
	.network-cta h2 {
		font-size: clamp(2.5rem, 13vw, 4rem);
	}

	.before-after-copy h2 {
		font-size: clamp(2.7rem, 14vw, 4.4rem);
	}

	.feature-card {
		min-height: 350px;
		padding: 26px;
	}

	.treatment-visual-wide {
		min-height: 400px;
	}

	.treatment-product {
		min-height: 390px;
		padding: 26px 22px;
	}

	.treatment-product img {
		height: 285px;
	}

	.feature-card h3 {
		font-size: 2.2rem;
		margin-top: 55px;
	}

	.system-grid {
		gap: 45px;
	}

	.system-steps li {
		gap: 15px;
		grid-template-columns: 52px 1fr;
	}

	.system-steps > li > span {
		font-size: 1.6rem;
	}

	.network-cta {
		padding: 72px 0;
	}

	.page-hero {
		padding: 62px 0 55px;
	}

	.page-hero h1 {
		font-size: clamp(2.7rem, 13vw, 4.2rem);
	}

	.page-body {
		padding: 50px 0 74px;
	}

	.entry-content .content-card {
		padding: 25px 22px;
	}

	.cards,
	.steps {
		grid-template-columns: 1fr;
	}

	.card + .card,
	.step + .step {
		border-left: 1px solid rgba(11, 11, 10, .13);
		border-top: 0;
	}

	.treatment-steps .step-wide {
		display: block;
		grid-column: auto;
	}

	.treatment-steps .step-wide h3 {
		margin: 32px 0 12px;
	}

	.treatment-steps .step-wide-image .step-photo {
		aspect-ratio: 16 / 9;
		border-bottom: 4px solid var(--scheme-red);
		border-right: 0;
	}

	.treatment-steps .step-wide-image .step-inner {
		padding: 29px;
	}

	.rps-directory form {
		align-items: stretch;
		flex-direction: column;
	}

	.rps-directory label {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.rps-directory select {
		margin: 0;
		width: 100%;
	}

	#rps-map {
		height: 320px !important;
	}

	.rps-garage-card {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
		padding: 23px;
	}

	.rps-check-form {
		padding: 25px 21px;
	}

	.scheme-record {
		padding: 26px 23px;
	}

	.footer-grid {
		gap: 34px;
		grid-template-columns: 1fr 1fr;
	}

	.footer-grid > div:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 440px) {
	.footer-grid {
		grid-template-columns: 1fr;
	}

	.footer-grid > * {
		grid-column: auto !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

/* RPNI bright institutional brand layer */
body::before {
	opacity: .035;
}

.site-header {
	background: rgba(255, 255, 255, .96);
	border-bottom-color: rgba(11, 43, 54, .14);
	box-shadow: 0 10px 35px rgba(11, 43, 54, .07);
	color: var(--ink);
}

.header-utility {
	background: var(--ink);
	border-bottom: 0;
	color: rgba(255, 255, 255, .76);
}

.utility-proof::before {
	background: var(--scheme-red);
	box-shadow: none;
}

.utility-links a:hover {
	color: var(--white);
}

.brand-mark {
	color: var(--ink);
	display: block;
	filter: none;
	height: 48px;
	width: 48px;
}

.brand-name {
	color: var(--ink);
	font-size: 1.16rem;
	font-weight: 800;
	letter-spacing: .08em;
}

.brand-name small {
	color: var(--steel);
	font-size: .54rem;
	letter-spacing: .115em;
}

@media (max-width: 700px) {
	.brand-mark {
		height: 38px;
		width: 38px;
	}
}

.site-nav a {
	color: var(--ink);
}

.site-nav a:hover,
.site-nav a.current {
	background: var(--paper-deep);
	color: var(--ink);
}

.site-nav a.nav-cta {
	background: var(--scheme-red);
	border-color: var(--scheme-red);
}

.menu-toggle {
	border-color: rgba(11, 43, 54, .24);
	color: var(--ink);
}

.eyebrow,
.kicker {
	color: var(--scheme-red);
}

.btn {
	border-radius: 3px;
}

.btn-outline {
	border-color: var(--ink);
	color: var(--ink);
}

.btn-outline:hover {
	background: var(--ink);
	border-color: var(--ink);
	color: var(--white);
}

.hero-lab {
	background: linear-gradient(135deg, var(--white) 0%, var(--paper) 58%, var(--paper-deep) 100%);
	border-bottom: 1px solid rgba(11, 43, 54, .12);
	color: var(--ink);
}

.hero-lab::before {
	background: radial-gradient(circle, rgba(36, 98, 79, .12), transparent 70%);
	height: 760px;
	left: -380px;
	top: -330px;
	width: 760px;
}

.hero-lab::after {
	background: var(--scheme-red);
	bottom: 0;
	height: 128px;
	right: 0;
	transform: none;
	width: 7px;
}

.hero-copy h1 {
	color: var(--ink);
	font-size: clamp(3.8rem, 6.15vw, 6.4rem);
	font-weight: 800;
	letter-spacing: -.06em;
	line-height: .88;
	text-transform: none;
}

.hero-copy h1 em,
.system-copy h2 em {
	color: var(--scheme-red);
}

.hero-intro {
	color: var(--steel);
	font-size: 1.08rem;
}

.hero-proof {
	border-top-color: rgba(11, 43, 54, .16);
}

.hero-proof span {
	color: var(--graphite);
}

.hero-proof span::before {
	background: var(--scheme-red);
}

.hero-stage {
	border: 1px solid rgba(11, 43, 54, .14);
	box-shadow: var(--shadow-deep);
}

.hero-stage::before {
	background: linear-gradient(180deg, transparent 58%, rgba(11, 43, 54, .9) 100%);
	background-size: auto;
}

.hero-stage::after {
	background: linear-gradient(90deg, rgba(11, 43, 54, .18), transparent 38%);
}

.hero-stage img {
	filter: contrast(1.02) saturate(.86);
}

.stage-label span {
	background: var(--scheme-red);
}

.stage-stamp {
	background: rgba(255, 255, 255, .94);
	border: 2px solid var(--ink);
	border-radius: 4px;
	color: var(--ink);
	transform: none;
}

.marquee {
	background: var(--ink);
}

.marquee i {
	background: var(--scheme-red);
}

.section-heading h2,
.system-copy h2,
.network-cta h2,
.before-after-copy h2,
.page-hero h1 {
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: .98;
	text-transform: none;
}

.rpni-intro {
	background: var(--white);
	border-bottom: 1px solid rgba(11, 43, 54, .1);
}

.priority-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.priority-card {
	background: var(--paper);
	border: 1px solid rgba(11, 43, 54, .14);
	border-top: 5px solid var(--ink);
	min-height: 290px;
	padding: 36px;
}

.priority-card-accent {
	border-top-color: var(--scheme-red);
}

.priority-label {
	color: var(--scheme-red);
	display: block;
	font-size: .67rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.priority-card h3 {
	font-family: var(--font-display);
	font-size: clamp(1.65rem, 3vw, 2.6rem);
	letter-spacing: -.04em;
	line-height: 1.08;
	margin: 42px 0 16px;
}

.priority-card p {
	color: var(--steel);
	margin: 0 0 25px;
	max-width: 520px;
}

.priority-card a {
	color: var(--ink);
	display: inline-flex;
	font-size: .74rem;
	font-weight: 800;
	gap: 15px;
	letter-spacing: .08em;
	text-decoration: none;
	text-transform: uppercase;
}

.priority-card a span {
	color: var(--scheme-red);
}

.independence-note {
	border-left: 4px solid var(--scheme-red);
	color: var(--steel);
	font-size: .84rem;
	margin: 28px 0 0;
	padding: 12px 0 12px 18px;
}

.independence-note strong {
	color: var(--ink);
}

.feature-card {
	background: var(--paper-deep);
	border-color: rgba(11, 43, 54, .14);
}

.feature-card::after {
	background-image: linear-gradient(rgba(11, 43, 54, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 43, 54, .045) 1px, transparent 1px);
}

.feature-card-red {
	background: #f2e5dd;
	color: var(--ink);
}

.feature-card-red .feature-index,
.feature-card-photo .feature-index {
	color: var(--scheme-red);
}

.feature-card-red p {
	color: var(--steel);
}

.feature-card-photo {
	background: var(--ink);
}

.feature-card-photo::after {
	background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
}

.before-after-section {
	background: var(--paper-deep);
	color: var(--ink);
}

.before-after-copy h2 em {
	color: var(--scheme-red);
}

.before-after-copy > p:not(.eyebrow) {
	color: var(--steel);
}

.before-after-copy .text-link {
	border-bottom-color: rgba(11, 43, 54, .25);
	color: var(--ink);
}

.before-after-video {
	background: var(--white);
	border-color: rgba(11, 43, 54, .14);
	border-left-color: var(--scheme-red);
}

.before-after-video figcaption {
	background: var(--white);
	color: var(--ink);
}

.before-after-video figcaption span {
	color: var(--scheme-red);
}

.scheme-system {
	background: var(--ink);
}

.system-copy > p:not(.eyebrow),
.system-steps p {
	color: rgba(255, 255, 255, .68);
}

.system-steps > li > span {
	color: #dd8b66;
}

.warranty-section {
	background: var(--white);
	border-bottom: 1px solid rgba(11, 43, 54, .1);
}

.warranty-grid {
	display: grid;
	gap: clamp(55px, 9vw, 130px);
	grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
}

.warranty-number {
	color: var(--steel);
	font-size: 1.1rem;
	margin: 30px 0 6px;
}

.warranty-number strong {
	color: var(--scheme-red);
	display: block;
	font-family: var(--font-display);
	font-size: clamp(4.5rem, 8vw, 8rem);
	font-weight: 800;
	letter-spacing: -.075em;
	line-height: .9;
}

.warranty-section h2 {
	font-family: var(--font-display);
	font-size: clamp(2.2rem, 4vw, 4.2rem);
	letter-spacing: -.05em;
	line-height: 1;
	margin: 18px 0 0;
}

.warranty-lead {
	color: var(--ink);
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.75;
	margin: 0 0 32px;
}

.warranty-copy ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.warranty-copy li {
	border-top: 1px solid rgba(11, 43, 54, .14);
	color: var(--steel);
	padding: 20px 0;
}

.warranty-copy li:last-child {
	border-bottom: 1px solid rgba(11, 43, 54, .14);
}

.warranty-copy li strong {
	color: var(--ink);
}

.warranty-note {
	color: var(--steel);
	font-size: .78rem;
	margin: 22px 0 0;
}

.process-section {
	background: var(--paper-deep);
}

.network-cta {
	background: var(--ink-soft);
	border-top: 7px solid var(--scheme-red);
}

.network-cta .eyebrow {
	color: #e5a184;
}

.network-copy > p {
	color: rgba(255, 255, 255, .72);
}

.page-hero {
	background: var(--paper-deep);
	border-bottom: 1px solid rgba(11, 43, 54, .12);
	color: var(--ink);
}

.page-hero-note {
	border-left-color: var(--scheme-red);
	color: var(--steel);
}

.page-body {
	background: var(--paper);
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.rps-garage-name,
.rps-check-headline,
.card h3,
.step h3 {
	text-transform: none;
}

.entry-content a:not(.btn):not(.rps-garage-phone),
.rps-garage-phone,
.rps-garage-actions a {
	color: var(--ink) !important;
}

.entry-content .content-card,
.card,
.step,
.rps-garage-card {
	border-color: rgba(11, 43, 54, .14);
	box-shadow: 0 16px 42px rgba(11, 43, 54, .06);
}

.directory-intro,
.verification-intro {
	margin-bottom: 32px;
}

.treatment-steps .step-photo {
	background: var(--ink);
	border-bottom-color: var(--scheme-red);
}

.scheme-record {
	background: var(--ink);
	border-left-color: var(--scheme-red);
}

.rps-directory form {
	background: var(--paper-deep);
	border: 1px solid rgba(11, 43, 54, .14);
}

.rps-directory label {
	color: var(--ink);
}

.rps-garage-card::before {
	background: var(--scheme-red);
}

.rps-garage-badge {
	color: var(--success);
}

.rps-check-form {
	background: var(--white);
	border: 1px solid rgba(11, 43, 54, .16);
	box-shadow: 0 18px 50px rgba(11, 43, 54, .1);
	color: var(--ink);
}

.rps-check-form label {
	color: var(--ink);
}

.rps-check-form input {
	background: var(--paper);
	border-color: rgba(11, 43, 54, .18);
}

.rps-check-help {
	color: var(--steel);
}

.rps-check-details {
	display: grid;
	grid-template-columns: minmax(150px, .7fr) minmax(0, 1.3fr);
	margin: 18px 0 0;
}

.rps-check-details dt,
.rps-check-details dd {
	border-top: 1px solid rgba(11, 43, 54, .13);
	margin: 0;
	padding: 10px 0;
}

.rps-check-details dt {
	color: var(--steel);
}

.rps-check-details dd {
	font-weight: 700;
}

.site-footer {
	background: var(--ink);
	color: rgba(255, 255, 255, .62);
}

.footer-kicker,
.site-footer a:hover {
	color: #e5a184;
}

.footer-brand .brand-name {
	color: var(--white);
	font-size: 1.65rem;
}

.footer-legal {
	display: flex;
	gap: 35px;
	justify-content: space-between;
	text-transform: none;
}

.footer-legal p {
	margin: 0;
	max-width: 720px;
}

@media (max-width: 980px) {
	.site-nav {
		background: rgba(255, 255, 255, .99);
		border-color: rgba(11, 43, 54, .12);
		box-shadow: 0 20px 45px rgba(11, 43, 54, .13);
	}

	.priority-grid,
	.warranty-grid {
		grid-template-columns: 1fr;
	}

	.warranty-grid {
		gap: 45px;
	}
}

@media (max-width: 700px) {
	.hero-copy h1 {
		font-size: clamp(3rem, 13vw, 4rem);
		line-height: .92;
	}

	.hero-stage {
		min-height: 330px;
	}

	.hero-proof {
		display: grid;
		grid-template-columns: 1fr;
	}

	.section-heading h2,
	.system-copy h2,
	.network-cta h2,
	.before-after-copy h2,
	.page-hero h1 {
		font-size: clamp(2.35rem, 11.5vw, 3.65rem);
		line-height: 1;
	}

	.priority-card {
		min-height: 0;
		padding: 28px 24px;
	}

	.priority-card h3 {
		margin-top: 30px;
	}

	.warranty-number strong {
		font-size: clamp(4rem, 20vw, 6rem);
	}

	.warranty-lead {
		font-size: 1.03rem;
	}

	.rps-check-details {
		grid-template-columns: 1fr;
	}

	.rps-check-details dt {
		padding-bottom: 2px;
	}

	.rps-check-details dd {
		border-top: 0;
		padding-top: 0;
	}

	.footer-legal {
		flex-direction: column;
		gap: 14px;
	}
}


/* Official RPNI logo (2026-08-04) */
.brand-lockup { height: 54px; width: auto; display: block; }
@media (max-width: 700px) { .brand-lockup { height: 42px; } }
.stage-stamp { background: #fff; border: none; border-radius: 10px; padding: 10px; }
.stage-stamp img { width: 100%; height: auto; display: block; }

/* Mobile headline overflow fix (2026-08-04) */
@media (max-width: 700px) {
	.hero-copy h1 { font-size: clamp(2.5rem, 11.5vw, 4rem); }
	.page-hero h1 { font-size: clamp(2.2rem, 10vw, 3rem); }
}

/* ---------------------------------------------------------------------------
   Tool pages: certificate check + centre directory            (added 2026-08-24)
   These two pages exist to be USED, not read. The standard page hero pushed the
   form and the map below the fold on a phone (measured: first field 960px, map
   814px, county filter 1206px against an 812px viewport). Keep the hero as a
   slim title bar here so the tool itself is the first thing on screen.
   --------------------------------------------------------------------------- */
.rps-tool-page .page-hero {
	padding: 30px 0 26px;
}

.rps-tool-page .page-hero h1 {
	font-size: clamp(1.75rem, 5vw, 2.6rem);
	line-height: 1;
}

/* The generic strapline repeats on every page and earns no room here. */
.rps-tool-page .page-hero-note {
	display: none;
}

.rps-tool-page .page-hero-grid {
	gap: 0;
	grid-template-columns: 1fr;
}

.rps-tool-page .page-body {
	padding: 26px 0 72px;
}

@media (max-width: 860px) {
	.rps-tool-page .page-hero {
		padding: 22px 0 20px;
	}

	.rps-tool-page .page-hero h1 {
		font-size: clamp(1.6rem, 7vw, 2.1rem);
	}

	.rps-tool-page .page-body {
		padding: 18px 0 56px;
	}

	/* Trim the intro card's own padding so the form/map climbs further up. */
	.rps-tool-page .entry-content .content-card {
		padding: 20px 18px;
	}
}

/* ---------------------------------------------------------------------------
   Apply-to-join form (/for-garages/)                          (added 2026-08-24)
   Light card to match the surrounding page content, rather than the dark
   certificate-check panel, because it sits inside a long read.
   --------------------------------------------------------------------------- */
.rps-apply-form {
	margin: 26px 0;
}

.rps-apply-form > h2 {
	margin-top: 0;
}

.rps-field {
	margin: 0 0 18px;
}

.rps-field label {
	color: var(--ink);
	display: block;
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .11em;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.rps-field input,
.rps-field select,
.rps-field textarea {
	background: var(--white);
	border: 2px solid rgba(11, 43, 54, .18);
	color: var(--ink);
	font: inherit;
	font-size: 1rem;
	padding: 12px 13px;
	width: 100%;
}

.rps-field textarea {
	resize: vertical;
}

.rps-field input:focus,
.rps-field select:focus,
.rps-field textarea:focus {
	border-color: var(--scheme-red);
	outline: 0;
}

.rps-req {
	color: var(--scheme-red);
}

.rps-field-error input,
.rps-field-error select,
.rps-field-error textarea {
	border-color: var(--scheme-red);
}

.rps-field-message {
	color: var(--scheme-red);
	display: block;
	font-size: .82rem;
	margin-top: 6px;
}

.rps-apply-error-summary {
	background: rgba(166, 62, 32, .08);
	border-left: 3px solid var(--scheme-red);
	color: var(--scheme-red);
	font-weight: 600;
	padding: 12px 14px;
}

.rps-apply-privacy {
	color: var(--steel);
	font-size: .85rem;
}

.rps-apply-form button {
	background: var(--scheme-red);
	border: 0;
	color: var(--white);
	cursor: pointer;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .1em;
	padding: 15px 30px;
	text-transform: uppercase;
}

.rps-apply-form button:hover {
	background: var(--scheme-red-bright);
}

/* Honeypot — off-screen for bots, never shown to or focusable by a person. */
.rps-hp {
	height: 0;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.rps-apply-done {
	border-left: 4px solid var(--scheme-red);
}

/* Footer gained a fifth column (Legal) and a postal address    2026-08-24 */
.site-footer address {
	color: rgba(255, 255, 255, .55);
	font-size: .82rem;
	font-style: normal;
	line-height: 1.6;
	margin-top: 12px;
}


/* New designer mark inside the hero badge                      2026-09-02 */
.stage-stamp img {
	width: 68%;
	height: auto;
	display: block;
}