.rl-study {
	--study-ink: #17231d;
	--study-muted: #637066;
	--study-paper: #f5f5ee;
	--study-line: #dce1d7;
	--study-lime: #c9e64c;
	overflow: clip;
	background: #fff;
	color: var(--study-ink);
}

.rl-study-shell {
	width: min(1240px, calc(100% - 48px));
	margin-inline: auto;
}

.rl-study-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(42px, 6vw, 82px) 0 74px;
	background: var(--study-paper);
}

.rl-study-hero::before,
.rl-study-hero::after {
	position: absolute;
	z-index: -1;
	border: 1px solid rgba(37, 58, 42, .11);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.rl-study-hero::before {
	top: 12%;
	right: -9%;
	width: min(53vw, 680px);
	aspect-ratio: 1;
}

.rl-study-hero::after {
	top: 23%;
	right: -2%;
	width: min(39vw, 500px);
	aspect-ratio: 1;
}

.rl-study-kicker,
.rl-study-overline,
.rl-study-label,
.rl-study-facts-label,
.rl-study-related-type {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .13em;
	line-height: 1.5;
	text-transform: uppercase;
}

.rl-study-kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--study-muted);
}

.rl-study-kicker a {
	color: inherit;
	text-decoration: none;
}

.rl-study-kicker a:hover,
.rl-study-text-link:hover {
	color: #4b6414;
}

.rl-study-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	align-items: end;
	gap: clamp(32px, 8vw, 112px);
	margin-top: clamp(42px, 8vw, 108px);
}

.rl-study-hero-copy {
	max-width: 800px;
}

.rl-study-overline,
.rl-study-label {
	color: #5b741a;
}

.rl-study-hero h1 {
	max-width: 850px;
	margin: 18px 0 22px;
	color: var(--study-ink);
	font-size: clamp(50px, 8vw, 108px);
	font-weight: 600;
	letter-spacing: -.075em;
	line-height: .96;
	text-wrap: balance;
}

.rl-study-lede {
	max-width: 660px;
	margin: 0;
	color: #4f5c52;
	font-size: clamp(17px, 2vw, 21px);
	line-height: 1.6;
}

.rl-study-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
	margin-top: 30px;
}

.rl-study-button {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	gap: 18px;
	padding: 12px 19px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.rl-study-button:hover {
	transform: translateY(-2px);
}

.rl-study-button:focus-visible,
.rl-study-text-link:focus-visible,
.rl-study-page a:focus-visible,
.rl-study-related-card:focus-visible {
	outline: 3px solid #6f8d1d;
	outline-offset: 3px;
}

.rl-study-button--dark {
	background: var(--study-ink);
	color: #fff;
}

.rl-study-button--dark:hover {
	background: #344a3b;
	color: #fff;
}

.rl-study-button--light {
	border-color: #bbc5b6;
	background: rgba(255, 255, 255, .6);
	color: var(--study-ink);
}

.rl-study-button--light:hover {
	border-color: var(--study-ink);
	background: #fff;
	color: var(--study-ink);
}

.rl-study-facts {
	position: relative;
	z-index: 1;
	padding: 20px 21px 8px;
	border-top: 1px solid #b9c3b4;
}

.rl-study-facts-label {
	margin-bottom: 14px;
	color: var(--study-muted);
}

.rl-study-facts > div {
	display: grid;
	gap: 3px;
	padding: 12px 0;
	border-top: 1px solid var(--study-line);
}

.rl-study-facts span {
	color: var(--study-muted);
	font-size: 11px;
}

.rl-study-facts strong {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
}

.rl-study-hero-art {
	position: absolute;
	z-index: -1;
	top: 18%;
	right: max(4%, calc((100vw - 1280px) / 2));
	width: min(31vw, 390px);
	aspect-ratio: 1;
	border: 1px solid rgba(37, 58, 42, .16);
	border-radius: 50%;
	pointer-events: none;
}

.rl-study-art-orbit {
	position: absolute;
	inset: 12%;
	border: 1px solid rgba(37, 58, 42, .12);
	border-radius: 50%;
}

.rl-study-art-orbit--two {
	inset: 28%;
	background: radial-gradient(circle at 35% 30%, #e0ef9b, #b9d444 68%, #a5c436);
	box-shadow: 0 26px 60px rgba(104, 133, 40, .15);
}

.rl-study-art-sticker {
	position: absolute;
	right: 2%;
	bottom: 19%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border: 1px solid rgba(37, 58, 42, .18);
	border-radius: 3px;
	background: #fff;
	color: var(--study-ink);
	font-size: 12px;
	font-weight: 700;
	transform: rotate(-5deg);
}

.rl-study-art-sticker span {
	color: #7d9820;
	font-size: 19px;
}

.rl-study-hero-gallery {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: end;
	gap: clamp(12px, 2vw, 25px);
	max-width: 930px;
	margin: 65px auto 0;
	padding: 0 30px;
}

.rl-study-hero-screen {
	position: relative;
	margin: 0;
	overflow: hidden;
	border: 7px solid #fff;
	border-bottom-width: 14px;
	background: #e8eee1;
	box-shadow: 0 24px 50px rgba(23, 35, 29, .15);
	transform: rotate(-3deg);
}

.rl-study-hero-screen:nth-child(2) {
	z-index: 2;
	transform: translateY(-28px) rotate(2deg);
}

.rl-study-hero-screen:nth-child(3) {
	transform: rotate(4deg);
}

.rl-study-hero-screen img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	height: auto;
	object-fit: contain;
	background: #f5f6f1;
}

.rl-study-context {
	background: #f7f8f3;
}

.rl-study-context-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr);
	gap: clamp(40px, 10vw, 150px);
	align-items: end;
}

