/*
Theme Name: ResumeMastero
Theme URI: https://resumemastero.com/
Author: ResumeMastero
Author URI: https://resumemastero.com/
Description: A premium, highly interactive full site editing theme for resume writers, career coaches, CV consultants and personal-branding studios. ResumeMastero pairs an editorial design system with genuinely interactive components — a draggable before/after resume comparison, animated ATS meters, counting statistics, a scroll-driven process timeline and a swipeable testimonial rail — plus a one-click starter setup that builds every page of a complete service website. Fully editable in the WordPress Site Editor, with four style variations, bundled self-hosted fonts, original SVG mockups, curated Unsplash photography, WooCommerce support and accessible, motion-safe, mobile-first layouts.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: resumemastero
Tags: blog, portfolio, one-column, two-columns, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, sticky-post, template-editing, threaded-comments, translation-ready, wide-blocks, accessibility-ready

ResumeMastero is distributed under the terms of the GNU GPL v2 or later.

Bundled resources
-----------------
Fraunces — SIL Open Font License 1.1 — https://fonts.google.com/specimen/Fraunces
Source Sans 3 — SIL Open Font License 1.1 — https://fonts.google.com/specimen/Source+Sans+3
Photography in assets/images/photos — Unsplash License — see that folder's CREDITS.txt
All illustrations, icons and mockups in assets/images are original work released under the GPL.

Contents
--------
 1. Design tokens
 2. Base + accessibility
 3. Header, navigation, scroll progress
 4. Section helpers + typography
 5. Buttons
 6. Cards, tiles, bento
 7. Hero
 8. Trust marquee
 9. Statistics
10. Process timeline
11. Pricing
12. Testimonials
13. FAQ
14. Story timeline
15. Posts + archives
16. Footer
17. Motion + reveal
18. Forms
19. WooCommerce
20. Responsive
*/

/* -------------------------------------------------------------------------
   1. Design tokens
   ---------------------------------------------------------------------- */

:root {
	--rm-radius-sm: 8px;
	--rm-radius: 14px;
	--rm-radius-lg: 22px;
	--rm-radius-pill: 999px;

	--rm-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--rm-ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
	--rm-dur: 0.35s;
	--rm-dur-slow: 0.7s;

	--rm-ring: 0 0 0 3px rgba(192, 95, 53, 0.22);
	--rm-line: var(--wp--preset--color--line, #e3dacb);
	--rm-line-dark: rgba(255, 255, 255, 0.14);

	/* Surfaces used on dark sections, where palette slugs alone are not enough. */
	--rm-glass: rgba(255, 255, 255, 0.055);
	--rm-glass-strong: rgba(255, 255, 255, 0.09);
	--rm-glass-line: rgba(255, 255, 255, 0.13);
}

/* -------------------------------------------------------------------------
   2. Base + accessibility
   ---------------------------------------------------------------------- */

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	/*
	 * `clip`, not `hidden`: contains stray horizontal overflow without turning
	 * the root into a scroll container, which would break the sticky header.
	 */
	overflow-x: clip;
}

body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

img {
	border-style: none;
	max-width: 100%;
	height: auto;
}

/* Fraunces is a variable font: let large display type use its optical size and
   soft/wonky axes so headings feel drawn rather than stretched. */
h1,
h2,
.rm-display {
	font-variation-settings: "SOFT" 12, "WONK" 1, "opsz" 84;
}

h3,
h4 {
	font-variation-settings: "SOFT" 8, "WONK" 0, "opsz" 36;
}

/* Tabular figures keep animated counters from jittering as digits change. */
.rm-stat__value,
.rm-meter__num,
.rm-plan__price {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: 4px;
}

.rm-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 10000;
	padding: 0.85rem 1.5rem;
	background: var(--wp--preset--color--contrast);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 var(--rm-radius-sm) 0;
}

.rm-skip-link:focus {
	left: 0;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	height: auto;
	width: auto;
	display: block;
	padding: 1rem 1.5rem;
	background: #fff;
	color: var(--wp--preset--color--contrast);
	z-index: 100000;
	top: 5px;
	left: 5px;
}

/* -------------------------------------------------------------------------
   3. Header, navigation, scroll progress
   ---------------------------------------------------------------------- */

.rm-header {
	position: sticky;
	top: 0;
	z-index: 500;
	transition: box-shadow var(--rm-dur) var(--rm-ease-soft), background-color var(--rm-dur) var(--rm-ease-soft);
}

.rm-header.is-stuck {
	box-shadow: 0 1px 0 var(--rm-line), 0 12px 32px rgba(14, 31, 26, 0.07);
	background-color: rgba(250, 247, 242, 0.86);
	backdrop-filter: saturate(180%) blur(14px);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
}

.rm-header.is-stuck .wp-block-group.has-background {
	background-color: transparent !important;
}

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

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

/* Reading progress, painted across the bottom edge of the sticky header. */
.rm-progress {
	position: fixed;
	inset: 0 auto auto 0;
	height: 3px;
	width: 100%;
	z-index: 600;
	transform: scaleX(var(--rm-progress, 0));
	transform-origin: 0 50%;
	background: linear-gradient(90deg, var(--wp--preset--color--accent), var(--wp--preset--color--accent-2));
	pointer-events: none;
	will-change: transform;
}

