.rds-tier-bottom-line {
	--rds-tier-bottom-gradient-y: 0%;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__summary {
	--rds-tier-bottom-gradient-y: 0%;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	/* height: 100svh; */
	min-height: 36rem;
	overflow: hidden;
	isolation: isolate;
}

.rds-tier-bottom-line__summary--connect {
	/* height: 100svh; */
	min-height: 36rem;
}

.rds-tier-bottom-line__summary--live {
	min-height: 100svh;
}

.rds-tier-bottom-line__summary::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, #0f141a 0%, #0578ff 47%, #0578ff 100%);
	transform: translateY(var(--rds-tier-bottom-gradient-y));
	will-change: transform;
}

.rds-tier-bottom-line__summary--connect::before {
	background: linear-gradient(180deg, #0f141a 0%, #0578ff 21%, #62cac5 36%, #62cac5 100%);
}

/* Fixed to one viewport height, not `inset:0`'s full (variable,
   content-driven) summary height — this reveal's `translateY()` is a % of
   its OWN box, and `--live`'s box grew past 100svh once the "Tier 1: Ignite
   Live text unclipped" fix let this summary's height grow with copy length
   instead of staying pinned to 100svh. That growth meant the same reveal
   range now had to fill a much taller box before any color reached the
   heading (which sits in the box's own top ~31%, the last part a bottom-up
   fill reaches) — reads as "the gradient never shows up until you've
   scrolled well past the heading." Capping this pseudo-element's own height
   at a fixed value keeps the reveal's pacing tied to a fixed range
   regardless of how many paragraphs are in the body copy below; `--connect`
   is unaffected since its own height is already a fixed 100svh.

   Height tightened from 480px to 290px (2026-08-14, "needs to have the
   pink ending" — measured live: `.rds-tier-bottom-line__heading-wrap--live`
   renders at 282.78px, with `.rds-tier-bottom-line__panel--live` starting
   immediately after, no gap). At 480px, the gradient's own 85.1% pink stop
   landed at 408px down — well past the 283px point where the panel's solid
   background already covers it, so pink never became visible no matter how
   the reveal animation finished.

   290px alone introduced a NEW bug, fixed same day ("im seeing the black
   fill left of the border left radius... keep it consistent for tier 2/3"):
   `.rds-tier-bottom-line__panel--live` has a real 64px `border-radius` on
   its top corners, so the curved cut-out there spans from 283px (panel's
   own start) to ~347px — but this pseudo-element's box ended at 290px,
   short of that. Below 290px there's nothing left from this element at
   all, so the curved corner revealed whatever's further behind (dark) —
   the exact "black fill" reported. Tier 2/3 never hit this because their
   own `::before` uses `inset: 0` (always covers their full, `min-height:
   100svh`-capped summary), never running out before a rounded corner.
   `--live`'s summary can't use `inset: 0` the same way — its real height
   (measured: 1207.78px at 1440px width) is still far taller than one
   viewport, and `inset: 0` there is exactly what caused the original
   "gradient never shows up" bug this fixed-height override exists to avoid.

   Resolved by switching the stops from percentages (of this box's own
   height) to fixed pixel positions, then making the box tall enough to
   hold solid pink (the automatic behavor past a gradient's last stop) all
   the way through the corner-radius zone instead of stopping short of it.
   The pixel values are the exact resolved positions from the working 290px
   version (2.4%→7px, 45.67%→132px, 85.1%→247px) — same visual transition,
   just no longer tied to the box's own total height, so the box can be
   taller (350px, safely past the 347px corner zone) without pushing pink
   later. Mobile gets its own smaller values below: its heading-wrap/panel-
   radius are both much smaller (measured: 134.53px / 32px, vs. 282.78px /
   64px on desktop), so the desktop pixel values would land pink well after
   the mobile panel already started. */
.rds-tier-bottom-line__summary--live::before {
	top: 0;
	right: 0;
	left: 0;
	bottom: auto;
	height: 350px;
	background: linear-gradient(180deg, #0f141a 7px, #0578ff 132px, #d96ad4 247px);
}

@media (max-width: 767px) {
	.rds-tier-bottom-line__summary--live::before {
		height: 180px;
		background: linear-gradient(180deg, #0f141a 3px, #0578ff 59px, #d96ad4 110px);
	}
}

.rds-tier-bottom-line__heading-wrap {
	display: flex;
	align-items: center;
	flex: 0 0 0%;
	padding: clamp(4.5rem, 10svh, 7rem) clamp(2rem, 7vw, 7rem) clamp(2rem, 5svh, 3.5rem);
	box-sizing: border-box;
}

.rds-tier-bottom-line__heading-wrap--connect {
	flex: 0 0 36%;
	padding-block: clamp(2.5rem, 8svh, 5rem);
}

.rds-tier-bottom-line__heading-wrap--live {
	flex: 0 0 31%;
	padding-block: clamp(2.5rem, 7svh, 4.5rem);
}

h2.rds-tier-bottom-line__heading {
	max-width: 14ch;
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}

h2.rds-tier-bottom-line__heading--connect {
	max-width: none;
	font-size: clamp(2.25rem, 6.6vw, 5rem);
	line-height: 0.98;
}

h2.rds-tier-bottom-line__heading--live {
	max-width: none;
	font-size: clamp(2.25rem, 6.6vw, 5rem);
	line-height: 0.98;
}

.rds-tier-bottom-line__panel {
	display: flex;
	/* align-items: center; */
	flex: 0 0 48%;
	min-height: 0;
	padding: clamp(2.5rem, 6svh, 5.25rem) clamp(2rem, 7vw, 7rem);
	box-sizing: border-box;
	background: #111419;
	border-radius: clamp(2rem, 4vw, 4rem) clamp(2rem, 4vw, 4rem) 0 0;
	padding-bottom: 70px!important;
}

.rds-tier-bottom-line__panel--connect {
	/* flex: 1 1 64%; */
	/* justify-content: center; */
	border-radius: clamp(2rem, 5vw, 4rem) clamp(2rem, 5vw, 4rem) 0 0;
}

.rds-tier-bottom-line__panel--live {
	align-items: flex-start;
	flex: 1 1 69%;
	padding-block: clamp(1.5rem, 5svh, 3rem);
	border-radius: clamp(2rem, 5vw, 4rem) clamp(2rem, 5vw, 4rem) 0 0;
}

p.rds-tier-bottom-line__copy--connect {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    max-width: min(100%, 60rem);
    /* margin-inline: auto; */
    /* font-family: "Ember Modern Display", sans-serif; */
    /* font-size: clamp(1.5rem, 3.5vw, 3.125rem); */
    /* line-height: 1.25; */
    text-align: left;
}

p.rds-tier-bottom-line__copy--connect {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	max-width: min(100%, 60rem);
	/* margin-inline: auto; */
	/* font-family: "Ember Modern Display", sans-serif; */
	/* font-size: clamp(1.5rem, 3.5vw, 3.125rem); */
	/* line-height: 1.25; */
	text-align: left;
}

.rds-tier-bottom-line .rds-tier-bottom-line__copy--live.body-copy,
.rds-tier-bottom-line .rds-tier-bottom-line__copy--live.body-copy p {
	width: min(100%, 80rem);
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	font-weight: 400;
	/* font-size: clamp(1rem, 1.7vw, 1.5rem); */
	/* line-height: 1.15; */
	/* letter-spacing: 0; */
	gap: 30px;
	display: flex;
	flex-direction: column;
}

.rds-tier-bottom-line__copy--live p {
	margin: 0 0 clamp(0.75rem, 1.8svh, 1.25rem);
}

.rds-tier-bottom-line__copy--live p:last-child {
	margin-bottom: 0;
}

.rds-tier-bottom-line__copy--live .rds-tier-bottom-line__live-cta {
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
}

.rds-tier-bottom-line__copy--connect strong {
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
}

.rds-tier-bottom-line__copy--connect span {
	display: block;
}

.rds-tier-bottom-line__scrub {
	--rds-tier-story-gutter: 5vw;
	--rds-tier-story-gap: clamp(2rem, 5vw, 5rem);
	position: relative;
	width: 100%;
	height: 100svh;
	min-height: 36rem;
	background: #111419;
	overflow: visible;
}

.rds-tier-bottom-line__viewport {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-padding-inline-start: var(--rds-tier-story-gutter);
	scrollbar-width: none;
}

.rds-tier-bottom-line__viewport::-webkit-scrollbar {
	display: none;
}

.rds-tier-bottom-line__scrub.is-horizontal-scrub-active .rds-tier-bottom-line__viewport {
	scroll-snap-type: none;
}

.rds-tier-bottom-line__track {
	display: flex;
	align-items: center;
	gap: var(--rds-tier-story-gap);
	width: max-content;
	min-width: 100%;
	min-height: 100%;
	/* height: 100%; */
	/* padding: clamp(2rem, 5svh, 4rem) var(--rds-tier-story-gutter); */
	box-sizing: border-box;
}

.rds-tier-bottom-line__slide {
	display: grid;
	align-items: center;
	gap: clamp(1.5rem, 3vw, 3rem);
	flex: 0 0 auto;
	height: auto;
	/* padding-right: clamp(6rem, 8vw, 8rem); */
	box-sizing: border-box;
	scroll-snap-align: start;
}

.rds-tier-bottom-line__slide--combined {
	grid-template-columns: minmax(0, 1.15fr) repeat(7, minmax(0, 1fr));
	width: 340vw;
}

.rds-tier-bottom-line__slide--for-dsps {
	display: flex;
	width: auto;
	height: calc(100svh - clamp(4rem, 10svh, 8rem));
	min-height: 32rem;
}

.rds-tier-bottom-line__for-dsps-image {
	width: auto;
	height: 100%;
	margin: 0;
}

.rds-tier-bottom-line__for-dsps-image img {
	display: block;
	width: auto;
	height: 100%;
	max-width: none;
}

.rds-tier-bottom-line__slide--connect-image {
	display: flex;
	width: auto;
	height: calc(100svh - clamp(4rem, 10svh, 8rem));
	min-height: 32rem;
}

.rds-tier-bottom-line__connect-image {
	width: auto;
	height: 100%;
	margin: 0;
}

.rds-tier-bottom-line__connect-image img {
	display: block;
	width: auto;
	height: 100%;
	max-width: none;
}

.rds-tier-bottom-line__slide--connect-intro {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100vw - (2 * var(--rds-tier-story-gutter)));
	min-height: calc(100svh - clamp(4rem, 10svh, 8rem));
}

.rds-tier-bottom-line__slide--connect-details {
	grid-template-columns: minmax(0, 1fr) minmax(24rem, 1fr);
	width: calc(100vw - (2 * var(--rds-tier-story-gutter)));
}

.rds-tier-bottom-line__column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(1rem, 2vw, 1.5rem);
	min-width: 0;
	scroll-snap-align: start;
}

.rds-tier-bottom-line__column--intro,
.rds-tier-bottom-line__column--closing {
	justify-content: center;
}

.rds-tier-bottom-line__scrub:not(.rds-tier-bottom-line__scrub--reverse) .rds-tier-bottom-line__column--intro {
	/* transform: translateY(clamp(-3.5rem, -6svh, -3rem)); */
}

.rds-tier-bottom-line__intro-copy {
	margin-left: 1vw;
}

.rds-tier-bottom-line__column--statement {
	align-self: stretch;
}

.rds-tier-bottom-line__column--reverse-card {
	gap: clamp(1rem, 2.4svh, 1.75rem);
}

.rds-tier-bottom-line__scrub:not(.rds-tier-bottom-line__scrub--reverse) h2.rds-tier-bottom-line__scrub-heading {
	margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem);
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	/* font-size: clamp(1.875rem, 4.2vw, 3.5rem); */
	/* font-weight: 700; */
	/* line-height: 0.95; */
	/* letter-spacing: 0; */
}