.rl-study-context-statement h2,
.rl-study-definition h2 {
	max-width: 720px;
	margin: 15px 0 0;
	color: var(--study-ink);
	font-size: clamp(38px, 6vw, 76px);
	font-weight: 500;
	letter-spacing: -.065em;
	line-height: 1;
}

.rl-study-context-copy {
	max-width: 470px;
	color: #4f5c52;
	font-size: 16px;
	line-height: 1.8;
}

.rl-study-context-copy p {
	margin: 0 0 20px;
}

.rl-study-context-copy p:last-child {
	margin-bottom: 0;
}

.rl-study-signal-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 75px;
}

.rl-study-signal {
	min-height: 205px;
	padding: 21px;
	border-top: 2px solid #a7c237;
	background: #fff;
}

.rl-study-signal span {
	color: #78931f;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
}

.rl-study-signal h3 {
	margin: 42px 0 9px;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -.025em;
}

.rl-study-signal p {
	margin: 0;
	color: var(--study-muted);
	font-size: 13px;
	line-height: 1.65;
}

.rl-study-definition {
	background: var(--study-ink);
	color: #fff;
}

.rl-study-definition-inner {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(280px, 1fr);
	gap: clamp(40px, 9vw, 150px);
	align-items: center;
}

.rl-study-definition .rl-study-label {
	color: #c9e64c;
}

.rl-study-definition h2 {
	color: #fff;
}

.rl-study-definition blockquote {
	margin: 0;
	padding-left: 28px;
	border-left: 2px solid #c9e64c;
	color: #e9f0e5;
	font-size: clamp(22px, 3vw, 38px);
	line-height: 1.35;
}

.rl-study-story-nav {
	position: sticky;
	z-index: 5;
	top: 0;
	border-bottom: 1px solid #e0e5dc;
	background: rgba(255, 255, 255, .94);
	backdrop-filter: blur(12px);
}

.rl-study-story-nav-inner {
	display: flex;
	align-items: center;
	gap: 25px;
	min-height: 55px;
	overflow-x: auto;
	scrollbar-width: none;
}

.rl-study-story-nav-inner::-webkit-scrollbar {
	display: none;
}