.admin-bar .rm-progress {
	top: 32px;
}

/* Announcement strip — collapses away once the visitor starts scrolling. */
.rm-announce {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.01em;
	overflow: hidden;
	max-height: 60px;
	transition: max-height var(--rm-dur) var(--rm-ease-soft), opacity 0.25s linear;
}

.rm-header.is-stuck .rm-announce {
	max-height: 0;
	opacity: 0;
}

.rm-announce a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(255, 255, 255, 0.45);
	transition: text-decoration-color 0.25s;
}

.rm-announce a:hover {
	text-decoration-color: currentColor;
}

/* Primary navigation — sliding underline */
.rm-header .wp-block-navigation .wp-block-navigation-item__content {
	position: relative;
	padding-bottom: 5px;
}

.rm-header .wp-block-navigation > ul > li > .wp-block-navigation-item__content::after,
.rm-header .wp-block-navigation > ul > li > .wp-block-navigation__submenu-icon + .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: var(--wp--preset--color--accent);
	transform: scaleX(0);
	transform-origin: 100% 50%;
	transition: transform 0.32s var(--rm-ease);
}

.rm-header .wp-block-navigation > ul > li:hover > .wp-block-navigation-item__content::after,
.rm-header .wp-block-navigation > ul > li.current-menu-item > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
	transform-origin: 0 50%;
}

.wp-block-navigation .wp-block-navigation__submenu-container {
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius);
	box-shadow: 0 20px 48px rgba(14, 31, 26, 0.14);
	padding: 0.5rem 0;
	overflow: hidden;
	min-width: 16rem;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.55rem 1.15rem;
	border-radius: 0;
	transition: background-color 0.2s, padding-left 0.2s var(--rm-ease);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--base);
	padding-left: 1.4rem;
}

/* Mobile overlay menu */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: 2.5rem 1.5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	gap: 1.1rem;
	padding-top: 1.5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 1.4rem;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0;
	box-shadow: none;
	padding-left: 0.5rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 1rem;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	padding: 6px;
}

/* -------------------------------------------------------------------------
   4. Section helpers + typography
   ---------------------------------------------------------------------- */

.rm-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
	margin-bottom: 0.75rem !important;
}

.rm-eyebrow::before {
	content: "";
	width: 26px;
	height: 2px;
	background: currentColor;
	flex: none;
	border-radius: 2px;
}

.rm-eyebrow.is-centered {
	justify-content: center;
}

.rm-lead {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
	text-wrap: pretty;
}

:where(h1, h2, h3) {
	text-wrap: balance;
}

/* Editorial italic accent inside headings */
:where(h1, h2, h3) em {
	font-style: italic;
	color: var(--wp--preset--color--accent);
	font-variation-settings: "SOFT" 20, "WONK" 1, "opsz" 96;
}

/* On dark sections the accent needs lifting to stay legible. */
.rm-on-dark :where(h1, h2, h3) em,
.has-contrast-background-color :where(h1, h2, h3) em,
.rm-aurora :where(h1, h2, h3) em {
	color: var(--wp--preset--color--accent-2);
}

.rm-eyebrow.rm-eyebrow--light {
	color: var(--wp--preset--color--accent-2);
}

/* Subtle paper texture, available as a class on any group */
.rm-texture {
	position: relative;
	isolation: isolate;
}

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

/* Aurora: layered mesh glow for dark sections. Painted with gradients only,
   so it costs nothing to animate and nothing to download. */
.rm-aurora {
	position: relative;
	isolation: isolate;
	background-color: var(--wp--preset--color--contrast);
	overflow: hidden;
}

.rm-aurora::before {
	content: "";
	position: absolute;
	inset: -30% -10%;
	z-index: -2;
	background:
		radial-gradient(38% 42% at 18% 16%, rgba(192, 95, 53, 0.34) 0%, rgba(192, 95, 53, 0) 70%),
		radial-gradient(34% 40% at 84% 26%, rgba(90, 122, 110, 0.38) 0%, rgba(90, 122, 110, 0) 70%),
		radial-gradient(40% 44% at 62% 92%, rgba(46, 158, 107, 0.18) 0%, rgba(46, 158, 107, 0) 72%);
	animation: rmAurora 22s ease-in-out infinite alternate;
	will-change: transform;
}

/* Fine grid, fading out toward the bottom — adds depth without noise. */
.rm-aurora::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
	background-size: 62px 62px;
	-webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 20%, transparent 78%);
	mask-image: radial-gradient(120% 90% at 50% 0%, #000 20%, transparent 78%);
	pointer-events: none;
}

@keyframes rmAurora {
	from {
		transform: translate3d(-2%, -1%, 0) scale(1);
	}
	to {
		transform: translate3d(3%, 2%, 0) scale(1.08);
	}
}

/* Glass surface, used sparingly as an accent on dark ground. */
.rm-glass {
	background: var(--rm-glass);
	border: 1px solid var(--rm-glass-line);
	border-radius: var(--rm-radius-lg);
	backdrop-filter: blur(14px) saturate(140%);
	-webkit-backdrop-filter: blur(14px) saturate(140%);
}

