/*
 * Rumiancev Drive / homepage mobile component / 2.5.194
 *
 * Contract:
 *   screen: at least large viewport + bottom safe inset; can grow with content;
 *   media: a stable large-viewport canvas, never sized from content or dvh;
 *   content: intrinsic Grid tracks inside the SMALL viewport, normal page scroll;
 *   header: measured border-box only (ResizeObserver), CSS fallback without JS.
 *
 * No UA-specific layout, screen.height guesses, scroll-driven resizing, negative
 * offsets or translateY in the resting hero. The mobile editor uses visualViewport
 * geometry independently; address/quote data and desktop presentation are shared.
 * This replaces the previous mobile stylesheet; desktop rules stay in style.css.
 */
@media (max-width: 760px) {
	body.home {
		--rd-home-header-height: 73px;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		background-color: #07090c;
	}
	/* Insets protect the logo/menu when a narrow device is rotated. The header's
	 * font sizes, normal height, colours and existing fixed behaviour are kept. */
	.home .site-header__inner {
		padding-left: max(18px, env(safe-area-inset-left, 0px));
		padding-right: max(18px, env(safe-area-inset-right, 0px));
	}
	/* Let the subtitle wrap under enlarged user text, without widening the header. */
	.home .site-kicker,
	.home .site-description {
		max-inline-size: 100%;
		overflow-wrap: anywhere;
		white-space: normal;
	}
	.home .rd-home-hero {
		--rd-home-large-viewport: 100vh;
		--rd-home-small-viewport: 100vh;
		--rd-home-safe-bottom: env(safe-area-inset-bottom, 0px);
		--rd-home-canvas: var(--rd-home-large-viewport);
		--rd-home-screen-min: calc(var(--rd-home-canvas) + var(--rd-home-safe-bottom));
		--rd-home-gap: 30px;
		--rd-home-gutter: 13px;
		--rd-home-photo-x: 50%;
		--rd-home-photo-y: 0%;
		--vlt-mobile-copy-inset: 7px;
		--vlt-mobile-copy-width: 245px;
		--vlt-mobile-title-size: clamp(2.35rem, 11.5vw, 3rem);
		--vlt-mobile-subtitle-size: 0.88rem;
		--vlt-mobile-subtitle-gap: 7px;
		--vlt-mobile-tab-height: 48px;
		--vlt-mobile-field-height: 59px;
		--vlt-mobile-picker-height: 61px;
		--vlt-mobile-icon-column: 32px;
		--vlt-mobile-field-gap: 9px;
		--vlt-mobile-field-left: 10px;
		--vlt-mobile-field-right: 9px;
		--vlt-mobile-button-height: 50px;
		background: #07090c;
		color: #fff;
		display: block;
		min-block-size: var(--rd-home-screen-min);
		overflow: visible;
		position: relative;
	}
	/* Safe-area extends the dark section, NOT the photo scale.
	 * hidden keeps this empty decorative node out of the desktop layout. Its
	 * mobile display is explicitly enabled here; it never receives input. */
	.home .rd-home-hero__media {
		background-color: #07090c;
		background-image:
			linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.08) 34%, rgba(0,0,0,.38) 64%, #07090c 100%),
			linear-gradient(90deg, rgba(0,0,0,.54) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,.04) 100%),
			var(--vlt-hero-mobile-image);
		background-position: center, center, var(--rd-home-photo-x) var(--rd-home-photo-y);
		background-repeat: no-repeat;
		background-size: cover;
		block-size: var(--rd-home-canvas);
		display: block;
		inset: 0 0 auto;
		pointer-events: none;
		position: absolute;
		z-index: 0;
	}
	.home .rd-home-hero > .vlt-hero__shade { display: none; }
	.home .rd-home-hero__content {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		/* Remaining space is distributed around REAL content, not an estimated
		 * title/form height. With insufficient room, tracks grow and the page scrolls. */
		grid-template-rows: minmax(20px, 1fr) auto var(--rd-home-gap) auto minmax(24px, 0.4fr);
		margin: 0 auto;
		max-inline-size: 520px;
		min-block-size: var(--rd-home-small-viewport);
		padding-block: var(--rd-home-header-height) 0;
		padding-inline: max(var(--rd-home-gutter), env(safe-area-inset-left, 0px)) max(var(--rd-home-gutter), env(safe-area-inset-right, 0px));
		position: relative;
		text-align: left;
		inline-size: 100%;
		z-index: 1;
	}
	.home .rd-home-hero .vlt-hero__copy {
		grid-row: 2;
		margin: 0 0 0 var(--vlt-mobile-copy-inset);
		max-width: var(--vlt-mobile-copy-width);
		min-width: 0;
		transition: opacity 220ms ease;
	}
	.home .rd-home-hero h1 {
		color: rgba(255,255,255,.92);
		font-family: var(--vlt-display);
		font-size: var(--vlt-mobile-title-size);
		font-weight: 600;
		letter-spacing: -0.052em;
		line-height: 0.96;
		margin: 0;
		max-width: var(--vlt-mobile-copy-width);
		overflow-wrap: break-word;
		text-align: left;
		text-shadow: 0 2px 34px rgba(0,0,0,.25);
		white-space: normal;
	}
	.home .rd-home-hero h1::after {
		background: #1777e8;
		border-radius: 999px;
		content: "";
		display: block;
		height: 3px;
		margin-top: 10px;
		width: 44px;
	}
	.home .rd-home-hero .vlt-hero__subtitle {
		color: rgba(255,255,255,.92);
		display: block;
		font-size: var(--vlt-mobile-subtitle-size);
		font-weight: 560;
		letter-spacing: -0.015em;
		line-height: 1.32;
		margin: var(--vlt-mobile-subtitle-gap) 0 0;
		max-width: 225px;
		overflow-wrap: break-word;
		text-align: left;
	}
	.home .rd-home-hero .vlt-booking-widget--home {
		grid-row: 4;
		min-width: 0;
	}
	.home .rd-home-hero .vlt-ride-mode-switch {
		-webkit-backdrop-filter: blur(22px) saturate(118%);
		backdrop-filter: blur(22px) saturate(118%);
		background: rgba(58,59,63,.66);
		border: 1px solid rgba(255,255,255,.34);
		border-bottom: 0;
		border-radius: 21px 21px 0 0;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0 auto -1px;
		overflow: hidden;
		position: relative;
		width: min(76%, 300px);
		z-index: 2;
	}
	.home .rd-home-hero .vlt-ride-mode-switch button {
		appearance: none;
		align-items: center;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		color: rgba(255,255,255,.68);
		cursor: pointer;
		display: inline-flex;
		font-family: var(--vlt-body);
		font-size: 0.91rem;
		font-weight: 800;
		gap: 8px;
		justify-content: center;
		letter-spacing: -0.01em;
		line-height: 1;
		margin: 0;
		min-height: var(--vlt-mobile-tab-height);
		min-width: 0;
		padding: 10px 12px;
	}
	.home .rd-home-hero .vlt-ride-mode-switch button > span {
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.home .rd-home-hero .vlt-ride-mode-switch button.is-active {
		background: linear-gradient(135deg, #1651bd, #1777e8);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
		color: #ffffff;
	}
	.home .rd-home-hero .vlt-ride-mode-switch__icon {
		display: block;
		fill: none;
		flex: 0 0 auto;
		height: 21px;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.7;
		width: 21px;
	}

	.home .rd-home-hero .vlt-ride-form--line {
		margin: 0;
		max-width: none;
		min-width: 0;
		overflow: visible;
		position: relative;
		width: 100%;
	}
	.home .rd-home-hero .vlt-ride-form__fields {
		-webkit-backdrop-filter: blur(28px) saturate(120%);
		backdrop-filter: blur(28px) saturate(120%);
		align-items: stretch;
		background:
			radial-gradient(circle at 86% 14%, rgba(23,119,232,.16), rgba(23,119,232,0) 36%),
			linear-gradient(145deg, rgba(91,91,95,.78), rgba(49,50,55,.72));
		border: 1px solid rgba(255,255,255,.44);
		border-radius: 22px;
		box-shadow: 0 25px 66px rgba(0,0,0,.32);
		display: grid;
		gap: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		overflow: visible;
		padding: 7px;
		position: relative;
		text-align: left;
		z-index: 2;
	}
	.home .rd-home-hero .vlt-ride-form__fields > label {
		align-items: center;
		background: transparent;
		border: 0;
		border-bottom: 1px solid rgba(255,255,255,.18);
		border-radius: 0;
		display: grid;
		gap: 3px var(--vlt-mobile-field-gap);
		grid-column: 1 / -1;
		grid-template-columns: var(--vlt-mobile-icon-column) minmax(0, 1fr);
		grid-template-rows: auto auto;
		margin: 0;
		min-height: var(--vlt-mobile-field-height);
		min-width: 0;
		padding: 9px var(--vlt-mobile-field-right) 9px var(--vlt-mobile-field-left);
		position: relative;
	}
	.home .rd-home-hero .vlt-ride-form__fields > .vlt-native-picker-field {
		border-bottom: 0;
		grid-column: span 1;
		min-height: var(--vlt-mobile-picker-height);
		padding-left: 10px;
		padding-right: 9px;
	}
	.home .rd-home-hero .vlt-native-picker-field + .vlt-native-picker-field {
		border-left: 1px solid rgba(255,255,255,.18);
	}
	.home .rd-home-hero .vlt-ride-form__fields > label:focus-within {
		background: rgba(255,255,255,.055);
		z-index: 3;
	}
	.home .rd-home-hero .vlt-ride-form__field-icon {
		display: block;
		fill: none;
		grid-column: 1;
		grid-row: 1 / 3;
		height: 25px;
		justify-self: center;
		stroke: #83adff;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.75;
		width: 25px;
	}
	.home .rd-home-hero .vlt-ride-form__fields > label > span:not(.vlt-native-picker-display) {
		color: rgba(255,255,255,.76);
		font-size: 0.72rem;
		font-weight: 800;
		grid-column: 2;
		grid-row: 1;
		letter-spacing: 0.035em;
		line-height: 1.1;
		text-transform: uppercase;
	}
	.home .rd-home-hero .vlt-ride-form__fields input {
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		color: #ffffff;
		font-family: var(--vlt-body);
		font-size: 16px;
		font-weight: 690;
		grid-column: 2;
		grid-row: 2;
		letter-spacing: -0.015em;
		line-height: 1.2;
		min-height: 24px;
		min-width: 0;
		outline: 0;
		padding: 0;
		width: 100%;
	}
	.home .rd-home-hero .vlt-ride-form__fields input::placeholder {
		color: rgba(255,255,255,.68);
		font-weight: 400;
		opacity: 1;
	}
	.home .rd-home-hero .vlt-ride-form__fields input:focus::placeholder {
		color: transparent;
		opacity: 0;
	}
	.home .rd-home-hero .vlt-native-picker-display {
		color: rgba(255,255,255,.88);
		display: block;
		font-size: 0.92rem;
		font-weight: 650;
		grid-column: 2;
		grid-row: 2;
		letter-spacing: -0.015em;
		line-height: 1.2;
		min-width: 0;
		overflow: hidden;
		pointer-events: none;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.home .rd-home-hero .vlt-native-picker-display.has-value { color: #ffffff; }
	.home .rd-home-hero .vlt-native-picker-field input {
		appearance: none;
		color-scheme: light;
		cursor: pointer;
		height: 100%;
		inset: 0;
		opacity: 0.01;
		position: absolute;
		width: 100%;
		z-index: 3;
	}
	.home .rd-home-hero .vlt-native-picker-field input::-webkit-calendar-picker-indicator {
		display: none;
		height: 0;
		margin: 0;
		opacity: 0;
		padding: 0;
		pointer-events: none;
		width: 0;
	}

	.home .rd-home-hero .vlt-ride-form__fields > button[type="submit"] {
		align-items: center;
		background: linear-gradient(135deg, #1651bd, #1777e8);
		border: 1px solid rgba(255,255,255,.12);
		border-radius: 16px;
		box-shadow: 0 12px 28px rgba(12,76,174,.28);
		color: #ffffff;
		display: inline-flex;
		font-size: 1.06rem;
		font-weight: 820;
		gap: 12px;
		grid-column: 1 / -1;
		justify-content: center;
		letter-spacing: -0.01em;
		margin: 6px 0 0;
		min-height: var(--vlt-mobile-button-height);
		min-width: 0;
		padding: 0 20px;
		width: 100%;
	}
	.home .rd-home-hero .vlt-ride-form__fields > button[type="submit"] > span {
		color: inherit;
		font: inherit;
		letter-spacing: inherit;
		text-transform: none;
	}
	.home .rd-home-hero .vlt-ride-form__fields > button[type="submit"]:hover {
		background: linear-gradient(135deg, #1247aa, #0f68d3);
	}
	.home .rd-home-hero .vlt-ride-form__fields > button[type="submit"]:disabled {
		cursor: not-allowed;
		opacity: 0.58;
	}
	.home .rd-home-hero .vlt-ride-form__fields > button[type="submit"].is-loading { pointer-events: none; }
	.home .rd-home-hero .vlt-ride-mode-switch button:focus-visible,
	.home .rd-home-hero .vlt-ride-form__fields > button[type="submit"]:focus-visible {
		outline: 2px solid #b7d5ff;
		outline-offset: -4px;
	}
	.home .rd-home-hero .vlt-ride-form__submit-icon {
		display: block;
		fill: none;
		flex: 0 0 auto;
		height: 24px;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.8;
		width: 24px;
	}

	/* Mobile editing is a viewport-sized surface, not a dropdown anchored to a
	 * low field. The real form stays in its DOM; no clones or page-scroll nudges. */
	html.vlt-home-editor-open {
		overflow: hidden;
		overscroll-behavior: none;
		scroll-behavior: auto;
	}
	body.home.vlt-home-editor-open {
		position: fixed;
		top: var(--vlt-editor-scroll-top, 0px);
		left: 0;
		right: 0;
		width: 100%;
		overflow: hidden;
	}
	.home .rd-home-hero.has-mobile-editor { z-index: 100001; }
	.home .rd-home-hero .vlt-home-editor-placeholder {
		grid-row: 4;
		pointer-events: none;
		visibility: hidden;
	}
	.home .rd-home-hero .vlt-booking-widget--home.is-mobile-editing {
		background: #111b29;
		color: #fff;
		display: flex;
		flex-direction: column;
		height: var(--vlt-editor-height, 100dvh);
		left: var(--vlt-editor-left, 0px);
		margin: 0;
		max-width: none;
		min-height: 0;
		min-width: 0;
		overflow: hidden;
		padding: max(8px, env(safe-area-inset-top, 0px)) max(14px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(14px, env(safe-area-inset-left, 0px));
		position: fixed;
		top: var(--vlt-editor-top, 0px);
		width: var(--vlt-editor-width, 100%);
		z-index: 100;
	}
	.home .rd-home-hero .is-mobile-editing > .vlt-ride-mode-switch { display: none; }
	.home .rd-home-hero .vlt-home-editor__toolbar {
		align-items: center;
		display: flex;
		flex: 0 0 auto;
		gap: 10px;
		min-height: 48px;
		padding: 0 0 8px;
	}
	.home .rd-home-hero .vlt-home-editor__title {
		color: #fff;
		font-family: var(--vlt-body);
		font-size: 18px;
		font-weight: 750;
		letter-spacing: -.02em;
		line-height: 1.3;
		margin: 0;
		min-width: 0;
		overflow-wrap: anywhere;
		text-align: left;
	}
	.home .rd-home-hero .vlt-home-editor__back,
	.home .rd-home-hero .vlt-home-editor__clear {
		align-items: center;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 12px;
		box-shadow: none;
		color: #fff;
		cursor: pointer;
		display: inline-flex;
		flex: 0 0 auto;
		justify-content: center;
		line-height: 1;
		margin: 0;
		min-height: 44px;
		min-width: 44px;
		padding: 10px;
		width: 44px;
	}
	.home .rd-home-hero .vlt-home-editor__back { background: rgba(255,255,255,.08); }
	.home .rd-home-hero .vlt-home-editor__back svg,
	.home .rd-home-hero .vlt-home-editor__clear svg {
		fill: none;
		height: 24px;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.8;
		width: 24px;
	}
	.home .rd-home-hero .vlt-home-editor__back:focus-visible,
	.home .rd-home-hero .vlt-home-editor__clear:focus-visible {
		outline: 2px solid #9ac4ff;
		outline-offset: -2px;
	}
	.home .rd-home-hero .is-mobile-editing .vlt-ride-form--line {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		min-height: 0;
		overflow: hidden;
	}
	.home .rd-home-hero .is-mobile-editing .vlt-ride-form__fields {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background: none;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		min-height: 0;
		overflow: hidden;
		padding: 0;
	}
	.home .rd-home-hero .is-mobile-editing .vlt-ride-form__fields > label:not(.is-mobile-editor-field),
	.home .rd-home-hero .is-mobile-editing .vlt-ride-form__fields > button[type="submit"] { display: none; }
	.home .rd-home-hero .is-mobile-editing .vlt-ride-form__fields > label.is-mobile-editor-field {
		background: #202e41;
		border: 1px solid #7eabeb;
		border-radius: 14px;
		flex: 0 0 auto;
		margin-bottom: 12px;
		min-height: 74px;
		padding: 12px 52px 12px 10px;
	}
	.home .rd-home-hero .is-mobile-editing .vlt-home-editor__clear {
		position: absolute;
		right: 4px;
		top: 15px;
		z-index: 4;
	}
	.home .rd-home-hero .vlt-home-editor__toolbar[hidden],
	.home .rd-home-hero .vlt-home-editor__clear[hidden],
	.home .rd-home-hero .vlt-home-active-panel,
	.home .rd-home-hero .vlt-home-address-popup { display: none; }
	.home .rd-home-hero .is-mobile-editing .vlt-home-address-popup:not([hidden]) {
		background: #f8fafc;
		border: 1px solid #dbe3ed;
		border-radius: 14px;
		color: #172332;
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		font-family: var(--vlt-body);
		min-height: 0;
		min-width: 0;
		overflow: hidden;
		position: relative;
		text-align: left;
		width: 100%;
	}
	.home .rd-home-hero .vlt-home-address-popup__title {
		color: #526072;
		flex: 0 0 auto;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4;
		padding: 12px 14px 10px;
	}
	.home .rd-home-hero .vlt-home-address-popup__list {
		flex: 1 1 0;
		min-height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior-y: contain;
		position: relative;
		touch-action: pan-y;
		-webkit-overflow-scrolling: touch;
	}
	.home .rd-home-hero .vlt-home-address-popup__option {
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		color: #172332;
		cursor: pointer;
		display: block;
		font-family: inherit;
		letter-spacing: normal;
		line-height: 1.35;
		margin: 0;
		min-height: 56px;
		min-width: 0;
		padding: 12px 14px;
		text-align: left;
		text-transform: none;
		width: 100%;
	}
	.home .rd-home-hero .vlt-home-address-popup__option + .vlt-home-address-popup__option { border-top: 1px solid #e2e7ed; }
	.home .rd-home-hero .vlt-home-address-popup__option strong {
		display: block;
		font-size: 15px;
		font-weight: 650;
		overflow-wrap: anywhere;
	}
	.home .rd-home-hero .vlt-home-address-popup__option small {
		color: #596575;
		display: block;
		font-size: 12px;
		font-weight: 400;
		margin-top: 3px;
		overflow-wrap: anywhere;
	}
	.home .rd-home-hero .vlt-home-address-popup__option:is(:hover, :focus-visible, [aria-selected="true"]) { background: #e5edf8; }
	.home .rd-home-hero .vlt-home-address-popup__option:disabled { cursor: wait; opacity: .6; }
	.home .rd-home-hero .vlt-home-address-popup__credit {
		background: #fff;
		border-top: 1px solid #e2e7ed;
		flex: 0 0 auto;
		padding: 6px 12px;
		text-align: right;
	}
	.home .rd-home-hero .vlt-home-address-popup__credit[hidden] { display: none; }
	.home .rd-home-hero .vlt-home-address-popup__credit .vlt-home-active-panel__attribution { padding: 0; }
	.home .rd-home-hero .vlt-home-address-popup__credit img { display: inline-block; height: auto; vertical-align: middle; width: 120px; }
	.home .rd-home-hero .is-mobile-editing .vlt-home-entry-status:not([hidden]) {
		color: #fff;
		flex: 0 1 auto;
		font-size: 13px;
		margin: 8px 0 0;
		max-height: 25%;
		overflow-y: auto;
	}

	.home .rd-home-hero [data-dropoff-field].is-hourly-duration { padding-right: 54px; }
	.home .rd-home-hero [data-dropoff-field].is-hourly-duration input { appearance: textfield; }
	.home .rd-home-hero [data-dropoff-field].is-hourly-duration input::-webkit-outer-spin-button,
	.home .rd-home-hero [data-dropoff-field].is-hourly-duration input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
	.home .rd-home-hero .vlt-duration-stepper {
		-webkit-backdrop-filter: blur(14px) saturate(120%);
		backdrop-filter: blur(14px) saturate(120%);
		background: rgba(255,255,255,.10);
		border: 1px solid rgba(255,255,255,.34);
		border-radius: 10px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
		display: grid;
		grid-template-rows: 1fr 1fr;
		height: 32px;
		margin: 0;
		overflow: hidden;
		position: absolute;
		right: 15px;
		top: calc(50% - 16px);
		width: 24px;
		z-index: 4;
	}
	.home .rd-home-hero .vlt-duration-stepper button {
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		color: transparent;
		cursor: pointer;
		display: block;
		font-size: 0;
		line-height: 1;
		margin: 0;
		min-height: 0;
		min-width: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	.home .rd-home-hero .vlt-duration-stepper button + button { border-top: 1px solid rgba(255,255,255,.16); }
	.home .rd-home-hero .vlt-duration-stepper button::before {
		border-left: 3.5px solid transparent;
		border-right: 3.5px solid transparent;
		content: "";
		height: 0;
		left: calc(50% - 3.5px);
		opacity: 0.92;
		position: absolute;
		top: calc(50% - 2.5px);
		width: 0;
	}
	.home .rd-home-hero .vlt-duration-stepper__button--up::before { border-bottom: 5px solid rgba(255,255,255,.94); }
	.home .rd-home-hero .vlt-duration-stepper__button--down::before { border-top: 5px solid rgba(255,255,255,.94); }
	.home .rd-home-hero .vlt-duration-stepper button:focus-visible { outline: 1px solid #b7d5ff; outline-offset: -1px; }

	/* Feature-based enhancement. Toolbar expansion does not resize these units. */
	@supports (height: 100lvh) {
		.home .rd-home-hero { --rd-home-large-viewport: 100lvh; }
	}
	@supports (height: 100svh) {
		.home .rd-home-hero { --rd-home-small-viewport: 100svh; }
	}
	/* Density depends on width only, not on the browser toolbar's current height. */
	@media (min-width: 600px) {
		.home .rd-home-hero {
			--rd-home-gap: 34px;
			--rd-home-gutter: 18px;
			--vlt-mobile-tab-height: 52px;
			--vlt-mobile-field-height: 64px;
			--vlt-mobile-picker-height: 66px;
			--vlt-mobile-button-height: 54px;
		}
	}
	@media (prefers-reduced-motion: reduce) {
		.home .rd-home-hero .vlt-hero__copy { transition: none; }
	}
}