.rl-study-story-nav a {
	flex: none;
	padding: 19px 0 16px;
	border-bottom: 2px solid transparent;
	color: var(--study-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-decoration: none;
	text-transform: uppercase;
}

.rl-study-story-nav a:hover,
.rl-study-story-nav a[aria-current="true"] {
	border-bottom-color: #9ab72e;
	color: var(--study-ink);
}

.rl-study-story-progress {
	position: relative;
	display: block;
	width: 34px;
	height: 2px;
	flex: none;
	background: #dce3d6;
}

.rl-study-story-progress i {
	display: block;
	width: 0;
	height: 100%;
	background: #91aa28;
	transition: width .1s linear;
}

.rl-study-insight {
	display: grid;
	grid-template-columns: 58px minmax(0, 680px);
	gap: 20px;
	margin-top: 58px;
	padding: 27px 30px;
	border-left: 3px solid #a9c83a;
	background: #f0f3e7;
}

.rl-study-insight-mark {
	color: #9ab72e;
	font-family: Georgia, serif;
	font-size: 74px;
	line-height: .65;
}

.rl-study-insight .rl-study-label {
	margin-bottom: 10px;
}

.rl-study-insight p:not(.rl-study-label) {
	margin: 0;
	color: var(--study-ink);
	font-size: clamp(18px, 2.3vw, 26px);
	line-height: 1.45;
}

.rl-study-insight small {
	display: block;
	margin-top: 15px;
	color: var(--study-muted);
	font-size: 11px;
}

.rl-study-method {
	background: #fff;
}

.rl-study-method-intro {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(220px, .55fr);
	align-items: end;
	gap: clamp(32px, 8vw, 120px);
	margin-bottom: 42px;
}

.rl-study-method-note {
	max-width: 430px;
	margin: 0 0 4px;
	color: var(--study-muted);
	font-size: 14px;
	line-height: 1.75;
}

.rl-study-method-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--study-line);
	border-left: 1px solid var(--study-line);
}

.rl-study-method-card {
	min-height: 265px;
	padding: 21px 20px 24px;
	border-right: 1px solid var(--study-line);
	border-bottom: 1px solid var(--study-line);
}

.rl-study-method-card:nth-child(even) {
	background: #f3f5ec;
}

.rl-study-method-card > span {
	color: #78931f;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
}

.rl-study-method-card h3 {
	margin: 54px 0 10px;
	color: var(--study-ink);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.25;
}

.rl-study-method-card p {
	margin: 0;
	color: var(--study-muted);
	font-size: 13px;
	line-height: 1.7;
}

.rl-study-lenses {
	background: #f7f8f3;
}

.rl-study-lenses .rl-study-section-heading {
	max-width: 720px;
	margin-bottom: 42px;
}

.rl-study-lens-carousel {
	position: relative;
	overflow: hidden;
}

.rl-study-lens-track {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	padding: 2px 2px 20px;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.rl-study-lens-track::-webkit-scrollbar {
	display: none;
}

.rl-study-lens-card {
	display: flex;
	min-width: min(390px, 82vw);
	min-height: 330px;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
	border: 1px solid #d6ddd0;
	background: #fff;
	scroll-snap-align: start;
}

.rl-study-lens-card:nth-child(odd) {
	background: #dff09a;
}

.rl-study-lens-index {
	color: #648019;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
}

.rl-study-lens-card h3 {
	margin: auto 0 11px;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -.05em;
	line-height: 1.05;
}

.rl-study-lens-card p {
	max-width: 300px;
	margin: 0 0 24px;
	color: #526055;
	font-size: 14px;
	line-height: 1.65;
}

.rl-study-lens-card strong,
.rl-study-lens-card small {
	display: block;
}

.rl-study-lens-card strong {
	color: #5e741d;
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.rl-study-lens-card small {
	margin-top: 5px;
	color: #59665a;
	font-size: 12px;
	line-height: 1.5;
}

.rl-study-carousel-controls {
	display: flex;
	justify-content: flex-end;
	gap: 7px;
	margin-top: 14px;
}

.rl-study-carousel-controls button {
	display: grid;
	width: 43px;
	height: 43px;
	place-items: center;
	border: 1px solid #aebaa7;
	border-radius: 50%;
	background: #fff;
	color: var(--study-ink);
	cursor: pointer;
	font-size: 18px;
}

.rl-study-exploration {
	background: #fff;
}

.rl-study-exploration-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr);
	gap: clamp(35px, 9vw, 130px);
	align-items: end;
	margin-bottom: 48px;
}