.rm-divider {
	width: 100%;
	height: 1px;
	background: var(--rm-line);
	border: 0;
}

/* -------------------------------------------------------------------------
   5. Buttons
   ---------------------------------------------------------------------- */

.wp-element-button,
.wp-block-button__link {
	position: relative;
	overflow: hidden;
	transition: transform 0.22s var(--rm-ease), box-shadow var(--rm-dur) var(--rm-ease), background-color 0.22s, color 0.22s, border-color 0.22s;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	box-shadow: 0 6px 18px rgba(192, 95, 53, 0.22);
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(192, 95, 53, 0.32);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	transform: translateY(-2px);
	background-color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base) !important;
}

/* Sheen sweep on the primary action only. */
.wp-block-button:not(.is-style-outline) > .wp-block-button__link::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 -60%;
	width: 45%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.28), transparent);
	transform: translateX(-100%) skewX(-18deg);
	transition: transform 0.65s var(--rm-ease);
	pointer-events: none;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover::after {
	transform: translateX(420%) skewX(-18deg);
}

.wp-block-button__link:active {
	transform: translateY(0);
}

/* Outline buttons on dark ground */
.rm-on-dark .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.rm-aurora .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.55);
	color: #fff !important;
}

/* Text link with an arrow that slides */
.rm-arrow-link a {
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

.rm-arrow-link a::after {
	content: "";
	width: 1.05em;
	height: 1.05em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.28s var(--rm-ease);
}

.rm-arrow-link a:hover::after {
	transform: translateX(5px);
}

/* Sticky mobile call to action */
.rm-dock {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 480;
	display: none;
	gap: 0.6rem;
	align-items: center;
	padding: 0.7rem 0.9rem calc(0.7rem + env(safe-area-inset-bottom));
	background: rgba(250, 247, 242, 0.94);
	backdrop-filter: blur(14px) saturate(160%);
	-webkit-backdrop-filter: blur(14px) saturate(160%);
	border-top: 1px solid var(--rm-line);
	transform: translateY(110%);
	transition: transform var(--rm-dur) var(--rm-ease);
}

.rm-dock.is-visible {
	transform: none;
}

.rm-dock__text {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.8125rem;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast-2);
}

.rm-dock__text b {
	display: block;
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.95rem;
	color: var(--wp--preset--color--contrast);
}

.rm-dock__cta {
	flex: none;
	background: var(--wp--preset--color--accent);
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	padding: 0.72rem 1.15rem;
	border-radius: var(--rm-radius-sm);
	box-shadow: 0 6px 16px rgba(192, 95, 53, 0.3);
}

@media (max-width: 781px) {
	.rm-dock {
		display: flex;
	}
}

/* Back to top */
.rm-to-top {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 400;
	width: 46px;
	height: 46px;
	border: 1px solid var(--rm-line);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
	display: grid;
	place-items: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all var(--rm-dur) var(--rm-ease);
	box-shadow: 0 10px 28px rgba(14, 31, 26, 0.16);
}

.rm-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.rm-to-top:hover {
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	transform: translateY(-3px);
}

.rm-to-top svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (max-width: 781px) {
	.rm-to-top {
		bottom: 84px;
		right: 14px;
		width: 40px;
		height: 40px;
	}
}

/* -------------------------------------------------------------------------
   6. Cards, tiles, bento
   ---------------------------------------------------------------------- */

.rm-card {
	position: relative;
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius);
	background: var(--wp--preset--color--white);
	transition: transform var(--rm-dur) var(--rm-ease), box-shadow var(--rm-dur) var(--rm-ease), border-color var(--rm-dur) var(--rm-ease);
	height: 100%;
	overflow: hidden;
}

/* A hairline of accent that wipes across the top edge on hover. */
.rm-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 2px;
	background: linear-gradient(90deg, var(--wp--preset--color--accent), var(--wp--preset--color--accent-2));
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform 0.45s var(--rm-ease);
}

.rm-card:hover::before,
.rm-card:focus-within::before {
	transform: scaleX(1);
}

.rm-card:hover,
.rm-card:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 4px 8px rgba(14, 31, 26, 0.05), 0 28px 56px rgba(14, 31, 26, 0.12);
	border-color: rgba(192, 95, 53, 0.35);
}

.rm-card--flat:hover,
.rm-card--flat:focus-within {
	transform: none;
	box-shadow: 0 2px 4px rgba(14, 31, 26, 0.04), 0 12px 32px rgba(14, 31, 26, 0.07);
}

.rm-card--flat::before {
	display: none;
}

.rm-card--dark {
	background: var(--wp--preset--color--surface-dark);
	border-color: var(--rm-glass-line);
}

.rm-icon-tile {
	width: 58px;
	height: 58px;
	border-radius: var(--rm-radius);
	background: var(--wp--preset--color--base);
	border: 1px solid var(--rm-line);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	transition: background-color var(--rm-dur), border-color var(--rm-dur), transform var(--rm-dur) var(--rm-ease);
}

.rm-icon-tile img {
	width: 30px;
	height: 30px;
	transition: transform var(--rm-dur) var(--rm-ease);
}