p.rds-tier-bottom-line__scrub-copy {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	/* font-size: clamp(1.125rem, 2.8vw, 2.5rem); */
	line-height: 1.15;
	letter-spacing: 0;
}

.rds-tier-bottom-line__scrub-copy strong {
	font-weight: 700;
}

p.rds-tier-bottom-line__connect-copy {
	/* font-weight: 400; */
	/* font-size: clamp(1.125rem, 2vw, 2rem); */
	/* line-height: 1.15; */
}

.rds-tier-bottom-line__column--connect-copy {
	width: min(100%, 66rem);
}

.rds-tier-bottom-line__column--connect-proposal {
	align-items: center;
	text-align: center;
}

.rds-tier-bottom-line__column--connect-proposal p {
	max-width: 24ch;
}

.rds-tier-bottom-line__column--connect-menu {
	align-items: center;
}

.rds-tier-bottom-line__connect-menu {
	display: flex;
	align-items: center;
	width: min(100%, 34rem);
	min-height: clamp(24rem, 68svh, 38rem);
	padding: clamp(1rem, 1.8vw, 1.5rem);
	box-sizing: border-box;
	background: #ffffff;
	border-radius: clamp(1.25rem, 2.2vw, 2rem);
}

.rds-tier-bottom-line__connect-menu-list {
	display: grid;
	gap: clamp(1rem, 2.2svh, 1.5rem);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rds-tier-bottom-line__connect-menu-item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(4.5rem, 11svh, 6.5rem);
	padding: 0.75rem 1.25rem;
	box-sizing: border-box;
	border-radius: clamp(0.75rem, 1.4vw, 1.25rem);
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	font-size: clamp(1.125rem, 1.7vw, 1.75rem);
	line-height: 1.1;
	text-align: center;
}

.rds-tier-bottom-line__connect-menu-item--1 {
	background: linear-gradient(90deg, #d164d5 0%, #0578ff 100%);
}

.rds-tier-bottom-line__connect-menu-item--2 {
	background: linear-gradient(90deg, #d759ca 0%, #ff7b6f 100%);
}

.rds-tier-bottom-line__connect-menu-item--3 {
	background: linear-gradient(90deg, #d759ca 0%, #8a68d5 100%);
}

.rds-tier-bottom-line__connect-menu-item--4 {
	background: linear-gradient(90deg, #0578ff 0%, #62cac5 100%);
}

/* Plain vertical stack, no horizontal scroll (2026-08-14, "replace this
   section with this image. no horiz scroll: marquee.png") — was a
   horizontal-scrub peek-card row; the supplied reference shows the same
   three zones (Marquee Space / Merch Stop: The Outpost / The Mixer) as
   full-width gradient-badge cards stacked top to bottom instead. Pulled out
   of the shared `.rds-tier-bottom-line__scrub` horizontal-scrub wrapper
   entirely — plain normal-flow div, not `data-horizontal-scrub` at all. */
.rds-tier-bottom-line__zones {
	display: flex;
	flex-direction: column;
	gap: clamp(2.5rem, 6vh, 4rem);
	width: 100%;
	background: #111419;
	padding: clamp(3rem, 8vh, 6rem) clamp(1.5rem, 6vw, 6rem);
	box-sizing: border-box;
	padding-left: 60px;
}

.rds-tier-bottom-line__track--peek-cards {
	display: flex;
	align-items: center;
	height: 100svh;
	box-sizing: border-box;
}

.rds-tier-bottom-line__zone-card {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: clamp(1.25rem, 2.2vw, 2rem);
	width: 100%;
	box-sizing: border-box;
}

h3.rds-tier-bottom-line__zone-badge {
	margin: 0;
	padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.25rem, 2.5vw, 1.75rem);
	box-sizing: border-box;
	border-radius: clamp(0.625rem, 1vw, 0.875rem);
	color: #ffffff;
}

.rds-tier-bottom-line__zone-badge--1 {
	background: linear-gradient(90deg, #0578ff 0%, #d164d5 100%);
}

.rds-tier-bottom-line__zone-badge--2 {
	background: linear-gradient(90deg, #0578ff 0%, #d759ca 100%);
}

.rds-tier-bottom-line__zone-badge--3 {
	background: linear-gradient(90deg, #0578ff 0%, #8a68d5 100%);
}

.rds-tier-bottom-line .rds-tier-bottom-line__zone-copy.body-copy {
	max-width: 52rem;
	margin: 0;
	color: #ffffff;
}

/* Title and map pulled out of the horizontal-scrub track entirely
   (2026-08-12, "the title and the map shouldnt horizontal scroll only the
   text in between should horizontal scroll") — previously the first
   "expansion-card--map" article carried the heading + first statement +
   map INSIDE the scrubbed track, scrolling with everything else. Now they
   sit in `.rds-tier-bottom-line__expansion-header`, a static sibling
   before `.viewport`, and the track holds only the 5 uniform text cards
   (including what used to be item 0, now just another card in the loop —
   see render.php). `.rds-tier-bottom-line__scrub--connect-expansion`
   switches to a flex column (header on top, scrolling viewport below)
   instead of relying on the base scrub's default block flow, since the
   viewport needs `flex: 1` to claim whatever height the header doesn't
   use. */
/* Single static image, no scroll (2026-08-15, "replace this content with
   just 1 image. no scroll. ignite_map.png") — the previous ultra-wide
   `IGNITE_CONNECT_EXPANSION.png` inside a GSAP horizontal-scrub required
   scrolling to see the full composite; the new `ignite_map.png` bakes the
   same heading/map/copy into one already-complete 16:9 frame, so this is
   now a plain section, fit-and-centered like the Welcome Inn/Kids Yearn
   carousel frames but with no scrub/carousel wrapper at all. */
.rds-tier-bottom-line__connect-expansion {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100svh;
	min-height: 36rem;
	background: #111419;
	box-sizing: border-box;
	padding: clamp(1.5rem, 3vw, 3rem);
}

.rds-tier-bottom-line__connect-expansion-figure {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
}

.rds-tier-bottom-line__connect-expansion-figure img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.rds-tier-bottom-line__expansion-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(1.5rem, 3svh, 2.5rem);
	flex: 0 0 auto;
	width: 100%;
	padding: 0 var(--rds-tier-story-gutter);
	box-sizing: border-box;
	    margin-top: 50px;
}

.rds-tier-bottom-line__expansion-card {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	height: 100%;
	box-sizing: border-box;
	font-family: "Ember Modern Text", sans-serif;
	font-size: 50px;
	scroll-snap-align: start;
}

.rds-tier-bottom-line__expansion-card:first-child {
	scroll-snap-align: center;
}

article#rds-connect-expansion-opening {
	margin-right: -164px;
}

h2.rds-tier-bottom-line__expansion-heading {
	max-width: 20ch;
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
	font-size: clamp(2.5rem, 4.4vw, 4.5rem);
	line-height: 0.95;
	letter-spacing: 0;
	text-align: center;
}

p.rds-tier-bottom-line__expansion-copy {
	width: max-content;
	max-width: 26ch;
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	font-size: 35px;
	/* font-weight: 400; */
	/* font-size: clamp(1.125rem, 1.9vw, 1.875rem); */
	/* line-height: 1.15; */
	/* letter-spacing: 0; */
}

.rds-tier-bottom-line__expansion-map {
	flex: 0 0 auto;
	width: min(100%, 46rem);
	margin: 0 auto;
	padding-bottom: clamp(1.5rem, 4svh, 3rem);
}

.rds-tier-bottom-line__expansion-map img {
	display: block;
	width: 100%;
	height: auto;
}

.rds-tier-bottom-line__scrub-copy--bullet {
	position: relative;
	padding-left: 1.1em;
}

.rds-tier-bottom-line__scrub-copy--bullet::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
}

.rds-tier-bottom-line__media {
	position: relative;
	width: 100%;
	height: auto;
	background: #d9d9d9;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
	overflow: hidden;
}

.rds-tier-bottom-line__media--tall {
	height: auto;
}

.rds-tier-bottom-line__media--reverse-tall {
	height: auto;
}

.rds-tier-bottom-line__media--reverse-wide {
	height: auto;
}

.rds-tier-bottom-line__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: inherit;
	object-fit: contain;
}

.rds-tier-bottom-line__upgrade {
	display: flex;
	justify-content: center;
	width: 100%;
	/* padding: clamp(2.75rem, 7svh, 5.5rem) clamp(1.6875rem, 7vw, 7rem) clamp(1rem, 4svh, 3rem); */
	box-sizing: border-box;
	background: #111419;
}

.rds-tier-bottom-line__upgrade-inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	/* width: min(100%, 70rem); */
}

/* Heading/intro/body copy removed (2026-08-15, "replace this text and the 1
   image underneath with 1 image i added to dir: IOTR.png") — this section
   is now just the one image below. */

.rds-tier-bottom-line__upgrade-media {
	width: 100%;
	margin: 0;
	aspect-ratio: 1.5 / 1;
	border-radius: clamp(1rem, 2.5vw, 2rem);
	overflow: hidden;
}

.rds-tier-bottom-line__upgrade-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line__closing {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: clamp(0.75rem, 4svh, 5.5rem) clamp(1.6875rem, 7vw, 7rem);
    box-sizing: border-box;
    background: #111419;
    padding-bottom: 180px;
}

.rds-tier-bottom-line__closing-inner {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    width: min(100%, 70rem);
    margin: 0 auto;
    margin-top: 80px;
}

h2.rds-tier-bottom-line__closing-heading {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
}

p.rds-tier-bottom-line__closing-copy {
    margin: 0;
    color: #ffffff;
    font-family: "Ember Modern Text", sans-serif;
    text-align: left;
    font-size: 3.5vw;
    line-height: 1.2;
}

.rds-tier-bottom-line__closing-copy.rds-tier-bottom-line__closing-cta {
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
}

.rds-tier-bottom-line__keynote {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: clamp(4.5rem, 12svh, 7rem) clamp(1.6875rem, 7vw, 7rem) clamp(2.75rem, 7svh, 5.5rem);
	box-sizing: border-box;
	background: #0578ff;
	overflow: hidden;
}

/* Approximated decorative corner accent — the exact torn-corner SVG asset
   used for this pattern elsewhere (Brand Build Consistency, Principles
   Accordion) wasn't supplied for this section, so this is a CSS polygon
   standing in for it, not a pixel match. */
.rds-tier-bottom-line__keynote::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: min(70%, 44rem);
	height: clamp(3.5rem, 9vw, 6.5rem);
	background: #111419;
	clip-path: polygon(0 0, 100% 0, 88% 100%, 0 45%);
	pointer-events: none;
	display: none;
}