.rl-study-exploration-intro p {
	max-width: 430px;
	margin: 0;
	color: var(--study-muted);
	font-size: 15px;
	line-height: 1.8;
}

.rl-study-exploration-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.rl-study-exploration-grid figure {
	margin: 0;
}

.rl-study-exploration-grid figure:nth-child(2) {
	transform: translateY(36px);
}

.rl-study-exploration-grid img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	border: 1px solid #dfe4da;
	background: #f5f6f1;
}

.rl-study-exploration-grid figcaption {
	display: grid;
	gap: 6px;
	padding: 14px 2px 0;
	color: var(--study-muted);
	font-size: 11px;
}

.rl-study-exploration-grid figcaption strong {
	color: var(--study-ink);
	font-size: 15px;
	font-weight: 600;
}

.rl-study-exploration-grid figcaption span {
	font-size: 13px;
	line-height: 1.65;
}

.rl-study-validation {
	background: var(--study-paper);
}

.rl-study-validation .rl-study-section-heading {
	max-width: 720px;
	margin-bottom: 43px;
}

.rl-study-before-after {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.rl-study-before-after > div {
	position: relative;
	padding: 14px 14px 20px;
	background: #fff;
}

.rl-study-before-after span {
	display: block;
	margin-bottom: 14px;
	color: #65735f;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.rl-study-before-after img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.rl-study-validation-note {
	max-width: 610px;
	margin: 22px 0 0;
	color: var(--study-muted);
	font-size: 12px;
	line-height: 1.7;
}

.rl-study-system {
	background: #fff;
}

.rl-study-system-grid {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(280px, .7fr);
	gap: clamp(40px, 10vw, 150px);
}

.rl-study-system-grid h2 {
	max-width: 650px;
	margin: 15px 0 0;
	color: var(--study-ink);
	font-size: clamp(38px, 5vw, 65px);
	font-weight: 500;
	letter-spacing: -.06em;
	line-height: 1.04;
}

.rl-study-system-copy {
	color: var(--study-muted);
	font-size: 15px;
	line-height: 1.8;
}

.rl-study-system-copy > p:first-child {
	margin-top: 0;
}

.rl-study-system-copy h3 {
	margin: 30px 0 13px;
	color: var(--study-ink);
	font-size: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.rl-study-ready .rl-study-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .55s ease, transform .55s ease;
}

.rl-study-ready .rl-study-reveal.is-visible {
	opacity: 1;
	transform: none;
}

.rl-study-section {
	padding: clamp(64px, 9vw, 118px) 0;
}

.rl-study-intro-grid,
.rl-study-journey-grid,
.rl-study-notes-grid {
	display: grid;
	grid-template-columns: minmax(220px, .75fr) minmax(0, 1fr);
	gap: clamp(36px, 8vw, 120px);
}

.rl-study-section-heading h2,
.rl-study-product-heading h2,
.rl-study-cta h2 {
	margin: 16px 0 0;
	color: var(--study-ink);
	font-size: clamp(34px, 5vw, 62px);
	font-weight: 500;
	letter-spacing: -.055em;
	line-height: 1.08;
	text-wrap: balance;
}

.rl-study-prose {
	max-width: 720px;
	color: #4f5c52;
	font-size: 16px;
	line-height: 1.8;
}

.rl-study-prose > :first-child {
	margin-top: 0;
}

.rl-study-prose > :last-child {
	margin-bottom: 0;
}

.rl-study-prose h3 {
	margin: 30px 0 7px;
	color: var(--study-ink);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.015em;
}

.rl-study-prose p {
	margin: 0 0 15px;
}

.rl-study-product,
.rl-study-pages,
.rl-study-related {
	background: #f7f8f3;
}

.rl-study-product-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 28px;
}