.rm-card:hover .rm-icon-tile {
	background: #fff;
	border-color: rgba(192, 95, 53, 0.4);
	transform: translateY(-2px) rotate(-3deg);
}

.rm-card:hover .rm-icon-tile img {
	transform: scale(1.08) rotate(3deg);
}

.rm-tag {
	display: inline-block;
	/* Hug the label inside vertically-stretched flex cards (pricing, services). */
	align-self: flex-start;
	width: fit-content;
	padding: 0.3rem 0.72rem;
	border-radius: var(--rm-radius-pill);
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	line-height: 1.5;
}

.rm-tag--sage {
	background: var(--wp--preset--color--sage);
}

.rm-tag--soft {
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast);
}

.rm-tag--ghost {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--rm-glass-line);
	color: #fff;
}

.rm-tile {
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius);
	background: var(--wp--preset--color--white);
	transition: border-color var(--rm-dur), transform var(--rm-dur) var(--rm-ease), box-shadow var(--rm-dur);
	height: 100%;
}

.rm-tile:hover {
	border-color: rgba(192, 95, 53, 0.4);
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(14, 31, 26, 0.1);
}

.rm-tile img {
	width: 34px;
	height: 34px;
	transition: transform var(--rm-dur) var(--rm-ease);
}

.rm-tile:hover img {
	transform: scale(1.1);
}

/* Photo treatments */
.rm-photo {
	border-radius: var(--rm-radius-lg);
	overflow: hidden;
	position: relative;
	line-height: 0;
}

.rm-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.9s var(--rm-ease);
}

.rm-photo:hover img {
	transform: scale(1.04);
}

/* Warm the photography toward the palette so stock never looks bolted on —
   without this, cool blues in office photos fight the copper and cream. */
.rm-photo--warm img {
	filter: saturate(0.72) contrast(1.05) sepia(0.2);
}

.rm-photo--frame {
	box-shadow: 0 4px 8px rgba(14, 31, 26, 0.05), 0 28px 64px rgba(14, 31, 26, 0.14);
}

.rm-photo--frame::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(14, 31, 26, 0.09);
	pointer-events: none;
}

.rm-check-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.28em;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
	background-color: rgba(46, 158, 107, 0.15);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e9e6b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 0.72rem;
	background-position: center;
	background-repeat: no-repeat;
}

.rm-check-list,
ul.rm-check-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.rm-check-list li {
	position: relative;
	padding-left: 1.85rem;
	margin-bottom: 0.7rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
}

.rm-check-list--light li::before {
	background-color: rgba(255, 255, 255, 0.16);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

.rm-check-list--inline,
ul.rm-check-list--inline {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 1.75rem;
}

.rm-check-list--inline li {
	margin-bottom: 0;
}

.rm-check-list--center,
ul.rm-check-list--center {
	justify-content: center;
}

/* Cross list — used for the "what goes wrong" column */
.rm-cross-list,
ul.rm-cross-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.rm-cross-list li {
	position: relative;
	padding-left: 1.85rem;
	margin-bottom: 0.7rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
}

.rm-cross-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.28em;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
	background-color: rgba(176, 62, 62, 0.13);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b03e3e' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
	background-size: 0.62rem;
	background-position: center;
	background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------
   7. Hero
   ---------------------------------------------------------------------- */

.rm-hero {
	position: relative;
}

.rm-hero-visual {
	position: relative;
	animation: rmFloat 7s ease-in-out infinite;
	will-change: transform;
}

@keyframes rmFloat {
	0%, 100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(0, -14px, 0);
	}
}

.rm-rating {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	border-radius: var(--rm-radius-pill);
	padding: 0.45rem 1.05rem 0.45rem 0.85rem;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--rm-line);
	color: var(--wp--preset--color--contrast-2);
}

.rm-rating p {
	margin: 0;
}

.rm-rating .rm-stars {
	color: var(--wp--preset--color--accent);
	letter-spacing: 0.08em;
	/* Never let the star run break across lines when the pill gets narrow. */
	white-space: nowrap;
	flex: none;
}