.rds-tier-bottom-line__keynote-inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 36rem);
	align-items: center;
	gap: clamp(1.5rem, 2.25vw, 2.25rem);
	width: min(100%, 82rem);
}

.rds-tier-bottom-line__keynote-copy {
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

p.rds-tier-bottom-line__keynote-body {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
}

.rds-tier-bottom-line__keynote-body.rds-tier-bottom-line__keynote-emphasis {
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
}

.rds-tier-bottom-line__keynote-media-stack {
	display: flex;
	flex-direction: column;
	gap: clamp(0.75rem, 1.5vw, 1.25rem);
	width: 100%;
}


.rds-tier-bottom-line__keynote-media {
	width: 100%;
	margin: 0;
	aspect-ratio: 620 / 208;
	border-radius: clamp(1rem, 2vw, 1.5rem);
	overflow: hidden;
}

.rds-tier-bottom-line__keynote-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line__keynote-media--placeholder {
	background-color: #b5b5b5;
}

.rds-tier-bottom-line__yeti {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: clamp(3rem, 8vw, 6rem) clamp(1.5rem, 4vw, 4rem);
	box-sizing: border-box;
	background: #111419;
}

.rds-tier-bottom-line__yeti-intro p {
    max-width: 58vw;
}

.rds-tier-bottom-line__yeti-inner {
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 4vw, 3.5rem);
	    width: min(100%, 103rem);
}

.rds-tier-bottom-line__yeti-intro {
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 2vw, 1.5rem);
	/* max-width: 46rem; */
}

/* Font/size only, matching the other "The Marquee" / "The Mixer" zone
   headings (`.rds-tier-bottom-line__zone-badge`) — this one's plain text,
   not a colored badge/pill, so only `sub-header`'s shared size/weight/
   line-height are reused, not the badge's own gradient background. */
p.rds-tier-bottom-line__yeti-eyebrow {
	margin: 0;
	color: #ffffff;
	/* base.css's global `p { font-family: "Ember Modern Text" }` would
	   otherwise win over the inherited `body` font — "The Marquee"/"The
	   Mixer" reference headings are `<h3>`s, which don't hit that rule. */
	font-family: "Ember Modern Display", sans-serif;
	    font-weight: 700;
    font-size: clamp(2rem, 5.5vw, 6rem);
	    line-height: 0.9;
}

h2.rds-tier-bottom-line__yeti-heading {
	display: flex;
	flex-direction: column;
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}

.rds-tier-bottom-line__yeti-heading-line--accent {
	color: #0578ff;
}

p.rds-tier-bottom-line__yeti-intro-copy {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
}

.rds-tier-bottom-line__yeti-content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 36rem);
	align-items: center;
	gap: clamp(1.5rem, 2.25vw, 2.25rem);
}

.rds-tier-bottom-line__yeti-copy {
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	min-width: 0;
}

p.rds-tier-bottom-line__yeti-body {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	font-size: 24px;
}
figure.rds-tier-bottom-line__live-registration-panel-media {
    position: relative;
    top: -24px;
}
.rds-tier-bottom-line__yeti-media {
	width: 100%;
	margin: 0;
	aspect-ratio: 4 / 3;
	border-radius: clamp(1rem, 2vw, 1.5rem);
	overflow: hidden;
	background: #0f141a;
	    position: absolute;
    max-width: 41%;
    right: 0;
	    margin-top: 43px;
}

.rds-tier-bottom-line__yeti-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line__yeti-media--placeholder {
	background-color: #b5b5b5;
}

.rds-tier-bottom-line__live-registration-panel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100svh;
	/* padding: clamp(1.5rem, 4vw, 4rem); */
	box-sizing: border-box;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__live-registration-panel-inner {
	position: relative;
	display: flex;
	grid-template-columns: minmax(0, 1fr) minmax(11rem, 18rem);
	gap: clamp(1rem, 2.5vw, 2rem);
	width: 99%;
	/* min-height: min(74svh, 42rem); */
	padding: clamp(1.5rem, 5vw, 7rem);
	box-sizing: border-box;
	background: #0578ff;
	border-radius: clamp(1rem, 2vw, 1.75rem);
	overflow: visible;
	
}

.rds-tier-bottom-line__live-registration-panel-copy {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(0.75rem, 1.4vw, 1.25rem);
	max-width: 63rem;
	min-width: 0;
}

h2.rds-tier-bottom-line__live-registration-panel-heading {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-size: clamp(2.25rem, 4.4vw, 4.5rem);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: 0;
}

.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-panel-body.body-copy {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	letter-spacing: 0;
}

.rds-tier-bottom-line__live-registration-panel-media {
	align-self: center;
	justify-self: center;
	/* height: min(90svh, 38rem); */
	margin: clamp(-4rem, -6vw, -2rem) 0 clamp(-3rem, -5vw, -1.5rem);
	pointer-events: none;
}

.rds-tier-bottom-line__live-registration-panel-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	    min-width: 32vw;
}

.rds-tier-bottom-line__slide--live-registration-primary {
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 36rem);
	gap: clamp(1.5rem, 2.25vw, 2.25rem);
	flex: 0 0 100vw;
	width: 100vw;
	min-width: 0;
	max-width: 100vw;
	height: 100%;
	padding: clamp(2rem, 6vw, 5.5rem);
}

.rds-tier-bottom-line__live-registration-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(1.25rem, 3svh, 2.5rem);
	max-width: 52rem;
	min-width: 0;
}

h2.rds-tier-bottom-line__live-registration-heading {
	margin: 0;
	color: #0578ff;
	font-family: "Ember Modern Display", sans-serif;
	font-size: clamp(2.25rem, 4.4vw, 4.5rem);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: 0;
}

.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-body.body-copy,
.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-more-copy.body-copy {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	/* font-size: clamp(1.125rem, 1.75vw, 1.75rem); */
	/* font-weight: 400; */
	/* line-height: 1.15; */
	/* letter-spacing: 0; */
}

.rds-tier-bottom-line__live-registration-media {
	justify-self: start;
	width: min(100%, 36rem);
	height: min(82svh, 46rem);
	margin: 0;
	aspect-ratio: 1330 / 1888;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
	overflow: hidden;
}

.rds-tier-bottom-line__live-registration-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line__slide--live-registration-more {
	display: flex;
	align-items: center;
	/* flex: 0 0 clamp(20rem, 30vw, 30rem); */
	/* width: clamp(20rem, 30vw, 30rem); */
	height: 100%;
	padding-right: clamp(2rem, 5vw, 5rem);
	max-width: 46rem;
}

.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-more-copy.body-copy {
	display: flex;
	align-items: center;
	min-height: min(68svh, 38rem);
	padding: clamp(1.5rem, 3vw, 2.5rem);
	box-sizing: border-box;
	background: #0f141a;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
}

/* Welcome Reception (2026-08-12, "add this horizontal section. reuse
   component used for Registration & Recognition") — same track, appended
   as more slides right after Registration's own two, so it reads as a
   continuation of the same Ignite Live journey scrub, not a separate
   gallery. The primary card reuses `.live-registration-copy`/
   `.live-registration-heading`/`.live-registration-body` verbatim (same
   font, spacing, column width as Registration) rather than duplicating
   those rules under a new name — only the slide's own grid/flex sizing and
   the media side (two stacked landscape photos instead of one portrait
   photo) get new, `--live-welcome`-prefixed rules. The 4 note/photo slides
   after it reuse Registration's own "-more" pattern (dark rounded card,
   flex-centered) the same way. */
.rds-tier-bottom-line__slide--live-welcome-primary {
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 36rem);
	gap: clamp(1.5rem, 2.25vw, 2.25rem);
	flex: 0 0 100vw;
	width: 100vw;
	min-width: 0;
	max-width: 100vw;
	height: 100%;
	padding: clamp(2rem, 6vw, 5.5rem);
}

.rds-tier-bottom-line__live-welcome-media-stack {
	display: flex;
	flex-direction: column;
	gap: clamp(0.75rem, 1.5vw, 1.25rem);
	width: 100%;
	height: 100%;
}

.rds-tier-bottom-line__live-welcome-media {
	flex: 1 1 0;
	min-height: 0;
	width: min(100%, 36rem);
	margin: 0;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
	overflow: hidden;
}

.rds-tier-bottom-line__live-welcome-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line__slide--live-welcome-note {
	display: flex;
	align-items: center;
	height: 100%;
	padding-right: clamp(2rem, 5vw, 5rem);
	max-width: 46rem;
}

.rds-tier-bottom-line .rds-tier-bottom-line__live-welcome-note-copy.body-copy {
	display: flex;
	align-items: center;
	min-height: min(68svh, 38rem);
	/* padding: clamp(1.5rem, 3vw, 2.5rem); */
	box-sizing: border-box;
	background: #0f141a;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
}

.rds-tier-bottom-line__slide--live-welcome-photo {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	height: 100%;
	padding-right: clamp(1.5rem, 4vw, 3.5rem);
}

.rds-tier-bottom-line__slide--live-welcome-photo-stack {
    width: min(90vw, 39rem);}

.rds-tier-bottom-line__slide--live-welcome-photo-stack .rds-tier-bottom-line__live-welcome-media-stack {
	width: 100%;
}

.rds-tier-bottom-line__live-welcome-photo-media {
	width: min(90vw, 34rem);
	height: min(78svh, 42rem);
	margin: 0;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
	overflow: hidden;
}