.rl-study-product-heading h2 {
	font-size: clamp(34px, 4.7vw, 58px);
}

.rl-study-text-link {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 12px;
	padding-bottom: 5px;
	border-bottom: 1px solid #9fa99b;
	color: var(--study-ink);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.rl-study-live-preview {
	overflow: hidden;
	border: 1px solid #d5dbd1;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 20px 55px rgba(26, 40, 30, .07);
}

.rl-study-live-preview summary {
	display: flex;
	min-height: 86px;
	align-items: center;
	gap: 17px;
	padding: 18px 22px;
	cursor: pointer;
	list-style: none;
}

.rl-study-live-preview summary::-webkit-details-marker {
	display: none;
}

.rl-study-preview-icon {
	display: grid;
	width: 43px;
	height: 43px;
	flex: none;
	place-items: center;
	border-radius: 50%;
	background: #eef4d9;
	color: #50661b;
	font-size: 20px;
}

.rl-study-live-preview summary strong,
.rl-study-live-preview summary small {
	display: block;
}

.rl-study-live-preview summary strong {
	color: var(--study-ink);
	font-size: 14px;
}

.rl-study-live-preview summary small {
	margin-top: 4px;
	color: var(--study-muted);
	font-size: 12px;
	line-height: 1.5;
}

.rl-study-preview-toggle {
	margin-left: auto;
	color: #536347;
	font-size: 24px;
	transition: transform .2s ease;
}

.rl-study-live-preview[open] .rl-study-preview-toggle {
	transform: rotate(45deg);
}

.rl-study-iframe-wrap {
	padding: 0 12px 12px;
}

.rl-study-iframe-wrap iframe {
	display: block;
	width: 100%;
	height: clamp(460px, 70vw, 780px);
	border: 1px solid #e1e4df;
	border-radius: 4px;
	background: #f8f9f6;
}

.rl-study-iframe-wrap p {
	margin: 9px 5px 0;
	color: var(--study-muted);
	font-size: 11px;
}

.rl-study-features {
	background: #fff;
}

.rl-study-section-heading--wide {
	max-width: 760px;
	margin-bottom: 38px;
}

.rl-study-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.rl-study-feature {
	min-height: 220px;
	padding: 23px 24px 25px;
	border: 1px solid var(--study-line);
	border-radius: 5px;
	background: #fff;
}

.rl-study-feature:nth-child(3n + 2) {
	background: #f2f5e9;
}

.rl-study-feature-index {
	color: #6b861a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
}

.rl-study-feature h3 {
	margin: 37px 0 9px;
	color: var(--study-ink);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.035em;
	line-height: 1.25;
}

.rl-study-feature p {
	margin: 0;
	color: var(--study-muted);
	font-size: 13px;
	line-height: 1.7;
}

.rl-study-journey {
	background: var(--study-paper);
}

.rl-study-steps {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rl-study-steps li {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 17px;
	padding: 0 0 25px;
	border-bottom: 1px solid #d9dfd2;
}

.rl-study-steps li + li {
	padding-top: 23px;
}

.rl-study-step-number {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid #aeb9a3;
	border-radius: 50%;
	color: #566b1d;
	font-size: 11px;
	font-weight: 700;
}

.rl-study-steps h3 {
	margin: 2px 0 5px;
	color: var(--study-ink);
	font-size: 17px;
	font-weight: 600;
}

.rl-study-steps p {
	margin: 0;
	color: var(--study-muted);
	font-size: 13px;
	line-height: 1.7;
}

.rl-study-pages {
	background: #fff;
}

.rl-study-page-count {
	flex: none;
	color: var(--study-muted);
	font-size: 12px;
}

.rl-study-page-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 26px 17px;
}

.rl-study-page:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.rl-study-page:first-child img {
	height: auto;
}

.rl-study-full-brief {
	margin-top: 38px;
	border-top: 1px solid var(--study-line);
	border-bottom: 1px solid var(--study-line);
}

.rl-study-full-brief summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 2px;
	color: var(--study-ink);
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	list-style: none;
}

.rl-study-full-brief summary::-webkit-details-marker {
	display: none;
}