/* Glass variant for the dark hero */
.rm-rating--glass {
	background: var(--rm-glass-strong);
	border-color: var(--rm-glass-line);
	color: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.rm-rating--glass .rm-stars {
	color: var(--wp--preset--color--accent-2);
}

/* -------------------------------------------------------------------------
   8. Trust marquee
   ---------------------------------------------------------------------- */

.rm-marquee {
	overflow: hidden;
	position: relative;
	/* A wide fade, so names entering and leaving the loop are never cut sharply. */
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.rm-marquee__track {
	display: flex;
	gap: 3.5rem;
	width: max-content;
	animation: rmMarquee 42s linear infinite;
	align-items: center;
	padding: 0.25rem 0;
	will-change: transform;
}

.rm-marquee:hover .rm-marquee__track {
	animation-play-state: paused;
}

.rm-marquee__item {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--contrast);
	opacity: 0.42;
	white-space: nowrap;
	transition: opacity 0.25s;
}

.rm-marquee__item:hover {
	opacity: 0.9;
}

.rm-marquee--light .rm-marquee__item {
	color: #fff;
	opacity: 0.5;
}

@keyframes rmMarquee {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

/* -------------------------------------------------------------------------
   9. Statistics
   ---------------------------------------------------------------------- */

.rm-stat .rm-stat__value {
	/* "2,400+" must never break between the number and its suffix. */
	white-space: nowrap;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.5rem, 5.5vw, 3.5rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.035em;
	margin: 0 0 0.45rem;
	background: linear-gradient(120deg, currentColor 20%, var(--wp--preset--color--accent-2) 130%);
	-webkit-background-clip: text;
	background-clip: text;
}

.rm-stat .rm-stat__label {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.01em;
	margin: 0;
	opacity: 0.78;
}

/* -------------------------------------------------------------------------
   10. Process timeline
   ---------------------------------------------------------------------- */

.rm-steps {
	position: relative;
}

.rm-step {
	position: relative;
}

.rm-step__num {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--wp--preset--color--white);
	border: 1.5px solid var(--rm-line);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	margin-bottom: 1.15rem !important;
	position: relative;
	z-index: 2;
	transition: background-color 0.4s var(--rm-ease), color 0.4s, border-color 0.4s, transform 0.4s var(--rm-ease), box-shadow 0.4s;
}

.rm-step.is-active .rm-step__num,
.rm-step:hover .rm-step__num {
	background: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	color: #fff;
	transform: scale(1.08);
	box-shadow: 0 10px 24px rgba(192, 95, 53, 0.32);
}

/* Connector rail that fills as the visitor scrolls the section. */
@media (min-width: 900px) {
	.rm-steps::before,
	.rm-steps::after {
		content: "";
		position: absolute;
		top: 26px;
		left: 6%;
		right: 6%;
		height: 2px;
		border-radius: 2px;
	}

	.rm-steps::before {
		background: var(--rm-line);
	}

	.rm-steps::after {
		background: linear-gradient(90deg, var(--wp--preset--color--accent), var(--wp--preset--color--accent-2));
		transform: scaleX(var(--rm-rail, 0));
		transform-origin: 0 50%;
		transition: transform 0.6s var(--rm-ease-soft);
	}
}

@media (max-width: 899px) {
	.rm-steps .wp-block-column {
		position: relative;
		padding-left: 4.5rem;
	}

	.rm-step__num {
		position: absolute;
		left: 0;
		top: 0;
		margin-bottom: 0 !important;
	}

	.rm-steps .wp-block-column:not(:last-child)::before {
		content: "";
		position: absolute;
		left: 25px;
		top: 56px;
		bottom: -1.5rem;
		width: 2px;
		background: var(--rm-line);
	}
}

/* -------------------------------------------------------------------------
   11. Pricing
   ---------------------------------------------------------------------- */

.rm-plan {
	position: relative;
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius-lg);
	background: var(--wp--preset--color--white);
	transition: transform var(--rm-dur) var(--rm-ease), box-shadow var(--rm-dur) var(--rm-ease);
	height: 100%;
}

.rm-plan:hover {
	transform: translateY(-6px);
	box-shadow: 0 4px 8px rgba(14, 31, 26, 0.05), 0 28px 56px rgba(14, 31, 26, 0.12);
}

.rm-plan.is-popular {
	border-color: transparent;
	box-shadow: 0 0 0 2px var(--wp--preset--color--accent), 0 24px 56px rgba(192, 95, 53, 0.18);
}

.rm-plan.is-popular:hover {
	box-shadow: 0 0 0 2px var(--wp--preset--color--accent), 0 34px 68px rgba(192, 95, 53, 0.26);
}

.rm-plan__price {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.35rem, 4vw, 3rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.035em;
	color: var(--wp--preset--color--contrast);
	margin: 0.25rem 0 0.35rem !important;
}

.rm-plan__price small {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--wp--preset--color--muted);
	letter-spacing: 0;
}

.rm-plans .wp-block-column,
.rm-cards .wp-block-column {
	display: flex;
}

.rm-plans .wp-block-column > .wp-block-group,
.rm-cards .wp-block-column > .wp-block-group {
	width: 100%;
}

/* -------------------------------------------------------------------------
   12. Testimonials
   ---------------------------------------------------------------------- */

.rm-quote {
	position: relative;
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius);
	background: var(--wp--preset--color--white);
	transition: transform var(--rm-dur) var(--rm-ease), box-shadow var(--rm-dur) var(--rm-ease);
	height: 100%;
}

.rm-quote:hover {
	transform: translateY(-5px);
	box-shadow: 0 22px 48px rgba(14, 31, 26, 0.11);
}

.rm-quote__stars {
	color: var(--wp--preset--color--accent);
	letter-spacing: 0.14em;
	font-size: 0.95rem;
	margin: 0 0 0.85rem !important;
}

.rm-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 0.02em;
	flex: none;
}

.rm-avatar--lg {
	width: 78px;
	height: 78px;
	font-size: 1.5rem;
}

.rm-avatar--accent {
	background: var(--wp--preset--color--accent);
	color: #fff;
}

.rm-avatar--sage {
	background: var(--wp--preset--color--sage);
	color: #fff;
}