.rds-tier-bottom-line__live-welcome-photo-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line__mixer {
	--rds-manual-carousel-slide-width: min(84rem, calc(100vw - 3rem));
	position: relative;
	width: 100%;
	height: 100svh;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__mixer-viewport {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.rds-tier-bottom-line__mixer-viewport::-webkit-scrollbar {
	display: none;
}

.rds-tier-bottom-line__mixer-track {
	display: flex;
	align-items: stretch;
	height: 100%;
}

.rds-tier-bottom-line__mixer-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 var(--rds-manual-carousel-slide-width);
	width: var(--rds-manual-carousel-slide-width);
	height: 100%;
	color: #ffffff;
	scroll-snap-align: center;
	box-sizing: border-box;
	padding: 30px 50px;
}

.rds-tier-bottom-line__mixer-slide-image {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.rds-tier-bottom-line__mixer-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(3.5rem, 6vw, 4.75rem);
	height: clamp(3.5rem, 6vw, 4.75rem);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.rds-tier-bottom-line__mixer-arrow--prev {
	left: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__mixer-arrow--next {
	right: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__mixer-arrow--prev .rds-horizontal-scroll-arrow-icon {
	transform: rotate(180deg);
}

.rds-tier-bottom-line__mixer-arrow:hover,
.rds-tier-bottom-line__mixer-arrow:focus-visible {
	transform: translateY(-50%) scale(1.08);
}

.rds-tier-bottom-line__mixer-arrow:focus-visible {
	outline: 0.1875rem solid #ffffff;
	outline-offset: 0.25rem;
}

.rds-tier-bottom-line__mixer-arrow[disabled] {
	opacity: 0;
	pointer-events: none;
}

.rds-tier-bottom-line__track--live-story {
	display: flex;
	align-items: center;
	gap: clamp(0.75rem, 1.25vw, 1.25rem);
	height: 100svh;
	padding: 0;
}

.rds-tier-bottom-line__live-story-card {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	align-self: center;
	box-sizing: border-box;
	min-width: 0;
	height: min(72svh, 34rem);
	color: #ffffff;
	scroll-snap-align: center;
}

article.rds-tier-bottom-line__live-story-card.rds-tier-bottom-line__live-story-card--intro .rds-tier-bottom-line__live-story-media {
    overflow: unset;
	    /* margin-left: 70px; */
}

.rds-tier-bottom-line__live-story-card--intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 36rem);
	gap: clamp(1.5rem, 2.25vw, 2.25rem);
	flex: 0 0 100vw;
	width: 100vw;
	min-width: 0;
	max-width: 100vw;
	height: 100%;
	padding: clamp(2rem, 6vw, 5.5rem);
}

.rds-tier-bottom-line__live-story-card--text {
	width: auto;
	max-width: 46rem;
	min-height: min(68svh, 38rem);
	padding: clamp(1.5rem, 3vw, 2.5rem);
	background: #0f141a;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
}

.rds-tier-bottom-line__live-story-card--media,
.rds-tier-bottom-line__live-story-card--combo,
.rds-tier-bottom-line__live-story-card--media-stack {
	width: clamp(15rem, 24vw, 28rem);
}

.rds-tier-bottom-line__live-story-card--combo {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	gap: clamp(0.75rem, 1.5vw, 1.125rem);
}

.rds-tier-bottom-line__live-story-card--combo .rds-tier-bottom-line__live-story-copy {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	background: #0f141a;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
}

.rds-tier-bottom-line .rds-tier-bottom-line__live-story-copy.rds-tier-bottom-line__live-story-cta.body-copy {
	font-family: "Ember Modern Display", sans-serif;
	font-weight: 700;
}

.rds-tier-bottom-line__live-story-card--welcome-group,
.rds-tier-bottom-line__live-story-card--outpost-group {
	display: grid;
	align-items: stretch;
	gap: clamp(0.75rem, 1.25vw, 1.25rem);
	    height: min(93svh, 54rem);
}


.rds-tier-bottom-line__live-story-card--welcome-arrival {
    /* grid-template-columns: minmax(18rem, 1.25fr) minmax(14rem, 0.88fr) minmax(24rem, 1.55fr); */
    /* width: clamp(62rem, 82vw, 86rem); */
    display: flex;
}

.rds-tier-bottom-line__live-story-card--welcome-details {
	grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr) minmax(15rem, 1fr) minmax(13rem, 0.82fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	width: min(calc(100vw - 2.5rem), 82rem);
	height: min(74svh, 34rem);
}

.rds-tier-bottom-line__live-story-card--welcome-close {
	grid-template-columns: minmax(14rem, 0.9fr) minmax(22rem, 1.45fr) minmax(18rem, 1fr);
	width: min(calc(100vw - 2.5rem), 76rem);
	height: min(52svh, 28rem);
}

.rds-tier-bottom-line__live-story-card--outpost-mosaic {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: minmax(0, 0.85fr) minmax(0, 1fr);
	width: min(calc(100vw - 2.5rem), 180svh, 88rem);
	height: auto;
	aspect-ratio: 1098 / 586;
}

.rds-tier-bottom-line__live-story-card--outpost-group.rds-tier-bottom-line__live-story-card--outpost-mosaic .rds-tier-bottom-line__live-story-copy.body-copy {
	/* font-size: clamp(1.5rem, 3.2vw, 2.5rem);
	line-height: 1.15; */
}

.rds-tier-bottom-line__live-story-card--outpost-yard {
	grid-template-columns: minmax(0, 1.7fr) minmax(0, 0.7fr) minmax(0, 1fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
	width: min(calc(100vw - 2.5rem), 88rem);
	height: auto;
	aspect-ratio: 948 / 328;
}

.rds-tier-bottom-line__live-story-card--welcome-group .rds-tier-bottom-line__live-story-media,
.rds-tier-bottom-line__live-story-card--welcome-group .rds-tier-bottom-line__live-story-card--text,
.rds-tier-bottom-line__live-story-card--outpost-group .rds-tier-bottom-line__live-story-media,
.rds-tier-bottom-line__live-story-card--outpost-group .rds-tier-bottom-line__live-story-card--text {
	width: 100%;
	height: 100%;
	min-height: 0;
	box-sizing: border-box;
}

.rds-tier-bottom-line__live-story-card--welcome-group .rds-tier-bottom-line__live-story-media {
	aspect-ratio: auto;
}

.rds-tier-bottom-line__live-story-card--welcome-group .rds-tier-bottom-line__live-story-card--text,
.rds-tier-bottom-line__live-story-card--outpost-group .rds-tier-bottom-line__live-story-card--text {
	display: flex;
	align-items: center;
}

.rds-tier-bottom-line__live-story-card--welcome-details .rds-tier-bottom-line__live-story-card--text,
.rds-tier-bottom-line__live-story-card--welcome-close .rds-tier-bottom-line__live-story-card--text {
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.rds-tier-bottom-line__live-story-card--welcome-details .rds-tier-bottom-line__live-story-copy.body-copy,
.rds-tier-bottom-line__live-story-card--welcome-close .rds-tier-bottom-line__live-story-copy.body-copy {
	font-size: clamp(0.82rem, 1.05vw, 1.08rem);
	line-height: 1.12;
	overflow-wrap: break-word;
}

.rds-tier-bottom-line__live-story-card--welcome-details .rds-tier-bottom-line__live-story-media img,
.rds-tier-bottom-line__live-story-card--welcome-close .rds-tier-bottom-line__live-story-media img {
	object-position: center;
}

.rds-tier-bottom-line__live-story-card--welcome-details .rds-tier-bottom-line__live-story-media {
	border-radius: clamp(0.75rem, 1.4vw, 1.25rem);
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media {
	display: flex;
	min-width: 0;
	min-height: 0;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media .rds-tier-bottom-line__live-story-media {
	align-self: stretch;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media-top {
	grid-column: 2;
	grid-row: 1;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media-top .rds-tier-bottom-line__live-story-media {
	aspect-ratio: 997 / 411;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media:nth-child(5) {
	grid-column: 1;
	grid-row: 2;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media:nth-child(5) .rds-tier-bottom-line__live-story-media {
	aspect-ratio: 700 / 411;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--text:nth-child(1) {
	grid-column: 1;
	grid-row: 1;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--text:nth-child(3) {
	grid-column: 3;
	grid-row: 1;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--text:nth-child(6) {
	grid-column: 2;
	grid-row: 2;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media:nth-child(7) {
	grid-column: 3;
	grid-row: 2;
}

.rds-tier-bottom-line__live-story-card--welcome-details > .rds-tier-bottom-line__live-story-card--welcome-media:nth-child(7) .rds-tier-bottom-line__live-story-media {
	aspect-ratio: 700 / 405;
}

.rds-tier-bottom-line__live-story-card--welcome-close > .rds-tier-bottom-line__live-story-card--welcome-media {
	display: flex;
	min-width: 0;
	min-height: 0;
}

.rds-tier-bottom-line__live-story-card--welcome-close > .rds-tier-bottom-line__live-story-card--welcome-media .rds-tier-bottom-line__live-story-media {
	align-self: stretch;
	aspect-ratio: auto;
}

.rds-tier-bottom-line__live-story-card--welcome-group .rds-tier-bottom-line__live-story-copy.body-copy,
.rds-tier-bottom-line__live-story-card--outpost-group .rds-tier-bottom-line__live-story-copy.body-copy {
	/* font-size: clamp(1rem, 1.45vw, 1.55rem);
	line-height: 1.15; */
}

.rds-tier-bottom-line__live-story-card--outpost-yard .rds-tier-bottom-line__live-story-copy.body-copy {
	font-size: clamp(1.25rem, 2.4vw, 2rem);
	line-height: 1.15;
}

.rds-tier-bottom-line__live-story-card--outpost-yard-counter,
.rds-tier-bottom-line__live-story-card--outpost-yard > .rds-tier-bottom-line__live-story-card--text {
	grid-row: 1 / span 2;
}

.rds-tier-bottom-line__live-story-card--outpost-yard-counter {
	grid-column: 1;
}

.rds-tier-bottom-line__live-story-card--outpost-yard > .rds-tier-bottom-line__live-story-card--text {
	grid-column: 2;
}

.rds-tier-bottom-line__live-story-card--outpost-yard-dj {
	grid-column: 3;
	grid-row: 1;
}

.rds-tier-bottom-line__live-story-card--outpost-yard-cadillac {
	grid-column: 3;
	grid-row: 2;
}

.rds-tier-bottom-line__live-story-card--welcome-zoltar {
	grid-column: 4;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rds-tier-bottom-line__live-story-card--welcome-zoltar .rds-tier-bottom-line__live-story-media {
	width: 100%;
	height: auto;
	max-height: 100%;
	aspect-ratio: 1024 / 1540;
	background: transparent;
	border-radius: 0;
}

.rds-tier-bottom-line__live-story-card--welcome-zoltar img {
	object-fit: contain;
}

.rds-tier-bottom-line__outpost {
	background: #111419;
}

.rds-tier-bottom-line__marquee {
	background: #111419;
}

.rds-tier-bottom-line__scrub--welcome-reception {
	width: 100%;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__welcome-reception-wrap {
	width: 100vw;
	height: 100svh;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.rds-tier-bottom-line__welcome-reception-wrap::-webkit-scrollbar {
	display: none;
}

.rds-tier-bottom-line__welcome-reception-track {
	display: flex;
	align-items: stretch;
	width: max-content;
	height: 100%;
}

.rds-tier-bottom-line__welcome-reception-image {
	display: block;
	width: auto;
	max-width: none;
	height: 100svh;
	max-height: none;
}

.rds-tier-bottom-line__welcome-inn-carousel {
	--rds-manual-carousel-slide-width: min(84rem, calc(100vw - 3rem));
	position: relative;
	width: 100vw;
	height: 100svh;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__welcome-inn-carousel-viewport {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.rds-tier-bottom-line__welcome-inn-carousel-viewport::-webkit-scrollbar {
	display: none;
}

.rds-tier-bottom-line__welcome-inn-carousel-track {
	display: flex;
	align-items: stretch;
	height: 100%;
}

/* Each slide is a full-viewport frame with the image scaled to fit entirely
   within it (2026-08-15, "can we position or scale to ensure each frame fits
   centered horizontally?") — previously the slide sized itself to the
   image's own `height: 100svh; width: auto` box, so a 16:9 image taller than
   it was wide relative to the viewport (e.g. 900px-tall viewport → ~1600px-
   wide image) overflowed past the visible frame instead of fitting inside
   it. `flex: 0 0 100vw` + centered flex alignment makes the slide itself the
   full frame, and `max-width/max-height: 100%` on the image (in place of the
   old fixed `height: 100svh`) scales it down to whichever dimension is
   tighter, preserving its aspect ratio, so the whole image is always
   visible and centered within its frame. */
.rds-tier-bottom-line__welcome-inn-carousel-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 var(--rds-manual-carousel-slide-width);
	width: var(--rds-manual-carousel-slide-width);
	height: 100%;
	box-sizing: border-box;
	/* padding: 30px 50px; */
	scroll-snap-align: center;
}

.rds-tier-bottom-line__welcome-inn-carousel-image {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* The 3 kids-yearn slides (2026-08-16, "scale it down a bit so it matches
   the other frames top and bottom padding") are a narrower aspect ratio
   (2712x1728 / 2302x1724 / 2454x1724) than the WELCOME_INN_1-4 slides
   (3840x2160, 16:9) they now sit alongside. WELCOME_INN's own 16:9 ratio is
   wider than this frame at typical viewports, so it's always width-
   constrained by `max-width: 100%`, which naturally leaves a top/bottom
   gap. The kids-yearn images are close enough to square that they hit
   `max-height: 100%` instead at several viewports (most on the 2302x1724 /
   2454x1724 pair) and fill edge-to-edge with no vertical gap at all —
   visibly bigger/more cropped-feeling than its neighbors. Capping
   `max-height` below 100% forces the same kind of gap WELCOME_INN gets for
   free, regardless of the image's own aspect ratio. */
.rds-tier-bottom-line__welcome-inn-carousel-image--kids-yearn {
	max-height: 82%;
}

.rds-tier-bottom-line__welcome-inn-carousel-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(3.5rem, 6vw, 4.75rem);
	height: clamp(3.5rem, 6vw, 4.75rem);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.rds-tier-bottom-line__welcome-inn-carousel-arrow--prev {
	left: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__welcome-inn-carousel-arrow--next {
	right: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__welcome-inn-carousel-arrow--prev .rds-horizontal-scroll-arrow-icon {
	transform: rotate(180deg);
}

.rds-tier-bottom-line__welcome-inn-carousel-arrow:hover,
.rds-tier-bottom-line__welcome-inn-carousel-arrow:focus-visible {
	transform: translateY(-50%) scale(1.08);
}

.rds-tier-bottom-line__welcome-inn-carousel-arrow:focus-visible {
	outline: 0.1875rem solid #ffffff;
	outline-offset: 0.25rem;
}

.rds-tier-bottom-line__welcome-inn-carousel-arrow[disabled] {
	opacity: 0;
	pointer-events: none;
}

h2.rds-tier-bottom-line__live-story-heading {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-size: clamp(2.25rem, 8.4vw, 9.5rem);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: 0;
}

.rds-tier-bottom-line__live-story-card--intro h2.rds-tier-bottom-line__live-story-heading {
	align-self: center;
	max-width: 52rem;
}

.rds-tier-bottom-line__live-story-footer {
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 3svh, 2.5rem);
	grid-column: 1 / -1;
	min-width: 0;
	max-width: min(100%, 52rem);
	margin-inline: auto;
	box-sizing: border-box;
}

.rds-tier-bottom-line__live-story-card--intro h2.rds-tier-bottom-line__live-story-heading::first-line {
	color: #ffffff;
}

.rds-tier-bottom-line__live-story-heading-lead,
.rds-tier-bottom-line__live-story-heading-accent {
	display: block;
}

.rds-tier-bottom-line__live-story-heading-lead {
	color: #ffffff;
}

.rds-tier-bottom-line__live-story-heading-accent {
	color: #0578ff;
}

.rds-tier-bottom-line .rds-tier-bottom-line__live-story-copy.body-copy {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}

.rds-tier-bottom-line__live-story-media {
	width: 100%;
	margin: 0;
	/* aspect-ratio: 1.55 / 1; */
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
	overflow: hidden;
	background: #0f141a;
}

.rds-tier-bottom-line__live-story-card--media .rds-tier-bottom-line__live-story-media {
	height: 100%;
	aspect-ratio: auto;
}

.rds-tier-bottom-line__live-story-card--intro .rds-tier-bottom-line__live-story-media {
	align-self: center;
	justify-self: start;
	width: min(100%, 36rem);
	aspect-ratio: 1.25 / 1;
	background: transparent;
	border-radius: 0;
	transform: scale(1.14);
	transform-origin: center;
}

.rds-tier-bottom-line__live-story-card--tall-media .rds-tier-bottom-line__live-story-media {
	max-width: clamp(8rem, 12vw, 12rem);
	aspect-ratio: 1024 / 1540;
	background: transparent;
	border-radius: 0;
}

.rds-tier-bottom-line__live-story-card--media-stack {
	width: clamp(18rem, 25vw, 27rem);
}

.rds-tier-bottom-line__live-story-stack {
	display: grid;
	gap: clamp(0.75rem, 1.5vw, 1.125rem);
	width: 100%;
}

.rds-tier-bottom-line__live-story-media--stacked {
	aspect-ratio: 1.7 / 1;
}

.rds-tier-bottom-line__live-story-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line__live-story-card--intro .rds-tier-bottom-line__live-story-media img,
.rds-tier-bottom-line__live-story-card--tall-media .rds-tier-bottom-line__live-story-media img {
	object-fit: contain;
}

article.rds-tier-bottom-line__live-story-card.rds-tier-bottom-line__live-story-card--intro img {
	/* scale: 1.3; */
	/* overflow: unset; */
}

.rds-tier-bottom-line__outpost-carousel {
	--rds-manual-carousel-slide-width: min(84rem, calc(100vw - 3rem));
	position: relative;
	width: 100vw;
	/* Reduced from `100svh` (2026-08-16, "the spacing between each sections
	   here is huge... keep same consistent dimension of each sections") —
	   at 100svh (~900px at a typical desktop viewport) every image here,
	   fit via `max-width/max-height: 100%`, rendered far shorter than the
	   frame (e.g. welcome-1.png's 1.92:1 ratio only needs ~650px at this
	   frame's own available width), leaving ~250px of dead space above and
	   below each one — stacked against Marquee's own equally oversized
	   frame right after it, that reads as one large empty gap. Computed
	   from the real content instead of an arbitrary full-viewport height:
	   at 700px of available image height, the tallest/narrowest image in
	   this carousel (welcome-2.png, 1.24:1) needs the full 700px at close
	   to this frame's own available width (1244px), while the three wider
	   images (1.47-2.42:1) fit comfortably inside it — 700px content +
	   60px vertical slide padding = 760px (48rem). Kept identical to
	   Marquee's own frame height just below for site-wide consistency
	   (the ask), and both share the same `88svh` ceiling so neither grows
	   past a reasonable share of a short viewport. */
	height: min(48rem, 88svh);
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__outpost-carousel-viewport {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.rds-tier-bottom-line__outpost-carousel-viewport::-webkit-scrollbar {
	display: none;
}

.rds-tier-bottom-line__outpost-carousel-track {
	display: flex;
	align-items: stretch;
	height: 100%;
}

.rds-tier-bottom-line__outpost-carousel-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 var(--rds-manual-carousel-slide-width);
	width: var(--rds-manual-carousel-slide-width);
	height: 100%;
	scroll-snap-align: center;
	box-sizing: border-box;
	padding: 30px 50px;
}

.rds-tier-bottom-line__outpost-carousel-image {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.rds-tier-bottom-line__outpost-carousel-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(3.5rem, 6vw, 4.75rem);
	height: clamp(3.5rem, 6vw, 4.75rem);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.rds-tier-bottom-line__outpost-carousel-arrow--prev {
	left: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__outpost-carousel-arrow--next {
	right: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__outpost-carousel-arrow--prev .rds-horizontal-scroll-arrow-icon {
	transform: rotate(180deg);
}

.rds-tier-bottom-line__outpost-carousel-arrow:hover,
.rds-tier-bottom-line__outpost-carousel-arrow:focus-visible {
	transform: translateY(-50%) scale(1.08);
}

.rds-tier-bottom-line__outpost-carousel-arrow:focus-visible {
	outline: 0.1875rem solid #ffffff;
	outline-offset: 0.25rem;
}

.rds-tier-bottom-line__outpost-carousel-arrow[disabled] {
	opacity: 0;
	pointer-events: none;
}

.rds-tier-bottom-line__marquee-carousel {
	/* Narrowed from `min(84rem, calc(100vw - 3rem))` (2026-08-16, "decrease
	   gap between slide1 and 2 to reveal more of slide 2... just need to
	   close gap") — at that width each slide was nearly viewport-wide (1344px
	   of 1440px), so only a ~46px sliver of slide 2's own image (after its
	   own left padding) ever peeked into view. A narrower slide leaves more
	   of the next slide visible without touching image sizing/ratio at all
	   (`.marquee-carousel-image` still just `max-width/max-height: 100%`). */
	--rds-manual-carousel-slide-width: min(70rem, calc(100vw - 14rem));
	position: relative;
	width: 100vw;
	/* Reduced from `100svh`, same reasoning and same target height as
	   `.rds-tier-bottom-line__outpost-carousel` just above (2026-08-16,
	   "keep same consistent dimension of each sections") — marquee-1.png
	   (1.53:1) needs almost exactly this frame's own available width
	   (1072px) at 700px of content height, matching the Outpost frame's own
	   content target so both carousels read as the same size instead of one
	   being visibly taller than the other. */
	height: min(48rem, 88svh);
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__marquee-carousel-viewport {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.rds-tier-bottom-line__marquee-carousel-viewport::-webkit-scrollbar {
	display: none;
}

.rds-tier-bottom-line__marquee-carousel-track {
	display: flex;
	align-items: stretch;
	height: 100%;
}

.rds-tier-bottom-line__mixer-track::after,
.rds-tier-bottom-line__welcome-inn-carousel-track::after,
.rds-tier-bottom-line__outpost-carousel-track::after,
.rds-tier-bottom-line__marquee-carousel-track::after {
	content: "";
	flex: 0 0 var(--rds-manual-carousel-end-padding, 0);
	width: var(--rds-manual-carousel-end-padding, 0);
	height: 1px;
}

.rds-tier-bottom-line__marquee-carousel-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 var(--rds-manual-carousel-slide-width);
	width: var(--rds-manual-carousel-slide-width);
	height: 100%;
	scroll-snap-align: center;
	box-sizing: border-box;
	/* Horizontal padding reduced from 50px (2026-08-16, same "close the gap"
	   request as the slide-width change above) — this was the other half of
	   the gap between adjacent slide images (50px right padding of one slide
	   + 50px left padding of the next = 100px, on top of the width change). */
	padding: 30px 50px;
}

.rds-tier-bottom-line__marquee-carousel-image {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.rds-tier-bottom-line__marquee-carousel-arrow {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(3.5rem, 6vw, 4.75rem);
	height: clamp(3.5rem, 6vw, 4.75rem);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #ffffff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.rds-tier-bottom-line__marquee-carousel-arrow--prev {
	left: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__marquee-carousel-arrow--next {
	right: clamp(1rem, 3vw, 2.5rem);
}

.rds-tier-bottom-line__marquee-carousel-arrow--prev .rds-horizontal-scroll-arrow-icon {
	transform: rotate(180deg);
}

.rds-tier-bottom-line__marquee-carousel-arrow:hover,
.rds-tier-bottom-line__marquee-carousel-arrow:focus-visible {
	transform: translateY(-50%) scale(1.08);
}

.rds-tier-bottom-line__marquee-carousel-arrow:focus-visible {
	outline: 0.1875rem solid #ffffff;
	outline-offset: 0.25rem;
}

.rds-tier-bottom-line__marquee-carousel-arrow[disabled] {
	opacity: 0;
	pointer-events: none;
}

.rds-tier-bottom-line__scrub--keynote-team {
	background: #0578ff;
	overflow: hidden;
}

.rds-tier-bottom-line__track--keynote-team {
	display: flex;
	width: 200vw;
	height: 100svh;
	padding: 0;
	gap: 0;
}

.rds-tier-bottom-line__keynote-slide {
	position: relative;
	display: grid;
	flex: 0 0 100vw;
	width: 100vw;
	min-width: 0;
	max-width: 100vw;
	height: 100svh;
	min-height: 36rem;
	box-sizing: border-box;
	background: #0578ff;
	overflow: hidden;
}

.rds-tier-bottom-line__keynote-slide--intro {
	align-content: center;
	padding: clamp(2rem, 6vw, 5.25rem) clamp(1.5rem, 7vw, 7rem) clamp(2.5rem, 6vw, 5rem);
}

h2.rds-tier-bottom-line__keynote-heading {
	position: relative;
	z-index: 2;
	max-width: 12ch;
	margin: 0 auto;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-size: clamp(3rem, 7.2vw, 7.25rem);
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: 0;
	text-align: center;
}

.rds-tier-bottom-line__keynote-figures {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: clamp(0.25rem, 1.2vw, 1.5rem);
	width: min(100%, 62rem);
	margin: clamp(-2.75rem, -4vw, -1.25rem) auto 0;
}

.rds-tier-bottom-line__keynote-figure {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	    flex: 0 3 32.5rem;
	min-width: 0;
	margin: 0;
}

.rds-tier-bottom-line__keynote-figure img {
	display: block;
	width: auto;
	height: clamp(17rem, 49svh, 32rem);
	max-width: 100%;
	object-fit: contain;
}

.rds-tier-bottom-line__keynote-slide--phrases {
	grid-template-rows: auto auto;
	align-content: center;
	align-items: stretch;
	padding: clamp(1rem, 2vw, 2rem) clamp(1.5rem, 6vw, 5.5rem) clamp(2rem, 4vw, 3.75rem);
}

h2.rds-tier-bottom-line__keynote-heading--phrases {
	max-width: 28ch;
	font-size: clamp(2.75rem, 5.5vw, 6.5rem);
	line-height: 0.9;
}

.rds-tier-bottom-line__keynote-phrase-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: end;
	gap: clamp(1rem, 2vw, 2rem);
	width: 100%;
	max-width: 92rem;
	margin: clamp(0.75rem, 2svh, 1.5rem) auto 0;
	margin-top: 4%;
}

.rds-tier-bottom-line__keynote-phrase-card {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	align-items: end;
	justify-items: center;
	min-width: 0;
}

.rds-tier-bottom-line__keynote-portrait {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1 / 0.92;
	border-radius: clamp(1rem, 2vw, 2.25rem) clamp(1rem, 2vw, 2.25rem) 0 0;
	background: linear-gradient(180deg, #65c9bf 0%, #65c9bf 58%, rgba(101, 201, 191, 0) 100%);
	/* overflow: hidden; */
}

.rds-tier-bottom-line__keynote-portrait img {
	display: block;
	width: auto;
	height: 112%;
	max-width: 118%;
	object-fit: contain;
	object-position: center bottom;
	top: -10%;
	position: relative;
}

.rds-tier-bottom-line__keynote-listen {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	width: min(100%, 17rem);
	min-height: clamp(2.5rem, 4.5vw, 3.5rem);
	    margin-top: -17px;
	padding: 0.25rem 1.25rem;
	border: clamp(0.125rem, 0.22vw, 0.1875rem) solid #ffffff;
	border-radius: clamp(0.5rem, 0.9vw, 0.75rem);
	background: transparent;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-size: clamp(1.125rem, 2vw, 2rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
}

/* Playing indicator (2026-08-15, "add a small audio playing indication next
   to the button text") — a small dot, hidden until `.is-playing` is toggled
   by JS on play/stop, pulsing via CSS animation rather than JS-driven
   opacity changes so the animation itself is free once started. */
.rds-tier-bottom-line__keynote-listen-indicator {
	display: inline-block;
	flex: 0 0 auto;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background: currentColor;
	opacity: 0;
	transition: opacity 150ms ease;
}

.rds-tier-bottom-line__keynote-listen.is-playing .rds-tier-bottom-line__keynote-listen-indicator {
	opacity: 1;
	animation: rds-tier-bottom-line-listen-pulse 900ms ease-in-out infinite;
}

@keyframes rds-tier-bottom-line-listen-pulse {
	0%, 100% {
		opacity: 0.35;
		transform: scale(0.85);
	}
	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

.rds-tier-bottom-line__thought-starter {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 81svh;
	padding: clamp(2rem, 6vw, 5.5rem);
	box-sizing: border-box;
	background: #0578ff;
	overflow: hidden;
}

.rds-tier-bottom-line__thought-starter-inner {
	width: min(100%, 60rem);
	margin-inline: auto;
}

.rds-tier-bottom-line .rds-tier-bottom-line__thought-starter-copy.body-copy {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	font-size: clamp(2rem, 3.45vw, 4rem);
	font-weight: 400;
	line-height: 1.18;
	letter-spacing: 0;
}

.rds-tier-bottom-line__scrub--keynote-stage {
	background: #0578ff;
	overflow: hidden;
}

.rds-tier-bottom-line__track--keynote-stage {
	gap: clamp(1rem, 3vw, 3rem);
	padding: 0 clamp(1.5rem, 10vw, 10rem);
	padding-left: 3%;
}

.rds-tier-bottom-line__keynote-stage-card {
	display: grid;
	grid-template-rows: auto minmax(clamp(8rem, 18svh, 11.5rem), auto);
	gap: clamp(0.75rem, 1.5vw, 1.25rem);
	flex: 0 0 min(70vw, 64rem);
	width: min(70vw, 64rem);
	min-width: 0;
}

.rds-tier-bottom-line__keynote-stage-media {
	width: 100%;
	margin: 0;
	aspect-ratio: 1050 / 615;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
	overflow: hidden;
	background: #111419;
}

.rds-tier-bottom-line__keynote-stage-media img,
.rds-tier-bottom-line__keynote-stage-placeholder {
	display: block;
	width: 100%;
	height: 100%;
}

.rds-tier-bottom-line__keynote-stage-media img {
	object-fit: cover;
}

.rds-tier-bottom-line__keynote-stage-placeholder {
	background: #b5b5b5;
}

.rds-tier-bottom-line__keynote-stage-caption {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(8rem, 18svh, 11.5rem);
	padding: clamp(1.25rem, 2.5vw, 2.5rem);
	box-sizing: border-box;
	border-radius: clamp(1.25rem, 2.5vw, 2.5rem);
	background: rgba(255, 255, 255, 0.25);
}

.rds-tier-bottom-line .rds-tier-bottom-line__keynote-stage-copy.body-copy {
	max-width: 58rem;
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.55;
	letter-spacing: 0;
	text-align: center;
}

.rds-tier-bottom-line__keynote-proof {
	position: relative;
	width: 100%;
	min-height: 100svh;
	padding: clamp(2rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 4rem) clamp(3rem, 6vw, 5.5rem);
	box-sizing: border-box;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__keynote-proof::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: clamp(1.25rem, 4vw, 4rem);
	height: 100%;
	background: #0578ff;
	clip-path: polygon(30% 0, 100% 0, 100% 100%, 72% 100%);
	pointer-events: none;
}

.rds-tier-bottom-line__keynote-proof-inner {
	position: relative;
	z-index: 1;
	display: grid;
	gap: clamp(1.75rem, 4vw, 3.75rem);
    width: 100%;
}

.rds-tier-bottom-line .rds-tier-bottom-line__keynote-proof-copy.body-copy {
	max-width: 42rem;
	margin: 0 auto;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	/* font-size: clamp(1.25rem, 1.85vw, 2rem); */
	/* font-weight: 400; */
	/* line-height: 1.2; */
	letter-spacing: 0;
	text-align: center;
}

.rds-tier-bottom-line__keynote-proof-stage {
	margin: 0 auto;
	width: 73%;
	max-width: 73%;
	aspect-ratio: 2198 / 1648;
	overflow: hidden;
	    /* box-shadow: 0px 0px 10px #0578FF; */
    border-radius: 108px;
}

.rds-tier-bottom-line__keynote-proof-stage img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	
}

.rds-tier-bottom-line__keynote-proof-quote {
	position: relative;
	display: flex;
	/* align-items: center; */
	width: min(100%, 75rem);
	min-height: clamp(18rem, 38vw, 41rem);
	margin: 18% auto 0;
	padding: clamp(1.5rem, 3vw, 3rem);
	box-sizing: border-box;
	background: #0578ff;
	border-radius: clamp(1rem, 2vw, 2rem);
	overflow: visible;
}

.rds-tier-bottom-line .rds-tier-bottom-line__keynote-proof-quote-copy.body-copy {
	position: relative;
	z-index: 2;
	max-width: 15ch;
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-size: clamp(2.5rem, 5vw, 8rem);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: 0;
}

.rds-tier-bottom-line__keynote-proof-ariana {
	position: absolute;
	z-index: 1;
	right: clamp(-1.5rem, -2vw, -0.75rem);
	bottom: 0;
	width: 100%;
	height: auto;
	max-height: 139%;
	object-fit: contain;
	object-position: right bottom;
	pointer-events: none;
}

.rds-tier-bottom-line__scrub--lml-image-stack {
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__track--lml-image-stack {
	display: flex;
	align-items: center;
	gap: clamp(2rem, 4vw, 4rem);
	width: max-content;
	height: 100svh;
	padding: clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 5vw, 5rem);
	box-sizing: border-box;
}

.rds-tier-bottom-line__lml-gallery-group {
	flex: 0 0 auto;
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
	height: min(88svh, 46rem);
}

.rds-tier-bottom-line__lml-gallery-group--stack {
	grid-template-rows: repeat(2, minmax(0, 1fr));
	width: min(42vw, 38rem);
	min-width: 30rem;
}

.rds-tier-bottom-line__lml-gallery-group--stack.rds-tier-bottom-line__lml-gallery-group--has-copy {
	grid-template-rows: repeat(3, minmax(0, 1fr));
}

.rds-tier-bottom-line__lml-gallery-group--stack.rds-tier-bottom-line__lml-gallery-group--single-image-copy {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.rds-tier-bottom-line__lml-gallery-group--stack.rds-tier-bottom-line__lml-gallery-group--copy-top {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.rds-tier-bottom-line__lml-gallery-group--feature {
	width: min(38vw, 36rem);
	min-width: 27rem;
}

.rds-tier-bottom-line__lml-gallery-group--text {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(28vw, 25rem);
	min-width: 20rem;
}

.rds-tier-bottom-line__lml-gallery-card {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: clamp(1.25rem, 2vw, 2rem);
	overflow: hidden;
	background: #0f141a;
}

.rds-tier-bottom-line__lml-gallery-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rds-tier-bottom-line .rds-tier-bottom-line__lml-gallery-copy.body-copy {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	max-width: 22rem;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	    font-size: clamp(1.125rem, 3.35vw, 1.6rem);
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: 0;
	text-align: center;
}

.rds-tier-bottom-line .rds-tier-bottom-line__lml-gallery-copy--under-image.body-copy {
	max-width: 100%;
}

.rds-tier-bottom-line .rds-tier-bottom-line__lml-gallery-copy--above-image.body-copy {
	max-width: 100%;
}

.rds-tier-bottom-line__last-mile-bridge {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100svh;
	padding: clamp(3rem, 8vw, 7rem) clamp(1.5rem, 4vw, 4rem);
	box-sizing: border-box;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__last-mile-bridge::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0.1875rem;
	height: 100%;
	/* background: #0578ff; */
	pointer-events: none;
}

.rds-tier-bottom-line__last-mile-bridge-inner {
    width: min(100%, 56rem);	margin-inline: auto;
}

.rds-tier-bottom-line .rds-tier-bottom-line__last-mile-bridge-copy.body-copy {
	margin: 0;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	/* font-size: clamp(1.125rem, 1.45vw, 1.5rem); */
	/* font-weight: 400; */
	/* line-height: 1.18; */
	letter-spacing: 0;
}

.rds-tier-bottom-line__connective-refocus {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100svh;
	padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1.5rem, 4vw, 4rem);
	box-sizing: border-box;
	background: #111419;
	overflow: hidden;
}

.rds-tier-bottom-line__connective-refocus::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0.1875rem;
	height: 100%;
	/* background: #0578ff; */
	pointer-events: none;
}

.rds-tier-bottom-line__connective-refocus-inner {
	width: min(100%, 69rem);
	margin-inline: auto;
	text-align: center;
}

.rds-tier-bottom-line__connective-refocus-heading {
	margin: 0 0 clamp(1.5rem, 3.4vw, 3rem);
	color: #ffffff;
	font-family: "Ember Modern Display", sans-serif;
	font-size: clamp(2.75rem, 5.4vw, 5rem);
	font-weight: 700;
	line-height: 0.96;
	letter-spacing: 0;
}

.rds-tier-bottom-line .rds-tier-bottom-line__connective-refocus-copy.body-copy {
	max-width: 108rem;
	margin: 0 auto;
	color: #ffffff;
	font-family: "Ember Modern Text", sans-serif;
	/* font-size: clamp(1.25rem, 1.85vw, 2rem); */
	/* font-weight: 400; */
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.rds-tier-bottom-line__upgrade-placeholder {
	width: 100%;
	/* No top margin (2026-08-15, "replace this text and the 1 image
	   underneath with 1 image") — this is now the section's only child;
	   the old margin existed to separate it from the heading/copy above,
	   which are gone. The section's own padding provides spacing now. */
	margin: 0;
	aspect-ratio: 1.8 / 1;
	border-radius: clamp(0.875rem, 2.5vw, 2rem);
	background: #0578ff;
	overflow: hidden;
}

.rds-tier-bottom-line__upgrade-placeholder img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 768px) {
	.rds-tier-bottom-line__scrub:not(.rds-tier-bottom-line__scrub--reverse) .rds-tier-bottom-line__column--stack {
		justify-self: center;
		width: 100%;
	}

	/* Widening the column above stretches these two images to fill it, but
	   the box height should hold steady rather than growing with the wider
	   width — fixed at the exact height each rendered at the old 30vw cap
	   (measured directly: 432px wide → 256px / 373.6px at a 1440px
	   viewport, both a constant vw ratio across viewports since the old
	   width was itself a plain 30vw). `object-fit: cover` crops the now-
	   wider image into that unchanged height instead of letterboxing it. */
	.rds-tier-bottom-line__column--stack .rds-tier-bottom-line__media {
		height: 17.78vw;
	}

	.rds-tier-bottom-line__column--stack .rds-tier-bottom-line__media--tall {
		height: 25.94vw;
	}

	.rds-tier-bottom-line__column--stack .rds-tier-bottom-line__media img {
		object-fit: cover;
	}
}

@media (max-width: 767px) {
	.rds-tier-bottom-line__upgrade {
		padding-top: 2.75rem;
		padding-inline: 1.6875rem;
		padding-bottom: 1rem;
	}

	.rds-tier-bottom-line__keynote-inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.rds-tier-bottom-line__yeti-content {
		grid-template-columns: minmax(0, 1fr);
	}

	.rds-tier-bottom-line__summary {
		min-height: 40rem;
	}

	.rds-tier-bottom-line__heading-wrap {
		flex-basis: 47%;
		padding: 5rem 1.5rem 2rem;
	}

	.rds-tier-bottom-line__panel {
		align-items: flex-start;
		flex-basis: 53%;
		padding: 2.5rem 1.5rem;
		border-radius: 2rem 2rem 0 0;
	}

	.rds-tier-bottom-line__track {
		display: grid;
		grid-template-columns: repeat(9, min(78vw, 22rem));
		gap: 1.25rem;
		padding-block: 2rem;
	}

	.rds-tier-bottom-line__slide {
		display: contents;
	}

	.rds-tier-bottom-line__scrub {
		--rds-tier-story-gutter: 1.5rem;
	}

	.rds-tier-bottom-line__track--connect {
		grid-template-columns: repeat(3, min(82vw, 24rem));
	}

	.rds-tier-bottom-line__expansion-card {
		font-size: 1.125rem;
	}

	h2.rds-tier-bottom-line__expansion-heading {
		font-size: 2rem;
	}

	p.rds-tier-bottom-line__expansion-copy {
		font-size: 1.125rem;
	}

	p.rds-tier-bottom-line__connect-copy {
		font-size: 1.125rem;
	}

	.rds-tier-bottom-line__zones {
		gap: 2rem;
		padding: 2rem 1.5rem;
	}

	h3.rds-tier-bottom-line__zone-badge {
		padding: 0.75rem 0.875rem;
		border-radius: 0.5rem;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__zone-copy.body-copy {
		max-width: none;
		font-size: 1.125rem;
		line-height: 1.25;
	}

	.rds-tier-bottom-line__connect-menu {
		min-height: min(68svh, 34rem);
	}

	.rds-tier-bottom-line__column--reverse-host {
		order: 1;
	}

	.rds-tier-bottom-line__column--reverse-workshop {
		order: 2;
	}

	.rds-tier-bottom-line__column--reverse-stage {
		order: 3;
	}

	.rds-tier-bottom-line__column--reverse-closing {
		order: 4;
	}

	.rds-tier-bottom-line__summary.rds-tier-bottom-line__summary--connect {
		height: 100svh;
		min-height: 25.375rem;
	}

	.rds-tier-bottom-line__summary.rds-tier-bottom-line__summary--live {
		min-height: 40rem;
	}

	.rds-tier-bottom-line__heading-wrap.rds-tier-bottom-line__heading-wrap--connect {
		flex: 0 0 36.5%;
		padding: 2.5rem 2rem 1.5rem;
	}

	.rds-tier-bottom-line__heading-wrap.rds-tier-bottom-line__heading-wrap--live {
		flex: 0 0 31%;
		padding: 2.5rem 1.5rem 1.5rem;
	}

	.rds-tier-bottom-line__panel.rds-tier-bottom-line__panel--connect {
		align-items: center;
		flex: 1 1 63.5%;
		padding: 2.5rem 1.5rem;
	}

	.rds-tier-bottom-line__panel.rds-tier-bottom-line__panel--live {
		align-items: flex-start;
		flex: 1 1 69%;
		padding: 1rem 1.5rem;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__copy--live.body-copy,
	.rds-tier-bottom-line .rds-tier-bottom-line__copy--live.body-copy p {
		font-size: 0.875rem;
	}

	.rds-tier-bottom-line__live-registration-panel {
		align-items: flex-start;
		padding: 0.375rem 0.75rem 2.75rem;
	}

	.rds-tier-bottom-line__live-registration-panel-inner {
		grid-template-columns: minmax(0, 1fr) minmax(4.75rem, 7rem);
		gap: 0.5rem;
		width: 100%;
		min-height: auto;
		padding: 1rem 0.75rem 1.25rem 1rem;
		border-radius: 0.875rem;
	}

	.rds-tier-bottom-line__live-registration-panel-copy {
		gap: 0.875rem;
	}

	h2.rds-tier-bottom-line__live-registration-panel-heading {
		font-size: clamp(1.75rem, 7vw, 2.25rem);
		line-height: 0.98;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-panel-body.body-copy {
	}

	.rds-tier-bottom-line__live-registration-panel-media {
		align-self: start;
		width: min(100%, 6.75rem);
		height: 21rem;
		margin: -1.25rem -0.25rem -0.75rem 0;
	}

	p.rds-tier-bottom-line__copy--connect {
		max-width: 25rem;
		font-size: 1.5rem;
		transform: translateY(-0.6875rem);
	}

	.rds-tier-bottom-line__slide--live-registration-primary {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto minmax(0, 1fr);
		flex: 0 0 100vw;
		width: 100vw;
		height: 100svh;
		padding: 1.5rem;
	}

	.rds-tier-bottom-line__live-registration-copy {
		gap: 0.875rem;
		max-width: none;
	}

	h2.rds-tier-bottom-line__live-registration-heading {
		font-size: 2rem;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-body.body-copy,
	.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-more-copy.body-copy {
		font-size: 1rem;
	}

	.rds-tier-bottom-line__live-registration-media {
		justify-self: center;
		width: auto;
		height: min(35svh, 18rem);
		border-radius: 1.25rem;
	}

	.rds-tier-bottom-line__slide--live-registration-more {
		display: flex;
		flex: 0 0 min(82vw, 24rem);
		width: min(82vw, 24rem);
		height: 100svh;
		padding-right: 1.5rem;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__live-registration-more-copy.body-copy {
		min-height: min(62svh, 30rem);
		padding: 1.5rem;
	}

	.rds-tier-bottom-line__slide--live-welcome-primary {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto minmax(0, 1fr);
		flex: 0 0 100vw;
		width: 100vw;
		height: 100svh;
		padding: 1.5rem;
	}

	.rds-tier-bottom-line__live-welcome-media-stack {
		flex-direction: row;
		gap: 0.75rem;
	}

	.rds-tier-bottom-line__live-welcome-media {
		width: 100%;
		height: min(22svh, 12rem);
		border-radius: 1.25rem;
	}

	.rds-tier-bottom-line__slide--live-welcome-note {
		flex: 0 0 min(82vw, 24rem);
		width: min(82vw, 24rem);
		height: 100svh;
		padding-right: 1.5rem;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__live-welcome-note-copy.body-copy {
		min-height: min(62svh, 30rem);
		padding: 1.5rem;
	}

	.rds-tier-bottom-line__slide--live-welcome-photo {
		height: 100svh;
		padding-right: 1.5rem;
	}

	.rds-tier-bottom-line__live-welcome-photo-media {
		width: min(82vw, 24rem);
		height: min(62svh, 30rem);
		border-radius: 1.25rem;
	}

	.rds-tier-bottom-line__track--live-story {
		display: flex;
		grid-template-columns: none;
		gap: 1.25rem;
		height: 100svh;
		padding: 0;
	}

	.rds-tier-bottom-line__live-story-card {
		height: auto;
		min-height: min(76svh, 34rem);
	}

	.rds-tier-bottom-line__live-story-card--intro {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto minmax(0, 1fr);
		flex: 0 0 100vw;
		width: 100vw;
		height: 100svh;
		gap: 0.875rem;
		padding: 1.5rem;
	}

	.rds-tier-bottom-line__live-story-card--text {
		flex: 0 0 min(74vw, 20rem);
		width: min(74vw, 20rem);
		padding: 1rem;
		border-radius: 1rem;
	}

	.rds-tier-bottom-line__live-story-card--media,
	.rds-tier-bottom-line__live-story-card--combo,
	.rds-tier-bottom-line__live-story-card--media-stack {
		flex: 0 0 min(82vw, 24rem);
		width: min(82vw, 24rem);
	}

	.rds-tier-bottom-line__live-story-card--combo {
		grid-template-rows: auto auto;
	}

	h2.rds-tier-bottom-line__live-story-heading {
		font-size: 2rem;
		line-height: 0.94;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__live-story-copy.body-copy {
		font-size: 1rem;
	}

	.rds-tier-bottom-line__live-story-card--intro .rds-tier-bottom-line__live-story-media {
		justify-self: center;
		width: auto;
		height: min(35svh, 18rem);
		transform: scale(1.08);
	}

	.rds-tier-bottom-line__live-story-card--outpost-mosaic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(0, 1fr));
		flex: 0 0 calc(164vw + 0.75rem);
		width: calc(164vw + 0.75rem);
		height: calc(100svh - 3rem);
		aspect-ratio: auto;
	}

	.rds-tier-bottom-line__live-story-card--outpost-group.rds-tier-bottom-line__live-story-card--outpost-mosaic .rds-tier-bottom-line__live-story-copy.body-copy {
		font-size: 1rem;
		line-height: 1.15;
	}

	.rds-tier-bottom-line__live-story-card--outpost-yard {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(0, 1fr));
		flex: 0 0 calc(246vw + 1.5rem);
		width: calc(246vw + 1.5rem);
		height: calc(100svh - 3rem);
		aspect-ratio: auto;
	}

	.rds-tier-bottom-line__live-story-card--outpost-yard .rds-tier-bottom-line__live-story-copy.body-copy {
		font-size: 1rem;
		line-height: 1.15;
	}

	.rds-tier-bottom-line__mixer {
		height: 100svh;
		min-height: 0;
	}

	.rds-tier-bottom-line__mixer-arrow {
		top: auto;
		bottom: 1.25rem;
		width: 3rem;
		height: 3rem;
		transform: none;
	}

	.rds-tier-bottom-line__outpost-carousel-arrow,
	.rds-tier-bottom-line__marquee-carousel-arrow,
	.rds-tier-bottom-line__welcome-inn-carousel-arrow {
		top: auto;
		bottom: 1.25rem;
		width: 3rem;
		height: 3rem;
		transform: none;
	}

	.rds-tier-bottom-line__mixer-arrow:hover,
	.rds-tier-bottom-line__mixer-arrow:focus-visible,
	.rds-tier-bottom-line__outpost-carousel-arrow:hover,
	.rds-tier-bottom-line__outpost-carousel-arrow:focus-visible,
	.rds-tier-bottom-line__marquee-carousel-arrow:hover,
	.rds-tier-bottom-line__marquee-carousel-arrow:focus-visible,
	.rds-tier-bottom-line__welcome-inn-carousel-arrow:hover,
	.rds-tier-bottom-line__welcome-inn-carousel-arrow:focus-visible {
		transform: scale(1.08);
	}

	.rds-tier-bottom-line__track--keynote-team {
		height: 100svh;
	}

	.rds-tier-bottom-line__keynote-slide {
		min-height: 100svh;
	}

	.rds-tier-bottom-line__keynote-slide--intro {
		align-content: center;
		padding: 1.5rem;
	}

	h2.rds-tier-bottom-line__keynote-heading {
		max-width: 10ch;
		font-size: clamp(2.75rem, 14vw, 4.25rem);
		line-height: 0.9;
	}

	.rds-tier-bottom-line__keynote-figures {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0;
		width: 100%;
		margin-top: -1rem;
	}

	.rds-tier-bottom-line__keynote-figure {
		flex-basis: auto;
	}

	.rds-tier-bottom-line__keynote-figure img {
		width: 130%;
		height: auto;
		max-width: none;
		max-height: 47svh;
	}

	.rds-tier-bottom-line__keynote-slide--phrases {
		align-content: center;
		padding: 1rem 0.875rem 1.5rem;
	}

	h2.rds-tier-bottom-line__keynote-heading--phrases {
		max-width: 14ch;
		font-size: clamp(2.25rem, 11.5vw, 3.75rem);
	}

	.rds-tier-bottom-line__keynote-phrase-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0.375rem;
		max-width: none;
		margin-top: 0.75rem;
	}

	.rds-tier-bottom-line__keynote-portrait {
		border-radius: 1rem 1rem 0 0;
	}

	.rds-tier-bottom-line__keynote-listen {
		width: 100%;
		min-height: 1.875rem;
		margin-top: 0.5rem;
		padding-inline: 0.25rem;
		border-width: 0.125rem;
		border-radius: 0.375rem;
		font-size: clamp(0.625rem, 2.8vw, 0.875rem);
	}

	.rds-tier-bottom-line__thought-starter {
		align-items: center;
		padding: 2rem 1.5rem;
	}

	.rds-tier-bottom-line__thought-starter-inner {
		width: min(100%, 24rem);
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__thought-starter-copy.body-copy {
		font-size: clamp(1.75rem, 7.6vw, 2.5rem);
		line-height: 1.18;
	}

	.rds-tier-bottom-line__track--keynote-stage {
		gap: 1rem;
		height: 100svh;
		padding: 0 1.5rem;
	}

	.rds-tier-bottom-line__keynote-stage-card {
		grid-template-rows: auto minmax(8rem, auto);
		flex-basis: min(82vw, 24rem);
		width: min(82vw, 24rem);
	}

	.rds-tier-bottom-line__keynote-stage-media {
		border-radius: 1.25rem;
	}

	.rds-tier-bottom-line__keynote-stage-caption {
		min-height: 8rem;
		padding: 1rem;
		border-radius: 1.25rem;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__keynote-stage-copy.body-copy {
		font-size: 0.875rem;
		line-height: 1.45;
	}

	.rds-tier-bottom-line__keynote-proof {
		padding: 2.25rem 1.5rem 3rem;
	}

	.rds-tier-bottom-line__keynote-proof::after {
		width: 1.25rem;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 46% 100%);
	}

	.rds-tier-bottom-line__keynote-proof-inner {
		gap: 1.75rem;
		width: min(100%, 24rem);
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__keynote-proof-copy.body-copy {
		max-width: 19rem;
		font-size: 1rem;
		line-height: 1.18;
	}

	.rds-tier-bottom-line__keynote-proof-stage {
		width: 100%;
	}

	.rds-tier-bottom-line__keynote-proof-quote {
		min-height: 18.25rem;
		padding: 1.25rem;
		border-radius: 1rem;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__keynote-proof-quote-copy.body-copy {
		font-size: clamp(2rem, 8.8vw, 2.625rem);
	}

	.rds-tier-bottom-line__keynote-proof-ariana {
		right: -1.5rem;
		width: clamp(11.5rem, 54vw, 15rem);
		max-height: 112%;
	}

	.rds-tier-bottom-line__track--lml-image-stack {
		gap: 1.25rem;
		padding: 1.25rem;
	}

	.rds-tier-bottom-line__lml-gallery-group {
		height: 78svh;
	}

	.rds-tier-bottom-line__lml-gallery-group--stack,
	.rds-tier-bottom-line__lml-gallery-group--feature {
		width: 82vw;
		min-width: 82vw;
	}

	.rds-tier-bottom-line__last-mile-bridge {
		align-items: flex-start;
		padding: 4.5rem 1.5rem 5rem;
	}

	.rds-tier-bottom-line__last-mile-bridge-inner {
		width: min(100%, 17.5rem);
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__last-mile-bridge-copy.body-copy {
		font-size: 1rem;
		line-height: 1.18;
	}

	.rds-tier-bottom-line__connective-refocus {
		padding: 3.75rem 1.5rem 4rem;
	}

	.rds-tier-bottom-line__connective-refocus-inner {
		width: min(100%, 23rem);
	}

	.rds-tier-bottom-line__connective-refocus-heading {
		margin-bottom: 1.5rem;
		font-size: clamp(2rem, 8.1vw, 2.625rem);
		line-height: 0.96;
	}

	.rds-tier-bottom-line .rds-tier-bottom-line__connective-refocus-copy.body-copy {
		max-width: 22rem;
		font-size: 1rem;
		line-height: 1.18;
	}

}

@media (prefers-reduced-motion: reduce) {
	.rds-tier-bottom-line {
		--rds-tier-bottom-gradient-y: 0%;
	}

	.rds-tier-bottom-line__keynote-listen.is-playing .rds-tier-bottom-line__keynote-listen-indicator {
		animation: none;
		opacity: 1;
	}
}