.rl-study-full-brief summary span {
	color: #6a861b;
	font-size: 22px;
	font-weight: 400;
}

.rl-study-full-brief[open] summary span {
	transform: rotate(45deg);
}

.rl-study-full-brief-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	padding: 0 0 22px;
}

.rl-study-full-brief-grid a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid var(--study-line);
	background: #fff;
	color: var(--study-muted);
	font-size: 11px;
	text-decoration: none;
}

.rl-study-full-brief-grid a:hover {
	border-color: #9ab72e;
	color: var(--study-ink);
}

.rl-study-page {
	min-width: 0;
	margin: 0;
}

.rl-study-page a {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid #e2e5dc;
	border-radius: 5px;
	background: #f5f6f1;
}

.rl-study-page img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	background: #f5f6f1;
	transition: transform .35s ease;
}

.rl-study-page a:hover img {
	transform: scale(1.025);
}

.rl-study-page-zoom {
	position: absolute;
	right: 9px;
	bottom: 9px;
	display: grid;
	width: 31px;
	height: 31px;
	place-items: center;
	border-radius: 50%;
	background: rgba(23, 35, 29, .88);
	color: #fff;
	font-size: 16px;
	opacity: 0;
	transition: opacity .2s ease;
}

.rl-study-page a:hover .rl-study-page-zoom,
.rl-study-page a:focus-visible .rl-study-page-zoom {
	opacity: 1;
}

.rl-study-lightbox {
	position: fixed;
	z-index: 100000;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 30px;
	background: rgba(15, 23, 18, .88);
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease, visibility .2s ease;
}

body.rl-study-lightbox-open {
	overflow: hidden;
}

.rl-study-lightbox.is-open {
	opacity: 1;
	visibility: visible;
}

.rl-study-lightbox-content {
	position: relative;
	display: grid;
	max-width: min(1120px, 100%);
	max-height: 100%;
	place-items: center;
}

.rl-study-lightbox img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: calc(100vh - 100px);
	height: auto;
	background: #f5f6f1;
	box-shadow: 0 25px 80px rgba(0, 0, 0, .35);
}

.rl-study-lightbox-close {
	position: absolute;
	z-index: 1;
	top: -18px;
	right: -18px;
	display: grid;
	width: 43px;
	height: 43px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 50%;
	background: var(--study-lime);
	color: var(--study-ink);
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
}

.rl-study-lightbox-close:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.rl-study-lightbox-caption {
	margin: 14px 0 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.rl-study-page figcaption {
	padding-top: 8px;
	color: var(--study-muted);
	font-size: 11px;
}

.rl-study-notes {
	background: #f7f8f3;
}

.rl-study-disclaimer {
	margin-top: 22px !important;
	padding: 14px 16px;
	border-left: 3px solid #a8c634;
	background: #eef2e5;
	font-size: 13px;
}

.rl-study-tech {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rl-study-tech li {
	padding: 6px 11px;
	border: 1px solid #d3dbca;
	border-radius: 99px;
	background: #fff;
	color: #425244;
	font-size: 12px;
}

.rl-study-cta {
	padding: clamp(52px, 7vw, 86px) 0;
	background: var(--study-lime);
}

.rl-study-cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 35px;
}

.rl-study-cta .rl-study-label {
	color: #405318;
}

.rl-study-cta h2 {
	max-width: 720px;
	margin-top: 12px;
}

.rl-study-cta-inner > div > p:last-child {
	margin: 10px 0 0;
	color: #465238;
	font-size: 14px;
}

.rl-study-cta .rl-study-button {
	flex: none;
}

.rl-study-related {
	background: #f7f8f3;
}

.rl-study-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 13px;
}

.rl-study-related-card {
	position: relative;
	display: flex;
	min-height: 150px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 11px;
	padding: 21px;
	border: 1px solid #d9dfd5;
	border-radius: 4px;
	background: #fff;
	color: var(--study-ink);
	text-decoration: none;
	transition: border-color .2s ease, transform .2s ease;
}