.rm-result {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.8rem;
	font-weight: 600;
	color: #23794f;
	background: rgba(46, 158, 107, 0.12);
	border-radius: var(--rm-radius-pill);
	padding: 0.25rem 0.7rem;
}

/* -------------------------------------------------------------------------
   13. FAQ
   ---------------------------------------------------------------------- */

.rm-faq details {
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius);
	background: var(--wp--preset--color--white);
	margin-bottom: 0.75rem;
	padding: 0 1.35rem;
	transition: border-color var(--rm-dur), box-shadow var(--rm-dur);
}

.rm-faq details[open] {
	border-color: rgba(192, 95, 53, 0.35);
	box-shadow: 0 12px 32px rgba(14, 31, 26, 0.07);
}

.rm-faq summary {
	cursor: pointer;
	list-style: none;
	padding: 1.2rem 2.5rem 1.2rem 0;
	position: relative;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
	line-height: 1.4;
	transition: color 0.25s;
}

.rm-faq summary::-webkit-details-marker {
	display: none;
}

.rm-faq summary::after {
	content: "";
	position: absolute;
	right: 0;
	top: 1.35rem;
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.32s var(--rm-ease);
}

.rm-faq details[open] summary {
	color: var(--wp--preset--color--accent);
}

.rm-faq details[open] summary::after {
	transform: rotate(135deg);
}

.rm-faq summary:hover {
	color: var(--wp--preset--color--accent);
}

.rm-faq details > *:not(summary) {
	margin-bottom: 1.25rem;
	color: var(--wp--preset--color--contrast-2);
	max-width: 64ch;
	animation: rmFadeIn 0.32s var(--rm-ease-soft);
}

@keyframes rmFadeIn {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* -------------------------------------------------------------------------
   14. Story timeline
   ---------------------------------------------------------------------- */

.rm-timeline {
	position: relative;
	padding-left: 2.5rem;
}

.rm-timeline::before {
	content: "";
	position: absolute;
	left: 9px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	background: linear-gradient(180deg, var(--wp--preset--color--accent) 0%, var(--rm-line) 100%);
}

.rm-timeline__item {
	position: relative;
	padding-bottom: 2rem;
}

.rm-timeline__item::before {
	content: "";
	position: absolute;
	left: -2.5rem;
	top: 0.45rem;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	border: 2px solid var(--wp--preset--color--accent);
	transition: transform 0.35s var(--rm-ease), background-color 0.35s;
}

.rm-timeline__item:hover::before {
	background: var(--wp--preset--color--accent);
	transform: scale(1.15);
}

.rm-timeline__year {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
	margin: 0 0 0.25rem !important;
}

/* -------------------------------------------------------------------------
   15. Posts + archives
   ---------------------------------------------------------------------- */

.rm-post-card {
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius);
	background: var(--wp--preset--color--white);
	overflow: hidden;
	transition: transform var(--rm-dur) var(--rm-ease), box-shadow var(--rm-dur) var(--rm-ease);
	height: 100%;
}

.rm-post-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 22px 48px rgba(14, 31, 26, 0.11);
}

.rm-post-card .wp-block-post-featured-image {
	margin: 0;
	overflow: hidden;
}

.rm-post-card .wp-block-post-featured-image img {
	border-radius: 0;
	transition: transform 0.7s var(--rm-ease);
}

.rm-post-card:hover .wp-block-post-featured-image img {
	transform: scale(1.05);
}

.wp-block-post-template.is-layout-grid {
	gap: 1.75rem;
}

.wp-block-query-pagination {
	gap: 0.5rem;
	margin-top: var(--wp--preset--spacing--40);
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
	display: inline-block;
	padding: 0.45rem 0.9rem;
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius-sm);
	background: var(--wp--preset--color--white);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	transition: all 0.25s;
}

.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.wp-block-query-pagination .page-numbers.current {
	background: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	color: #fff;
}

.wp-block-query-pagination .page-numbers.dots {
	border-color: transparent;
	background: transparent;
}

a.wp-block-post-excerpt__more-link {
	display: inline-block;
	margin-top: 0.5rem;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

a.wp-block-post-excerpt__more-link::after {
	content: " \2192";
	display: inline-block;
	transition: transform 0.25s var(--rm-ease);
}

a.wp-block-post-excerpt__more-link:hover::after {
	transform: translateX(4px);
}

.wp-block-tag-cloud a {
	display: inline-block;
	padding: 0.28rem 0.75rem;
	margin: 0 0.35rem 0.5rem 0;
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius-pill);
	font-size: 0.8rem !important;
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
	transition: all 0.25s;
}

.wp-block-tag-cloud a:hover {
	background: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	color: #fff;
}

.rm-entry :where(p, ul, ol, blockquote, figure, pre, table) {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.rm-entry :where(h2, h3, h4) {
	margin-top: 2.25rem;
	margin-bottom: 0.75rem;
}

/* -------------------------------------------------------------------------
   16. Footer
   ---------------------------------------------------------------------- */

.rm-footer a {
	text-decoration: none;
	transition: color 0.25s, opacity 0.25s;
}

.rm-footer a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.rm-footer .wp-block-navigation {
	gap: 0.55rem;
}

.rm-footer-links,
ul.rm-footer-links {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.rm-footer-links li {
	margin-bottom: 0;
}

.rm-footer-links a {
	opacity: 0.8;
	display: inline-block;
	transition: opacity 0.25s, transform 0.25s var(--rm-ease), color 0.25s;
}

.rm-footer-links a:hover {
	opacity: 1;
	transform: translateX(3px);
	color: var(--wp--preset--color--accent-2) !important;
	text-decoration: none;
}

.rm-social {
	display: flex;
	gap: 0.6rem;
	flex-wrap: wrap;
}

.rm-social a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--rm-glass-line);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	font-weight: 600;
	transition: all 0.25s var(--rm-ease);
}

.rm-social a:hover {
	background: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	color: #fff !important;
	text-decoration: none;
	transform: translateY(-3px);
}

/* -------------------------------------------------------------------------
   17. Motion + reveal
   ---------------------------------------------------------------------- */

/*
 * Content is visible by default and only hidden once JavaScript has armed it,
 * so a blocked or failed script can never leave a section invisible, and
 * nothing above the fold ever flashes.
 */
.rm-reveal.rm-armed,
.rm-reveal-group.rm-armed > * {
	opacity: 0;
	transform: translate3d(0, 26px, 0);
}

.rm-reveal.rm-armed,
.rm-reveal.is-visible,
.rm-reveal-group.rm-armed > *,
.rm-reveal-group.is-visible > * {
	transition: opacity var(--rm-dur-slow) var(--rm-ease), transform var(--rm-dur-slow) var(--rm-ease);
}

.rm-reveal.is-visible,
.rm-reveal-group.is-visible > * {
	opacity: 1;
	transform: none;
}

.rm-reveal-group.is-visible > *:nth-child(2) { transition-delay: 0.07s; }
.rm-reveal-group.is-visible > *:nth-child(3) { transition-delay: 0.14s; }
.rm-reveal-group.is-visible > *:nth-child(4) { transition-delay: 0.21s; }
.rm-reveal-group.is-visible > *:nth-child(5) { transition-delay: 0.28s; }
.rm-reveal-group.is-visible > *:nth-child(6) { transition-delay: 0.35s; }

/* Page-load entrance for the hero, staggered by depth. */
.rm-enter > * {
	animation: rmEnter 0.85s var(--rm-ease) both;
}

.rm-enter > *:nth-child(1) { animation-delay: 0.05s; }
.rm-enter > *:nth-child(2) { animation-delay: 0.13s; }
.rm-enter > *:nth-child(3) { animation-delay: 0.21s; }
.rm-enter > *:nth-child(4) { animation-delay: 0.29s; }
.rm-enter > *:nth-child(5) { animation-delay: 0.37s; }
.rm-enter > *:nth-child(6) { animation-delay: 0.45s; }