.rl-study-related-card:hover {
	transform: translateY(-3px);
	border-color: #91a94a;
	color: var(--study-ink);
}

.rl-study-related-type {
	color: #69775f;
	font-size: 9px;
}

.rl-study-related-card strong {
	max-width: calc(100% - 30px);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
}

.rl-study-related-arrow {
	position: absolute;
	right: 19px;
	bottom: 20px;
	color: #5f761d;
	font-size: 17px;
}

@media (max-width: 900px) {
	.rl-study-hero-grid {
		grid-template-columns: minmax(0, 1fr) 220px;
		gap: 32px;
	}

	.rl-study-hero-art {
		top: 25%;
		right: 1%;
		width: 38vw;
		opacity: .65;
	}

	.rl-study-page-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rl-study-page:first-child {
		grid-column: span 2;
	}
}

@media (max-width: 680px) {
	.rl-study-shell {
		width: min(100% - 36px, 560px);
	}

	.rl-study-hero {
		padding-top: 33px;
		padding-bottom: 50px;
	}

	.rl-study-hero-grid,
	.rl-study-intro-grid,
	.rl-study-journey-grid,
	.rl-study-notes-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.rl-study-hero-gallery {
		gap: 8px;
		margin-top: 45px;
		padding: 0;
	}

	.rl-study-hero-screen {
		border-width: 4px;
		border-bottom-width: 8px;
	}

	.rl-study-hero-screen:nth-child(2) {
		transform: translateY(-14px) rotate(2deg);
	}

	.rl-study-context-grid,
	.rl-study-definition-inner,
	.rl-study-exploration-intro,
	.rl-study-system-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.rl-study-signal-grid {
		grid-template-columns: 1fr;
		margin-top: 42px;
	}

	.rl-study-exploration-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.rl-study-exploration-grid figure:nth-child(2) {
		transform: none;
	}

	.rl-study-before-after {
		gap: 10px;
	}

	.rl-study-full-brief-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rl-study-method-intro {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.rl-study-hero-grid {
		margin-top: 58px;
	}

	.rl-study-hero h1 {
		font-size: clamp(48px, 13vw, 72px);
	}

	.rl-study-hero-art {
		top: 15%;
		right: -16%;
		width: 61vw;
		opacity: .34;
	}

	.rl-study-facts {
		max-width: none;
		padding: 14px 0 0;
	}

	.rl-study-facts > div {
		grid-template-columns: 115px minmax(0, 1fr);
		align-items: start;
	}

	.rl-study-section {
		padding: 62px 0;
	}

	.rl-study-story-nav-inner {
		gap: 18px;
	}

	.rl-study-story-nav a {
		font-size: 10px;
	}

	.rl-study-insight {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 12px;
		margin-top: 38px;
		padding: 22px 18px;
	}

	.rl-study-insight-mark {
		font-size: 52px;
	}

	.rl-study-section-heading h2,
	.rl-study-product-heading h2,
	.rl-study-cta h2 {
		font-size: clamp(34px, 9vw, 48px);
	}

	.rl-study-product-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	.rl-study-feature-grid,
	.rl-study-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rl-study-method-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rl-study-feature {
		min-height: 185px;
		padding: 18px;
	}

	.rl-study-feature h3 {
		margin-top: 28px;
		font-size: 17px;
	}

	.rl-study-page-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 12px;
	}

	.rl-study-page:first-child {
		grid-column: span 2;
		grid-row: auto;
	}

	.rl-study-page-zoom {
		opacity: 1;
	}

	.rl-study-lightbox {
		padding: 24px 18px;
	}

	.rl-study-lightbox-close {
		top: -14px;
		right: -8px;
	}

	.rl-study-cta-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 24px;
	}
}

@media (max-width: 390px) {
	.rl-study-shell {
		width: min(100% - 28px, 560px);
	}

	.rl-study-feature-grid,
	.rl-study-related-grid,
	.rl-study-method-grid {
		grid-template-columns: 1fr;
	}

	.rl-study-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.rl-study-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rl-study *,
	.rl-study *::before,
	.rl-study *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}