@keyframes rmEnter {
	from {
		opacity: 0;
		transform: translate3d(0, 22px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

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

	.rm-reveal,
	.rm-reveal-group > *,
	.rm-enter > * {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}

	.rm-hero-visual,
	.rm-aurora::before,
	.rm-marquee__track {
		animation: none !important;
	}

	.rm-marquee__track {
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		gap: 1.25rem 2.5rem;
	}

	.rm-marquee {
		-webkit-mask-image: none;
		mask-image: none;
	}

	.rm-card:hover,
	.rm-plan:hover,
	.rm-quote:hover,
	.rm-tile:hover,
	.rm-post-card:hover,
	.rm-photo:hover img,
	.wp-block-button__link:hover {
		transform: none !important;
	}

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

/* -------------------------------------------------------------------------
   18. Forms
   ---------------------------------------------------------------------- */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="date"],
select,
textarea {
	width: 100%;
	padding: 0.85rem 1rem;
	border: 1px solid var(--rm-line);
	border-radius: var(--rm-radius-sm);
	background: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--contrast);
	transition: border-color 0.25s, box-shadow 0.25s;
	box-sizing: border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	border-color: var(--wp--preset--color--accent);
	box-shadow: var(--rm-ring);
	outline: none;
}

textarea {
	min-height: 150px;
	resize: vertical;
}

label {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	margin-bottom: 0.4rem;
}

input[type="submit"],
button[type="submit"],
.wpcf7-submit {
	width: auto;
	padding: 0.95rem 2rem;
	border: 0;
	border-radius: var(--rm-radius-sm);
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(192, 95, 53, 0.24);
	transition: background 0.25s, transform 0.2s var(--rm-ease), box-shadow 0.25s;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.wpcf7-submit:hover {
	background: var(--wp--preset--color--accent-2);
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(192, 95, 53, 0.3);
}

.wpcf7-form p {
	margin-bottom: 1.1rem;
}

.wpcf7-not-valid-tip {
	color: #b03e3e;
	font-size: 0.85rem;
	margin-top: 0.3rem;
}

.wpcf7 form .wpcf7-response-output {
	border-radius: var(--rm-radius-sm);
	border-width: 1px;
	margin: 1.25rem 0 0;
	padding: 0.8rem 1rem;
	font-size: var(--wp--preset--font-size--small);
}

/* Built-in enquiry form */
.rm-form__title {
	margin: 0 0 1.25rem;
	font-size: var(--wp--preset--font-size--x-large);
}

.rm-form__row {
	margin: 0 0 1.1rem;
}

.rm-form__row--split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.1rem;
}

.rm-form__row--submit {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.rm-form__fineprint {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--muted);
	max-width: 24ch;
	line-height: 1.45;
}

.rm-form__hp {
	position: absolute !important;
	left: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.rm-form__notice {
	padding: 0.85rem 1.1rem;
	border-radius: var(--rm-radius-sm);
	font-size: var(--wp--preset--font-size--small);
	margin: 0 0 1.25rem;
	border: 1px solid transparent;
}

.rm-form__notice--ok {
	background: rgba(46, 158, 107, 0.11);
	border-color: rgba(46, 158, 107, 0.32);
	color: #23794f;
}

.rm-form__notice--error {
	background: rgba(176, 62, 62, 0.09);
	border-color: rgba(176, 62, 62, 0.3);
	color: #9c3636;
}

/* Dark surfaces */
.rm-on-dark input[type="text"],
.rm-on-dark input[type="email"],
.rm-on-dark textarea,
.rm-on-dark select {
	background: rgba(255, 255, 255, 0.07);
	border-color: var(--rm-glass-line);
	color: #fff;
}

.rm-on-dark input::placeholder,
.rm-on-dark textarea::placeholder {
	color: rgba(255, 255, 255, 0.55);
}

.rm-on-dark label {
	color: rgba(255, 255, 255, 0.9);
}

/* -------------------------------------------------------------------------
   19. WooCommerce (optional plugin)
   ---------------------------------------------------------------------- */

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button:not(.is-link) {
	background: var(--wp--preset--color--accent);
	color: #fff;
	border-radius: var(--rm-radius-sm);
	font-weight: 600;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--accent-2);
	color: #fff;
}

.woocommerce span.onsale {
	background: var(--wp--preset--color--success);
	border-radius: var(--rm-radius-pill);
}

/* -------------------------------------------------------------------------
   20. Responsive
   ---------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.rm-hide-tablet {
		display: none !important;
	}
}

/*
 * Flex items default to min-width:auto, which stops a card shrinking below its
 * content and pushes it out of a narrow viewport. Every card surface opts out
 * explicitly rather than relying on core's column rules, which vary by version.
 */
.wp-block-column,
.rm-card,
.rm-plan,
.rm-quote,
.rm-service,
.rm-tile,
.rm-problem {
	min-width: 0;
	max-width: 100%;
}

@media (max-width: 781px) {
	.rm-hide-mobile {
		display: none !important;
	}

	/*
	 * Below the tablet breakpoint every column row becomes a plain stack. Using
	 * block rather than flex here removes the min-content trap entirely, so a
	 * long word or a wide child can never widen the page.
	 */
	.rm-plans.wp-block-columns,
	.rm-cards.wp-block-columns,
	.rm-steps.wp-block-columns {
		display: block;
	}

	.rm-plans > .wp-block-column,
	.rm-cards > .wp-block-column,
	.rm-steps > .wp-block-column {
		display: block;
		width: 100%;
		flex-basis: auto !important;
	}

	.rm-plans > .wp-block-column:not(:last-child),
	.rm-cards > .wp-block-column:not(:last-child) {
		margin-bottom: var(--wp--preset--spacing--30);
	}

	.rm-timeline {
		padding-left: 2rem;
	}

	.rm-timeline__item::before {
		left: -2rem;
		width: 16px;
		height: 16px;
	}

	.rm-faq summary {
		font-size: var(--wp--preset--font-size--medium);
		padding-right: 2.25rem;
	}

	.rm-faq details {
		padding: 0 1.1rem;
	}

	.rm-marquee__item {
		font-size: 1.15rem;
	}

	/* Names are wide relative to a phone screen, so fade harder: a partially
	   faded name reads as motion, a sharply clipped one reads as a bug. */
	.rm-marquee {
		-webkit-mask-image: linear-gradient(90deg, transparent, #000 26%, #000 74%, transparent);
		mask-image: linear-gradient(90deg, transparent, #000 26%, #000 74%, transparent);
	}

	.rm-marquee__track {
		gap: 2.25rem;
	}

	/* Two-up rather than fully stacked: keeps stat and tile rows readable. */
	.rm-stats-row.wp-block-columns {
		flex-wrap: wrap !important;
		gap: 1.75rem 1rem;
	}

	.rm-stats-row.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: calc(50% - 0.5rem) !important;
	}

	.rm-form__row--split {
		grid-template-columns: 1fr;
	}

	/* Leave room for the sticky mobile action bar. */
	.rm-footer:last-of-type,
	body > .wp-site-blocks > footer:last-child {
		padding-bottom: 5.5rem;
	}
}

@media (max-width: 599px) {
	.rm-stats-row.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}

	.rm-avatar--lg {
		width: 64px;
		height: 64px;
		font-size: 1.25rem;
	}
}

/* Print: strip the theatre, keep the content. */
@media print {
	.rm-header,
	.rm-dock,
	.rm-to-top,
	.rm-progress,
	.rm-announce,
	.rm-footer {
		display: none !important;
	}
}