:root {
	--color-ink: #171817;
	--color-forest: #1f2320;
	--color-green: var(--color-forest);
	--color-paper: #f7f6f2;
	--color-white: #fff;
	--color-black: #000;
	--color-body: #383c36;
	--color-muted: #62665f;
	--color-soft-gray: #e0e0e0;
	--color-chrome: #e6e2d8;
	--color-cream: #f4f1e9;
	--color-line: var(--ink-20);
	--color-gold: #c8b68c;

	--status-success-bg: #edf7f2;
	--status-success-border: #c8dfd3;
	--status-success-text: #286149;
	--status-error-text: #7e2d23;
	--status-error-line: var(--error-red-70);
	--status-error-bg: var(--error-red-10);
	--status-disabled-bg: #6f736b;
	--status-green: var(--status-success-text);
	--error-red: var(--status-error-text);
	--color-bronze-light: #9a8148;
	--color-bronze: #7b6a43;
	--color-bronze-dark: #6f5b33;
	--old-gold: var(--color-bronze-light);
	--dark-brass: var(--color-bronze-dark);

	--gradient-gold-rule: linear-gradient(90deg, rgba(200, 182, 140, 0), var(--gold-80), rgba(200, 182, 140, 0));
	--gradient-ink-photo-overlay:
		linear-gradient(90deg, var(--ink-95) 0%, var(--ink-90) 32%, var(--ink-50) 62%, var(--ink-20) 100%),
		linear-gradient(180deg, var(--ink-40) 0%, var(--ink-10) 48%, var(--ink-60) 100%);
	--gradient-forest-drawer: linear-gradient(180deg, var(--color-forest), var(--color-ink));
	--gradient-product-transition-band:
		linear-gradient(90deg, var(--black-70), var(--color-forest) 18%, var(--color-forest) 82%, var(--black-70)),
		var(--color-forest);

	--black-rgb: 0, 0, 0;
	--black-05: rgba(var(--black-rgb), .05);
	--black-10: rgba(var(--black-rgb), .10);
	--black-20: rgba(var(--black-rgb), .20);
	--black-30: rgba(var(--black-rgb), .30);
	--black-40: rgba(var(--black-rgb), .40);
	--black-50: rgba(var(--black-rgb), .50);
	--black-60: rgba(var(--black-rgb), .60);
	--black-70: rgba(var(--black-rgb), .70);
	--black-80: rgba(var(--black-rgb), .80);
	--black-90: rgba(var(--black-rgb), .90);
	--black-95: rgba(var(--black-rgb), .95);
	--white-rgb: 255, 255, 255;
	--white-05: rgba(var(--white-rgb), .05);
	--white-10: rgba(var(--white-rgb), .10);
	--white-20: rgba(var(--white-rgb), .20);
	--white-30: rgba(var(--white-rgb), .30);
	--white-40: rgba(var(--white-rgb), .40);
	--white-50: rgba(var(--white-rgb), .50);
	--white-60: rgba(var(--white-rgb), .60);
	--white-70: rgba(var(--white-rgb), .70);
	--white-80: rgba(var(--white-rgb), .80);
	--white-90: rgba(var(--white-rgb), .90);
	--white-95: rgba(var(--white-rgb), .95);
	--ink-rgb: 23, 24, 23;
	--ink-05: rgba(var(--ink-rgb), .05);
	--ink-10: rgba(var(--ink-rgb), .10);
	--ink-20: rgba(var(--ink-rgb), .20);
	--ink-30: rgba(var(--ink-rgb), .30);
	--ink-40: rgba(var(--ink-rgb), .40);
	--ink-50: rgba(var(--ink-rgb), .50);
	--ink-60: rgba(var(--ink-rgb), .60);
	--ink-70: rgba(var(--ink-rgb), .70);
	--ink-80: rgba(var(--ink-rgb), .80);
	--ink-90: rgba(var(--ink-rgb), .90);
	--ink-95: rgba(var(--ink-rgb), .95);
	--forest-green-rgb: 31, 35, 32;
	--forest-green-05: rgba(var(--forest-green-rgb), .05);
	--forest-green-10: rgba(var(--forest-green-rgb), .10);
	--forest-green-20: rgba(var(--forest-green-rgb), .20);
	--forest-green-30: rgba(var(--forest-green-rgb), .30);
	--forest-green-40: rgba(var(--forest-green-rgb), .40);
	--forest-green-50: rgba(var(--forest-green-rgb), .50);
	--forest-green-60: rgba(var(--forest-green-rgb), .60);
	--forest-green-70: rgba(var(--forest-green-rgb), .70);
	--forest-green-80: rgba(var(--forest-green-rgb), .80);
	--forest-green-90: rgba(var(--forest-green-rgb), .90);
	--forest-green-95: rgba(var(--forest-green-rgb), .95);
	--gold-rgb: 200, 182, 140;
	--gold-05: rgba(var(--gold-rgb), .05);
	--gold-10: rgba(var(--gold-rgb), .10);
	--gold-20: rgba(var(--gold-rgb), .20);
	--gold-30: rgba(var(--gold-rgb), .30);
	--gold-40: rgba(var(--gold-rgb), .40);
	--gold-50: rgba(var(--gold-rgb), .50);
	--gold-60: rgba(var(--gold-rgb), .60);
	--gold-70: rgba(var(--gold-rgb), .70);
	--gold-80: rgba(var(--gold-rgb), .80);
	--gold-90: rgba(var(--gold-rgb), .90);
	--gold-95: rgba(var(--gold-rgb), .95);
	--paper-rgb: 247, 246, 242;
	--paper-05: rgba(var(--paper-rgb), .05);
	--paper-10: rgba(var(--paper-rgb), .10);
	--paper-20: rgba(var(--paper-rgb), .20);
	--paper-30: rgba(var(--paper-rgb), .30);
	--paper-40: rgba(var(--paper-rgb), .40);
	--paper-50: rgba(var(--paper-rgb), .50);
	--paper-60: rgba(var(--paper-rgb), .60);
	--paper-70: rgba(var(--paper-rgb), .70);
	--paper-80: rgba(var(--paper-rgb), .80);
	--paper-90: rgba(var(--paper-rgb), .90);
	--paper-95: rgba(var(--paper-rgb), .95);
	--cream-rgb: 244, 241, 233;
	--cream-05: rgba(var(--cream-rgb), .05);
	--cream-10: rgba(var(--cream-rgb), .10);
	--cream-20: rgba(var(--cream-rgb), .20);
	--cream-30: rgba(var(--cream-rgb), .30);
	--cream-40: rgba(var(--cream-rgb), .40);
	--cream-50: rgba(var(--cream-rgb), .50);
	--cream-60: rgba(var(--cream-rgb), .60);
	--cream-70: rgba(var(--cream-rgb), .70);
	--cream-80: rgba(var(--cream-rgb), .80);
	--cream-90: rgba(var(--cream-rgb), .90);
	--cream-95: rgba(var(--cream-rgb), .95);
	--soft-gray-rgb: 224, 224, 224;
	--soft-gray-05: rgba(var(--soft-gray-rgb), .05);
	--soft-gray-10: rgba(var(--soft-gray-rgb), .10);
	--soft-gray-20: rgba(var(--soft-gray-rgb), .20);
	--soft-gray-30: rgba(var(--soft-gray-rgb), .30);
	--soft-gray-40: rgba(var(--soft-gray-rgb), .40);
	--soft-gray-50: rgba(var(--soft-gray-rgb), .50);
	--soft-gray-60: rgba(var(--soft-gray-rgb), .60);
	--soft-gray-70: rgba(var(--soft-gray-rgb), .70);
	--soft-gray-80: rgba(var(--soft-gray-rgb), .80);
	--soft-gray-90: rgba(var(--soft-gray-rgb), .90);
	--soft-gray-95: rgba(var(--soft-gray-rgb), .95);
	--status-green-rgb: 40, 97, 73;
	--status-green-05: rgba(var(--status-green-rgb), .05);
	--status-green-10: rgba(var(--status-green-rgb), .10);
	--status-green-20: rgba(var(--status-green-rgb), .20);
	--status-green-30: rgba(var(--status-green-rgb), .30);
	--status-green-40: rgba(var(--status-green-rgb), .40);
	--status-green-50: rgba(var(--status-green-rgb), .50);
	--status-green-60: rgba(var(--status-green-rgb), .60);
	--status-green-70: rgba(var(--status-green-rgb), .70);
	--status-green-80: rgba(var(--status-green-rgb), .80);
	--status-green-90: rgba(var(--status-green-rgb), .90);
	--status-green-95: rgba(var(--status-green-rgb), .95);
	--error-red-rgb: 126, 45, 35;
	--error-red-05: rgba(var(--error-red-rgb), .05);
	--error-red-10: rgba(var(--error-red-rgb), .10);
	--error-red-20: rgba(var(--error-red-rgb), .20);
	--error-red-30: rgba(var(--error-red-rgb), .30);
	--error-red-40: rgba(var(--error-red-rgb), .40);
	--error-red-50: rgba(var(--error-red-rgb), .50);
	--error-red-60: rgba(var(--error-red-rgb), .60);
	--error-red-70: rgba(var(--error-red-rgb), .70);
	--error-red-80: rgba(var(--error-red-rgb), .80);
	--error-red-90: rgba(var(--error-red-rgb), .90);
	--error-red-95: rgba(var(--error-red-rgb), .95);
	--old-gold-rgb: 154, 129, 72;
	--old-gold-05: rgba(var(--old-gold-rgb), .05);
	--old-gold-10: rgba(var(--old-gold-rgb), .10);
	--old-gold-20: rgba(var(--old-gold-rgb), .20);
	--old-gold-30: rgba(var(--old-gold-rgb), .30);
	--old-gold-40: rgba(var(--old-gold-rgb), .40);
	--old-gold-50: rgba(var(--old-gold-rgb), .50);
	--old-gold-60: rgba(var(--old-gold-rgb), .60);
	--old-gold-70: rgba(var(--old-gold-rgb), .70);
	--old-gold-80: rgba(var(--old-gold-rgb), .80);
	--old-gold-90: rgba(var(--old-gold-rgb), .90);
	--old-gold-95: rgba(var(--old-gold-rgb), .95);
	--dark-brass-rgb: 111, 91, 51;
	--dark-brass-05: rgba(var(--dark-brass-rgb), .05);
	--dark-brass-10: rgba(var(--dark-brass-rgb), .10);
	--dark-brass-20: rgba(var(--dark-brass-rgb), .20);
	--dark-brass-30: rgba(var(--dark-brass-rgb), .30);
	--dark-brass-40: rgba(var(--dark-brass-rgb), .40);
	--dark-brass-50: rgba(var(--dark-brass-rgb), .50);
	--dark-brass-60: rgba(var(--dark-brass-rgb), .60);
	--dark-brass-70: rgba(var(--dark-brass-rgb), .70);
	--dark-brass-80: rgba(var(--dark-brass-rgb), .80);
	--dark-brass-90: rgba(var(--dark-brass-rgb), .90);
	--dark-brass-95: rgba(var(--dark-brass-rgb), .95);
	--font-display: Oswald, "Arial Narrow", Arial, sans-serif;
	--font-body: "Open Sans", Arial, sans-serif;
	--header-height: 40px;
	--drawer-width: min(82vw, 360px);
	--jra-cursor-zoom-in: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%3E%3Cfilter%20id='s'%20x='-40%25'%20y='-40%25'%20width='180%25'%20height='180%25'%3E%3CfeDropShadow%20dx='0'%20dy='1'%20stdDeviation='1.15'%20flood-color='%23000000'%20flood-opacity='.72'/%3E%3C/filter%3E%3Cg%20filter='url(%23s)'%3E%3Cpath%20d='M10.75%204.75a6%206%200%201%200%200%2012%206%206%200%200%200%200-12Z'%20fill='none'%20stroke='%23ffffff'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M15.25%2015.25%2022.5%2022.5M10.75%208.25v5M8.25%2010.75h5'%20fill='none'%20stroke='%23ffffff'%20stroke-width='1'%20stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") 14 14, zoom-in;
}

@font-face {
	font-display: block;
	font-family: "ElegantIcons";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/elegant-icons/ElegantIcons.eot");
	src: url("../fonts/elegant-icons/ElegantIcons.eot?#iefix") format("embedded-opentype"),
		url("../fonts/elegant-icons/ElegantIcons.woff") format("woff"),
		url("../fonts/elegant-icons/ElegantIcons.ttf") format("truetype"),
		url("../fonts/elegant-icons/ElegantIcons.svg#ElegantIcons") format("svg");
}

.arrow_right {
	-webkit-font-smoothing: antialiased;
	font-family: "ElegantIcons";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}

.arrow_right::before {
	content: "\24";
}

* {
	box-sizing: border-box;
}

html {
	background: var(--color-forest);
	scroll-behavior: smooth;
	scrollbar-width: none;
}

html.jra-disable-smooth-scroll {
	scroll-behavior: auto !important;
}

body {
	background: var(--color-white);
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
	min-height: 100vh;
	-ms-overflow-style: none;
	overflow-x: hidden;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
	display: none;
	height: 0;
	width: 0;
}

body::before {
	background: linear-gradient(180deg, var(--color-gold), var(--color-cream), var(--color-gold));
	content: "";
	height: var(--jra-scroll-progress, 0%);
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 3px;
	z-index: 70;
}

.jra-page {
	background: var(--color-white);
	overflow: hidden;
}

body.page-id-10 .jra-page {
	overflow-x: clip;
	overflow-y: visible;
}

body.page-id-10 .jra-site-footer {
	position: relative;
	z-index: 0;
}

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

a {
	color: inherit;
	text-decoration: none;
}

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

.jra-header {
	background: var(--color-forest);
	height: var(--header-height);
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateY(-100%);
	transition: transform .32s ease;
	z-index: 50;
}

body.jra-header-visible .jra-header,
body.single-portfolio_page .jra-header,
body.single-post .jra-header,
body.jra-contact-drawer-open .jra-header,
body.jra-menu-open .jra-header {
	transform: translateY(0);
}

.jra-menu-toggle,
.jra-home-mark {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--color-chrome);
	cursor: pointer;
	display: flex;
	height: var(--header-height);
	justify-content: center;
	padding: 0;
	position: fixed;
	top: 0;
	width: 44px;
	z-index: 60;
}

.jra-home-mark {
	z-index: 52;
}

.jra-menu-toggle {
	left: 8px;
	transition: transform .42s cubic-bezier(.22, .61, .36, 1);
}

.jra-menu-toggle::before,
.jra-menu-toggle::after {
	background: currentColor;
	content: "";
	height: 1px;
	left: 12px;
	position: absolute;
	transition: top .24s ease, transform .24s ease, box-shadow .24s ease;
	width: 20px;
}

.jra-menu-toggle::before {
	box-shadow: 0 6px 0 currentColor;
	top: 13px;
}

.jra-menu-toggle::after {
	top: 25px;
}

body.jra-menu-open .jra-menu-toggle {
	transform: translateX(calc(var(--drawer-width) - 60px));
}

body.jra-menu-open .jra-menu-toggle::before {
	box-shadow: none;
	top: 20px;
	transform: rotate(45deg);
}

body.jra-menu-open .jra-menu-toggle::after {
	top: 20px;
	transform: rotate(-45deg);
}

.jra-home-mark {
	left: 50%;
	transform: translateX(-50%);
}

.jra-home-mark span {
	background: var(--color-gold);
	display: block;
	filter: brightness(1);
	height: 20px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='25' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: .78;
	transition: filter .22s ease, opacity .22s ease;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='25' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 20px;
}

.jra-home-mark:hover span,
.jra-home-mark:focus-visible span {
	filter: brightness(1);
	opacity: 1;
}

.jra-drawer {
	background: var(--gradient-forest-drawer);
	display: flex;
	flex-direction: column;
	height: 100vh;
	left: 0;
	overflow-y: auto;
	padding: var(--header-height) 0 42px;
	pointer-events: none;
	position: fixed;
	top: 0;
	transform: translateX(-100%);
	transition: transform .42s cubic-bezier(.22, .61, .36, 1), box-shadow .42s ease;
	width: var(--drawer-width);
	z-index: 55;
}

body.jra-menu-open .jra-drawer {
	box-shadow: 18px 0 44px var(--black-40);
	pointer-events: auto;
	transform: translateX(0);
}

.jra-nav-list,
.jra-nav-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jra-nav-list {
	border-bottom: 1px solid var(--white-10);
	border-top: 1px solid var(--white-10);
}

.jra-nav-list > li + li {
	border-top: 1px solid var(--white-10);
}

.jra-nav-list a {
	color: var(--color-soft-gray);
	display: block;
	font-family: var(--font-body);
	font-size: 17px;
	font-weight: 200;
	letter-spacing: .08em;
	line-height: 1.25;
	padding: 17px 42px 17px 34px;
	text-transform: none;
}

.jra-nav-list a:hover,
.jra-nav-list .current-menu-item > a {
	color: var(--color-gold);
}

.jra-site-footer {
	background: var(--color-forest);
	color: var(--white-70);
	padding: 28px 24px;
	text-align: center;
}

.jra-site-footer.is-settling {
	animation: jra-footer-settle .34s cubic-bezier(.22, .61, .36, 1) both;
}

.jra-site-footer p {
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .18em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

@keyframes jra-footer-settle {
	0% {
		transform: translate3d(0, 18px, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

.jra-footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	justify-content: center;
}

.jra-footer-links a {
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 200;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.jra-footer-links a:hover {
	color: var(--color-gold);
}

.jra-hero,
.jra-store-hero,
.jra-journal-hero {
	background: var(--color-ink);
	color: var(--color-white);
	min-height: 100svh;
	position: relative;
}

.jra-hero-media,
.jra-hero-slider,
.jra-hero-slide,
.jra-hero-slide img,
.jra-hero-slide video,
.jra-hero-media video,
.jra-hero-shade,
.jra-hero-scroll-fade,
.jra-store-hero > img,
.jra-journal-hero > img {
	inset: 0;
	position: absolute;
}

.jra-hero-media,
.jra-hero-slider {
	backface-visibility: hidden;
	transform: translateZ(0);
	will-change: transform;
	z-index: 0;
}

.jra-hero-slide {
	opacity: 0;
	overflow: hidden;
	transition: opacity 1.35s ease;
}

.jra-hero-slide:first-child,
.jra-hero-slide.is-active {
	opacity: 1;
}

.jra-hero-slider.is-ready .jra-hero-slide:first-child {
	opacity: 0;
}

.jra-hero-slider.is-ready .jra-hero-slide.is-active,
.jra-hero-slide:only-child {
	opacity: 1;
}

.jra-hero-slide img,
.jra-hero-slide video,
.jra-hero-media video,
.jra-store-hero > img,
.jra-journal-hero > img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-hero-shade,
.jra-store-hero::after,
.jra-journal-hero::after {
	background: linear-gradient(180deg, var(--black-40), var(--black-20) 42%, var(--black-70));
	content: "";
	inset: 0;
	position: absolute;
}

.jra-hero-shade {
	backface-visibility: hidden;
	transform: translateZ(0);
	z-index: 1;
}

.jra-hero-scroll-fade {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--black-10) 42%, var(--black-80) 72%, var(--color-black) 100%);
	opacity: var(--jra-hero-scroll-fade, 0);
	pointer-events: none;
	transform: translateZ(0);
	transition: opacity .08s linear;
	z-index: 4;
}

.jra-hero-brand,
.jra-hero-title,
.jra-store-hero-copy,
.jra-journal-hero-copy {
	position: relative;
	z-index: 2;
}

.jra-hero-brand {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(35vw, 180px);
}

.jra-hero-title {
	bottom: 10vh;
	left: 24px;
	position: absolute;
	right: 24px;
	text-align: center;
}

.jra-hero-title h1,
.jra-store-hero h1,
.jra-journal-hero h1,
.jra-print-specs h2:not(.jra-white-section-title),
.jra-about h2,
.jra-purchase-callout h2,
.jra-page-article h1 {
	font-family: var(--font-display);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.08;
	margin: 0;
	text-transform: uppercase;
}

.jra-hero-title h1 {
	font-size: clamp(16px, 2.4vw, 32px);
	letter-spacing: .28em;
}

.jra-arrow-link {
	border: 1px solid var(--gold-70);
	border-radius: 50%;
	display: inline-block;
	height: 42px;
	margin-top: 24px;
	position: relative;
	width: 42px;
}

.jra-arrow-link::before {
	border-bottom: 2px solid var(--color-gold);
	border-right: 2px solid var(--color-gold);
	content: "";
	height: 10px;
	left: 14px;
	position: absolute;
	top: 12px;
	transform: rotate(45deg);
	width: 10px;
}

.jra-about {
	align-items: center;
	background: var(--color-soft-gray);
	display: grid;
	gap: clamp(32px, 6vw, 80px);
	grid-template-columns: minmax(180px, 320px) minmax(0, 640px);
	justify-content: center;
	min-height: 62vh;
	padding: clamp(72px, 10vw, 140px) 24px;
}

.jra-about-image {
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
}

.jra-about-image img {
	aspect-ratio: 1;
	object-fit: cover;
}

.jra-about h2 {
	font-size: clamp(38px, 7vw, 88px);
}

.jra-selected-work {
	background: var(--color-black);
}

.jra-home-gallery-band {
	background: var(--color-black);
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.jra-home-purchase-collage {
	--jra-purchase-parallax-progress: 0;
	--jra-purchase-bg-y: 0px;
	background: var(--color-black);
	isolation: isolate;
	overflow: hidden;
	position: relative;
}

.jra-home-purchase-collage::before {
	background: radial-gradient(ellipse at center, var(--forest-green-20), rgba(0, 0, 0, 0) 62%);
	content: "";
	inset: 18% 0;
	opacity: calc(.2 + (var(--jra-purchase-parallax-progress) * .38));
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.jra-home-gallery-band::before {
	background:
		linear-gradient(180deg, var(--black-50), rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 82%, var(--black-70)),
		linear-gradient(90deg, var(--black-40), rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 82%, var(--black-40));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.jra-home-gallery-grid {
	max-width: none;
	position: relative;
	z-index: 1;
}

.jra-home-gallery-grid .jra-gallery-card {
	display: none;
}

.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="0"],
.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="1"],
.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="2"] {
	display: block;
}

.jra-home-gallery-grid .jra-gallery-card__image {
	cursor: default;
}

.jra-home-gallery-grid .jra-gallery-card__image img {
	filter: brightness(.74) saturate(.94) contrast(1.04);
	object-fit: contain;
}

.jra-home-gallery-grid .jra-gallery-card__image:hover img,
.jra-home-gallery-grid .jra-gallery-card__image:focus-visible img {
	filter: brightness(.74) saturate(.94) contrast(1.04);
	transform: none;
}

@media (min-width: 1001px) {
	.jra-home-purchase-collage {
		min-height: 0;
		padding: 0;
	}

	.jra-home-gallery-band {
		bottom: auto;
		left: auto;
		min-height: 0;
		position: relative;
		right: auto;
		top: auto;
		transform: translate3d(0, var(--jra-purchase-bg-y), 0);
		will-change: transform;
	}

	.jra-home-purchase-collage .jra-purchase-callout {
		left: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.jra-home-gallery-band::before {
		background:
			linear-gradient(180deg, var(--black-70) 0%, var(--black-60) 8%, var(--black-20) 30%, var(--black-20) 66%, var(--black-60) 92%, var(--black-70) 100%),
			linear-gradient(90deg, var(--black-80), var(--black-20) 20%, var(--black-10) 50%, var(--black-20) 80%, var(--black-80));
		z-index: 3;
	}

	.jra-home-gallery-band:not(.is-secondary)::before {
		background:
			linear-gradient(180deg, var(--black-10) 0%, var(--black-05) 18%, var(--black-10) 50%, var(--black-30) 88%, var(--black-40) 100%),
			linear-gradient(90deg, var(--black-50), var(--black-10) 20%, var(--black-05) 50%, var(--black-10) 80%, var(--black-50));
	}

	.jra-home-gallery-band.is-secondary::before {
		background:
			linear-gradient(180deg, var(--black-40) 0%, var(--black-30) 12%, var(--black-10) 42%, var(--black-05) 72%, var(--black-30) 100%),
			linear-gradient(90deg, var(--black-50), var(--black-10) 20%, var(--black-05) 50%, var(--black-10) 80%, var(--black-50));
	}

	.jra-galleries-grid.jra-home-gallery-grid {
		gap: 1px;
		margin: 0;
		overflow: visible;
		width: 100%;
	}

	.jra-home-gallery-grid.is-pending-layout {
		min-height: 0;
		opacity: 1;
	}

	.jra-home-gallery-grid .jra-gallery-card,
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row] {
		display: block;
	}

	.jra-home-gallery-grid .jra-gallery-card__image img {
		filter: brightness(.6) saturate(.86) contrast(1.08);
	}
}

/* Marketing portfolio: above-the-fold category gallery and reusable viewer. */
.page-template-page-marketing-portfolio .jra-header {
	background: var(--forest-green-95);
	transform: translateY(0);
}

.page-template-page-marketing-portfolio .jra-page {
	background: var(--color-ink);
}

.jra-marketing-portfolio {
	background:
		radial-gradient(circle at 84% 5%, var(--gold-10), transparent 26%),
		linear-gradient(145deg, var(--color-forest), var(--color-ink));
	color: var(--color-cream);
	display: flex;
	flex-direction: column;
	gap: clamp(14px, 2vh, 24px);
	height: 100svh;
	min-height: 100svh;
	overflow-x: clip;
	padding: calc(var(--header-height) + clamp(22px, 3vh, 36px)) clamp(20px, 4.5vw, 72px) clamp(16px, 2.4vh, 30px);
}

.jra-mp-intro {
	display: block;
	margin: 0 auto;
	max-width: 1500px;
	text-align: center;
	width: 100%;
}

.jra-mp-kicker,
.jra-mp-details__eyebrow {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .18em;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.jra-mp-intro h1 {
	font-family: var(--font-display);
	font-size: clamp(42px, 5vw, 74px);
	font-weight: 400;
	letter-spacing: .015em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.jra-mp-categories {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 10px;
	margin: 0 auto;
	max-width: 1500px;
	min-height: 0;
	width: 100%;
}

.jra-mp-category-slider {
	background: var(--color-ink);
	border-bottom: 1px solid var(--gold-30);
	border-top: 1px solid var(--gold-30);
	box-shadow: 0 18px 48px var(--black-45);
	flex: 1 1 auto;
	isolation: isolate;
	min-height: clamp(280px, 44vh, 500px);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-category-slider__track {
	display: flex;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	touch-action: pan-x;
	width: 100%;
}

.jra-mp-category-slider__track::-webkit-scrollbar,
.jra-mp-category-filmstrip::-webkit-scrollbar {
	display: none;
}

.jra-mp-category-slider .jra-mp-card {
	box-shadow: none;
	flex: 0 0 100%;
	grid-column: auto;
	height: 100%;
	min-width: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	width: 100%;
}

.jra-mp-category-slider .jra-mp-card > img {
	filter: blur(2px);
	transform: scale(1.025);
}

.jra-mp-card__mosaic {
	display: grid;
	filter: blur(2px);
	gap: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	inset: -3px;
	overflow: hidden;
	position: absolute;
	transform: scale(1.025);
	transition: transform .55s cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
}

.jra-mp-card__mosaic-slide {
	background: var(--color-ink);
	display: block;
	min-height: 0;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.jra-mp-card__mosaic-slide::before {
	background:
		linear-gradient(90deg, var(--ink-90), var(--ink-50), var(--ink-80)),
		var(--jra-mp-card-mosaic-poster) center / cover no-repeat;
	content: "";
	filter: blur(12px) brightness(.7) saturate(.76);
	inset: -16px;
	position: absolute;
	transform: scale(1.08);
}

.jra-mp-card__mosaic-poster {
	display: block;
	height: 82%;
	object-fit: contain;
	position: absolute;
	right: 4%;
	top: 9%;
	width: 62%;
}

.jra-mp-card__mosaic-metric {
	align-items: flex-start;
	background: linear-gradient(145deg, rgba(14, 18, 17, .94), rgba(14, 18, 17, .76));
	border-left: 2px solid var(--color-gold);
	display: flex;
	flex-direction: column;
	left: 5%;
	max-width: 65%;
	padding: clamp(7px, 1.2vw, 16px) clamp(8px, 1.4vw, 19px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.jra-mp-card__mosaic-eyebrow,
.jra-mp-card__mosaic-label {
	color: var(--color-cream);
	font-family: var(--font-display);
	font-size: clamp(5px, .56vw, 9px);
	font-weight: 400;
	letter-spacing: .15em;
	line-height: 1.15;
	text-transform: uppercase;
}

.jra-mp-card__mosaic-eyebrow {
	border-bottom: 1px solid var(--gold-60);
	padding-bottom: clamp(4px, .5vw, 7px);
}

.jra-mp-card__mosaic-metric strong {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(24px, 4vw, 58px);
	font-weight: 300;
	letter-spacing: -.035em;
	line-height: .9;
	margin: clamp(6px, .8vw, 12px) 0 clamp(4px, .5vw, 8px);
	white-space: nowrap;
}

.jra-mp-category-slider .jra-mp-card:hover > img,
.jra-mp-category-slider .jra-mp-card:focus-visible > img,
.jra-mp-category-slider .jra-mp-card:hover .jra-mp-card__mosaic,
.jra-mp-category-slider .jra-mp-card:focus-visible .jra-mp-card__mosaic {
	transform: scale(1.055);
}

.jra-mp-category-slider .jra-mp-card__content strong {
	font-family: var(--font-display);
	font-weight: 400;
	letter-spacing: .12em;
	line-height: 1;
}

.jra-mp-category-slider__arrow {
	align-items: center;
	background: var(--black-70);
	border: 1px solid var(--white-25);
	border-radius: 50%;
	color: var(--color-cream);
	cursor: pointer;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 42px;
	height: 58px;
	justify-content: center;
	line-height: 1;
	padding: 0 0 5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background .2s ease, border-color .2s ease, color .2s ease;
	width: 58px;
	z-index: 4;
}

.jra-mp-category-slider__arrow--previous {
	left: 18px;
}

.jra-mp-category-slider__arrow--next {
	right: 18px;
}

.jra-mp-category-slider__arrow:hover,
.jra-mp-category-slider__arrow:focus-visible {
	background: var(--black-85);
	border-color: var(--color-gold);
	color: var(--color-gold);
}

.jra-mp-category-slider__arrow:focus-visible,
.jra-mp-category-filmstrip__button:focus-visible {
	outline: 2px solid var(--color-gold);
	outline-offset: -3px;
}

.jra-mp-category-filmstrip {
	background: var(--ink-95);
	display: flex;
	flex: 0 0 clamp(118px, 24%, 220px);
	gap: 8px;
	height: auto;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px;
	scrollbar-width: none;
	width: 100%;
}

.jra-mp-category-filmstrip__button {
	background: var(--color-forest);
	border: 0;
	color: var(--color-cream);
	cursor: pointer;
	flex: 1 0 130px;
	isolation: isolate;
	min-width: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.jra-mp-category-filmstrip__button img,
.jra-mp-category-filmstrip__button > span {
	inset: 0;
	position: absolute;
}

.jra-mp-category-filmstrip__button img {
	filter: brightness(.42) saturate(.76);
	height: 100%;
	object-fit: cover;
	transition: filter .2s ease, transform .3s ease;
	width: 100%;
}

.jra-mp-category-filmstrip__button > span {
	background: linear-gradient(180deg, var(--black-10), var(--black-60));
	z-index: 1;
}

.jra-mp-category-filmstrip__button > strong {
	align-items: center;
	display: flex;
	font-family: var(--font-display);
	font-size: clamp(11px, 1vw, 15px);
	font-weight: 400;
	height: 100%;
	justify-content: center;
	letter-spacing: .13em;
	line-height: 1;
	padding: 8px;
	position: relative;
	text-align: center;
	text-shadow: 0 2px 8px var(--black-90);
	text-transform: uppercase;
	z-index: 2;
}

.jra-mp-category-filmstrip__button > .jra-mp-card__mosaic {
	background: none;
	display: grid;
	filter: blur(.7px);
	transform: scale(1.035);
	z-index: 0;
}

.jra-mp-category-filmstrip__button .jra-mp-card__mosaic-slide {
	display: block;
	position: relative;
}

.jra-mp-category-filmstrip__button .jra-mp-card__mosaic-poster {
	filter: none;
	height: 82%;
	inset: auto 4% auto auto;
	object-fit: contain;
	top: 9%;
	width: 62%;
}

.jra-mp-category-filmstrip__button .jra-mp-card__mosaic-metric {
	border-left-width: 1px;
	left: 4%;
	max-width: 72%;
	padding: 2px 3px;
}

.jra-mp-category-filmstrip__button .jra-mp-card__mosaic-eyebrow {
	display: none;
}

.jra-mp-category-filmstrip__button .jra-mp-card__mosaic-metric strong {
	display: block;
	font-size: clamp(7px, 1vw, 13px);
	height: auto;
	margin: 0 0 2px;
	padding: 0;
	position: static;
}

.jra-mp-category-filmstrip__button .jra-mp-card__mosaic-label {
	font-size: 3px;
	letter-spacing: .05em;
}

.jra-mp-category-filmstrip__button.is-active,
.jra-mp-category-filmstrip__button:hover {
	box-shadow: inset 0 -3px 0 var(--color-gold);
}

.jra-mp-category-filmstrip__button.is-active img,
.jra-mp-category-filmstrip__button:hover img,
.jra-mp-category-filmstrip__button:focus-visible img {
	filter: brightness(.75) saturate(.92);
	transform: scale(1.025);
}

.jra-mp-card {
	backface-visibility: hidden;
	background: var(--color-forest);
	border: 0;
	box-shadow: 0 8px 22px var(--black-30);
	color: var(--color-cream);
	cursor: pointer;
	font: inherit;
	grid-column: span 4;
	isolation: isolate;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	transition: box-shadow .22s ease;
}

.jra-mp-card--videography,
.jra-mp-card--social {
	grid-column: span 6;
}

.jra-mp-card > img {
	backface-visibility: hidden;
	height: calc(100% + 2px);
	inset: -1px;
	object-fit: cover;
	position: absolute;
	transform: scale(1.015);
	transition: transform .55s cubic-bezier(.22, .61, .36, 1);
	width: calc(100% + 2px);
	will-change: transform;
}

.jra-mp-card--web > img {
	object-position: 48% 42%;
}

.jra-mp-card--photography > img {
	object-position: 50% 42%;
}

.jra-mp-card--videography > img {
	object-position: 50% 38%;
}

.jra-mp-card__screen {
	background:
		radial-gradient(ellipse at center, transparent 18%, var(--black-70) 100%),
		linear-gradient(180deg, var(--black-60), var(--ink-80), var(--black-70));
	inset: -1px;
	opacity: 1;
	position: absolute;
	transform: translateZ(0);
	transition: opacity .28s ease;
	will-change: opacity;
	z-index: 1;
}

.jra-mp-category-slider .jra-mp-card--social .jra-mp-card__screen {
	background:
		radial-gradient(ellipse at center, transparent 22%, var(--black-50) 100%),
		linear-gradient(180deg, var(--black-30), var(--ink-50), var(--black-50));
}

.jra-mp-card__content {
	align-items: center;
	display: flex;
	flex-direction: column;
	inset: 0;
	justify-content: center;
	padding: clamp(16px, 2vw, 28px);
	position: absolute;
	text-align: center;
	z-index: 2;
}

.jra-mp-card__content strong {
	color: var(--color-gold);
	font-family: "Gotham Extra Light", "Gotham A", "Gotham B", Gotham, Montserrat, "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(18px, 2.2vw, 36px);
	font-weight: 200;
	letter-spacing: .22em;
	line-height: .88;
	margin: 0;
	text-shadow: 0 2px 18px var(--black-70);
	text-transform: uppercase;
}

.jra-mp-card__content > span {
	border-top: 1px solid var(--gold-60);
	color: var(--color-cream);
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .18em;
	margin-top: 18px;
	padding-top: 11px;
	text-transform: uppercase;
}

.jra-mp-card:hover {
	box-shadow: 0 16px 38px var(--black-40);
}

.jra-mp-card:focus-visible {
	box-shadow: 0 16px 38px var(--black-40);
	outline: 2px solid var(--color-gold);
	outline-offset: 3px;
}

.jra-mp-card:hover > img,
.jra-mp-card:focus-visible > img {
	transform: scale(1.055);
}

.jra-mp-card:hover .jra-mp-card__screen,
.jra-mp-card:focus-visible .jra-mp-card__screen {
	opacity: .86;
}

body.jra-mp-dialog-open {
	overflow: hidden;
}

.jra-mp-dialog {
	background: transparent;
	border: 0;
	color: var(--color-ink);
	max-height: calc(100svh - 40px);
	max-width: none;
	overflow: visible;
	outline: 0;
	padding: 0;
	width: min(1380px, calc(100vw - 40px));
}

.jra-mp-dialog::backdrop {
	backdrop-filter: blur(12px);
	background: var(--black-80);
}

.jra-mp-dialog__surface {
	background: var(--color-paper);
	box-shadow: 0 28px 90px var(--black-60);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr) auto;
	max-height: calc(100svh - 40px);
	min-height: min(780px, calc(100svh - 40px));
	overflow: hidden;
}

.jra-mp-dialog__header {
	align-items: center;
	background: var(--color-ink);
	border-bottom: 1px solid var(--white-10);
	display: flex;
	justify-content: center;
	min-height: 104px;
	padding: 48px 140px 12px;
	position: relative;
}

.jra-mp-category-nav {
	background: var(--color-ink);
	display: grid;
	gap: 0;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 10;
}

.jra-mp-category-nav button {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--gold-40);
	border-right: 1px solid var(--gold-40);
	color: var(--color-gold);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	min-height: 36px;
	min-width: 0;
	overflow: hidden;
	padding: 7px 4px;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
	white-space: nowrap;
}

.jra-mp-category-nav button:last-child {
	border-right: 0;
}

.jra-mp-category-nav button:hover {
	background: var(--gold-20);
	border-color: var(--gold-60);
}

.jra-mp-category-nav button.is-active {
	background: var(--color-gold);
	border-color: var(--color-gold);
	color: var(--color-ink);
}

.jra-mp-category-nav button:focus-visible {
	box-shadow: 0 0 0 2px var(--color-ink), 0 0 0 4px var(--color-gold);
	outline: 0;
}

.jra-mp-dialog__heading {
	min-width: 0;
	text-align: center;
}

.jra-mp-dialog__heading h2 {
	color: var(--color-cream);
	font-family: var(--font-display);
	font-size: clamp(24px, 2.8vw, 36px);
	font-weight: 400;
	line-height: 1;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.jra-mp-dialog__info-toggle {
	-webkit-backdrop-filter: blur(18px) saturate(.82);
	backdrop-filter: blur(18px) saturate(.82);
	background: var(--ink-90);
	border: 1px solid var(--white-20);
	border-right: 0;
	border-radius: 7px 0 0 7px;
	box-shadow: -10px 10px 28px var(--black-30);
	color: var(--color-cream);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	min-height: 38px;
	padding: 8px 14px;
	position: absolute;
	right: 100%;
	top: 24px;
	text-transform: uppercase;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
	white-space: nowrap;
	z-index: 2;
}

.jra-mp-dialog__info-toggle:hover,
.jra-mp-dialog__info-toggle[aria-expanded="true"] {
	background: var(--ink-80);
	border-color: var(--white-30);
	color: var(--color-gold);
}

.jra-mp-dialog__info-toggle:focus-visible {
	outline: 2px solid var(--color-gold);
	outline-offset: 3px;
}

.jra-mp-dialog__close {
	align-items: center;
	background: transparent;
	border: 1px solid var(--white-30);
	border-radius: 50%;
	color: var(--color-cream);
	cursor: pointer;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 24px;
	height: 40px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	left: 16px;
	top: calc(50% + 18px);
	transform: translateY(-50%);
	transition: background .2s ease, color .2s ease;
	width: 40px;
}

.jra-mp-dialog__close svg {
	fill: none;
	height: 20px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 20px;
}

.jra-mp-dialog__close:hover {
	background: var(--white-10);
	border-color: var(--white-50);
}

.jra-mp-dialog__close:focus-visible {
	outline: 2px solid var(--color-gold);
	outline-offset: 2px;
}

.jra-mp-dialog__body {
	display: block;
	min-height: 0;
	overflow: hidden;
	position: relative;
}

.jra-mp-viewer {
	background: var(--color-forest);
	display: grid;
	grid-template-rows: minmax(0, 1fr);
	min-height: 0;
	position: relative;
	height: 100%;
}

.jra-mp-viewer__stage {
	align-items: center;
	cursor: grab;
	display: flex;
	justify-content: center;
	min-height: 0;
	overflow: hidden;
	position: relative;
	touch-action: pan-y;
	user-select: none;
}

.jra-mp-viewer__stage.is-dragging {
	cursor: grabbing;
}

.jra-mp-viewer__stage.is-dragging .jra-mp-viewer__slide,
.jra-mp-viewer__stage.is-swipe-settling .jra-mp-viewer__slide {
	transition: none;
}

.jra-mp-viewer__stage.is-dragging .jra-mp-viewer__slide:not(.jra-mp-viewer__slide--swipe-preview),
.jra-mp-viewer__stage.is-swipe-settling .jra-mp-viewer__slide:not(.jra-mp-viewer__slide--swipe-preview) {
	z-index: 1;
}

.jra-mp-viewer__slide--swipe-preview {
	pointer-events: none;
	z-index: 2;
}

.jra-mp-viewer__stage.is-group-selecting {
	align-items: stretch;
	cursor: default;
	overflow-y: auto;
	touch-action: pan-y;
}

.jra-mp-group-grid {
	display: grid;
	gap: clamp(18px, 2.2vw, 32px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	height: 100%;
	padding: clamp(34px, 5vw, 72px);
	width: 100%;
}

.jra-mp-group-card:first-child {
	grid-column: 1 / -1;
}

.jra-mp-group-card {
	backface-visibility: hidden;
	background: var(--color-ink);
	border: 0;
	box-shadow: 0 18px 46px var(--black-40);
	color: var(--color-cream);
	cursor: pointer;
	isolation: isolate;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.jra-mp-group-card > img {
	backface-visibility: hidden;
	display: block;
	height: calc(100% + 2px);
	margin: -1px;
	object-fit: cover;
	transform: scale(1.015);
	transition: transform .45s cubic-bezier(.22, .61, .36, 1);
	width: calc(100% + 2px);
	will-change: transform;
}

.jra-mp-group-card > img.is-portrait {
	object-position: center top;
}

.jra-mp-group-card[data-jra-mp-group="identity"],
.jra-mp-group-card[data-jra-mp-group="advertising"] {
	background:
		radial-gradient(circle at 50% 40%, var(--white-20), var(--white-05) 28%, transparent 58%),
		linear-gradient(135deg, var(--color-forest), var(--color-ink));
}

.jra-mp-group-card[data-jra-mp-group="identity"] .jra-mp-group-card__screen,
.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__screen {
	background:
		radial-gradient(ellipse at center, var(--black-10) 14%, var(--black-70) 100%),
		linear-gradient(180deg, var(--black-20), var(--black-40));
}

.jra-mp-group-card__collage {
	backface-visibility: hidden;
	background: var(--color-ink);
	display: block;
	inset: -1px;
	overflow: hidden;
	position: absolute;
	transform: translateZ(0) scale(1.015);
	transition: transform .45s cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
	z-index: 0;
}

.jra-mp-group-card__collage > img {
	box-shadow: 0 18px 34px var(--black-80);
	display: block;
	height: 118%;
	left: 50%;
	max-width: none;
	object-fit: contain;
	object-position: center top;
	position: absolute;
	top: 3%;
	transform-origin: center top;
	width: auto;
}

.jra-mp-group-card__collage > img:nth-child(1) {
	transform: translateX(-110%) rotate(-5deg);
	z-index: 1;
}

.jra-mp-group-card__collage > img:nth-child(2) {
	transform: translateX(-70%) rotate(-2deg);
	z-index: 2;
}

.jra-mp-group-card__collage > img:nth-child(3) {
	transform: translateX(-30%) rotate(2deg);
	z-index: 3;
}

.jra-mp-group-card__collage > img:nth-child(4) {
	transform: translateX(10%) rotate(5deg);
	z-index: 4;
}

.jra-mp-group-card[data-jra-mp-group="identity"] .jra-mp-group-card__collage,
.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__collage {
	background:
		radial-gradient(circle at 50% 40%, var(--white-20), var(--white-05) 28%, transparent 58%),
		linear-gradient(135deg, var(--color-forest), var(--color-ink));
}

.jra-mp-group-card[data-jra-mp-group="identity"] .jra-mp-group-card__collage > img,
.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__collage > img {
	box-shadow: 0 24px 50px var(--black-80), 0 0 0 1px var(--white-10);
	filter: brightness(.92) contrast(1.04);
	height: auto;
	left: 50%;
	max-height: 78%;
	max-width: 76%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform-origin: center;
	width: auto;
}

.jra-mp-group-card[data-jra-mp-group="identity"] .jra-mp-group-card__collage > img:nth-child(1) {
	transform: translate(-50%, -48%) rotate(-1deg);
	z-index: 3;
}

.jra-mp-group-card[data-jra-mp-group="identity"] .jra-mp-group-card__collage > img {
	max-height: 68%;
	max-width: 68%;
}

.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__collage > img {
	max-height: 82%;
	max-width: 56%;
}

.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__collage > img:nth-child(1) {
	transform: translate(-50%, -48%) rotate(-1deg);
	z-index: 3;
}

.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__collage > img:nth-child(2) {
	transform: translate(-95%, -52%) rotate(-7deg);
	z-index: 1;
}

.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__collage > img:nth-child(3) {
	transform: translate(-31%, -52%) rotate(7deg);
	z-index: 2;
}

.jra-mp-group-card__screen {
	background: linear-gradient(180deg, var(--black-60), var(--black-70)), radial-gradient(circle at center, transparent 12%, var(--black-80) 100%);
	inset: -1px;
	opacity: 1;
	position: absolute;
	transform: translateZ(0);
	transition: opacity .3s ease;
	will-change: opacity;
	z-index: 1;
}

.jra-mp-group-card strong {
	color: var(--color-gold);
	font-family: "Gotham Extra Light", "Gotham A", "Gotham B", Gotham, Montserrat, "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(18px, 2.2vw, 36px);
	font-weight: 200;
	letter-spacing: .12em;
	left: 50%;
	line-height: 1;
	position: absolute;
	text-align: center;
	text-shadow: 0 2px 14px var(--black-90);
	text-transform: uppercase;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 36px);
	z-index: 2;
}

.jra-mp-group-card:hover > img,
.jra-mp-group-card:focus-visible > img,
.jra-mp-group-card:hover .jra-mp-group-card__collage,
.jra-mp-group-card:focus-visible .jra-mp-group-card__collage {
	transform: translateZ(0) scale(1.045);
}

.jra-mp-group-card:hover .jra-mp-group-card__screen,
.jra-mp-group-card:focus-visible .jra-mp-group-card__screen {
	opacity: .86;
}

.jra-mp-group-card:focus-visible {
	box-shadow: 0 18px 46px var(--black-40), inset 0 0 0 2px var(--color-gold);
	outline: 0;
}

.jra-mp-viewer__slide {
	align-items: center;
	display: flex;
	inset: clamp(34px, 4vw, 58px);
	justify-content: center;
	position: absolute;
	transition: opacity .16s ease;
	will-change: transform;
}

.jra-mp-viewer__slide > img {
	box-shadow: 0 18px 46px var(--black-40);
	cursor: var(--jra-cursor-zoom-in);
	height: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	transform-origin: var(--jra-mp-origin-x, 50%) var(--jra-mp-origin-y, 50%);
	width: auto;
}

.jra-mp-viewer__slide > img:focus-visible {
	outline: 2px solid var(--color-gold);
	outline-offset: 4px;
}

.jra-mp-viewer__slide--project-color {
	background: var(--jra-mp-project-bg, var(--color-forest));
	box-sizing: border-box;
	inset: 0;
	padding: clamp(34px, 4vw, 58px);
	transition: background-color .25s ease, opacity .16s ease;
}

.jra-mp-viewer__slide--light-color-fallback {
	--jra-mp-project-bg: var(--color-white);
}

.jra-mp-viewer__slide > img.is-section-link {
	cursor: pointer;
}

.jra-mp-print-section-link {
	background: transparent;
	border: 0;
	bottom: auto;
	box-sizing: border-box;
	color: var(--color-white);
	cursor: pointer;
	font-family: var(--font-heading);
	font-size: clamp(22px, 4.2vw, 56px);
	font-weight: 500;
	left: 0;
	letter-spacing: .045em;
	line-height: 1;
	opacity: .94;
	padding: .42em .2em;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-shadow: 0 3px 18px var(--black-90);
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .16s ease, text-shadow .16s ease;
	white-space: nowrap;
	width: 100%;
	z-index: 3;
}

.jra-mp-print-section-link:hover,
.jra-mp-print-section-link:focus-visible {
	background: transparent;
	color: var(--color-white);
	opacity: 1;
	outline: 0;
	text-decoration: none;
	text-shadow: 0 3px 24px var(--color-black);
}


.jra-mp-viewer__slide--print-background {
	background: var(--color-ink);
	inset: 0;
	overflow: hidden;
}

.jra-mp-viewer__slide.jra-mp-viewer__slide--print-background > img {
	box-shadow: none;
	filter: blur(.55px) saturate(.74);
	height: 100%;
	max-height: none;
	max-width: none;
	object-fit: cover;
	transform: scale(1.012);
	width: 100%;
}

.jra-mp-viewer__slide--photography,
.jra-mp-viewer:has(.jra-mp-viewer__media-navigation:not([hidden])) .jra-mp-viewer__slide--photography {
	background: var(--color-ink);
	inset: 0;
	isolation: isolate;
	overflow: hidden;
}

.jra-mp-viewer__slide--photography::before,
.jra-mp-viewer__slide--photography::after {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-viewer__slide--photography::before {
	background: var(--jra-mp-photo-backdrop) center / cover no-repeat;
	filter: blur(28px) brightness(.42) saturate(.82);
	inset: -34px;
	transform: scale(1.04);
	z-index: -2;
}

.jra-mp-viewer__slide--photography::after {
	background: linear-gradient(90deg, var(--black-35), transparent 28%, transparent 72%, var(--black-35));
	z-index: -1;
}

.jra-mp-viewer__slide--photography.jra-mp-viewer__slide--print-overview::after {
	background: radial-gradient(ellipse at center, var(--black-60) 0%, var(--black-70) 58%, var(--black-90) 100%);
	z-index: 2;
}

.jra-mp-viewer__slide--editorial::before {
	background: var(--color-ink);
	filter: none;
	inset: 0;
	transform: none;
}

.jra-mp-viewer__slide--logo-grid::before {
	background: radial-gradient(circle at 50% 45%, #f4f0e7 0%, #d4cbba 100%);
	filter: none;
	inset: 0;
	transform: none;
}

.jra-mp-viewer__slide--photography.jra-mp-viewer__slide--logo-grid > img {
	box-shadow: none;
}

.jra-mp-viewer__slide--photography > img {
	box-shadow: 0 18px 54px var(--black-60);
	height: 100%;
	max-height: none;
	max-width: 100%;
	object-fit: contain;
	position: relative;
	width: auto;
	z-index: 1;
}

.jra-mp-viewer__slide--photography.jra-mp-viewer__slide--print-overview > img {
	filter: blur(1.15px) saturate(.72);
	transform: scale(1.012);
}

.jra-mp-viewer__slide--portfolio-video,
.jra-mp-viewer__slide--portfolio-video-landscape {
	inset: 0;
	margin: 0;
	padding: 0;
}

.jra-mp-portfolio-video {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	max-width: none;
	width: 100%;
}

.jra-mp-portfolio-video__frame {
	aspect-ratio: auto;
	background: var(--color-ink);
	box-shadow: none;
	height: 100%;
	max-height: none;
	max-width: none;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-portfolio-video__poster,
.jra-mp-portfolio-video__player,
.jra-mp-portfolio-video__embed {
	border: 0;
	display: block;
	height: 100%;
	inset: 0;
	object-fit: contain;
	position: absolute;
	width: 100%;
}

.jra-mp-portfolio-video__play {
	align-items: center;
	background: var(--black-70);
	border: 1px solid var(--gold-60);
	border-radius: 999px;
	color: var(--color-cream);
	cursor: pointer;
	display: flex;
	gap: 12px;
	left: 50%;
	padding: 13px 20px 13px 16px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.jra-mp-portfolio-video__play:hover,
.jra-mp-portfolio-video__play:focus-visible {
	background: var(--color-ink);
	border-color: var(--color-gold);
	color: var(--color-gold);
	outline: 2px solid var(--gold-30);
	transform: translate(-50%, -50%) scale(1.035);
}

.jra-mp-portfolio-video__play[hidden] {
	display: none;
}

.jra-mp-portfolio-video__play-icon {
	border-bottom: 9px solid transparent;
	border-left: 15px solid currentColor;
	border-top: 9px solid transparent;
	display: block;
	height: 0;
	width: 0;
}

.jra-mp-portfolio-video__play-label {
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
}

.jra-mp-viewer__slide--social-reach {
	inset: 0;
	margin: 0;
	padding: 0;
}

.jra-mp-social-reach {
	align-items: center;
	background:
		linear-gradient(90deg, var(--ink-90), var(--ink-60) 42%, var(--ink-80)),
		var(--jra-mp-social-poster) center / cover no-repeat;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-social-reach::before {
	background: var(--jra-mp-social-poster) center / cover no-repeat;
	content: "";
	filter: blur(34px) brightness(.34) saturate(.72);
	inset: -46px;
	position: absolute;
	transform: scale(1.08);
}

.jra-mp-social-reach::after {
	background:
		radial-gradient(circle at 58% 48%, transparent 0 24%, var(--black-50) 66%),
		linear-gradient(180deg, var(--black-20), transparent 35%, var(--black-50));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-social-reach__visual {
	box-shadow: 0 34px 74px var(--black-70);
	height: min(82%, 720px);
	margin-left: clamp(110px, 16vw, 300px);
	max-width: min(48vw, 576px);
	position: relative;
	z-index: 2;
}

.jra-mp-social-reach__poster {
	display: block;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.jra-mp-social-reach__metric {
	background: linear-gradient(145deg, rgba(14, 18, 17, .95), rgba(14, 18, 17, .78));
	border-left: 3px solid var(--color-gold);
	box-shadow: 0 24px 54px var(--black-60);
	display: flex;
	flex-direction: column;
	left: clamp(34px, 8vw, 150px);
	padding: clamp(24px, 3vw, 42px) clamp(28px, 4vw, 58px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
}

.jra-mp-social-reach__eyebrow,
.jra-mp-social-reach__label {
	color: var(--color-cream);
	font-family: var(--font-display);
	font-size: clamp(13px, 1.25vw, 18px);
	font-weight: 400;
	letter-spacing: .2em;
	line-height: 1.15;
	text-transform: uppercase;
}

.jra-mp-social-reach__eyebrow {
	border-bottom: 1px solid var(--gold-60);
	padding-bottom: 14px;
}

.jra-mp-social-reach__metrics {
	display: grid;
}

.jra-mp-social-reach__metric-entry {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.jra-mp-social-reach__value {
	color: var(--color-gold);
	display: block;
	font-family: var(--font-display);
	font-size: clamp(76px, 10vw, 164px);
	font-weight: 300;
	letter-spacing: -.035em;
	line-height: .92;
	margin: 18px 0 12px;
	white-space: nowrap;
}

.jra-mp-social-reach__metric.has-multiple-metrics {
	min-width: min(44vw, 520px);
}

.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__metrics {
	gap: clamp(22px, 3vw, 44px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 20px;
}

.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__metric-entry + .jra-mp-social-reach__metric-entry {
	border-left: 1px solid var(--gold-30);
	padding-left: clamp(22px, 3vw, 44px);
}

.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__value {
	font-size: clamp(58px, 6.8vw, 106px);
	margin: 0 0 10px;
}

.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__label {
	font-size: clamp(10px, 1vw, 15px);
}

.jra-mp-social-reach__sources {
	align-items: flex-end;
	bottom: 8px;
	display: flex;
	flex-direction: column;
	gap: 3px;
	position: absolute;
	right: 8px;
	z-index: 3;
}

.jra-mp-social-reach__watch {
	align-items: center;
	background: var(--black-50);
	border: 0;
	border-radius: 2px;
	color: var(--white-70);
	display: flex;
	font-family: var(--font-display);
	font-size: 9px;
	font-weight: 400;
	gap: 5px;
	letter-spacing: .11em;
	opacity: .78;
	padding: 5px 7px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 3px var(--black-90);
	text-transform: uppercase;
	transform: none;
	transition: background .2s ease, color .2s ease, opacity .2s ease;
	white-space: nowrap;
}

.jra-mp-social-reach__watch:hover,
.jra-mp-social-reach__watch:focus-visible {
	background: var(--black-70);
	color: var(--color-cream);
	opacity: 1;
}

.jra-mp-social-reach__watch:focus-visible {
	outline: 1px solid var(--color-gold);
	outline-offset: 2px;
}

.jra-mp-social-reach__external-icon {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: .8;
	transform: translateY(-1px);
}

.jra-mp-social-reach--community,
.jra-mp-social-reach--landscape {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(300px, .7fr);
	padding: clamp(44px, 5vw, 84px) clamp(48px, 7vw, 118px);
}

.jra-mp-social-reach--community .jra-mp-social-reach__visual,
.jra-mp-social-reach--landscape .jra-mp-social-reach__visual {
	box-shadow: 0 34px 74px var(--black-70);
	height: auto;
	margin: 0;
	max-width: none;
	width: 100%;
}

.jra-mp-social-reach--community .jra-mp-social-reach__poster,
.jra-mp-social-reach--landscape .jra-mp-social-reach__poster {
	height: auto;
	object-fit: contain;
	width: 100%;
}

.jra-mp-social-reach--community .jra-mp-social-reach__metric,
.jra-mp-social-reach--landscape .jra-mp-social-reach__metric {
	align-self: center;
	left: auto;
	position: relative;
	top: auto;
	transform: translateX(-3px);
}

@media (max-width: 700px) {
	.jra-mp-viewer__slide--social-reach {
		inset: 0;
	}

	.jra-mp-social-reach {
		align-items: stretch;
	}

	.jra-mp-social-reach__visual {
		height: 100%;
		margin: 0;
		max-width: none;
		width: 100%;
	}

	.jra-mp-social-reach__poster {
		height: 100%;
		object-fit: contain;
		width: 100%;
	}

	.jra-mp-social-reach__metric {
		bottom: clamp(72px, 12vh, 104px);
		left: auto;
		padding: 16px 20px 17px;
		right: 14px;
		top: auto;
		transform: none;
	}

	.jra-mp-social-reach__eyebrow,
	.jra-mp-social-reach__label {
		font-size: 11px;
		letter-spacing: .16em;
	}

	.jra-mp-social-reach__eyebrow {
		padding-bottom: 9px;
	}

	.jra-mp-social-reach__value {
		font-size: clamp(58px, 20vw, 82px);
		margin: 12px 0 8px;
	}

	.jra-mp-social-reach__metric.has-multiple-metrics {
		min-width: 0;
	}

	.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__metrics {
		gap: 14px;
		margin-top: 12px;
	}

	.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__metric-entry + .jra-mp-social-reach__metric-entry {
		padding-left: 14px;
	}

	.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__value {
		font-size: clamp(40px, 12vw, 56px);
		margin: 0 0 6px;
	}

	.jra-mp-social-reach__metric.has-multiple-metrics .jra-mp-social-reach__label {
		font-size: 8px;
	}

	.jra-mp-social-reach__sources {
		bottom: 7px;
		right: 7px;
	}

	.jra-mp-social-reach__watch {
		font-size: 8px;
		padding: 4px 6px;
	}

	.jra-mp-social-reach--community,
	.jra-mp-social-reach--landscape {
		display: flex;
		padding: 0;
	}

	.jra-mp-social-reach--community .jra-mp-social-reach__visual,
	.jra-mp-social-reach--landscape .jra-mp-social-reach__visual {
		align-self: stretch;
		height: 100%;
		max-width: none;
		width: 100%;
	}

	.jra-mp-social-reach--community .jra-mp-social-reach__poster,
	.jra-mp-social-reach--landscape .jra-mp-social-reach__poster {
		height: 100%;
		object-fit: contain;
		width: 100%;
	}

	.jra-mp-viewer__slide--social-reach[data-project-id="a-touch-of-ausome-community"] .jra-mp-social-reach__poster {
		object-position: center 41%;
	}

	.jra-mp-viewer__slide--social-reach[data-project-id="fear-and-wonder-reach"] .jra-mp-social-reach__poster,
	.jra-mp-viewer__slide--social-reach[data-project-id="one-year-after-diagnosis-reach"] .jra-mp-social-reach__poster {
		object-position: center 42%;
	}

	.jra-mp-viewer__slide--social-reach[data-project-id="a-touch-of-ausome-community"] .jra-mp-social-reach__metric {
		bottom: auto;
		top: calc(41% + 21.9375vw);
	}

	.jra-mp-viewer__slide--social-reach[data-project-id="fear-and-wonder-reach"] .jra-mp-social-reach__metric,
	.jra-mp-viewer__slide--social-reach[data-project-id="one-year-after-diagnosis-reach"] .jra-mp-social-reach__metric {
		bottom: auto;
		top: calc(42% + 21.375vw);
	}

	.jra-mp-social-reach--community .jra-mp-social-reach__sources,
	.jra-mp-social-reach--landscape .jra-mp-social-reach__sources {
		bottom: 7px;
	}

	.jra-mp-social-reach--community .jra-mp-social-reach__metric,
	.jra-mp-social-reach--landscape .jra-mp-social-reach__metric {
		align-self: auto;
		bottom: clamp(72px, 12vh, 104px);
		left: auto;
		padding: 16px 20px 17px;
		position: absolute;
		right: 14px;
		top: auto;
		transform: none;
	}
}

.jra-mp-responsive-demo {
	align-items: flex-end;
	background:
		radial-gradient(circle at 36% 42%, var(--white-10), transparent 42%),
		linear-gradient(145deg, var(--color-forest), var(--color-ink));
	box-shadow: 0 24px 64px var(--black-50);
	display: flex;
	gap: clamp(12px, 2vw, 28px);
	justify-content: center;
	max-height: 100%;
	max-width: min(100%, 1280px);
	overflow: hidden;
	padding: clamp(26px, 4vw, 62px);
	width: 100%;
}

.jra-mp-viewer__slide--laptop-story {
	display: block;
	inset: 0;
	overflow: hidden;
}

.jra-mp-laptop-story {
	align-items: center;
	background: var(--color-forest);
	display: flex;
	flex-direction: column;
	height: 100%;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(18px, 3vh, 34px) clamp(18px, 4vw, 64px) clamp(92px, 12vh, 128px);
	position: relative;
	width: 100%;
}

.jra-mp-laptop-story::before,
.jra-mp-laptop-story::after {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-laptop-story::before {
	background:
		linear-gradient(180deg, rgba(13, 16, 15, .68) 0%, rgba(13, 16, 15, .78) 62%, rgba(20, 25, 23, .96) 100%),
		url("../images/marketing-portfolio/web/nwpt-print-to-web-background-optimized.webp") center 42% / cover no-repeat;
	z-index: 0;
}

.jra-mp-laptop-story::after {
	background: linear-gradient(180deg, transparent 54%, var(--color-forest) 100%);
	z-index: 1;
}

.jra-mp-laptop-story > * {
	position: relative;
	z-index: 2;
}

.jra-mp-laptop-story__heading {
	color: var(--color-cream);
	font-family: var(--font-display);
	font-size: clamp(28px, 3.5vw, 52px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1;
	margin: clamp(16px, 2.5vh, 28px) 0 clamp(28px, 4vh, 44px);
	text-align: center;
	text-shadow: 0 4px 24px var(--black-90);
	text-transform: uppercase;
}

.jra-mp-laptop-story--nwpt .jra-mp-laptop-story__heading {
	color: var(--color-gold);
	font-size: clamp(22px, 2.5vw, 36px);
	letter-spacing: .14em;
	margin: clamp(24px, 4vh, 44px) 0 clamp(24px, 3vh, 36px);
	text-align: center;
	text-shadow: none;
	width: 100%;
}

.jra-mp-laptop-story__demo {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	min-height: 0;
	width: 100%;
}

.jra-mp-laptop-story__demo .jra-mp-device--laptop {
	filter:
		drop-shadow(0 34px 30px var(--black-70))
		drop-shadow(0 10px 10px var(--black-50));
	flex: none;
	max-width: 640px;
	transform: translateY(clamp(20px, 3vh, 30px));
	width: min(70vw, calc((100dvh - 350px) * 1.1765));
}

.jra-mp-viewer__stage:has(.jra-mp-viewer__slide--scrollable) {
	align-items: stretch;
	cursor: default;
}

.jra-mp-viewer__slide--scrollable {
	display: block;
	inset: 0;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	padding: 0;
	user-select: auto;
	will-change: auto;
}

.jra-mp-responsive-story {
	background: var(--color-forest);
	isolation: isolate;
	min-height: 100%;
	padding-top: 0;
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story::before {
	background:
		linear-gradient(180deg, var(--ink-70) 0%, var(--ink-90) 38%, var(--color-forest) 72%, var(--color-forest) 100%),
		url("../images/marketing-portfolio/web/jra-responsive-video-backdrop-optimized.webp") center top / 100% auto no-repeat;
	content: "";
	height: clamp(440px, 62vw, 720px);
	inset: 0 0 auto;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.jra-mp-responsive-story > * {
	position: relative;
	z-index: 1;
}

.jra-mp-responsive-story__opening-label {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(22px, 2.8vw, 38px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1.1;
	margin: 0;
	padding: clamp(28px, 4vw, 48px) 24px clamp(8px, 1.5vw, 18px);
	text-align: center;
	text-transform: uppercase;
}

.jra-mp-responsive-story--nwpt {
	height: 100%;
	padding-top: 0;
}

.jra-mp-responsive-story--nwpt::before {
	display: none;
}

.jra-mp-responsive-story--nwpt > .jra-mp-responsive-story__intro {
	height: 100%;
	min-height: 520px;
}

.jra-mp-responsive-story--frontline::before {
	display: none;
}

.jra-mp-responsive-story--lmi {
	background: #101b31;
}

.jra-mp-hero-video-story {
	background: var(--color-ink);
	line-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-hero-video-story__visual {
	aspect-ratio: 65 / 37;
	line-height: 0;
	overflow: hidden;
	position: relative;
}

.jra-mp-hero-video-story__visual::after {
	background: linear-gradient(180deg, transparent 68%, var(--ink-50) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-hero-video-story__video {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	width: 100%;
}

.jra-mp-hero-video-story__opening-label {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(28px, 4.4vw, 62px);
	font-weight: 300;
	left: 50%;
	letter-spacing: .12em;
	line-height: 1.08;
	margin: 0;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-shadow: 0 4px 18px var(--black-50), 0 1px 4px var(--black-40);
	text-transform: uppercase;
	top: clamp(28px, 5vw, 70px);
	transform: translateX(-50%);
	white-space: nowrap;
	width: min(90%, 960px);
	z-index: 2;
}

.jra-mp-hero-video-story__laptop-stage {
	display: flex;
	justify-content: center;
	line-height: normal;
	position: relative;
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__visual::after {
	background: linear-gradient(180deg, transparent 42%, var(--ink-40) 68%, var(--color-ink) 100%);
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__laptop-stage {
	margin-top: clamp(-200px, -16vw, -112px);
	padding: 0 clamp(18px, 4vw, 64px) clamp(24px, 4vw, 58px);
	z-index: 2;
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__laptop {
	flex: 0 0 auto;
	max-width: 1080px;
	width: min(94vw, 1080px);
}

.jra-mp-hero-video-story__supporting-image {
	line-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-hero-video-story__supporting-image img {
	display: block;
	height: auto;
	max-width: none;
	width: 100%;
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__supporting-image {
	--jra-mp-atoa-supporting-crop: clamp(24px, 4.5vw, 54px);
	margin-top: calc(clamp(90px, 17vw, 150px) * -1);
	z-index: 1;
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__supporting-image::after {
	background: linear-gradient(180deg, var(--ink-40) 0%, var(--ink-60) 58%, var(--color-ink) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__supporting-image img {
	left: -3px;
	margin-bottom: calc(var(--jra-mp-atoa-supporting-crop) * -1);
	position: relative;
	top: calc(var(--jra-mp-atoa-supporting-crop) * -1);
	width: calc(100% + 3px);
}

.jra-mp-hero-video-story__supporting-label {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(34px, 6vw, 86px);
	font-weight: 300;
	inset: 50% auto auto 50%;
	letter-spacing: .12em;
	line-height: 1.08;
	margin: 0;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-shadow: 0 5px 24px var(--black-60), 0 1px 5px var(--black-50);
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	z-index: 2;
}

.jra-mp-hero-video-story__transition-image {
	background: var(--color-ink);
	line-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__transition-image {
	--jra-mp-atoa-blog-spacing: clamp(52px, 8vw, 110px);
	background: linear-gradient(
		180deg,
		#16753c 0,
		#16753c var(--jra-mp-atoa-blog-spacing),
		var(--color-ink) var(--jra-mp-atoa-blog-spacing),
		var(--color-ink) 100%
	);
	padding-top: var(--jra-mp-atoa-blog-spacing);
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__transition-image::after {
	display: none;
}

.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__transition-image img {
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 35%, rgba(0, 0, 0, .9) 48%, rgba(0, 0, 0, .7) 62%, rgba(0, 0, 0, .45) 76%, rgba(0, 0, 0, .22) 88%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, #000 35%, rgba(0, 0, 0, .9) 48%, rgba(0, 0, 0, .7) 62%, rgba(0, 0, 0, .45) 76%, rgba(0, 0, 0, .22) 88%, transparent 100%);
}

.jra-mp-hero-video-story__transition-image::after {
	background: linear-gradient(180deg, transparent 0%, transparent 42%, var(--ink-10) 58%, var(--ink-30) 72%, var(--ink-50) 84%, var(--ink-70) 93%, var(--color-ink) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-hero-video-story__transition-image img {
	display: block;
	height: auto;
	max-width: none;
	width: 100%;
}

.jra-mp-hero-video-story__scatter-gallery {
	align-items: center;
	background: transparent;
	display: flex;
	justify-content: center;
	left: -17%;
	margin: calc(clamp(28px, 4vw, 48px) * -1) 0;
	overflow: visible;
	padding: 0;
	position: relative;
	width: 134%;
	z-index: 3;
}

.jra-mp-hero-video-story__scatter-item {
	background: #090c0b;
	box-shadow:
		0 clamp(18px, 3vw, 42px) clamp(26px, 5vw, 68px) var(--black-70),
		0 0 0 1px var(--white-20);
	flex: 0 0 23%;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	transform-origin: center;
	width: auto;
}

.jra-mp-hero-video-story__scatter-item + .jra-mp-hero-video-story__scatter-item {
	margin-left: -3.75%;
}

.jra-mp-hero-video-story__scatter-item img {
	display: block;
	height: auto;
	left: -2px;
	max-width: none;
	position: relative;
	width: calc(100% + 2px);
}

.jra-mp-hero-video-story__scatter-item--1 {
	transform: rotate(-3.4deg);
	z-index: 1;
}

.jra-mp-hero-video-story__scatter-item--2 {
	transform: rotate(3deg);
	z-index: 2;
}

.jra-mp-hero-video-story__scatter-item--3 {
	transform: rotate(2.2deg);
	z-index: 3;
}

.jra-mp-hero-video-story__scatter-item--4 {
	transform: rotate(-3.1deg);
	z-index: 4;
}

.jra-mp-hero-video-story__scatter-item--5 {
	transform: rotate(1.7deg);
	z-index: 5;
}

.jra-mp-hero-video-story__closing-devices {
	align-items: flex-end;
	background: transparent;
	display: flex;
	justify-content: center;
	margin-top: clamp(-450px, -33vw, -280px);
	overflow: hidden;
	padding: 0 clamp(18px, 4vw, 62px) clamp(68px, 8vw, 116px);
	position: relative;
	z-index: 4;
}

.jra-mp-device--laptop.jra-mp-hero-video-story__closing-laptop {
	filter:
		drop-shadow(0 38px 34px var(--black-70))
		drop-shadow(0 10px 12px var(--black-50));
	flex: 0 0 auto;
	max-width: 840px;
	width: min(80vw, 840px);
	z-index: 1;
}

.jra-mp-device--phone.jra-mp-hero-video-story__hero-phone {
	bottom: clamp(90px, 11vw, 150px);
	flex: none;
	margin: 0;
	max-width: none;
	position: absolute;
	right: clamp(22px, 7vw, 108px);
	transform: rotate(4deg);
	width: clamp(104px, 17vw, 200px);
	z-index: 3;
}

.jra-mp-hero-video-story__hero-phone .jra-mp-device__phone-screen-image {
	aspect-ratio: 392 / 850;
	border-radius: 10% / 4.8%;
	object-fit: cover;
	object-position: center top;
}

.jra-mp-responsive-story--lmi::before {
	display: none;
}

.jra-mp-responsive-story__hero {
	background: var(--color-ink);
	line-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__hero::after {
    background: linear-gradient(180deg, var(--ink-20) 0%, var(--ink-30) 60%, var(--ink-60) 88%, var(--color-ink) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-mp-responsive-story__hero-image {
	display: block;
	height: auto;
	max-width: none;
	width: 100%;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__hero {
	aspect-ratio: 3118 / 1690;
	background: #101b31;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__hero::after {
	background: linear-gradient(180deg, var(--ink-10) 0%, rgba(16, 27, 49, .12) 54%, rgba(16, 27, 49, .74) 86%, #101b31 100%);
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__hero-image {
	height: 100%;
	left: -1px;
	object-fit: cover;
	object-position: center top;
	position: relative;
	width: calc(100% + 2px);
}

.jra-mp-responsive-story__hero-heading {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(25px, 3.5vw, 48px);
	font-weight: 300;
	left: 50%;
	letter-spacing: .14em;
	line-height: 1.1;
	margin: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 5px 24px var(--black-90);
	text-transform: uppercase;
	top: clamp(30px, 4.5vw, 64px);
	transform: translateX(-50%);
	width: min(90%, 900px);
	z-index: 2;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__device-stage--overlap {
	background: transparent;
	border-top: 0;
	margin-top: clamp(-250px, -23vw, -190px);
	min-height: clamp(520px, 64vw, 720px);
	padding: clamp(42px, 5vw, 68px) clamp(12px, 4vw, 56px) clamp(64px, 7vw, 94px);
	z-index: 2;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__device-stage--overlap::before {
	background: linear-gradient(180deg, transparent 0%, rgba(16, 27, 49, .88) 22%, #101b31 58%, rgba(20, 25, 23, .76) 80%, transparent 100%);
	background-attachment: scroll;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__device-stage .jra-mp-responsive-demo {
	max-width: 1120px;
	overflow: visible;
	padding: 0;
	transform: translateY(-18px);
}

.jra-mp-responsive-story__interstitial {
	line-height: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__interstitial-image {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	width: 100%;
}

.jra-mp-responsive-story__interstitial-heading {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(30px, 4.7vw, 62px);
	font-weight: 300;
	left: 50%;
	letter-spacing: .14em;
	line-height: 1.1;
	margin: 0;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-shadow:
		0 2px 2px var(--color-ink),
		0 9px 20px var(--black-90),
		0 20px 44px var(--black-70);
	text-transform: uppercase;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(90%, 920px);
	z-index: 2;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__interstitial {
	aspect-ratio: 12 / 5;
	background: #101b31;
	margin-top: -132px;
	z-index: 1;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__interstitial::after {
	background: linear-gradient(180deg, rgba(16, 27, 49, .42) 0%, rgba(16, 27, 49, .12) 42%, rgba(16, 27, 49, .5) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__interstitial-image {
	object-position: center 42%;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__editorial-showcase {
	aspect-ratio: 16 / 9;
	border-top: 3px solid var(--color-gold);
	margin-top: 0;
	min-height: 320px;
	padding: 0;
	z-index: 1;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__editorial-showcase::after {
	background: linear-gradient(180deg, rgba(16, 27, 49, .58) 0%, rgba(16, 27, 49, .74) 58%, rgba(20, 25, 23, .92) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__editorial-grid {
	grid-template-columns: 1fr;
	inset: 0;
	max-width: none;
	position: absolute;
}

.jra-mp-responsive-story--lmi .jra-mp-responsive-story__editorial-item {
	aspect-ratio: auto;
	border: 0;
	box-shadow: none;
	height: 100%;
	padding: 0;
}

.jra-mp-responsive-story__showcase-words {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.jra-mp-responsive-story__showcase-word {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(56px, 10vw, 138px);
	font-weight: 300;
	letter-spacing: .12em;
	line-height: 1;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 8px 34px var(--black-90);
	text-transform: uppercase;
	transform: translateY(12px);
	transition: opacity .72s ease, transform .72s ease;
}

.jra-mp-responsive-story__showcase-word.is-active {
	opacity: 1;
	transform: translateY(0);
}

.jra-mp-responsive-story__showcase-word--slow {
	transition-duration: 1.65s;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-stage--overlap {
	--jra-mp-device-label-gap: clamp(49px, 4.25vw, 66px);
	background: transparent;
	border-top: 0;
	justify-content: flex-start;
	margin-top: clamp(-540px, -41vw, -420px);
	min-height: clamp(540px, 62vw, 760px);
	padding: clamp(34px, 4vw, 54px) clamp(12px, 4vw, 56px) var(--jra-mp-device-label-gap);
	z-index: 2;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-stage--overlap::before {
	background: linear-gradient(180deg, transparent 0%, var(--ink-90) 22%, var(--color-forest) 58%, rgba(20, 25, 23, .72) 78%, transparent 100%);
	background-attachment: scroll;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-stage .jra-mp-responsive-demo {
	max-width: 1180px;
	overflow: visible;
	padding-bottom: clamp(24px, 2.5vw, 36px);
	transform: translateY(-48px);
}

.jra-mp-responsive-story__editorial-showcase {
	background:
		radial-gradient(circle at 82% 28%, var(--gold-10), transparent 34%),
		linear-gradient(145deg, var(--color-ink), var(--color-forest));
	border-top: 1px solid var(--gold-45);
	overflow: hidden;
	padding: clamp(58px, 6vw, 86px) clamp(18px, 5vw, 72px) clamp(76px, 8vw, 110px);
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__editorial-grid {
	display: grid;
	gap: clamp(12px, 2vw, 26px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;
}

.jra-mp-responsive-story__editorial-item {
	aspect-ratio: 2330 / 1762;
	background: var(--color-ink);
	border: 1px solid var(--gold-45);
	box-shadow: 0 32px 60px var(--black-70), 0 10px 22px var(--black-50);
	margin: 0;
	overflow: hidden;
	padding: clamp(5px, .65vw, 9px);
}

.jra-mp-responsive-story__editorial-item img,
.jra-mp-responsive-story__editorial-item video {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: top center;
	width: 100%;
}

.jra-mp-responsive-story__editorial-heading {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(24px, 3vw, 42px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1.08;
	margin: clamp(32px, 4vw, 56px) auto 0;
	text-align: center;
	text-transform: uppercase;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__editorial-showcase {
	aspect-ratio: 2 / 1;
	margin-top: -112px;
	min-height: 320px;
	padding: 0;
	z-index: 1;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__editorial-showcase::after {
	background: linear-gradient(180deg, var(--ink-60) 0%, var(--ink-70) 55%, var(--ink-95) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__editorial-grid {
	grid-template-columns: 1fr;
	inset: 0;
	max-width: none;
	position: absolute;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__editorial-item {
	aspect-ratio: auto;
	border: 0;
	box-shadow: none;
	height: 100%;
	padding: 0;
	position: relative;
}

.jra-mp-responsive-story__sequence-video {
	inset: 0;
	opacity: 0;
	position: absolute;
	visibility: hidden;
}

.jra-mp-responsive-story__sequence-video.is-active {
	opacity: 1;
	visibility: visible;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__editorial-heading {
	color: var(--color-white);
	display: grid;
	font-size: clamp(34px, 4.6vw, 64px);
	inset: 0;
	margin: 0;
	padding: clamp(24px, 5vw, 72px);
	place-items: center;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.jra-mp-responsive-story__device-gallery {
	--jra-mp-device-gallery-offset: clamp(-62px, -4.8vw, -18px);
	align-items: flex-end;
	background:
		radial-gradient(circle at 50% 36%, var(--white-10), transparent 42%),
		linear-gradient(180deg, var(--color-forest), var(--color-ink));
	border-top: 1px solid var(--gold-45);
	display: flex;
	flex-direction: row;
	gap: 0;
	justify-content: center;
	overflow: hidden;
	padding: clamp(68px, 7vw, 104px) clamp(12px, 4vw, 56px) clamp(82px, 9vw, 130px);
	width: 100%;
}

.jra-mp-device--laptop.jra-mp-responsive-story__closing-laptop {
	filter:
		drop-shadow(0 38px 34px var(--black-70))
		drop-shadow(0 10px 12px var(--black-50));
	flex: 0 1 860px;
	max-width: 860px;
	transform: translateX(var(--jra-mp-device-gallery-offset));
	width: min(72%, 860px);
	z-index: 1;
}

.jra-mp-responsive-story__device-gallery-handhelds {
	align-items: flex-end;
	display: flex;
	flex: 0 0 min(40%, 480px);
	gap: 0;
	justify-content: flex-end;
	margin-left: clamp(-210px, -16vw, -120px);
	max-width: 480px;
	transform: translateX(var(--jra-mp-device-gallery-offset));
	width: min(40%, 480px);
	z-index: 2;
}

.jra-mp-device--tablet {
	aspect-ratio: 1082 / 1560;
	filter: drop-shadow(0 30px 28px var(--black-70));
	flex: 0 0 68%;
	max-width: none;
	overflow: visible;
	transform: rotate(3deg);
	transform-origin: center bottom;
}

.jra-mp-device__tablet-frame {
	display: block;
	height: 128.2%;
	left: -43.9%;
	max-width: none;
	pointer-events: none;
	position: absolute;
	top: -13.6%;
	width: 184.84%;
	z-index: 1;
}

.jra-mp-device__tablet-screen {
	background: #111;
	box-shadow: inset 0 0 12px var(--black-70);
	height: 78.72%;
	left: 6.75%;
	overflow: hidden;
	position: absolute;
	top: 10.51%;
	width: 86.69%;
	z-index: 2;
}

.jra-mp-device__tablet-screen::after {
	background: linear-gradient(120deg, transparent 56%, var(--white-10));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-device__tablet-screen-image,
.jra-mp-device__phone-screen-image {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center top;
	width: 100%;
}

.jra-mp-device--phone.jra-mp-device--phone-static {
	flex: 0 0 32%;
	margin-bottom: 4%;
	margin-left: -4%;
	max-width: none;
	transform: rotate(-3deg);
	transform-origin: center bottom;
	width: 32%;
}

.jra-mp-device--phone-static .jra-mp-device__phone-screen-image {
	aspect-ratio: 392 / 850;
	border-radius: 10% / 4.8%;
}

.jra-mp-responsive-story__device-stage--overlap .jra-mp-responsive-story__device-gallery--hero {
	background: transparent;
	border-top: 0;
	margin-top: clamp(10px, 2vw, 28px);
	max-width: 1180px;
	overflow: visible;
	padding: 0;
	transform: none;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-stage--overlap .jra-mp-responsive-story__device-gallery--hero {
	margin-top: 0;
}

.jra-mp-responsive-story__device-gallery--hero .jra-mp-responsive-story__closing-laptop .jra-mp-device__laptop-frame {
	z-index: 4;
}

.jra-mp-responsive-story__device-gallery--hero .jra-mp-responsive-story__closing-laptop .jra-mp-device__laptop-screen {
	clip-path: none;
	height: 52%;
	left: 13.6%;
	top: 13.5%;
	width: 69.3%;
	z-index: 3;
}

.jra-mp-responsive-story__device-gallery-label {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(24px, 3vw, 42px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1.08;
	margin: var(--jra-mp-device-label-gap) 0 0;
	padding-left: 20px;
	padding-right: calc(20px + clamp(36px, 9.6vw, 124px));
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-gallery-label {
	color: var(--color-white);
	margin: 0 0 clamp(6px, .9vw, 12px);
	padding-inline: 20px;
	position: relative;
	top: clamp(22px, 2.5vw, 34px);
	z-index: 2;
}

.jra-mp-responsive-story__closing-video {
	align-items: center;
	background:
		radial-gradient(circle at 50% 36%, var(--white-10), transparent 42%),
		linear-gradient(180deg, var(--color-forest), var(--color-ink));
	border-top: 1px solid var(--gold-45);
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: clamp(68px, 7vw, 104px) clamp(12px, 4vw, 56px) clamp(82px, 9vw, 130px);
	width: 100%;
}

.jra-mp-responsive-story__closing-video .jra-mp-responsive-demo {
	max-width: 1180px;
	overflow: visible;
	width: 100%;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__closing-video {
	--jra-mp-frontline-responsive-band-height: clamp(132px, 18vw, 160px);
	background:
		linear-gradient(rgba(20, 25, 23, .88), rgba(20, 25, 23, .88)),
		url("../images/marketing-portfolio/web/frontline/frontline-cleaner-texture.png") right top / 100% auto no-repeat,
		url("../images/marketing-portfolio/web/frontline/frontline-white-carpet-texture.jpg") left top / 400px 400px repeat;
	background-attachment: scroll, fixed, scroll;
	border-top: 3px solid var(--color-gold);
	flex-direction: column;
	isolation: isolate;
	padding-top: clamp(52px, 6vw, 82px);
	position: relative;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__closing-video::before {
	background:
		linear-gradient(rgba(119, 22, 25, .85), rgba(119, 22, 25, .85)),
		url("../images/marketing-portfolio/web/frontline/frontline-cleaner-texture.png") right top / 100% auto no-repeat,
		url("../images/marketing-portfolio/web/frontline/frontline-white-carpet-texture.jpg") left top / 400px 400px repeat;
	background-attachment: scroll, fixed, scroll;
	border-bottom: 3px solid var(--color-gold);
	content: "";
	height: var(--jra-mp-frontline-responsive-band-height);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__closing-video-label {
	margin: 0 0 clamp(4px, .75vw, 10px);
	position: relative;
	z-index: 1;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__closing-video .jra-mp-responsive-demo {
	padding-top: 0;
	position: relative;
	transform: translateY(calc(-1 * clamp(12px, 1.8vw, 18px)));
	z-index: 1;
}

.jra-mp-responsive-story--frontline .jra-mp-responsive-story__closing-video .jra-mp-device__laptop-screen video {
	border: 0;
	height: 88.9%;
	left: -1px;
	top: 11.4%;
	width: calc(100% + 2px);
}

.jra-mp-responsive-story__closing-video-label {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(24px, 3vw, 42px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1.08;
	margin: clamp(34px, 4vw, 54px) 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.jra-mp-responsive-story__separator {
	background: var(--color-forest);
	height: clamp(680px, 76vw, 850px);
	isolation: isolate;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__separator::after {
	background:
		linear-gradient(180deg, var(--color-forest) 0%, rgba(20, 25, 23, .68) 18%, rgba(20, 25, 23, .74) 66%, var(--color-forest) 100%),
		rgba(13, 16, 15, .3);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-mp-responsive-story__separator-image {
	display: block;
	filter: blur(8px);
	height: 120%;
	left: 0;
	max-width: none;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	top: -10%;
	transform: scale(1.035);
	width: 100%;
	z-index: 0;
}

.jra-mp-responsive-story__separator-heading {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(20px, 2.8vw, 34px);
	font-weight: 300;
	left: 50%;
	letter-spacing: .14em;
	line-height: 1;
	margin: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 3px 18px var(--black-90);
	text-transform: uppercase;
	top: clamp(30px, 4.5vw, 48px);
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 4;
}

.jra-mp-responsive-story__comparison-heading {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(16px, 1.85vw, 24px);
	font-weight: 300;
	left: 47%;
	letter-spacing: .14em;
	line-height: 1.15;
	margin: 0;
	padding-left: clamp(24px, 3vw, 38px);
	position: absolute;
	text-align: left;
	text-shadow: 0 3px 18px var(--black-90);
	text-transform: uppercase;
	top: clamp(176px, 18.5vw, 208px);
	transform: none;
	white-space: pre-line;
	width: 51%;
	z-index: 5;
}

.jra-mp-responsive-story__comparison {
	align-items: flex-start;
	display: flex;
	gap: clamp(10px, 2vw, 30px);
	justify-content: center;
	left: 55%;
	max-width: 940px;
	position: absolute;
	top: clamp(82px, 10vw, 108px);
	transform: translateX(-50%);
	width: min(84%, 940px);
	z-index: 3;
}

.jra-mp-responsive-story__comparison-panel {
	background: transparent;
	border: 0;
	box-shadow: 0 24px 48px var(--black-70), 0 8px 16px var(--black-50);
	height: auto;
	margin: 0;
	overflow: visible;
	position: relative;
}

.jra-mp-responsive-story__comparison-panel--print {
	transform: rotate(-3deg);
	width: 43%;
	z-index: 1;
}

.jra-mp-responsive-story__comparison-panel--web {
	transform: rotate(2.5deg) translateY(-8px);
	width: 42%;
}

.jra-mp-responsive-story__comparison-panel img {
	display: block;
	height: auto;
	max-width: none;
	width: 100%;
}

.jra-mp-responsive-story__comparison-panel--web img {
	transform: none;
	width: 100%;
}

.jra-mp-responsive-story__comparison--video {
	align-items: center;
	gap: 0;
}

.jra-mp-responsive-story__comparison-laptop {
	filter:
		drop-shadow(0 28px 24px var(--black-70))
	drop-shadow(0 8px 8px var(--black-50));
	flex: none;
	margin-left: -10%;
	max-width: none;
	transform: rotate(1.5deg) translateY(84px);
	width: 55%;
	z-index: 2;
}

.jra-mp-responsive-story__comparison-laptop .jra-mp-device__laptop-screen video {
	object-fit: contain;
}

.jra-mp-responsive-story__device-stage {
	align-items: center;
	background: var(--color-forest);
	border-top: 1px solid var(--color-gold);
	display: flex;
	flex-direction: column;
	isolation: isolate;
	justify-content: center;
	min-height: clamp(520px, 64vw, 760px);
	overflow: hidden;
	padding: clamp(28px, 5vw, 72px) clamp(12px, 4vw, 56px);
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__device-stage::before {
	background:
		linear-gradient(180deg, var(--ink-70) 0%, var(--ink-90) 58%, var(--color-forest) 100%),
		url("../images/marketing-portfolio/web/nwpt-responsive-device-background-optimized.webp") center 48% / cover no-repeat;
	background-attachment: scroll, fixed;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.jra-mp-responsive-story__device-stage > * {
	position: relative;
	z-index: 1;
}

.jra-mp-responsive-story__device-stage .jra-mp-responsive-demo {
	background: transparent;
	box-shadow: none;
	margin: 0 auto;
	max-height: none;
	padding: 0;
}

.jra-mp-responsive-story .jra-mp-responsive-demo {
	background: transparent;
	box-shadow: none;
	margin: 0 auto;
	padding-top: clamp(10px, 1.5vw, 20px);
}

.jra-mp-responsive-story__opening-label + .jra-mp-responsive-demo {
	margin-top: clamp(-64px, -7vw, -40px);
}

.jra-mp-responsive-story__transition-label {
	align-items: center;
	background: transparent;
	color: var(--color-gold);
	display: flex;
	font-family: var(--font-display);
	font-size: clamp(16px, 1.7vw, 22px);
	font-weight: 300;
	justify-content: flex-start;
	letter-spacing: .14em;
	line-height: 1;
	min-height: clamp(58px, 7vw, 88px);
	padding: clamp(16px, 2vw, 26px) 24px clamp(16px, 2vw, 26px) calc(clamp(24px, 6vw, 88px) + 195px + clamp(24px, 3vw, 48px));
	position: relative;
	text-align: left;
	text-transform: uppercase;
	z-index: 3;
}

.jra-mp-responsive-story__transition-label--device {
	justify-content: center;
	min-height: 0;
	padding: 0 24px;
	text-align: center;
	transform: translateY(clamp(14px, 2vw, 24px));
	width: 100%;
}

.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__transition-label--device {
	font-size: clamp(21px, 2.4vw, 32px);
}

.jra-mp-responsive-story__screenshots {
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__screenshots::before,
.jra-mp-responsive-story__screenshots::after {
	background: var(--color-gold);
	content: "";
	height: 1px;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-mp-responsive-story__screenshots::before {
	inset: auto 0 0;
	z-index: 3;
}

.jra-mp-responsive-story__screenshots::after {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
	inset: 0 0 auto;
}

.jra-mp-responsive-story__full-width {
	box-shadow: none;
	cursor: default;
	display: block;
	filter: blur(clamp(1.25px, .22vw, 2.5px));
	height: auto;
	max-height: none;
	max-width: none;
	object-fit: contain;
	transform: scale(1.006);
	transform-origin: center;
	width: 100%;
}

@media (min-width: 761px) {
	.jra-mp-responsive-story__full-width {
		height: clamp(340px, 38vw, 520px);
		object-fit: cover;
		object-position: center 6%;
	}
}

.jra-mp-responsive-story__phone {
	--jra-mp-phone-scale: .5;
	aspect-ratio: 392 / 850;
	background: #080a09;
	border: clamp(6px, .7vw, 10px) solid #101312;
	border-radius: 13% / 6%;
	box-shadow:
		0 34px 62px var(--black-70),
		0 8px 18px var(--black-50),
		inset 0 0 0 1px var(--white-20),
		0 0 0 2px #4b504f;
	left: clamp(24px, 6vw, 88px);
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transform: translateY(-24%) rotate(-4deg);
	transform-origin: center;
	width: calc(392px * var(--jra-mp-phone-scale));
	z-index: 2;
}

.jra-mp-responsive-story__phone::before {
	background: #030504;
	border-radius: 999px;
	content: "";
	height: 3.4%;
	left: 34%;
	position: absolute;
	top: 1.25%;
	width: 32%;
	z-index: 3;
}

.jra-mp-responsive-story__phone-screen {
	border-radius: 10% / 4.8%;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__phone-page {
	background: var(--color-cream);
	border: 0;
	display: block;
	height: 850px;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: scale(var(--jra-mp-phone-scale));
	transform-origin: left top;
	width: 392px;
}

.jra-mp-responsive-story__phone-image {
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center;
	transform: none;
	width: 100%;
}

.jra-mp-responsive-story__commerce {
	background: var(--color-forest);
	height: clamp(440px, 68vw, 740px);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-responsive-story__commerce::before {
	background:
		linear-gradient(180deg, var(--black-50) 0%, var(--ink-60) 34%, var(--ink-80) 70%, var(--color-forest) 96%),
		radial-gradient(circle at center, var(--black-20) 10%, var(--black-50) 100%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.jra-mp-responsive-story__commerce-image {
	display: block;
	height: auto;
	left: 0;
	max-width: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.jra-mp-responsive-story__commerce-label {
	color: var(--color-cream);
	font-family: var(--font-display);
	font-size: clamp(28px, 4vw, 58px);
	font-weight: 300;
	left: 50%;
	letter-spacing: .08em;
	line-height: 1.08;
	margin: 0;
	max-width: 820px;
	padding: 24px;
	position: absolute;
	text-align: center;
	text-shadow: 0 3px 18px var(--black-90);
	text-transform: uppercase;
	top: 27%;
	transform: translate(-50%, -50%);
	width: 92%;
	z-index: 2;
}

.jra-mp-responsive-story__commerce-laptop {
	filter: drop-shadow(0 34px 34px var(--black-70));
	flex: none;
	margin: clamp(-410px, -39vw, -265px) auto clamp(44px, 6vw, 86px);
	max-width: 980px;
	width: min(92%, 980px);
	z-index: 3;
}

.jra-mp-responsive-story__commerce-laptop .jra-mp-device__laptop-screen {
	height: 52%;
	left: 13.6%;
	top: 13.5%;
	width: 69.3%;
}

.jra-mp-responsive-story__lightbox-image {
	background: #000;
	border: clamp(2px, .22vw, 3px) solid #000;
	box-sizing: border-box;
	display: block;
	height: 88.2%;
	left: 0;
	max-width: none;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	top: 11.8%;
	width: 100%;
}

.jra-mp-device {
	position: relative;
}

.jra-mp-video-fallback-host {
	position: relative;
}

.jra-mp-video-fallback {
	display: block;
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	object-position: center top;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	transition: opacity .18s ease-out;
	width: 100%;
}

.jra-mp-video-fallback-host.is-video-frame-ready > .jra-mp-video-fallback {
	opacity: 0;
}

.jra-mp-deferred-image {
	opacity: 0;
	transition: opacity .22s ease-out;
}

.jra-mp-deferred-image.is-loaded {
	opacity: 1;
}

video.jra-mp-video--awaiting-frame {
	transition: opacity .18s ease-out;
}

video.jra-mp-video--awaiting-frame:not(.is-frame-ready) {
	opacity: 0 !important;
}

.jra-mp-device video {
	background: var(--color-ink);
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-mp-device--laptop {
	aspect-ratio: 1000 / 850;
	flex: 0 1 74%;
	max-width: 760px;
	overflow: visible;
}

.jra-mp-responsive-demo .jra-mp-device--laptop {
	filter:
		drop-shadow(0 clamp(18px, 2.4vw, 30px) clamp(12px, 1.8vw, 22px) var(--black-80))
		drop-shadow(0 clamp(6px, .8vw, 10px) clamp(4px, .65vw, 8px) var(--black-50));
}

.jra-mp-device__laptop-frame {
	height: auto;
	left: -30%;
	max-width: none;
	pointer-events: none;
	position: absolute;
	top: -15.3%;
	width: 160%;
	z-index: 2;
}

.jra-mp-device__laptop-screen {
	background: #050707;
	clip-path: polygon(.8% .8%, 99.2% 0, 98.7% 100%, 1.3% 100%);
	height: 50.8%;
	left: 14.2%;
	overflow: hidden;
	position: absolute;
	top: 14.1%;
	width: 68.1%;
	z-index: 3;
}

.jra-mp-device__laptop-screen::after {
	background: #050606;
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0 0 0 1px var(--white-10);
	content: "";
	height: 5.8%;
	left: 43.2%;
	position: absolute;
	top: 0;
	width: 13.6%;
	z-index: 4;
}

.jra-mp-device__laptop-screen video {
	background: #000;
	border: clamp(1px, .18vw, 2px) solid #000;
	box-sizing: border-box;
	height: 88.2%;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	top: 11.8%;
}

.jra-mp-device__laptop-screen > .jra-mp-video-fallback {
	border: clamp(1px, .18vw, 2px) solid #000;
	box-sizing: border-box;
	height: 88.2%;
	top: 11.8%;
}

.jra-mp-device__laptop-screen-image {
	background: #000;
	border: clamp(1px, .18vw, 2px) solid #000;
	box-sizing: border-box;
	display: block;
	height: 88.2%;
	left: 0;
	max-width: none;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	top: 11.8%;
	width: 100%;
}

.jra-mp-viewer__slide--before-after-laptops {
	display: block;
	inset: 0;
}

.jra-mp-viewer__slide--red-willow-story {
	display: block;
	inset: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.jra-mp-red-willow-story {
	background: var(--color-forest);
	position: relative;
	width: 100%;
}

.jra-mp-red-willow-story__video-section {
	align-items: flex-start;
	background:
		radial-gradient(circle at 50% 8%, var(--white-10), transparent 58%),
		linear-gradient(180deg, var(--color-ink) 0%, var(--color-forest) 100%);
	display: flex;
	justify-content: center;
	min-height: 0;
	padding: 0;
	position: relative;
}

.jra-mp-red-willow-story__screen {
	aspect-ratio: 16 / 9;
	background: var(--color-forest);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-red-willow-story__screen::after {
	background: linear-gradient(180deg, transparent 42%, rgba(13, 21, 18, .28) 66%, rgba(13, 21, 18, .82) 88%, var(--color-forest) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.jra-mp-red-willow-story__video {
	background: #000;
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	width: 100%;
}

.jra-mp-red-willow-story__rebranded-label {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(24px, 4vw, 58px);
	font-weight: 300;
	letter-spacing: .14em;
	left: 50%;
	line-height: 1;
	position: absolute;
	transform: translateX(-50%);
	text-shadow: 0 5px 24px var(--black-90);
	text-transform: uppercase;
	top: clamp(24px, 6vw, 82px);
	z-index: 3;
}

.jra-mp-red-willow-story__history-section {
	background: linear-gradient(180deg, var(--color-forest), var(--color-ink));
	min-height: 180px;
	position: relative;
}

.jra-mp-red-willow-story__previous-site {
	aspect-ratio: 1 / 1;
	left: clamp(22px, 6.5vw, 110px);
	margin: 0;
	position: absolute;
	top: clamp(190px, 34vw, 420px);
	width: min(42vw, 420px);
	z-index: 5;
}

.jra-mp-red-willow-story__previous-image {
	display: block;
	filter:
		drop-shadow(0 34px 30px var(--black-70))
		drop-shadow(0 10px 10px var(--black-50));
	height: 100%;
	max-width: none;
	object-fit: contain;
	width: 100%;
}

.jra-mp-red-willow-story__previous-tag {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(16px, 1.7vw, 22px);
	font-weight: 300;
	left: 82%;
	letter-spacing: .14em;
	line-height: 1;
	position: absolute;
	white-space: nowrap;
	text-transform: uppercase;
	top: 62%;
}

.jra-mp-red-willow-story__divider {
	background: rgba(198, 177, 125, .72);
	height: 1px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 6;
}

.jra-mp-red-willow-story__responsive-section {
	align-items: center;
	background:
		linear-gradient(180deg, rgba(13, 21, 18, .82), rgba(13, 21, 18, .9) 68%, var(--color-ink)),
		var(--red-willow-history-image) center / cover no-repeat;
	background-attachment: scroll, fixed;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 590px;
	padding: clamp(36px, 5vw, 72px) clamp(18px, 4vw, 56px) clamp(44px, 6vw, 78px);
	position: relative;
}

.jra-mp-red-willow-story__responsive-section .jra-mp-responsive-demo {
	background: transparent;
	box-shadow: none;
	margin-top: clamp(-32px, -3.45vw, -9px);
	max-height: none;
	overflow: visible;
	padding: 0;
}

.jra-mp-red-willow-story__responsive-heading {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(22px, 3.2vw, 44px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1;
	margin: 0 0 clamp(18px, 2.8vw, 34px);
	text-align: center;
	text-shadow: 0 5px 24px var(--black-90);
	text-transform: uppercase;
	width: 100%;
}

.jra-mp-red-willow-story__above-fold {
	align-items: center;
	aspect-ratio: 4680 / 1748;
	background: var(--color-ink);
	display: flex;
	justify-content: center;
	position: relative;
}

.jra-mp-red-willow-story__above-fold-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	inset: 0;
	overflow: hidden;
	position: absolute;
}

.jra-mp-red-willow-story__above-fold-cell {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.jra-mp-red-willow-story__above-fold-cell img {
	display: block;
	height: 100%;
	object-fit: cover;
	transform: scale(1.01);
	width: 100%;
}

.jra-mp-red-willow-story__above-fold::before,
.jra-mp-red-willow-story__above-fold::after {
	display: none;
}

.jra-mp-red-willow-story__above-fold-caption {
	align-items: center;
	background: linear-gradient(180deg, var(--color-forest), var(--color-ink));
	border-top: 1px solid rgba(198, 177, 125, .72);
	display: flex;
	justify-content: center;
	min-height: clamp(180px, 24vw, 300px);
	position: relative;
}

.jra-mp-red-willow-story__above-fold-heading {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(28px, 4.4vw, 62px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1.12;
	margin: 0;
	padding: 28px;
	position: relative;
	text-align: center;
	text-shadow: 0 5px 28px var(--black-90);
	text-transform: uppercase;
	width: min(92%, 960px);
}

.jra-mp-reveal-text {
	opacity: 0;
	transition: opacity .9s ease;
	transition-delay: .2s;
}

.jra-mp-reveal-text.is-visible {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.jra-mp-reveal-text {
		opacity: 1;
		transition: none;
		transition-delay: 0s;
	}
}

.jra-mp-before-after-laptops {
	align-items: center;
	background:
		radial-gradient(circle at 50% 46%, var(--white-10), transparent 48%),
		linear-gradient(145deg, #21100d, var(--color-forest) 72%);
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	padding: clamp(24px, 3vw, 40px) clamp(18px, 4vw, 56px) clamp(72px, 9vh, 96px);
	width: 100%;
}

.jra-mp-before-after-laptops__comparison {
	height: 100%;
	max-width: 1100px;
	position: relative;
	width: 100%;
}

.jra-mp-before-after-laptops__item {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0;
	min-width: 0;
	position: absolute;
}

.jra-mp-before-after-laptops__item--old {
	left: 4%;
	top: 18%;
	width: min(64vw, 520px);
	z-index: 1;
}

.jra-mp-before-after-laptops__item--new {
	left: 32%;
	top: 0;
	width: min(70vw, 560px);
	z-index: 3;
}

.jra-mp-before-after-laptops__label {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: clamp(22px, 3vw, 42px);
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1;
	margin-bottom: clamp(8px, 1.5vw, 20px);
	text-align: center;
	text-transform: uppercase;
}

.jra-mp-before-after-laptops__device {
	filter:
		drop-shadow(0 28px 24px var(--black-70))
		drop-shadow(0 8px 8px var(--black-50));
	flex: none;
	max-width: none;
	width: 100%;
}

.jra-mp-before-after-laptops__item--new .jra-mp-before-after-laptops__device {
	filter:
		drop-shadow(0 34px 28px var(--black-70))
		drop-shadow(0 10px 10px var(--black-60));
}

.jra-mp-crt-device {
	aspect-ratio: 1.45 / 1;
	position: relative;
}

.jra-mp-crt-device__frame {
	display: block;
	height: 100%;
	left: 0;
	max-width: none;
	object-fit: cover;
	object-position: center 68%;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.jra-mp-crt-device__screen {
	clip-path: polygon(0 0, 96% 11%, 94% 94%, 4% 100%);
	height: 39.5%;
	left: 34.4%;
	overflow: hidden;
	position: absolute;
	top: 15.6%;
	width: 27.6%;
	z-index: 3;
}

.jra-mp-crt-device__screen::after {
	background: linear-gradient(112deg, rgba(255, 255, 255, .12), transparent 38%, rgba(0, 0, 0, .12));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-mp-crt-device__screen-image {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center top;
	width: 100%;
}

.jra-mp-crt-device--complete {
	aspect-ratio: 1.25 / 1;
	overflow: hidden;
}

.jra-mp-crt-device--complete .jra-mp-crt-device__frame {
	object-fit: cover;
	object-position: center;
}

.jra-mp-device__menu-bar {
	align-items: center;
	background: #090c0b;
	color: rgba(255, 255, 255, .78);
	display: flex;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
	font-size: clamp(2px, .44vw, 6px);
	font-weight: 500;
	height: 5.8%;
	justify-content: space-between;
	left: 0;
	letter-spacing: 0;
	line-height: 1;
	padding-inline: 2.1%;
	position: absolute;
	top: 0;
	white-space: pre;
	width: 100%;
	z-index: 3;
}

.jra-mp-device__menu-left,
.jra-mp-device__menu-right {
	display: block;
	width: 41%;
}

.jra-mp-device__menu-right {
	text-align: right;
}

.jra-mp-device__browser-chrome {
	align-items: center;
	background: linear-gradient(180deg, #161a19, #0b0e0d);
	box-shadow: inset 0 -1px 0 var(--white-10);
	display: flex;
	height: 6%;
	left: 0;
	padding: 0 2.1%;
	position: absolute;
	top: 5.8%;
	width: 100%;
	z-index: 3;
}

.jra-mp-device__browser-controls {
	background: #d25f59;
	border-radius: 50%;
	box-shadow:
		clamp(4px, .7vw, 8px) 0 #d4a84f,
		clamp(8px, 1.4vw, 16px) 0 #6eaa77;
	height: clamp(2px, .45vw, 5px);
	width: clamp(2px, .45vw, 5px);
}

.jra-mp-device__browser-address {
	background: var(--white-10);
	border-radius: 999px;
	height: 38%;
	margin-inline: auto;
	width: 34%;
}

.jra-mp-device--phone {
	background: #0b0e0d;
	border: clamp(4px, .55vw, 8px) solid #111514;
	border-radius: 13% / 6%;
	box-shadow:
		0 24px 46px var(--black-70),
		inset 0 0 0 1px var(--white-20),
		0 0 0 2px #59605f;
	flex: 0 0 18%;
	margin-bottom: 2.5%;
	max-width: 230px;
	overflow: hidden;
	transform: translateX(clamp(-42px, -3.5vw, -24px));
}

.jra-mp-device--phone::before {
	background: #050606;
	border-radius: 999px;
	content: "";
	height: 3.2%;
	left: 34%;
	position: absolute;
	top: 1.25%;
	width: 32%;
	z-index: 2;
}

.jra-mp-device--phone video {
	aspect-ratio: 392 / 850;
	border-radius: 10% / 4.8%;
}

.jra-mp-device--phone > .jra-mp-video-fallback {
	border-radius: 10% / 4.8%;
}

.jra-mp-viewer__stage.is-image-zoomed {
	cursor: default;
	touch-action: none;
}

.jra-mp-viewer__stage.is-image-zoomed .jra-mp-viewer__slide > img.is-zoomed {
	cursor: grab;
	transition: transform .28s cubic-bezier(.22, .61, .36, 1);
	transform: translate3d(var(--jra-mp-pan-x, 0), var(--jra-mp-pan-y, 0), 0) scale(var(--jra-mp-zoom-scale, 2));
	will-change: transform;
}

.jra-mp-viewer__stage.is-image-zoomed .jra-mp-viewer__slide > img.is-zoomed.is-auto-zoomed {
	transition: none;
}

.jra-mp-viewer__slide > img.is-project-transition-zoomed {
	transition: none;
	will-change: transform;
}

.jra-mp-viewer__stage.is-image-panning .jra-mp-viewer__slide > img.is-zoomed {
	cursor: grabbing;
	transition: none;
}

.jra-mp-viewer__stage.is-image-unzooming .jra-mp-viewer__slide > img.is-unzooming {
	cursor: zoom-out;
}

.jra-mp-viewer__slide.is-leaving-next {
	animation: jra-mp-media-leave-next .5s cubic-bezier(.38, 0, .22, 1) both;
}

.jra-mp-viewer__slide.is-entering-next {
	animation: jra-mp-media-enter-next .5s cubic-bezier(.38, 0, .22, 1) both;
}

.jra-mp-viewer__slide.is-leaving-previous {
	animation: jra-mp-media-leave-previous .5s cubic-bezier(.38, 0, .22, 1) both;
}

.jra-mp-viewer__slide.is-entering-previous {
	animation: jra-mp-media-enter-previous .5s cubic-bezier(.38, 0, .22, 1) both;
}

@keyframes jra-mp-media-leave-next {
	to { transform: translate3d(-110%, 0, 0); }
}

@keyframes jra-mp-media-enter-next {
	from { transform: translate3d(110%, 0, 0); }
	to { transform: translate3d(0, 0, 0); }
}

@keyframes jra-mp-media-leave-previous {
	to { transform: translate3d(110%, 0, 0); }
}

@keyframes jra-mp-media-enter-previous {
	from { transform: translate3d(-110%, 0, 0); }
	to { transform: translate3d(0, 0, 0); }
}

.jra-mp-viewer__placeholder {
	align-items: center;
	background:
		linear-gradient(135deg, var(--white-05), transparent 52%),
		linear-gradient(145deg, var(--color-forest), var(--color-ink));
	border: 1px solid var(--white-10);
	color: var(--white-70);
	display: flex;
	flex-direction: column;
	gap: 22px;
	height: min(56vh, 560px);
	justify-content: center;
	max-width: 760px;
	padding: 36px;
	text-align: center;
	width: 82%;
}

.jra-mp-viewer__placeholder-mark {
	align-items: center;
	border: 1px solid var(--gold-60);
	border-radius: 50%;
	color: var(--color-gold);
	display: flex;
	font-family: var(--font-display);
	font-size: 24px;
	height: 76px;
	justify-content: center;
	letter-spacing: .12em;
	width: 76px;
}

.jra-mp-viewer__placeholder p {
	font-family: var(--font-display);
	font-size: clamp(20px, 2.2vw, 32px);
	font-weight: 300;
	letter-spacing: .04em;
	margin: 0;
	text-transform: uppercase;
}

.jra-mp-viewer__arrow {
	align-items: center;
	background: var(--black-60);
	border: 1px solid var(--white-20);
	border-radius: 50%;
	color: var(--color-cream);
	cursor: pointer;
	display: flex;
	font-size: 34px;
	height: 44px;
	justify-content: center;
	line-height: 1;
	padding: 0 0 4px;
	position: absolute;
	top: calc(50% - 36px);
	transition: background .2s ease, border-color .2s ease, opacity .2s ease;
	width: 44px;
	z-index: 6;
}

.jra-mp-viewer__arrow--previous {
	left: 14px;
}

.jra-mp-viewer__arrow--next {
	right: 14px;
}

.jra-mp-viewer__arrow:hover,
.jra-mp-viewer__arrow:focus-visible {
	background: var(--black-60);
	border-color: var(--color-gold);
	color: var(--color-gold);
	outline: 2px solid var(--gold-30);
}

.jra-mp-viewer__arrow[hidden],
.jra-mp-viewer__media-step[hidden],
.jra-mp-viewer__media-navigation[hidden] {
	display: none;
}

.jra-mp-viewer__media-navigation {
	align-items: center;
	background: linear-gradient(180deg, transparent 0, var(--ink-60) 42%, var(--color-forest) 82%);
	bottom: 0;
	display: flex;
	gap: 8px;
	justify-content: center;
	left: 0;
	min-width: 0;
	padding: 58px 26px 18px;
	position: absolute;
	right: 0;
	z-index: 4;
}

.jra-mp-viewer:has(.jra-mp-viewer__media-navigation:not([hidden])) .jra-mp-viewer__slide {
	bottom: 10px;
}

.jra-mp-viewer__media-strip {
	display: flex;
	flex: 0 1 auto;
	gap: 8px;
	justify-content: flex-start;
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	padding: 2px;
}

.jra-mp-viewer__media-step {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--white-60);
	cursor: pointer;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 32px;
	height: 44px;
	justify-content: center;
	line-height: 1;
	opacity: .72;
	padding: 0 0 3px;
	position: absolute;
	text-shadow: 0 2px 5px var(--black-80);
	transition: color .2s ease, opacity .2s ease, text-shadow .2s ease;
	width: 34px;
	z-index: 6;
}

.jra-mp-viewer__media-step:hover {
	color: var(--color-gold);
	opacity: 1;
	text-shadow: 0 2px 7px var(--black-90);
}

.jra-mp-viewer__media-step:focus-visible {
	color: var(--color-gold);
	opacity: 1;
	outline: 1px solid var(--gold-60);
	outline-offset: 2px;
}

.jra-mp-viewer__media-button {
	align-items: center;
	background: var(--ink-80);
	border: 1px solid var(--white-20);
	color: var(--color-cream);
	cursor: pointer;
	display: flex;
	flex: 0 0 var(--jra-mp-media-button-width, 56px);
	height: 42px;
	justify-content: center;
	overflow: hidden;
	padding: 0;
	width: var(--jra-mp-media-button-width, 56px);
}

.jra-mp-viewer__media-button img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.jra-mp-viewer__media-button span {
	font-family: var(--font-display);
	font-size: 16px;
}

.jra-mp-viewer__media-button.is-active,
.jra-mp-viewer__media-button:hover,
.jra-mp-viewer__media-button:focus-visible {
	border-color: var(--color-gold);
	box-shadow: 0 0 0 2px var(--gold-40);
	outline: 0;
}

.jra-mp-details {
	-webkit-backdrop-filter: blur(20px) saturate(.78);
	backdrop-filter: blur(20px) saturate(.78);
	background: var(--ink-90);
	border-left: 1px solid var(--white-10);
	display: block;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.jra-mp-info-drawer {
	box-shadow: -14px 0 42px var(--black-30);
	inset: 0 0 0 auto;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: transform .4s cubic-bezier(.22, .61, .36, 1);
	width: min(430px, 92vw);
	z-index: 7;
}

.jra-mp-info-drawer .jra-mp-dialog__info-toggle {
	pointer-events: auto;
}

.jra-mp-info-drawer.is-open {
	pointer-events: auto;
	transform: translateX(0);
}

.jra-mp-details__copy {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	overflow-y: auto;
	padding: clamp(24px, 3vw, 46px);
}

.jra-mp-details__description {
	color: var(--white-70);
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
}

.jra-mp-details__exif,
.jra-mp-details__tools {
	border-top: 1px solid var(--white-20);
	margin-top: auto;
	padding-top: 16px;
}

.jra-mp-details__exif[hidden],
.jra-mp-details__tools[hidden] {
	display: none;
}

.jra-mp-details__exif > p,
.jra-mp-details__tools > p {
	color: var(--color-bronze);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .16em;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.jra-mp-details__exif .jra-gallery-viewer__exif-grid {
	margin-top: 14px;
}

.jra-mp-details__tools > div {
	color: var(--white-60);
	font-size: 12px;
	line-height: 1.55;
}

.jra-mp-details__link {
	margin: 20px 0 0;
}

.jra-mp-details__link[hidden] {
	display: none;
}

.jra-mp-details__link a {
	border: 1px solid var(--gold-60);
	color: var(--color-gold);
	display: inline-block;
	font-family: var(--font-display);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .12em;
	padding: 10px 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.jra-mp-details__link a:hover,
.jra-mp-details__link a:focus-visible {
	background: var(--gold-10);
	outline: 1px solid var(--color-gold);
	outline-offset: 2px;
}

.jra-mp-project-navigation {
	background: var(--color-forest);
	border-top: 1px solid var(--white-10);
	display: block;
	min-height: 120px;
}

.jra-mp-project-navigation[hidden] {
	display: none;
}

.jra-mp-project-filmstrip {
	-webkit-overflow-scrolling: touch;
	cursor: grab;
	display: flex;
	gap: 12px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding: 14px 0;
	scrollbar-width: none;
	touch-action: pan-x pan-y;
	user-select: none;
}

.jra-mp-project-filmstrip.is-dragging {
	cursor: grabbing;
}

.jra-mp-project-filmstrip::-webkit-scrollbar {
	display: none;
}

.jra-mp-project-filmstrip__button {
    background: var(--ink-70);
    border: 0;
    box-shadow: inset 0 0 0 1px var(--white-10);
    color: var(--white-70);
    cursor: pointer;
    display: block;
    flex: 1 0 118px;
    filter: grayscale(.35) saturate(.58) brightness(.72);
    height: 92px;
    min-height: 92px;
    opacity: .58;
    padding: 0;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease, filter .2s ease, opacity .2s ease;
}

.jra-mp-project-filmstrip__thumbnail {
	align-items: center;
	background: var(--black-40);
	color: var(--color-gold);
	display: flex;
	font-family: var(--font-display);
	font-size: 18px;
	height: 100%;
	justify-content: center;
	min-width: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.jra-mp-project-filmstrip__thumbnail img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-mp-project-filmstrip__thumbnail img.is-portrait {
	object-position: center top;
}

.jra-mp-project-filmstrip__thumbnail.is-print-overview {
	background: var(--jra-mp-thumbnail-bg, var(--black-40));
}

.jra-mp-project-filmstrip[data-category-key="print/"]
	.jra-mp-project-filmstrip__button[data-project-id="layout-editorial"]
	.jra-mp-project-filmstrip__thumbnail.is-print-overview {
	background: var(--color-black);
}

.jra-mp-project-filmstrip[data-category-key="print/"]
	.jra-mp-project-filmstrip__button[data-project-id="logos-identity"]
	.jra-mp-project-filmstrip__thumbnail.is-print-overview {
	background: color-mix(
		in srgb,
		var(--jra-mp-thumbnail-bg, var(--color-cream)) 70%,
		var(--color-black)
	);
}

.jra-mp-project-filmstrip[data-category-key="print/"]
	.jra-mp-project-filmstrip__button[data-project-id="print-advertising"]
	.jra-mp-project-filmstrip__thumbnail.is-print-overview img {
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
	width: 100%;
}

.jra-mp-project-filmstrip__thumbnail.is-print-overview img {
	filter: blur(1.2px) saturate(.48) brightness(.58);
	height: calc(100% - 12px);
	object-fit: contain;
	opacity: .72;
	transform: scale(1.025);
	transition: filter .2s ease, opacity .2s ease, transform .2s ease;
	width: calc(100% - 12px);
}

.jra-mp-project-filmstrip[data-category-key="print/"] .jra-mp-project-filmstrip__button {
	filter: none;
	opacity: 1;
}

.jra-mp-project-filmstrip[data-category-key="print/"] .jra-mp-project-filmstrip__button.is-active
	.jra-mp-project-filmstrip__thumbnail.is-print-overview img {
	filter: blur(.8px) saturate(.58) brightness(.68);
	opacity: .82;
}

.jra-mp-project-filmstrip__overview-label {
	background: var(--black-75);
	border-block: 1px solid var(--white-25);
	box-sizing: border-box;
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(10px, 2vw, 20px);
	font-weight: 400;
	left: 0;
	letter-spacing: .08em;
	line-height: 1;
	max-width: none;
	overflow: hidden;
	padding: .46em .15em;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-overflow: clip;
	text-shadow: 0 1px 3px var(--color-black);
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}

.jra-mp-project-filmstrip[data-category-key="print/"] .jra-mp-project-filmstrip__overview-label {
	filter: none;
	opacity: 1;
}

.jra-mp-project-filmstrip__stat {
	align-items: center;
	background: linear-gradient(145deg, var(--black-90), var(--black-70));
	color: var(--color-cream);
	display: grid;
	inset: 0;
	justify-content: center;
	line-height: 1;
	padding: 6px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 4px var(--black-90);
	z-index: 2;
}

.jra-mp-project-filmstrip__stat.has-multiple-stats {
	gap: 4px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
}

.jra-mp-project-filmstrip__stat-entry {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.jra-mp-project-filmstrip__stat strong {
	color: var(--color-gold);
	font-family: var(--font-display);
	font-size: 30px;
	font-weight: 300;
	letter-spacing: -.025em;
	line-height: .9;
}

.jra-mp-project-filmstrip__stat-entry > span {
	font-family: var(--font-display);
	font-size: 6px;
	font-weight: 500;
	letter-spacing: .13em;
	line-height: 1.15;
	margin-top: 7px;
	max-width: 96%;
	text-transform: uppercase;
}

.jra-mp-project-filmstrip__stat.has-multiple-stats strong {
	font-size: 22px;
}

.jra-mp-project-filmstrip__stat.has-multiple-stats .jra-mp-project-filmstrip__stat-entry > span {
	font-size: 4px;
	letter-spacing: .07em;
}

.jra-mp-project-filmstrip[data-category-key^="social/"] .jra-mp-project-filmstrip__button {
	filter: grayscale(.18) saturate(.72) brightness(.82);
	opacity: .8;
}

.jra-mp-project-filmstrip[data-category-key^="social/"] .jra-mp-project-filmstrip__button.is-active {
	filter: none;
	opacity: 1;
}

.jra-mp-project-filmstrip__button[data-project-id="a-touch-of-ausome-web"] .jra-mp-project-filmstrip__thumbnail img {
	object-position: right center;
}

.jra-mp-project-filmstrip__button[data-project-id="northwest-prime-time"] .jra-mp-project-filmstrip__thumbnail {
	align-items: center;
	background: var(--color-white);
}

.jra-mp-project-filmstrip__button[data-project-id="northwest-prime-time"] .jra-mp-project-filmstrip__thumbnail img {
	height: auto;
	object-fit: contain;
	width: 100%;
}

.jra-mp-project-filmstrip[data-category-key="print/layout"] .jra-mp-project-filmstrip__thumbnail,
.jra-mp-project-filmstrip[data-category-key="print/identity"] .jra-mp-project-filmstrip__thumbnail {
	background: var(--jra-mp-thumbnail-bg, var(--color-white));
	box-sizing: border-box;
	padding: 8px;
	transition: background-color .25s ease;
}

.jra-mp-project-filmstrip[data-category-key="print/advertising"] .jra-mp-project-filmstrip__thumbnail {
	background: var(--jra-mp-thumbnail-bg, var(--color-forest));
	box-sizing: border-box;
	padding: 8px;
	transition: background-color .25s ease;
}

.jra-mp-project-filmstrip[data-category-key="print/layout"] .jra-mp-project-filmstrip__thumbnail img,
.jra-mp-project-filmstrip[data-category-key="print/identity"] .jra-mp-project-filmstrip__thumbnail img,
.jra-mp-project-filmstrip[data-category-key="print/advertising"] .jra-mp-project-filmstrip__thumbnail img {
	object-fit: contain;
	object-position: center;
}

.jra-mp-project-filmstrip__button:hover,
.jra-mp-project-filmstrip__button:focus-visible {
    background: var(--white-10);
    color: var(--color-cream);
    filter: grayscale(.12) saturate(.82) brightness(.9);
    opacity: .82;
}

.jra-mp-project-filmstrip__button.is-active {
    background: var(--white-10);
    box-shadow: inset 0 -4px 0 var(--color-gold), inset 0 0 0 2px var(--gold-60);
    color: var(--color-cream);
    filter: none;
    opacity: 1;
}

.jra-mp-project-filmstrip__button:focus-visible {
	outline: 2px solid var(--color-gold);
	outline-offset: -3px;
}

@media (min-width: 761px) {
	.jra-mp-responsive-story--nwpt > .jra-mp-responsive-story__intro {
		overflow: visible;
		z-index: 2;
	}

	.jra-mp-responsive-story--nwpt > .jra-mp-responsive-story__intro .jra-mp-device--laptop,
	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__device-stage .jra-mp-responsive-demo {
		overflow: visible;
	}
}

@media (max-width: 1100px) {
	.jra-marketing-portfolio {
		grid-template-rows: auto auto;
	}

	.jra-mp-categories {
		min-height: 0;
	}

	.jra-mp-dialog__body {
		grid-template-columns: minmax(0, 1.25fr) minmax(300px, .8fr);
	}

}

@media (max-width: 760px) {
	.jra-marketing-portfolio {
		display: flex;
		height: 100svh;
		min-height: 100svh;
		padding: calc(var(--header-height) + 18px) 0 0;
		width: 100vw;
	}

	.jra-mp-intro {
		display: block;
		max-width: calc(100vw - 48px);
		width: calc(100vw - 48px);
	}

	.jra-mp-intro h1 {
		font-size: clamp(30px, 8.2vw, 38px);
		line-height: .98;
		overflow-wrap: anywhere;
	}

	.jra-mp-categories {
		display: flex;
		gap: 0;
		margin-top: 14px;
		min-height: 0;
	}

	.jra-mp-category-slider {
		border-bottom: 0;
		min-height: 0;
	}

	.jra-mp-category-slider .jra-mp-card,
	.jra-mp-category-slider .jra-mp-card--videography,
	.jra-mp-category-slider .jra-mp-card--social {
		aspect-ratio: auto;
		grid-column: auto;
	}

	.jra-mp-category-slider .jra-mp-card--videography > img {
		object-position: left 38%;
	}

	.jra-mp-category-slider__arrow {
		display: none;
	}

	.jra-mp-category-filmstrip {
		flex-basis: clamp(118px, 24%, 170px);
		height: auto;
		padding: 8px 0;
	}

	.jra-mp-category-filmstrip__button {
		flex: 1 0 126px;
	}

	.jra-mp-category-filmstrip__button > strong {
		font-size: 10px;
		letter-spacing: .1em;
	}

	.jra-mp-card__content {
		padding: 18px;
	}

	.jra-mp-card__content strong {
		font-size: clamp(20px, 6vw, 28px);
	}

	.jra-mp-card__content > span {
		font-size: 9px;
		margin-top: 15px;
		padding-top: 9px;
	}

	.jra-mp-dialog {
		height: 100svh;
		inset: 0;
		margin: 0;
		max-height: none;
		max-width: none;
		width: 100vw;
	}

	.jra-mp-dialog__surface {
		background: var(--color-forest);
		grid-template-rows: auto minmax(0, 1fr) auto;
		height: 100svh;
		max-height: none;
		min-height: 0;
		width: 100%;
	}

	.jra-mp-dialog__header {
		min-height: 104px;
		padding: 44px 82px 8px 58px;
		position: relative;
		z-index: 4;
	}

	.jra-mp-dialog__heading {
		flex: 1 1 auto;
		max-width: 100%;
	}

	.jra-mp-category-nav {
		left: 0;
		right: 0;
		top: 0;
	}

	.jra-mp-category-nav button {
		font-size: clamp(7px, 2vw, 8px);
		letter-spacing: .04em;
		min-height: 36px;
		padding: 7px 2px;
	}

	.jra-mp-dialog__body {
		height: auto;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}

	.jra-mp-viewer__arrow {
		display: none;
	}

	.jra-mp-viewer {
		align-content: stretch;
		grid-template-rows: minmax(0, 1fr);
		height: 100%;
		min-height: 0;
	}

	.jra-mp-viewer__stage {
		display: flex;
		height: 100%;
		margin: 0;
		overscroll-behavior: none;
		padding: 0;
		touch-action: none;
		width: 100%;
	}

	.jra-mp-viewer__stage.is-group-selecting {
		align-items: stretch;
		display: flex;
		height: 100%;
		min-height: 0;
		padding: 0;
		touch-action: pan-y;
	}

	.jra-mp-group-grid {
		gap: 16px;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, minmax(0, 1fr));
		height: 100%;
		padding: 16px;
	}

	.jra-mp-group-card:first-child {
		grid-column: auto;
	}

	.jra-mp-group-card {
		aspect-ratio: auto;
		min-height: 0;
	}

	.jra-mp-group-card strong {
		font-size: clamp(18px, 5.4vw, 22px);
	}

	.jra-mp-group-card[data-jra-mp-group="identity"] .jra-mp-group-card__collage > img {
		max-height: 72%;
		max-width: 72%;
	}

	.jra-mp-group-card[data-jra-mp-group="advertising"] .jra-mp-group-card__collage > img {
		max-height: 86%;
		max-width: 60%;
	}

	.jra-mp-viewer__slide {
		inset: 10px 44px 0;
		position: absolute;
		width: auto;
	}

	.jra-mp-viewer__slide--project-color {
		inset: 0;
		padding: 10px 44px 0;
	}

	.jra-mp-viewer__slide--social-reach {
		inset: 0;
		margin: 0;
		padding: 0;
		width: auto;
	}

	.jra-mp-viewer__slide--photography,
	.jra-mp-viewer:has(.jra-mp-viewer__media-navigation:not([hidden])) .jra-mp-viewer__slide--photography {
		inset: 0;
		margin: 0;
		padding: 0;
	}

	.jra-mp-viewer__slide--photography > img {
		height: 100%;
		max-width: none;
		object-fit: contain;
		width: 100%;
	}

	.jra-mp-viewer__slide--editorial > img {
		object-fit: cover;
		object-position: center;
	}

	.jra-mp-viewer__slide > img {
		max-height: 100%;
	}

	.jra-mp-viewer__slide--portfolio-video {
		inset: 0;
	}

	.jra-mp-portfolio-video__play {
		gap: 9px;
		padding: 11px 16px 11px 13px;
	}

	.jra-mp-portfolio-video__play-label {
		font-size: 12px;
	}

	.jra-mp-responsive-demo {
		gap: 12px;
		padding: 18px 8px;
	}

	.jra-mp-viewer__slide--laptop-story {
		inset: 0;
	}

	.jra-mp-laptop-story {
		padding: 64px 12px 92px;
	}

	.jra-mp-laptop-story__heading {
		font-size: clamp(22px, 6.6vw, 28px);
		letter-spacing: .08em;
		margin: 0 0 20px;
	}

	.jra-mp-laptop-story--nwpt .jra-mp-laptop-story__heading {
		font-size: clamp(20px, 6.4vw, 28px);
		letter-spacing: .12em;
		margin: 0 0 24px;
		padding-right: 0;
		text-align: center;
	}

	.jra-mp-laptop-story__demo .jra-mp-device--laptop {
		transform: none;
		width: min(94vw, calc((100dvh - 300px) * 1.1765));
	}

	.jra-mp-before-after-laptops {
		padding: 12px 14px 66px;
	}

	.jra-mp-viewer__slide--before-after-laptops {
		inset: 0;
	}

	.jra-mp-before-after-laptops__comparison {
		display: flex;
		flex-direction: column;
		gap: 8px;
		height: auto;
		justify-content: center;
	}

	.jra-mp-before-after-laptops__item {
		flex: 0 1 auto;
		left: auto;
		position: relative;
		top: auto;
		width: 100%;
	}

	.jra-mp-before-after-laptops__item--old,
	.jra-mp-before-after-laptops__item--new {
		margin-left: 0;
		transform: none;
	}

	.jra-mp-before-after-laptops__label {
		font-size: clamp(18px, 5.5vw, 24px);
		margin-bottom: 5px;
	}

	.jra-mp-before-after-laptops__item--old .jra-mp-before-after-laptops__device--old {
		width: min(80vw, 312px);
	}

	.jra-mp-before-after-laptops__item--new .jra-mp-before-after-laptops__device {
		width: min(84vw, 328px);
	}

	.jra-mp-red-willow-story__video-section {
		min-height: 0;
		padding: 0;
	}

	.jra-mp-red-willow-story__screen {
		border-radius: 0;
	}

	.jra-mp-red-willow-story__history-section {
		min-height: 140px;
	}

	.jra-mp-red-willow-story__previous-site {
		left: 1%;
		top: 110px;
		transform: none;
		width: min(62vw, 255px);
	}

	.jra-mp-red-willow-story__previous-tag {
		font-size: clamp(14px, 4.2vw, 19px);
		left: 78%;
		top: 52%;
	}

	.jra-mp-red-willow-story__rebranded-label {
		box-sizing: border-box;
		font-size: clamp(16px, 4.8vw, 20px);
		left: 50%;
		letter-spacing: .1em;
		line-height: 1.35;
		margin: 0;
		text-align: center;
		top: clamp(18px, 6vw, 24px);
		transform: translateX(-50%);
		white-space: normal;
		width: min(82%, 310px);
		z-index: 6;
	}

	.jra-mp-red-willow-story__divider {
		width: 100%;
	}

	.jra-mp-red-willow-story__responsive-section {
		background:
			linear-gradient(180deg, rgba(13, 21, 18, .78), rgba(13, 21, 18, .92) 74%, var(--color-ink)),
			var(--red-willow-history-image) center top / 100% 100% no-repeat;
		background-attachment: scroll, scroll;
		min-height: 350px;
		padding: 42px 8px 50px;
	}

	.jra-mp-red-willow-story__responsive-heading {
		font-size: clamp(19px, 6.5vw, 26px);
		letter-spacing: .1em;
		margin: 0 0 20px;
	}

	.jra-mp-red-willow-story__responsive-section .jra-mp-responsive-demo {
		gap: 8px;
		padding: 0;
	}

	.jra-mp-red-willow-story__above-fold {
		aspect-ratio: 3120 / 2622;
	}

	.jra-mp-red-willow-story__above-fold-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.jra-mp-red-willow-story__above-fold-heading {
		font-size: clamp(24px, 8vw, 38px);
		letter-spacing: .1em;
		padding: 24px 18px;
	}

	.jra-mp-red-willow-story__above-fold-caption {
		min-height: 220px;
	}

	.jra-mp-red-willow-story {
		padding-bottom: 0;
	}

	.jra-mp-red-willow-story::after {
		background: var(--color-ink);
		border-top: 1px solid rgba(198, 177, 125, .72);
		box-sizing: border-box;
		content: "";
		display: block;
		height: 33px;
	}

	.jra-mp-viewer__slide:has(.jra-mp-responsive-demo) {
		inset-inline: 8px;
	}

	.jra-mp-viewer__slide--scrollable {
		inset: 0;
	}

	.jra-mp-viewer__slide--scrollable:has(> .jra-mp-responsive-story),
	.jra-mp-viewer__slide--scrollable:has(> .jra-mp-red-willow-story),
	.jra-mp-viewer__slide--scrollable:has(> .jra-mp-hero-video-story) {
		inset-inline: 0;
	}

	.jra-mp-responsive-story {
		padding-top: 18px;
	}

	.jra-mp-responsive-story--jra {
		--jra-mp-commerce-extension: 280px;
		padding-top: 0;
	}

	.jra-mp-responsive-story--jra .jra-mp-responsive-story__opening-label {
		box-sizing: border-box;
		font-size: clamp(19px, 5.4vw, 22px);
		letter-spacing: .1em;
		padding: 58px 12px 12px;
		width: 100%;
	}

	.jra-mp-responsive-story--jra .jra-mp-responsive-story__opening-label + .jra-mp-responsive-demo {
		margin-top: -10px;
	}

	.jra-mp-responsive-story--jra > .jra-mp-responsive-demo {
		box-sizing: border-box;
		isolation: isolate;
		overflow: visible;
		padding: 10px 32px 44px 4px;
		position: relative;
	}

	.jra-mp-responsive-story--jra > .jra-mp-responsive-demo::before,
	.jra-mp-responsive-story--jra > .jra-mp-responsive-demo::after {
		background: var(--black-70);
		border-radius: 50%;
		content: "";
		filter: blur(10px);
		height: 10px;
		pointer-events: none;
		position: absolute;
		z-index: 0;
	}

	.jra-mp-responsive-story--jra > .jra-mp-responsive-demo::before {
		bottom: 34px;
		left: 8%;
		width: 64%;
	}

	.jra-mp-responsive-story--jra > .jra-mp-responsive-demo::after {
		bottom: 44px;
		right: 9%;
		width: 17%;
	}

	.jra-mp-responsive-story--jra > .jra-mp-responsive-demo .jra-mp-device {
		z-index: 1;
	}

	.jra-mp-responsive-story--jra > .jra-mp-responsive-demo .jra-mp-device--laptop {
		filter: none;
	}

	.jra-mp-responsive-story--nwpt {
		padding-top: 0;
	}

	.jra-mp-responsive-story--lmi {
		padding-top: 0;
	}

	.jra-mp-responsive-story--nwpt > .jra-mp-responsive-story__intro {
		height: 520px;
		min-height: 520px;
	}

	.jra-mp-responsive-story--nwpt > .jra-mp-responsive-story__intro .jra-mp-device--laptop {
		overflow: visible;
	}

	.jra-mp-responsive-story--nwpt > .jra-mp-responsive-story__intro::before {
		background:
			linear-gradient(180deg, rgba(13, 16, 15, .68) 0%, rgba(13, 16, 15, .84) 44%, var(--color-forest) 76%, var(--color-forest) 100%),
			url("../images/marketing-portfolio/web/nwpt-print-to-web-background-optimized.webp") center top / 100% auto no-repeat;
		background-color: var(--color-forest);
	}

	.jra-mp-responsive-story--nwpt > .jra-mp-responsive-story__intro::after {
		background: linear-gradient(
			180deg,
			transparent 16%,
			rgba(20, 25, 23, .14) 24%,
			rgba(20, 25, 23, .5) 32%,
			rgba(20, 25, 23, .88) 39%,
			var(--color-forest) 43%,
			var(--color-forest) 100%
		);
	}

	.jra-mp-responsive-story--nwpt .jra-mp-laptop-story__heading {
		top: clamp(22px, 7vw, 30px);
	}

	.jra-mp-responsive-story__separator {
		height: 445px;
	}

	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__separator {
		margin-top: -48px;
	}

	.jra-mp-responsive-story__separator-heading {
		font-size: clamp(18px, 5.4vw, 22px);
		letter-spacing: .1em;
		top: 34px;
		white-space: pre-line;
		width: calc(100% - 32px);
	}

	.jra-mp-responsive-story__comparison-heading {
		font-size: clamp(17px, 5vw, 21px);
		left: 50%;
		letter-spacing: .1em;
		padding-left: 0;
		text-align: center;
		top: 98px;
		transform: translateX(-50%);
		white-space: normal;
		width: calc(100% - 32px);
	}

	.jra-mp-responsive-story__comparison {
		gap: 0;
		top: 146px;
		width: 90%;
	}

	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__comparison-heading {
		top: 25px;
	}

	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__comparison {
		top: 96px;
	}

	.jra-mp-responsive-story__comparison-panel {
		box-shadow: 0 16px 28px var(--black-70), 0 5px 10px var(--black-50);
	}

	.jra-mp-responsive-story__comparison-panel--print {
		transform: rotate(-3deg);
		width: 43%;
	}

	.jra-mp-responsive-story__comparison-panel--web {
		margin-left: -8px;
		transform: rotate(2deg);
		width: 47%;
	}

	.jra-mp-responsive-story__comparison-panel--web img {
		transform: none;
		width: 100%;
	}

	.jra-mp-responsive-story__comparison--video {
		width: 94%;
	}

	.jra-mp-responsive-story__comparison-laptop {
		transform: rotate(1.5deg) translateY(52px);
		width: 55%;
	}

	.jra-mp-responsive-story__device-stage {
		min-height: 540px;
		padding: 36px 8px 56px;
	}

	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__device-stage::before {
		background-attachment: scroll, scroll;
		background-position: center, center top;
		background-repeat: no-repeat, no-repeat;
		background-size: 100% 100%, 140% auto;
	}

	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__device-stage .jra-mp-responsive-demo {
		filter:
			drop-shadow(0 18px 12px var(--black-80))
			drop-shadow(0 6px 4px var(--black-50));
		overflow: visible;
	}

	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__device-stage .jra-mp-device--laptop {
		filter: none;
	}

	.jra-mp-responsive-story::before {
		background-image:
			linear-gradient(180deg, var(--ink-70) 0%, var(--ink-90) 28%, var(--color-forest) 54%, var(--color-forest) 100%),
			url("../images/marketing-portfolio/web/jra-responsive-video-backdrop-optimized.webp");
		background-size: 100% 100%, auto 58%;
		height: 480px;
	}

	.jra-mp-responsive-story .jra-mp-responsive-demo {
		margin-bottom: 0;
		padding-top: 10px;
	}

	.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-stage--overlap {
		--jra-mp-device-label-gap: 41px;
		margin-top: -120px;
		min-height: 360px;
		padding: 18px 8px calc(var(--jra-mp-device-label-gap) + 20px);
	}

	.jra-mp-responsive-story--lmi .jra-mp-responsive-story__device-stage--overlap {
		margin-top: -90px;
		min-height: 360px;
		padding: 32px 8px 58px;
	}

	.jra-mp-responsive-story--lmi .jra-mp-responsive-story__device-stage .jra-mp-responsive-demo {
		transform: translateY(-8px);
	}

	.jra-mp-responsive-story--lmi .jra-mp-responsive-story__interstitial {
		aspect-ratio: 3 / 2;
		margin-top: -132px;
	}

	.jra-mp-responsive-story__interstitial-heading {
		font-size: clamp(28px, 9vw, 40px);
		letter-spacing: .1em;
		width: min(88%, 420px);
	}

	.jra-mp-responsive-story__hero-heading {
		font-size: clamp(20px, 6vw, 28px);
		letter-spacing: .1em;
		top: 24px;
	}

	.jra-mp-responsive-story--lmi .jra-mp-responsive-story__hero-heading {
		font-size: clamp(17px, 5vw, 20px);
		letter-spacing: .08em;
		line-height: 1.2;
		top: 76px;
		white-space: normal;
		width: calc(100% - 32px);
	}

	.jra-mp-responsive-story__showcase-word {
		font-size: clamp(42px, 15vw, 64px);
		letter-spacing: .08em;
	}

	.jra-mp-responsive-story--lmi .jra-mp-responsive-story__editorial-showcase {
		margin-top: 0;
		min-height: 300px;
	}

	.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-stage--overlap::before {
		background: linear-gradient(180deg, transparent 0%, var(--ink-90) 16%, var(--color-forest) 48%, rgba(20, 25, 23, .72) 74%, transparent 100%);
	}

	.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-stage .jra-mp-responsive-demo {
		overflow: visible;
		padding-bottom: 20px;
		padding-top: 0;
		transform: translateY(-10px);
	}

	.jra-mp-responsive-story__editorial-showcase {
		padding: 42px 8px 72px;
	}

	.jra-mp-responsive-story--frontline .jra-mp-responsive-story__editorial-showcase {
		margin-top: -58px;
		min-height: 300px;
		padding: 0;
	}

	.jra-mp-responsive-story__editorial-grid {
		gap: 8px;
		grid-template-columns: 1fr;
	}

	.jra-mp-responsive-story__editorial-heading {
		font-size: clamp(20px, 6vw, 26px);
		letter-spacing: .1em;
		margin-top: 28px;
		padding-inline: 12px;
	}

	.jra-mp-responsive-story__device-gallery {
		gap: 0;
		padding: 48px 4px 72px;
	}

	.jra-mp-responsive-story__device-stage--overlap .jra-mp-responsive-story__device-gallery--hero {
		margin-top: 16px;
		padding: 0;
		transform: none;
	}

	.jra-mp-responsive-story__device-gallery-label {
		font-size: clamp(18px, 5.8vw, 24px);
		letter-spacing: .1em;
		margin-top: var(--jra-mp-device-label-gap);
		padding-left: 12px;
		padding-right: calc(12px + clamp(36px, 9.6vw, 124px));
	}

	.jra-mp-responsive-story--frontline .jra-mp-responsive-story__device-gallery-label {
		margin: 0 0 6px;
		padding-inline: 12px;
		top: 12px;
	}

	.jra-mp-responsive-story--frontline .jra-mp-responsive-story__editorial-heading {
		font-size: clamp(28px, 8vw, 38px);
	}

	.jra-mp-responsive-story__closing-video {
		padding: 48px 8px 80px;
	}

	.jra-mp-responsive-story__closing-video .jra-mp-responsive-demo {
		overflow: visible;
		padding-bottom: 20px;
		padding-top: 0;
	}

	.jra-mp-device--laptop.jra-mp-responsive-story__closing-laptop {
		flex: 0 0 76%;
		max-width: none;
		width: 76%;
	}

	.jra-mp-responsive-story__device-gallery-handhelds {
		flex: 0 0 52%;
		margin-left: -34%;
		max-width: none;
		width: 52%;
	}

	.jra-mp-device--tablet {
		flex: 0 0 68%;
		max-width: none;
	}

	.jra-mp-responsive-story__transition-label {
		justify-content: center;
		min-height: 58px;
		padding: 16px 24px;
		text-align: center;
		width: 100%;
	}

	.jra-mp-responsive-story--nwpt .jra-mp-responsive-story__transition-label--device {
		font-size: clamp(19px, 6vw, 26px);
	}

	.jra-mp-responsive-story__phone {
		--jra-mp-phone-scale: .4;
		left: 24px;
		top: 12px;
		transform: rotate(-4deg);
	}

	.jra-mp-responsive-story__commerce {
		height: 440px;
	}

	.jra-mp-responsive-story--jra .jra-mp-responsive-story__commerce {
		height: calc(440px + var(--jra-mp-commerce-extension));
	}

	.jra-mp-responsive-story--jra .jra-mp-responsive-story__commerce::before {
		background:
			linear-gradient(180deg, var(--black-50) 0%, var(--ink-70) 34%, var(--color-forest) 70%, var(--color-forest) 100%),
			radial-gradient(circle at center, var(--black-20) 10%, var(--black-50) 100%);
	}

	.jra-mp-responsive-story__commerce-label {
		font-size: clamp(24px, 8vw, 34px);
		letter-spacing: .06em;
		top: 45%;
	}

	.jra-mp-responsive-story--jra .jra-mp-responsive-story__commerce-label {
		font-size: clamp(20px, 6vw, 24px);
		letter-spacing: .04em;
		line-height: 1.12;
		padding-inline: 12px;
		text-wrap: balance;
		top: 198px;
		width: 100%;
	}

	.jra-mp-responsive-story__commerce-laptop {
		margin-top: -120px;
		width: 96%;
	}

	.jra-mp-responsive-story--jra .jra-mp-responsive-story__commerce-laptop {
		margin-top: calc(-120px - var(--jra-mp-commerce-extension));
	}

	.jra-mp-device--laptop {
		flex-basis: 75%;
	}

	.jra-mp-device--phone {
		flex-basis: 19%;
		transform: none;
	}

	.jra-mp-device--phone.jra-mp-device--phone-static {
		flex: 0 0 32%;
		margin-bottom: 4%;
		width: 32%;
	}

	.jra-mp-hero-video-story__opening-label {
		font-size: clamp(20px, 6vw, 28px);
		letter-spacing: .1em;
		top: 22px;
		width: calc(100% - 32px);
	}

	.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__opening-label {
		top: 76px;
	}

	.jra-mp-hero-video-story__scatter-gallery {
		left: -25%;
		margin: -24px 0;
		padding: 0;
		width: 150%;
	}

	.jra-mp-hero-video-story__scatter-item {
		flex-basis: 25%;
		width: auto;
	}

	.jra-mp-hero-video-story__scatter-item + .jra-mp-hero-video-story__scatter-item {
		margin-left: -6%;
	}

	.jra-mp-hero-video-story__scatter-item--1 {
		transform: rotate(-2.2deg);
	}

	.jra-mp-hero-video-story__scatter-item--2 {
		transform: rotate(2deg);
	}

	.jra-mp-hero-video-story__scatter-item--3 {
		transform: rotate(1.6deg);
	}

	.jra-mp-hero-video-story__scatter-item--4 {
		transform: rotate(-2deg);
	}

	.jra-mp-hero-video-story__scatter-item--5 {
		transform: rotate(1.3deg);
	}

	.jra-mp-hero-video-story__closing-devices {
		margin-top: -168px;
		padding: 0 8px 64px;
	}

	.jra-mp-device--laptop.jra-mp-hero-video-story__closing-laptop {
		width: 88vw;
	}

	.jra-mp-hero-video-story--atoa .jra-mp-hero-video-story__laptop {
		width: 86vw;
	}

	.jra-mp-device--phone.jra-mp-hero-video-story__hero-phone {
		box-sizing: border-box;
		bottom: 58px;
		right: 33px;
		width: 82px;
	}

	.jra-mp-viewer__placeholder {
		height: 38svh;
		padding: 24px;
	}

	.jra-mp-details {
		width: 100%;
	}

	.jra-mp-info-drawer {
		height: calc(100svh - 36px);
		inset: 36px 0 auto auto;
		position: fixed;
		width: 100%;
	}

	.jra-mp-info-drawer.is-open .jra-mp-dialog__info-toggle {
		align-items: center;
		border: 1px solid var(--white-30);
		border-radius: 50%;
		box-shadow: none;
		display: flex;
		font-size: 0;
		height: 40px;
		justify-content: center;
		left: 14px;
		min-height: 40px;
		padding: 0;
		right: auto;
		top: 14px;
		width: 40px;
	}

	.jra-mp-info-drawer.is-open .jra-mp-dialog__info-toggle::before {
		content: "×";
		font-family: Arial, sans-serif;
		font-size: 24px;
		font-weight: 400;
		line-height: 1;
	}

	.jra-mp-info-drawer.is-open .jra-mp-details__copy {
		padding-top: 72px;
	}

	.jra-mp-details__copy {
		overflow-y: auto;
		padding: 34px 24px 30px;
	}

	.jra-mp-dialog__info-toggle {
		font-size: 9px;
		padding: 7px 10px;
		top: 84px;
	}

	.jra-mp-dialog__heading h2 {
		font-size: clamp(15px, 4.1vw, 18px);
		line-height: 1.05;
		overflow: visible;
		overflow-wrap: anywhere;
		text-overflow: clip;
		white-space: normal;
	}

	.jra-mp-viewer__media-navigation {
		padding: 50px 12px 10px;
	}

	.jra-mp-project-filmstrip {
		padding: 8px 0;
	}

	.jra-mp-project-navigation {
		min-height: 86px;
	}

	.jra-mp-project-filmstrip__button {
		flex: 1 0 92px;
		height: 70px;
		min-height: 70px;
	}

	.jra-mp-project-filmstrip__stat {
		padding: 4px;
	}

	.jra-mp-project-filmstrip__stat strong {
		font-size: 24px;
	}

	.jra-mp-project-filmstrip__stat-entry > span {
		font-size: 5px;
		letter-spacing: .1em;
		margin-top: 5px;
	}

	.jra-mp-project-filmstrip__stat.has-multiple-stats {
		gap: 2px;
	}

	.jra-mp-project-filmstrip__stat.has-multiple-stats strong {
		font-size: 17px;
	}

	.jra-mp-project-filmstrip__stat.has-multiple-stats .jra-mp-project-filmstrip__stat-entry > span {
		font-size: 3.5px;
		margin-top: 3px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jra-mp-category-slider__track {
		scroll-behavior: auto;
	}

	.jra-mp-responsive-story__showcase-words.is-reduced-motion {
		gap: .32em;
	}

	.jra-mp-responsive-story__showcase-words.is-reduced-motion .jra-mp-responsive-story__showcase-word {
		opacity: 1;
		position: static;
		transform: none;
		transition: none;
	}

	.jra-mp-card,
	.jra-mp-card > img,
	.jra-mp-card__screen {
		transition: none;
	}

	.jra-mp-viewer__slide.is-leaving-next,
	.jra-mp-viewer__slide.is-entering-next,
	.jra-mp-viewer__slide.is-leaving-previous,
	.jra-mp-viewer__slide.is-entering-previous {
		animation: none;
	}

	.jra-mp-viewer__slide {
		transition: none;
	}

	.jra-mp-group-card > img,
	.jra-mp-group-card__collage,
	.jra-mp-group-card__screen {
		transition: none;
	}

	.jra-mp-viewer__stage.is-image-zoomed .jra-mp-viewer__slide > img.is-zoomed {
		transition: none;
	}
}

.jra-photo-grid {
	display: grid;
	gap: 1px;
	grid-auto-flow: dense;
	grid-auto-rows: calc((100vw - 4px) / 5);
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.jra-photo-card {
	background: var(--color-ink);
	min-height: 0;
	overflow: hidden;
	position: relative;
}

.jra-photo-card:nth-child(7n + 1) {
	grid-column: span 2;
	grid-row: span 2;
}

.jra-photo-card.is-grid-feature {
	grid-column: span 2;
	grid-row: span 2;
}

.jra-photo-card:nth-child(7n + 3) {
	grid-column: span 2;
}

.jra-photo-grid.is-layout-managed .jra-photo-card:nth-child(n) {
	grid-column: span 1;
	grid-row: span 1;
}

.jra-photo-grid.is-layout-managed .jra-photo-card.is-grid-feature,
.jra-photo-grid.is-layout-managed .jra-photo-card.is-grid-big,
.jra-photo-grid.is-layout-managed .jra-photo-card.jra-final-fill-slide.is-fill-2x2 {
	grid-column: span 2;
	grid-row: span 2;
}

.jra-photo-grid.is-layout-managed .jra-photo-card.is-grid-wide,
.jra-photo-grid.is-layout-managed .jra-photo-card.jra-final-fill-slide.is-fill-2x1 {
	grid-column: span 2;
	grid-row: span 1;
}

.jra-photo-grid.is-layout-managed .jra-photo-card.is-grid-tall,
.jra-photo-grid.is-layout-managed .jra-photo-card.jra-final-fill-slide.is-fill-1x2 {
	grid-column: span 1;
	grid-row: span 2;
}

.jra-photo-card.jra-final-fill-slide {
	background: var(--color-black);
}

.jra-photo-card.jra-final-fill-slide.is-fill-1x1 {
	grid-column: span 1;
	grid-row: span 1;
}

.jra-photo-card.jra-final-fill-slide.is-fill-2x1 {
	grid-column: span 2;
	grid-row: span 1;
}

.jra-photo-card.jra-final-fill-slide.is-fill-1x2 {
	grid-column: span 1;
	grid-row: span 2;
}

.jra-photo-card.jra-final-fill-slide.is-fill-2x2 {
	grid-column: span 2;
	grid-row: span 2;
}

.jra-photo-card a,
.jra-photo-card img {
	height: 100%;
	width: 100%;
}

.jra-photo-card a {
	display: block;
	overflow: hidden;
	position: relative;
}

.jra-photo-card a::after {
	background: var(--black-10);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	transition: background-color .38s ease, opacity .38s ease;
	z-index: 1;
}

.jra-photo-card img {
	filter: brightness(.82) saturate(1) contrast(1.02);
	object-fit: cover;
	transform: scale(1);
	transform-origin: center center;
	transition: filter .45s ease, transform .7s ease;
	will-change: transform, filter;
}

.jra-photo-card:hover img,
.jra-photo-card:focus-within img {
	filter: brightness(1) saturate(1) contrast(1);
	transform: scale(1.012);
}

.jra-photo-card:hover a::after,
.jra-photo-card:focus-within a::after {
	background: var(--black-05);
}

.jra-photo-card-meta {
	background: linear-gradient(180deg, transparent, var(--black-70));
	bottom: 0;
	color: var(--color-white);
	left: 0;
	opacity: 0;
	padding: 52px 18px 16px;
	position: absolute;
	right: 0;
	transition: opacity .25s ease;
}

.jra-photo-card:hover .jra-photo-card-meta {
	opacity: 1;
}

.jra-photo-card-meta h2 {
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 200;
	letter-spacing: .12em;
	margin: 0;
	text-transform: uppercase;
}

.jra-photo-card-meta p {
	color: var(--white-70);
	font-size: 12px;
	margin: 4px 0 0;
}

.jra-purchase-callout {
	align-items: center;
	background: var(--color-soft-gray);
	display: flex;
	justify-content: center;
	min-height: 28vh;
	padding: 72px 24px;
	text-align: center;
}

.jra-purchase-callout h2 {
	font-size: clamp(34px, 6vw, 80px);
}

.jra-store-hero,
.jra-journal-hero {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: clamp(560px, 74vh, 780px);
	padding: 110px 24px 84px;
	text-align: center;
}

.jra-store-hero-copy,
.jra-journal-hero-copy {
	max-width: 760px;
}

.jra-store-hero-copy p,
.jra-journal-hero-copy > p:first-child,
.jra-print-specs-heading p {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .24em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.jra-store-hero h1,
.jra-journal-hero h1 {
	font-size: clamp(38px, 5vw, 64px);
}

.jra-store-hero-copy a {
	border: 1px solid var(--gold-70);
	display: inline-block;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .18em;
	margin-top: 32px;
	padding: 13px 20px;
	text-transform: uppercase;
}

.jra-print-specs {
	background: var(--color-white);
	padding: clamp(72px, 8vw, 118px) 24px;
}

.jra-print-specs-heading {
	margin: 0 auto clamp(42px, 6vw, 74px);
	max-width: 780px;
	text-align: center;
}

.jra-print-specs h2:not(.jra-white-section-title) {
	font-size: clamp(34px, 3.35vw, 48px);
}

.jra-spec-grid {
	display: grid;
	gap: clamp(40px, 7vw, 110px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 auto;
	max-width: 920px;
}

.jra-spec-grid article {
	border-top: 1px solid var(--color-line);
	padding-top: 28px;
}

.jra-spec-grid h3 {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(34px, 5vw, 76px);
	font-weight: 400;
	letter-spacing: .08em;
	line-height: 1;
	margin: 0 0 26px;
	text-transform: uppercase;
}

.jra-spec-grid p,
.jra-spec-grid li {
	font-family: var(--font-body);
	font-size: clamp(22px, 3.2vw, 42px);
	font-weight: 200;
	letter-spacing: .08em;
	line-height: 1.2;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.jra-spec-grid small {
	color: var(--color-muted);
	display: block;
	font-size: 13px;
	letter-spacing: .08em;
	margin-top: 26px;
	text-transform: uppercase;
}

.jra-spec-grid ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jra-journal-hero-copy {
	color: var(--white-90);
}

.jra-journal-feed,
.jra-single-photo,
.jra-content-page {
	background: var(--color-white);
	padding: clamp(64px, 8vw, 120px) 24px;
}

.jra-single-photo {
	transform: translate3d(0, 0, 0);
	transition: transform .46s cubic-bezier(.22, .61, .36, 1);
}

.jra-single-photo.is-slide-source-hidden {
	visibility: hidden;
}

body.jra-single-photo-loading {
	cursor: progress;
}

.jra-single-photo-slide-layer {
	background: var(--color-white);
	left: 0;
	min-height: 100vh;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: var(--jra-slide-scroll-offset, 0);
	transform: translate3d(0, 0, 0);
	transition: transform .46s cubic-bezier(.22, .61, .36, 1);
	z-index: 42;
}

.jra-single-photo-slide-layer.is-leaving-next {
	transform: translate3d(-100vw, 0, 0);
}

.jra-single-photo-slide-layer.is-leaving-previous {
	transform: translate3d(100vw, 0, 0);
}

.jra-single-photo-slide-layer.is-entering-next {
	transform: translate3d(100vw, 0, 0);
}

.jra-single-photo-slide-layer.is-entering-previous {
	transform: translate3d(-100vw, 0, 0);
}

.jra-single-photo-slide-layer.is-active-next,
.jra-single-photo-slide-layer.is-active-previous {
	transform: translate3d(0, 0, 0);
}

.jra-journal-entry,
.jra-single-photo-inner {
	display: grid;
	gap: clamp(28px, 4vw, 56px);
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, .75fr);
	margin: 0 auto clamp(80px, 10vw, 140px);
	max-width: 1240px;
}

body.single-portfolio_page .jra-single-photo-inner,
body.single-post .jra-single-photo-inner {
	margin-bottom: 0;
}

.jra-journal-entry.is-loaded-entry {
	border-top: 1px solid var(--ink-10);
	opacity: 0;
	padding-top: clamp(64px, 8vw, 112px);
	transform: translateY(28px);
	transition: opacity .55s ease, transform .55s cubic-bezier(.22, .61, .36, 1);
}

.jra-journal-entry.is-loaded-entry.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.jra-journal-gallery,
.jra-journal-image {
	min-width: 0;
}

.jra-journal-gallery {
	align-self: start;
	display: block;
}

.jra-journal-image {
	background: var(--color-forest);
	display: flex;
	justify-content: center;
	margin-bottom: 28px;
	position: relative;
	width: 100%;
}

.jra-journal-image:first-of-type::after {
	background: url("../images/jra-logo-animated.svg") left bottom / contain no-repeat;
	bottom: clamp(12px, 1.4vw, 18px);
	content: "";
	height: clamp(78px, 10vw, 118px);
	left: clamp(12px, 1.4vw, 18px);
	opacity: .95;
	pointer-events: none;
	position: absolute;
	width: clamp(168px, 22vw, 270px);
	z-index: 2;
}

.jra-journal-image:last-child {
	margin-bottom: 0;
}

.jra-journal-image img,
.jra-single-photo-image img {
	max-height: 78vh;
	object-fit: contain;
	width: auto;
}

.jra-single-photo-image img {
	width: 100%;
}

.jra-mobile-gallery-toggle,
.jra-mobile-gallery-count {
	display: none;
}

.jra-journal-copy,
.jra-single-photo-copy {
	align-self: start;
	position: sticky;
	top: calc(var(--header-height) + 28px);
}

.jra-journal-date {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .18em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.jra-journal-copy h2:not(.jra-white-section-title),
.jra-single-photo-copy h1:not(.jra-white-section-title) {
	font-family: var(--font-display);
	font-size: clamp(28px, 3vw, 44px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.16;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.jra-journal-content,
.jra-entry-content {
	color: var(--color-body);
}

.jra-single-photo-edge-nav {
	pointer-events: none;
}

.jra-single-photo-edge-link {
	align-items: center;
	background: var(--forest-green-40);
	border: 1px solid var(--gold-40);
	border-radius: 50%;
	box-shadow:
		0 10px 26px var(--black-10),
		inset 0 0 14px var(--black-10);
	box-sizing: border-box;
	color: var(--color-white);
	display: flex;
	height: clamp(38px, 4vw, 44px);
	justify-content: center;
	pointer-events: auto;
	position: fixed;
	text-decoration: none;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease, opacity .3s ease, visibility .3s ease;
	width: clamp(38px, 4vw, 44px);
	z-index: 45;
}

.jra-single-photo-edge-link:hover,
.jra-single-photo-edge-link:focus-visible {
	background: var(--forest-green-60);
	border-color: var(--gold-60);
	box-shadow:
		0 12px 30px var(--black-20),
		0 0 0 1px var(--gold-20),
		inset 0 0 14px var(--black-20);
	color: var(--color-gold);
	opacity: .96;
	outline: 0;
}

.jra-single-photo-edge-nav.is-nav-hidden .jra-single-photo-edge-link:not(:hover):not(:focus-visible) {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.jra-single-photo-edge-icon {
	display: block;
	height: 10px;
	position: relative;
	width: 10px;
}

.jra-single-photo-edge-icon::before {
	border-color: var(--color-white);
	border-style: solid;
	border-width: 0 2px 2px 0;
	content: "";
	filter: drop-shadow(0 1px 2px var(--black-40));
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	transition: border-color .24s ease, opacity .18s ease, transform .24s ease;
	width: 100%;
}

.jra-single-photo-edge-link.is-loading .jra-single-photo-edge-icon::before {
	opacity: 0;
}

.jra-single-photo-edge-link.is-loading::after {
	animation: jra-edge-spinner .72s linear infinite;
	border: 2px solid var(--gold-20);
	border-radius: 50%;
	border-top-color: var(--color-gold);
	box-sizing: border-box;
	content: "";
	height: 16px;
	position: absolute;
	width: 16px;
}

@keyframes jra-edge-spinner {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.jra-single-photo-edge-link:hover .jra-single-photo-edge-icon::before,
.jra-single-photo-edge-link:focus-visible .jra-single-photo-edge-icon::before {
	border-color: var(--color-gold);
}

.jra-single-photo-edge-link.is-previous {
	left: clamp(14px, 2vw, 24px);
}

.jra-single-photo-edge-link.is-previous:not(.is-loading) .jra-single-photo-edge-icon::before {
	transform: translate(-44%, -50%) rotate(135deg);
}

.jra-single-photo-edge-link.is-previous:hover,
.jra-single-photo-edge-link.is-previous:focus-visible {
	transform: translateY(-50%);
}

.jra-single-photo-edge-link.is-next {
	right: clamp(14px, 2vw, 24px);
}

.jra-single-photo-edge-link.is-next:not(.is-loading) .jra-single-photo-edge-icon::before {
	transform: translate(-56%, -50%) rotate(-45deg);
}

.jra-single-photo-edge-link.is-next:hover,
.jra-single-photo-edge-link.is-next:focus-visible {
	transform: translateY(-50%);
}

@media (min-width: 981px) {
	.jra-single-photo-edge-link {
		height: clamp(38px, 3vw, 42px);
		width: clamp(38px, 3vw, 42px);
	}

	.jra-single-photo-edge-icon {
		height: 10px;
		width: 10px;
	}

	.jra-single-photo-edge-link.is-previous {
		left: clamp(18px, 1.8vw, 26px);
	}

	.jra-single-photo-edge-link.is-next {
		right: clamp(18px, 1.8vw, 26px);
	}
}

body.jra-photo-journal-feed .jra-journal-copy {
	color: var(--color-body);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(16px, 1.15vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.86;
	text-rendering: optimizeLegibility;
}

body.jra-photo-journal-feed .jra-journal-copy h2:not(.jra-white-section-title) {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(28px, 3.1vw, 42px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.18;
	margin: 0 0 24px;
	text-transform: uppercase;
}

body.jra-photo-journal-feed .jra-journal-copy h2:not(.jra-white-section-title) a,
.jra-white-section-title a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

body.jra-photo-journal-feed .jra-journal-copy h2:not(.jra-white-section-title) a:hover,
body.jra-photo-journal-feed .jra-journal-copy h2:not(.jra-white-section-title) a:focus-visible,
.jra-white-section-title a:hover,
.jra-white-section-title a:focus-visible {
	color: var(--color-gold);
}

body.jra-photo-journal-feed .jra-journal-date {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .2em;
	line-height: 1.5;
	margin: 0 0 24px;
	text-transform: uppercase;
}

body.jra-photo-journal-feed .jra-journal-content p {
	color: var(--color-body);
	font-family: var(--font-body);
	font-size: clamp(16px, 1.15vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.86;
	margin: 0 0 1.35em;
}

body.jra-photo-journal-feed .jra-journal-content p:last-child {
	margin-bottom: 0;
}

body.jra-photo-journal-feed .jra-journal-content a {
	color: var(--color-forest);
	font-weight: 700;
	text-decoration: none;
	transition: color .2s ease;
}

body.jra-photo-journal-feed .jra-journal-content a:hover,
body.jra-photo-journal-feed .jra-journal-content a:focus-visible {
	color: var(--color-gold);
}

.jra-journal-loader {
	color: var(--color-muted);
	margin: -40px 0 80px;
	text-align: center;
}

.jra-journal-loader button {
	background: transparent;
	border: 1px solid var(--color-gold);
	color: var(--color-ink);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .18em;
	padding: 14px 22px;
	text-transform: uppercase;
}

.jra-journal-loader button:disabled {
	cursor: default;
	opacity: .64;
}

.jra-loading-label,
.jra-auto-load-status,
.jra-journal-loader.is-loading .jra-load-label {
	display: none;
}

.jra-journal-loader.is-loading .jra-loading-label {
	display: inline;
}

.jra-journal-loader.is-loading .jra-auto-load-status {
	display: block;
	color: var(--color-muted);
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	margin-top: 14px;
	text-transform: uppercase;
}

.jra-journal-loader.is-loading::before {
	animation: loaderPulse 1s ease-in-out infinite;
	background: var(--color-gold);
	content: "";
	display: block;
	height: 1px;
	margin: 0 auto 18px;
	width: 96px;
}

.jra-lightbox {
	align-items: center;
	background: var(--black-90);
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: 24px;
	pointer-events: none;
	position: fixed;
	transition: opacity .22s ease;
	z-index: 10000;
}

.jra-lightbox.is-open {
	opacity: 1;
	pointer-events: auto;
}

body.jra-lightbox-open {
	overflow: hidden;
}

.jra-lightbox img {
	max-height: 92vh;
	max-width: 92vw;
	object-fit: contain;
	transform-origin: var(--jra-lightbox-origin-x, 50%) var(--jra-lightbox-origin-y, 50%);
	transition: transform .28s cubic-bezier(.22, .61, .36, 1);
}

.jra-lightbox-close {
	align-items: center;
	background: var(--forest-green-05);
	border: 1px solid var(--gold-70);
	border-radius: 999px;
	box-shadow: 0 10px 24px var(--black-10);
	color: var(--color-gold);
	cursor: pointer;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	position: fixed;
	right: 18px;
	top: 16px;
	transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease, transform .24s ease;
	width: 28px;
	z-index: 2;
}

.jra-lightbox-close::before {
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l8 8M11 3l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	content: "";
	filter: drop-shadow(0 1px 2px var(--black-40));
	height: 14px;
	left: 50%;
	mix-blend-mode: difference;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
}

.jra-lightbox-close:hover,
.jra-lightbox-close:focus-visible {
	background: var(--forest-green-10);
	border-color: var(--gold-90);
	box-shadow: 0 12px 28px var(--black-20);
	color: var(--color-gold);
	outline: none;
}

.jra-lightbox--zoomable img {
	cursor: var(--jra-cursor-zoom-in);
}

.jra-lightbox--zoomable.is-zoomed img {
	cursor: zoom-out;
	transform: scale(2.45);
}

.jra-content-page {
	min-height: 75vh;
	padding: clamp(92px, 10vw, 150px) 24px clamp(76px, 9vw, 130px);
}

.jra-page-article {
	margin: 0 auto;
	max-width: 860px;
}

.jra-page-article h1 {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(38px, 5.6vw, 72px);
	font-weight: 400;
	letter-spacing: .08em;
	line-height: 1;
	margin: 0 0 clamp(30px, 4vw, 48px);
	text-transform: uppercase;
}

.jra-page-article h1::after {
	background: var(--gradient-gold-rule);
	content: "";
	display: block;
	height: 1px;
	margin-top: 24px;
	width: min(220px, 42vw);
}

.jra-entry-content {
	color: var(--color-body);
	font-family: var(--font-body);
	font-size: clamp(16px, 1.15vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.86;
	text-rendering: optimizeLegibility;
}

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

.jra-entry-content > *:last-child {
	margin-bottom: 0;
}

.jra-entry-content h2 {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.22;
	text-transform: uppercase;
}

.jra-entry-content h3 {
	color: var(--color-ink);
	font-family: var(--font-body);
	font-weight: 200;
	letter-spacing: .1em;
	line-height: 1.22;
	text-transform: uppercase;
}

.jra-entry-content h2 {
	border-top: 1px solid var(--ink-10);
	font-size: clamp(24px, 3vw, 36px);
	margin: clamp(42px, 5vw, 64px) 0 16px;
	padding-top: clamp(28px, 3.6vw, 42px);
}

.jra-entry-content h3 {
	font-size: clamp(18px, 2vw, 24px);
	margin: 30px 0 12px;
}

.jra-entry-content p,
.jra-entry-content ul,
.jra-entry-content ol {
	margin: 0 0 18px;
}

.jra-entry-content ul,
.jra-entry-content ol {
	padding-left: 1.25em;
}

.jra-entry-content li + li {
	margin-top: 7px;
}

.jra-entry-content strong {
	color: var(--color-ink);
	font-weight: 700;
}

.jra-entry-content a {
	color: var(--color-forest);
	font-weight: 700;
	text-decoration: none;
	transition: color .2s ease;
}

.jra-entry-content a:hover,
.jra-entry-content a:focus-visible {
	color: var(--color-gold);
}

.jra-entry-content .jra-legal-kicker {
	color: var(--color-bronze);
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 200;
	letter-spacing: .18em;
	line-height: 1.35;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.jra-entry-content .jra-legal-note {
	background: var(--color-paper);
	border-left: 3px solid var(--color-gold);
	color: var(--color-muted);
	font-size: .95em;
	line-height: 1.62;
	margin: 26px 0;
	padding: 18px 20px;
}

.jra-entry-content .jra-legal-signoff {
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 200;
	letter-spacing: .14em;
	margin-top: 42px;
	text-transform: uppercase;
}

.jra-contact-page {
	background: var(--color-white);
	color: var(--color-ink);
	overflow: hidden;
}

.jra-contact-page--simple {
	min-height: 100svh;
}

.jra-contact-simple {
	margin: 0 auto;
	max-width: 430px;
	min-height: calc(100svh - var(--header-height));
	overflow: hidden;
	padding: clamp(112px, 15vw, 150px) clamp(24px, 7vw, 38px) clamp(64px, 10vw, 92px);
	position: relative;
}

.jra-contact-simple__inner {
	position: relative;
	z-index: 1;
}

.jra-contact-simple h1 {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(42px, 13vw, 62px);
	font-weight: 300;
	letter-spacing: .04em;
	line-height: .96;
	margin: 0;
	text-transform: uppercase;
}

.jra-contact-kicker {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 200;
	letter-spacing: .24em;
	line-height: 1.35;
	margin: 0 0 clamp(22px, 3vw, 34px);
	text-transform: uppercase;
}

.jra-contact-intro h1 {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-weight: 300;
	letter-spacing: .04em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.jra-contact-main {
	align-items: start;
	display: grid;
	gap: clamp(44px, 8vw, 132px);
	grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
	margin: 0 auto;
	max-width: 1180px;
	min-height: calc(100svh - var(--header-height));
	padding: clamp(128px, 16vw, 220px) clamp(22px, 5vw, 72px) clamp(84px, 10vw, 150px);
	position: relative;
}

.jra-contact-main > *:not(.jra-contact-orbit):not(.jra-contact-collage) {
	position: relative;
	z-index: 1;
}

.jra-contact-collage {
	height: clamp(520px, 58vw, 760px);
	left: min(-58px, calc((1180px - 100vw) / 2 - 58px));
	pointer-events: none;
	position: absolute;
	top: calc(var(--header-height) - clamp(42px, 4vw, 58px));
	width: clamp(230px, 24vw, 330px);
	z-index: 0;
}

.jra-contact-collage__print {
	background: var(--color-white);
	border: 1px solid var(--gold-20);
	box-shadow: 0 18px 46px var(--ink-10);
	display: block;
	overflow: hidden;
	padding: 7px;
	position: absolute;
}

.jra-contact-collage__print::after {
	background: linear-gradient(90deg, var(--white-30), var(--white-95));
	content: "";
	inset: 7px;
	pointer-events: none;
	position: absolute;
}

.jra-contact-collage__print img {
	display: block;
	filter: saturate(.78) contrast(.94);
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-contact-collage__print--1 {
	height: 34%;
	left: -5%;
	top: 0;
	transform: rotate(-4deg);
	width: 76%;
}

.jra-contact-collage__print--2 {
	height: 34%;
	left: 17%;
	top: 29%;
	transform: rotate(3deg);
	width: 80%;
	z-index: 2;
}

.jra-contact-collage__print--3 {
	height: 34%;
	left: -1%;
	top: 61%;
	transform: rotate(-2deg);
	width: 78%;
	z-index: 1;
}

.jra-contact-orbit {
	aspect-ratio: 1;
	animation: jra-contact-orbit-arrive 1.1s cubic-bezier(.16, 1, .3, 1) both;
	border: clamp(38px, 5.4vw, 78px) solid var(--gold-20);
	border-radius: 50%;
	left: max(-420px, -28vw);
	opacity: .86;
	pointer-events: none;
	position: absolute;
	top: clamp(88px, 10vw, 142px);
	width: min(58vw, 720px);
	z-index: 0;
}

.jra-contact-kicker,
.jra-contact-intro h1,
.jra-contact-copy,
.jra-contact-socials a,
.jra-contact-socials > span,
.jra-contact-form {
	animation: jra-contact-content-arrive .72s cubic-bezier(.2, .7, .25, 1) both;
}

.jra-contact-kicker {
	animation-delay: .08s;
}

.jra-contact-intro h1 {
	animation-delay: .16s;
}

.jra-contact-copy {
	animation-delay: .26s;
}

.jra-contact-socials a,
.jra-contact-socials > span {
	animation-duration: .58s;
	animation-name: jra-contact-social-fly-in;
}

.jra-contact-socials > :nth-child(1) {
	animation-delay: .36s;
}

.jra-contact-socials > :nth-child(2) {
	animation-delay: .43s;
}

.jra-contact-socials > :nth-child(3) {
	animation-delay: .5s;
}

.jra-contact-socials .is-forthcoming {
	animation-name: jra-contact-social-fly-in-forthcoming;
}

.jra-contact-intro h1 {
	font-size: clamp(58px, 10vw, 144px);
	max-width: 7.8em;
}

.jra-contact-intro {
	padding-left: clamp(78px, 10vw, 132px);
}

.jra-contact-copy {
	color: #424640;
	font-size: clamp(15px, 1.15vw, 17px);
	line-height: 1.82;
	margin-top: clamp(26px, 4vw, 52px);
	max-width: 540px;
}

.jra-contact-copy > *:first-child {
	margin-top: 0;
}

.jra-contact-copy > *:last-child {
	margin-bottom: 0;
}

.jra-contact-socials {
	align-items: center;
	animation: jra-contact-social-band-slide .92s cubic-bezier(.16, 1, .3, 1) .3s both;
	background: rgb(31, 35, 32);
	border: 1px solid var(--color-gold);
	border-radius: 999px;
	box-shadow: 0 14px 34px var(--ink-20);
	display: flex;
	gap: clamp(18px, 2vw, 30px);
	justify-content: flex-end;
	left: calc(-50vw - 2em);
	margin-top: clamp(32px, 5vw, 58px);
	max-width: none;
	overflow: hidden;
	padding: 12px clamp(18px, 2.2vw, 26px);
	position: relative;
	width: calc(50vw + 230px + 2em);
}

.jra-contact-socials a,
.jra-contact-socials > span {
	align-items: center;
	display: flex;
	height: 22px;
	justify-content: center;
	overflow: visible;
	transition: opacity .22s ease, transform .22s ease;
	width: 22px;
}

.jra-contact-socials a:hover,
.jra-contact-socials a:focus-visible {
	opacity: 1;
}

.jra-contact-socials img {
	filter: brightness(0) saturate(100%) invert(78%) sepia(16%) saturate(622%) hue-rotate(6deg) brightness(91%) contrast(86%);
	height: 18px;
	opacity: 1;
	transition: filter .42s cubic-bezier(.16, 1, .3, 1), opacity .32s ease;
	width: 18px;
}

.jra-contact-socials a:hover img,
.jra-contact-socials a:focus-visible img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(112%) contrast(100%);
	transition: filter .54s cubic-bezier(.42, 0, .22, 1), opacity .32s ease;
}

.jra-contact-socials .is-forthcoming {
	opacity: .46;
}

.jra-contact-form {
	animation-delay: .28s;
	animation-name: jra-contact-form-arrive;
	background: transparent;
	border-top: 1px solid var(--gold-80);
	padding-top: clamp(24px, 4vw, 40px);
}

.jra-contact-form .wpcf7,
.jra-contact-form .wpcf7-form {
	margin: 0;
}

.jra-contact-form p {
	margin: 0 0 clamp(18px, 2.4vw, 26px);
}

.jra-contact-form .jra-contact-field {
	margin-bottom: clamp(8px, 1.5vw, 14px);
}

.jra-contact-form label {
	align-items: baseline;
	color: var(--color-ink);
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 200;
	gap: 4px;
	letter-spacing: .2em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.jra-contact-form .jra-contact-label--with-meta {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.jra-contact-form .jra-required-mark {
	color: var(--status-error-text);
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0;
	position: relative;
	top: -1px;
}

.jra-contact-form .wpcf7-form-control-wrap {
	display: block;
	padding-bottom: 20px;
	position: relative;
}

.jra-contact-form .jra-contact-field br {
	display: none;
}

.jra-contact-form .jra-contact-count {
	color: var(--gold-70);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .08em;
	line-height: 1.3;
}

.jra-contact-form .jra-contact-required-note span {
	color: var(--color-bronze);
	font-weight: 700;
}

.jra-contact-form .jra-contact-count.is-at-limit {
	color: var(--status-error-text);
	font-weight: 700;
}

.jra-contact-form .jra-contact-required-note {
	color: var(--color-muted);
	font-size: 12px;
	line-height: 1.5;
	margin: -4px 0 clamp(20px, 2.6vw, 28px);
}

.jra-contact-form input:not([type="submit"]),
.jra-contact-form textarea {
	background: var(--paper-40);
	border: 1px solid var(--ink-20);
	border-radius: 2px;
	color: var(--color-ink);
	font: 400 16px/1.55 var(--font-body);
	padding: 12px 14px;
	transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
	width: 100%;
}

.jra-contact-form textarea {
	height: 132px;
	min-height: 132px;
	resize: vertical;
}

.jra-contact-form input:not([type="submit"]):focus,
.jra-contact-form textarea:focus {
	background: var(--color-white);
	border-color: var(--gold-95);
	box-shadow: 0 0 0 3px var(--gold-20);
	outline: 0;
}

.jra-contact-form .wpcf7-not-valid {
	border-color: var(--status-error-line) !important;
}

.jra-contact-form input[type="submit"] {
	background: var(--color-forest);
	border: 1px solid var(--color-forest);
	color: var(--color-white);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 200;
	letter-spacing: .18em;
	line-height: 1;
	min-height: 46px;
	padding: 15px 24px 14px;
	text-transform: uppercase;
	transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease;
	width: min(100%, 240px);
}

.jra-contact-form input[type="submit"]:hover,
.jra-contact-form input[type="submit"]:focus-visible {
	background: transparent;
	border-color: var(--color-gold);
	color: var(--color-bronze);
	transform: translateY(-1px);
}

.jra-contact-form .wpcf7-form:has(.wpcf7-not-valid-tip:not([hidden])) input[type="submit"],
.jra-contact-form .wpcf7-form.jra-validation-gate-active input[type="submit"],
.jra-contact-form input[type="submit"].is-validation-locked {
	background: var(--status-disabled-bg);
	border-color: var(--status-disabled-bg);
	color: var(--color-white);
	cursor: not-allowed;
	opacity: .9;
	transform: none;
}

.jra-contact-form .wpcf7-spinner {
	margin-left: 12px;
}

.jra-contact-form .wpcf7-not-valid-tip {
	color: var(--status-error-text);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .03em;
	left: 0;
	line-height: 1.35;
	margin-top: 0;
	position: absolute;
	top: calc(100% - 16px);
}

.jra-contact-form textarea + .wpcf7-not-valid-tip {
	top: calc(100% - 23px);
}

.jra-contact-form .wpcf7 form .wpcf7-response-output {
	border: 1px solid currentColor;
	border-left-width: 4px;
	box-shadow: 0 12px 28px var(--ink-05);
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 clamp(24px, 3vw, 34px);
	padding: 13px 15px 14px;
}

.jra-contact-form .wpcf7 form.sent .wpcf7-response-output {
	background: linear-gradient(90deg, var(--status-green-10), var(--paper-90));
	color: var(--status-success-text);
}

.jra-contact-form .wpcf7 form.invalid .wpcf7-response-output,
.jra-contact-form .wpcf7 form.failed .wpcf7-response-output,
.jra-contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.jra-contact-form .wpcf7 form.spam .wpcf7-response-output {
	background: linear-gradient(90deg, var(--status-error-bg), var(--paper-90));
	color: var(--status-error-text);
}

.jra-contact-alert {
	border: 1px solid currentColor;
	border-left-width: 4px;
	box-shadow: 0 12px 28px var(--ink-05);
	font-size: 14px;
	padding: 13px 15px 14px;
}

.jra-contact-alert.is-success {
	background: linear-gradient(90deg, var(--status-green-10), var(--paper-90));
	color: var(--status-success-text);
}

.jra-contact-alert.is-error {
	background: linear-gradient(90deg, var(--status-error-bg), var(--paper-90));
	color: var(--status-error-text);
}

body.jra-contact-drawer-open {
	overflow: hidden;
}

.jra-contact-drawer-shell {
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 90;
}

.jra-contact-drawer-shell[hidden] {
	display: none;
}

.jra-contact-drawer-shell.is-active {
	pointer-events: auto;
}

.jra-contact-drawer-backdrop {
	background: var(--ink-40);
	border: 0;
	cursor: pointer;
	inset: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	transition: opacity .34s ease;
}

.jra-contact-drawer-shell.is-active .jra-contact-drawer-backdrop {
	opacity: 1;
}

.jra-contact-drawer {
	background: var(--color-white);
	box-shadow: -24px 0 64px var(--black-30);
	color: var(--color-ink);
	height: 100svh;
	max-width: 100vw;
	overflow: hidden auto;
	padding: clamp(58px, 7vh, 76px) clamp(24px, 7vw, 38px) clamp(22px, 4vh, 34px);
	position: absolute;
	right: 0;
	top: 0;
	transform: translate3d(100%, 0, 0);
	transition: transform .46s cubic-bezier(.16, 1, .3, 1);
	width: min(100vw, 430px);
}

.jra-contact-drawer-shell.is-active .jra-contact-drawer {
	transform: translate3d(0, 0, 0);
}

.jra-contact-drawer__close {
	align-items: center;
	background: var(--color-white);
	border: 1px solid var(--gold-70);
	border-radius: 999px;
	box-shadow: 0 6px 16px var(--ink-10);
	color: var(--color-forest);
	cursor: pointer;
	display: flex;
	height: 28px;
	justify-content: center;
	left: 18px;
	padding: 0;
	position: absolute;
	top: 18px;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
	width: 28px;
	z-index: 2;
}

.jra-contact-drawer__close::before {
	background: currentColor;
	content: "";
	height: 14px;
	left: 50%;
	mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l8 8M11 3l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l8 8M11 3l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
}

.jra-contact-drawer__close span {
	display: none;
}

.jra-contact-drawer__close:hover,
.jra-contact-drawer__close:focus-visible {
	background: var(--paper-90);
	border-color: var(--gold-95);
	box-shadow: 0 6px 16px var(--ink-10);
	color: var(--color-ink);
}

.jra-contact-drawer__orbit {
	aspect-ratio: 1;
	border: 34px solid var(--gold-10);
	border-radius: 50%;
	left: -148px;
	pointer-events: none;
	position: absolute;
	top: 26px;
	width: 286px;
}

.jra-contact-drawer__print {
	background: var(--color-white);
	border: 1px solid var(--gold-30);
	box-shadow: 0 16px 34px var(--ink-10);
	height: 112px;
	margin: 0;
	overflow: hidden;
	padding: 6px;
	pointer-events: none;
	position: absolute;
	right: -24px;
	top: 38px;
	transform: rotate(3deg);
	width: 128px;
}

.jra-contact-drawer__print::after {
	background: linear-gradient(90deg, var(--white-70), var(--white-05));
	content: "";
	inset: 6px;
	position: absolute;
}

.jra-contact-drawer__print img {
	display: block;
	filter: saturate(.82) contrast(.96);
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-contact-drawer__inner {
	position: relative;
	z-index: 1;
}

.jra-contact-drawer h2 {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(38px, 11vw, 54px);
	font-weight: 300;
	letter-spacing: .04em;
	line-height: .96;
	margin: 0;
	text-transform: uppercase;
}

.jra-contact-form--drawer {
	animation: none;
	margin-top: clamp(20px, 4vh, 28px);
	padding-top: 18px;
}

.jra-contact-form--drawer p {
	margin-bottom: 12px;
}

.jra-contact-form--drawer .wpcf7-form-control-wrap {
	padding-bottom: 12px;
}

.jra-contact-form--drawer textarea {
	height: 100px;
	min-height: 100px;
}

.jra-contact-form--drawer input[type="submit"] {
	width: 100%;
}

.jra-contact-drawer__socials,
.jra-footer-socials {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: center;
}

.jra-contact-drawer__socials {
	border-top: 1px solid var(--forest-green-20);
	margin-top: clamp(20px, 3vh, 26px);
	padding-top: 16px;
}

.jra-contact-drawer__socials .jra-social-link,
.jra-footer-socials .jra-social-link {
	align-items: center;
	background: transparent;
	border: 1px solid var(--gold-30);
	border-radius: 50%;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	transition: border-color .22s ease, opacity .22s ease, transform .22s ease;
	width: 42px;
}

.jra-contact-drawer__socials .jra-social-link:hover,
.jra-contact-drawer__socials .jra-social-link:focus-visible,
.jra-footer-socials .jra-social-link:hover,
.jra-footer-socials .jra-social-link:focus-visible {
	border-color: var(--gold-90);
	transform: translateY(-1px);
}

.jra-contact-drawer__socials .jra-social-link:focus-visible,
.jra-footer-socials .jra-social-link:focus-visible {
	outline: 2px solid var(--color-gold);
	outline-offset: 3px;
}

.jra-contact-drawer__socials img,
.jra-footer-socials img {
	filter: invert(84%) sepia(18%) saturate(455%) hue-rotate(5deg) brightness(91%) contrast(88%);
	height: 18px;
	opacity: .9;
	width: 18px;
}

.jra-contact-drawer__socials .jra-social-link {
	border-color: var(--forest-green-30);
}

.jra-contact-drawer__socials .jra-social-link:hover,
.jra-contact-drawer__socials .jra-social-link:focus-visible {
	border-color: var(--forest-green-70);
}

.jra-contact-drawer__socials .jra-social-link:focus-visible {
	outline-color: var(--color-forest);
}

.jra-contact-drawer__socials img {
	filter: brightness(0) saturate(100%) invert(11%) sepia(11%) saturate(518%) hue-rotate(84deg) brightness(96%) contrast(88%);
	opacity: .78;
}

@media (max-width: 520px) {
	.jra-contact-drawer {
		width: min(100vw, 390px);
	}

	.jra-contact-drawer-backdrop {
		background: var(--ink-20);
	}

	.jra-contact-drawer__print {
		right: -38px;
		width: 110px;
	}
}

@keyframes jra-contact-orbit-arrive {
	from {
		opacity: 0;
		transform: translate3d(-34px, 24px, 0) scale(.94);
	}

	to {
		opacity: .86;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes jra-contact-content-arrive {
	from {
		filter: blur(8px);
		opacity: 0;
		transform: translate3d(0, 18px, 0);
	}

	to {
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-contact-forthcoming-arrive {
	from {
		filter: blur(8px);
		opacity: 0;
		transform: translate3d(0, 18px, 0);
	}

	to {
		filter: blur(0);
		opacity: .36;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-contact-social-band-slide {
	0% {
		opacity: 0;
		transform: translate3d(-120vw, 0, 0);
	}

	1% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-contact-social-fly-in {
	from {
		filter: blur(7px);
		opacity: 0;
		transform: translate3d(-90px, 0, 0);
	}

	to {
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-contact-social-fly-in-forthcoming {
	from {
		filter: blur(7px);
		opacity: 0;
		transform: translate3d(-90px, 0, 0);
	}

	to {
		filter: blur(0);
		opacity: .46;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-contact-form-arrive {
	from {
		border-top-color: rgba(200, 182, 140, 0);
		filter: blur(8px);
		opacity: 0;
		transform: translate3d(28px, 0, 0);
	}

	to {
		border-top-color: var(--gold-80);
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (max-width: 1000px) {
	.jra-contact-main {
		display: block;
		min-height: 0;
		padding: clamp(116px, 16vw, 150px) clamp(28px, 6vw, 44px) clamp(78px, 10vw, 120px);
	}

	.jra-contact-orbit {
		border-width: clamp(34px, 8vw, 58px);
		left: max(-320px, -46vw);
		top: clamp(74px, 11vw, 110px);
		width: min(82vw, 560px);
	}

	.jra-contact-collage {
		height: clamp(500px, 76vw, 680px);
		left: auto;
		right: clamp(-62px, -6vw, -44px);
		top: calc(var(--header-height) - clamp(34px, 5vw, 48px));
		width: clamp(210px, 34vw, 290px);
	}

	.jra-contact-collage__print::after {
		background: linear-gradient(90deg, var(--white-90), var(--white-10));
	}
	.jra-contact-collage__print--2 {
		left: 14%;
	}

	.jra-contact-collage__print--3 {
		left: 2%;
	}

	.jra-contact-intro h1 {
		font-size: clamp(56px, 14vw, 94px);
		max-width: 7.2em;
	}

	.jra-contact-intro {
		padding-left: 0;
		max-width: calc(100% - clamp(96px, 19vw, 132px));
	}

	.jra-contact-copy {
		max-width: 560px;
	}

	.jra-contact-form {
		margin-top: clamp(56px, 9vw, 82px);
		max-width: none;
	}
}

.jra-galleries {
	background: var(--color-white);
	color: var(--color-ink);
}

.jra-galleries-hero {
	align-items: center;
	background: var(--color-ink);
	box-sizing: border-box;
	display: flex;
	isolation: isolate;
	justify-content: center;
	min-height: clamp(140px, 18vh, 190px);
	overflow: hidden;
	padding: clamp(74px, 8vw, 96px) 2em clamp(24px, 3vw, 34px);
	position: relative;
	text-align: left;
}

.jra-galleries-hero::after {
	background:
		var(--gradient-ink-photo-overlay);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.jra-galleries-hero-bg {
	inset: 0;
	overflow: hidden;
	position: absolute;
	z-index: -2;
}

.jra-galleries-hero-slider {
	inset: 0;
	position: absolute;
}

.jra-galleries-hero-bg img {
	display: block;
	filter: saturate(1.05) contrast(1.02);
	height: 100%;
	object-fit: cover;
	object-position: 82% center;
	transform: scale(1.06) translate3d(0, 0, 0);
	transform-origin: center center;
	width: 100%;
	will-change: transform;
}

.jra-galleries-hero-slider .jra-hero-slide img {
	animation: jra-galleries-hero-drift 22s ease-in-out infinite alternate;
}

.jra-galleries-hero-slider .jra-hero-slide:nth-child(2n) img {
	animation-direction: alternate-reverse;
}

.jra-galleries-hero-slider .jra-hero-slide:nth-child(3n) img {
	animation-duration: 28s;
}

.jra-galleries-hero-inner {
	margin: 0 auto;
	max-width: 1480px;
	position: relative;
	width: 100%;
}

.jra-galleries-kicker {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .24em;
	line-height: 1.4;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.jra-galleries-hero-icon {
	color: var(--color-gold);
	display: block;
	filter: drop-shadow(0 8px 18px var(--black-30));
	font-family: "Material Symbols Outlined";
	font-size: clamp(36px, 3.8vw, 52px);
	font-style: normal;
	font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
	font-weight: normal;
	height: 1em;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 auto 18px;
	text-transform: none;
	width: 1em;
}

.jra-galleries-hero h1 {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(38px, 5vw, 58px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.04;
	margin: 0;
	position: relative;
	text-transform: uppercase;
}

.jra-galleries-intro-copy,
.jra-galleries-intro-copy p {
	color: var(--white-90);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(13px, 1vw, 15px);
	letter-spacing: .01em;
	line-height: 1.62;
	margin: 0;
	max-width: 560px;
}

.jra-galleries-intro-copy {
	margin-top: 12px;
}

.jra-galleries-intro-copy p + p {
	margin-top: 1em;
}

.jra-galleries-intro-copy em {
	color: var(--white-80);
	font-style: italic;
}

.jra-galleries-kicker,
.jra-galleries-hero h1,
.jra-galleries-intro-copy {
	animation: jra-hero-text-reveal .68s cubic-bezier(.2, .7, .25, 1) forwards;
	filter: blur(10px);
	opacity: 0;
	transform: translate3d(0, 14px, 0);
}

.jra-galleries-kicker {
	animation-delay: .16s;
}

.jra-galleries-hero h1 {
	animation-delay: .24s;
}

.jra-galleries-intro-copy {
	animation-delay: 0s;
	animation-duration: .62s;
	animation-name: jra-journal-copy-drop;
	transform: translate3d(0, -18px, 0);
}

@media (max-width: 1000px) {
	.jra-galleries-intro-copy,
	.jra-galleries-intro-copy p {
		margin-left: auto;
		margin-right: auto;
	}
}

.jra-galleries-work {
	--jra-galleries-work-gutter: clamp(12px, 2vw, 28px);
	background: var(--color-ink);
	border-top: 3px solid var(--color-gold);
	min-height: 100vh;
	padding: clamp(28px, 3vw, 40px) var(--jra-galleries-work-gutter) clamp(54px, 6vw, 86px);
	scroll-margin-top: 40px;
}

.jra-interior-hero-transition + .jra-galleries-work {
	border-top: 0;
}

.jra-interior-hero-transition {
	margin-top: calc((var(--jra-transition-socket-depth) + var(--jra-transition-stroke)) * -1);
}

.jra-galleries-controls {
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	background: var(--ink-95);
	display: grid;
	gap: 16px;
	margin: 0 auto 16px;
	max-width: 1480px;
	padding: 16px 0;
	position: relative;
	width: 100%;
	z-index: 45;
}

.jra-galleries-controls__grid {
	column-gap: 16px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	row-gap: 10px;
}

.jra-galleries-controls__toggle {
	align-items: center;
	-webkit-backdrop-filter: var(--jra-gallery-filter-glass-filter, blur(20px) saturate(1.12));
	backdrop-filter: var(--jra-gallery-filter-glass-filter, blur(20px) saturate(1.12));
	background: var(--jra-gallery-filter-glass-background, linear-gradient(180deg, rgba(18, 18, 17, .74) 0%, rgba(18, 18, 17, .58) 100%));
	border: 1px solid var(--gold-35);
	border-radius: 0 0 999px 999px;
	border-top: 0;
	box-shadow:
		inset 0 -1px 0 rgba(255, 255, 255, .08),
		0 10px 26px rgba(0, 0, 0, .32);
	color: var(--white-90);
	cursor: pointer;
	display: none;
	flex-direction: column;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 400;
	gap: 7px;
	justify-self: center;
	letter-spacing: .12em;
	line-height: 1;
	min-height: 48px;
	min-width: 96px;
	padding: 8px 16px 11px;
	position: relative;
	text-transform: uppercase;
	transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
}

.jra-galleries-controls__toggle::after {
	border-color: currentColor;
	border-style: solid;
	border-width: 0 1.5px 1.5px 0;
	content: "";
	height: 8px;
	margin-top: 0;
	opacity: .88;
	transform: rotate(45deg);
	transition: opacity .22s ease, transform .22s ease;
	width: 8px;
}

.jra-galleries-controls__toggle:hover,
.jra-galleries-controls__toggle:focus-visible {
	background: var(--jra-gallery-filter-glass-background-hover, linear-gradient(180deg, rgba(18, 18, 17, .82) 0%, rgba(18, 18, 17, .68) 100%));
	border-color: var(--color-gold);
	box-shadow:
		inset 0 -1px 0 rgba(255, 255, 255, .1),
		0 12px 30px rgba(0, 0, 0, .38);
	color: var(--color-white);
	outline: none;
}

.jra-galleries-controls__toggle-label {
	align-items: flex-start;
	display: inline-flex;
	position: relative;
}

.jra-galleries-controls__toggle-count {
	align-items: center;
	background: var(--gold-20);
	border: 1px solid var(--gold-35);
	border-radius: 999px;
	color: var(--color-white);
	display: inline-flex;
	font-size: 6px;
	font-weight: 400;
	height: 10px;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1;
	margin-left: 2px;
	min-width: 10px;
	padding: 0 2px;
	position: relative;
	text-transform: none;
	top: -.55em;
}

.jra-galleries-controls__grid:has(.jra-galleries-control:nth-child(5)) {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.jra-galleries-control {
	display: grid;
	gap: 6px;
	min-width: 0;
	position: relative;
}

.jra-galleries-control span {
	color: var(--gold-80);
	font-family: var(--font-body);
	font-size: 11px;
	letter-spacing: .09em;
	line-height: 1.2;
	text-transform: uppercase;
}

.jra-galleries-filter-menu summary {
	appearance: none;
	background: var(--color-ink);
	border: 1px solid var(--gold-30);
	border-radius: 0;
	color: var(--white-90);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 13px;
	line-height: 1.25;
	min-height: 42px;
	padding: 10px 30px 10px 12px;
	width: 100%;
}

.jra-galleries-search input {
	appearance: none;
	background: rgba(18, 18, 17, .62);
	border: 1px solid var(--gold-50);
	border-radius: 2px;
	box-sizing: border-box;
	color: var(--white-90);
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.25;
	min-height: 48px;
	padding: 12px 52px 12px 48px;
	width: 100%;
}

.jra-galleries-search input::-webkit-search-cancel-button {
	appearance: none;
}

.jra-galleries-search input::placeholder {
	color: rgba(255, 255, 255, .46);
	opacity: 1;
}

.jra-galleries-search input:focus {
	background: rgba(18, 18, 17, .78);
	border-color: var(--color-gold);
	box-shadow:
		inset 0 0 0 1px rgba(212, 178, 112, .36),
		0 0 0 3px rgba(212, 178, 112, .14);
	outline: none;
}

.jra-galleries-search {
	display: grid;
	max-width: 720px;
	position: relative;
	width: min(720px, 100%);
}

.jra-galleries-search-area {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: center;
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}

.jra-galleries-search-area .jra-galleries-search {
	flex: 1 1 720px;
}

.jra-galleries-search__icon {
	align-items: center;
	color: var(--gold-80);
	display: grid;
	font-size: 21px;
	font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
	height: 24px;
	justify-content: center;
	left: 17px;
	line-height: 1;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	width: 24px;
}

.jra-galleries-search.is-searching .jra-galleries-search__icon,
.jra-galleries-search.is-search-complete .jra-galleries-search__icon {
	font-size: 0;
}

.jra-galleries-search.is-searching .jra-galleries-search__icon::before {
	animation: jra-gallery-search-spin .72s linear infinite;
	border: 2px solid var(--gold-30);
	border-radius: 50%;
	border-top-color: var(--color-gold);
	box-sizing: border-box;
	content: "";
	height: 18px;
	width: 18px;
}

.jra-galleries-search.is-search-complete .jra-galleries-search__icon::before {
	border-bottom: 2px solid var(--status-success-text);
	border-right: 2px solid var(--status-success-text);
	content: "";
	height: 10px;
	transform: translateY(-2px) rotate(45deg);
	width: 5px;
}

@keyframes jra-gallery-search-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.jra-galleries-search.is-searching .jra-galleries-search__icon::before {
		animation: none;
	}
}

.jra-galleries-search__clear {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 50%;
	color: var(--gold-80);
	cursor: pointer;
	display: grid;
	height: 34px;
	justify-content: center;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color .2s ease, color .2s ease;
	width: 34px;
}

.jra-galleries-search__clear[hidden] {
	display: none;
}

.jra-galleries-search__clear span {
	font-family: var(--font-body);
	font-size: 24px;
	font-weight: 300;
	line-height: .8;
}

.jra-galleries-search__clear:hover {
	background: rgba(212, 178, 112, .13);
	color: var(--color-gold);
}

.jra-galleries-search__clear:focus-visible {
	box-shadow: 0 0 0 2px var(--color-gold);
	color: var(--color-gold);
	outline: none;
}

.jra-galleries-filter-menu {
	position: relative;
}

.jra-galleries-filter-menu summary {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	list-style: none;
}

.jra-galleries-filter-menu summary::after {
	border-color: currentColor;
	border-style: solid;
	border-width: 0 1px 1px 0;
	content: "";
	flex: 0 0 auto;
	height: 7px;
	margin-top: -3px;
	opacity: .74;
	transform: rotate(45deg);
	transition: transform .22s ease, margin-top .22s ease, opacity .22s ease;
	width: 7px;
}

.jra-galleries-filter-menu[open] summary::after {
	margin-top: 0;
	transform: rotate(135deg);
}

.jra-galleries-filter-menu.has-selection summary {
	background: var(--status-success-bg);
	border-color: var(--status-success-border);
	box-shadow: none;
}

.jra-galleries-filter-menu.has-selection summary span {
	color: var(--status-success-text);
	font-weight: 400;
}

.jra-galleries-filter-menu.has-selection summary::after {
	opacity: 1;
}

.jra-galleries-filter-menu summary::-webkit-details-marker {
	display: none;
}

.jra-galleries-filter-menu summary span {
	color: var(--white-90);
	flex: 1 1 auto;
	font-size: 13px;
	letter-spacing: 0;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

.jra-galleries-filter-menu summary:focus-visible {
	background-color: var(--color-forest);
	border-color: var(--gold-70);
	box-shadow: 0 0 0 3px var(--gold-20);
	outline: none;
}

.jra-galleries-filter-menu__panel {
	background: var(--color-ink);
	border: 1px solid var(--gold-30);
	box-shadow: 0 18px 40px var(--black-50);
	box-sizing: border-box;
	display: grid;
	gap: 1px;
	left: 0;
	max-height: min(340px, 62vh);
	overflow-y: auto;
	padding: 6px;
	position: absolute;
	right: 0;
	top: calc(100% + 6px);
	z-index: 65;
}

.jra-galleries-filter-menu__panel label {
	align-items: center;
	cursor: pointer;
	display: grid;
	gap: 8px;
	grid-template-columns: 16px minmax(0, 1fr);
	min-height: 34px;
	padding: 6px 7px;
}

.jra-galleries-filter-menu__panel label:hover,
.jra-galleries-filter-menu__panel label:focus-within {
	background: var(--gold-10);
}

.jra-galleries-filter-menu__panel input {
	accent-color: var(--color-gold);
	height: 16px;
	margin: 0;
	width: 16px;
}

.jra-galleries-filter-menu__panel label span {
	color: var(--white-90);
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.25;
	text-transform: none;
}

.jra-galleries-sticky-filter {
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	background: var(--ink-80);
	display: none;
	left: 0;
	margin: 0;
	padding: 8px clamp(12px, 2vw, 28px);
	position: fixed;
	right: 0;
	width: 100vw;
	z-index: 39;
}

.jra-galleries-sticky-filter.is-visible {
	display: grid;
}

.jra-galleries-sticky-filter__toggle {
	background: transparent;
	border: 0;
	color: var(--color-gold);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 400;
	justify-self: end;
	letter-spacing: .04em;
	line-height: 1.2;
	padding: 4px 0;
	text-align: right;
	transition: color .2s ease;
}

.jra-galleries-sticky-filter__toggle:hover,
.jra-galleries-sticky-filter__toggle:focus-visible {
	color: var(--color-gold);
	outline: none;
}

.jra-galleries-sticky-filter.is-expanded .jra-galleries-sticky-filter__toggle,
.jra-galleries-sticky-filter:not(.is-expanded) .jra-galleries-sticky-filter__form {
	display: none;
}

.jra-galleries-sticky-filter.is-expanded {
	box-shadow: 0 18px 42px var(--black-40);
	padding-bottom: 16px;
}

.jra-galleries-sticky-filter__form {
	display: grid;
	gap: 20px;
}

.jra-galleries-sticky-filter__actions {
	display: flex;
	justify-content: flex-start;
}

.jra-galleries-sticky-filter__apply {
	background: var(--color-gold);
	border: 1px solid var(--color-gold);
	color: var(--color-ink);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .14em;
	min-height: 42px;
	padding: 12px 18px;
	text-transform: uppercase;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.jra-galleries-sticky-filter__apply:hover,
.jra-galleries-sticky-filter__apply:focus-visible {
	background: var(--color-gold);
	border-color: var(--color-gold);
	color: var(--color-ink);
	outline: none;
}

.jra-galleries-sticky-filter.is-dirty .jra-galleries-sticky-filter__apply {
	box-shadow: 0 0 0 2px var(--gold-20);
}

.jra-galleries-active-filters {
	display: block;
}

.jra-galleries-work.is-updating .jra-galleries-grid,
.jra-galleries-work.is-updating .jra-galleries-empty,
.jra-galleries-work.is-updating .jra-galleries-no-results {
	opacity: .72;
	transition: opacity .18s ease;
}

.jra-galleries-active-filters a {
	align-items: center;
	background: var(--gold-10);
	border: 1px solid var(--gold-30);
	color: var(--white-90);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 12px;
	letter-spacing: .02em;
	line-height: 1.2;
	min-height: 34px;
	padding: 8px 12px;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.jra-galleries-active-filters a:hover,
.jra-galleries-active-filters a:focus-visible {
	background: var(--gold-20);
	border-color: var(--gold-60);
	color: var(--color-white);
}

.jra-galleries-active-filters {
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	background: var(--ink-95);
	border-bottom: 1px solid var(--gold-20);
	border-top: 1px solid var(--gold-20);
	margin: 0 calc(50% - 50vw);
	padding: 10px clamp(20px, 2vw, 28px);
	position: sticky;
	top: var(--header-height);
	width: 100vw;
	z-index: 40;
}

.jra-galleries-active-filters__inner {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 auto;
	max-width: 1480px;
	min-height: 34px;
	padding-right: 38px;
	position: relative;
	width: 100%;
}

.jra-galleries-active-filters.is-pinned {
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: var(--header-height);
}

.jra-galleries-active-filters__chip {
	background: var(--status-success-bg);
	border-color: var(--status-success-border);
	color: var(--status-success-text);
	gap: 5px;
	padding-right: 8px;
}

.jra-galleries-active-filters__chip:hover,
.jra-galleries-active-filters__chip:focus-visible {
	background: var(--status-success-bg);
	border-color: var(--status-success-border);
	color: var(--status-success-text);
}

.jra-galleries-active-filters__chip .jra-galleries-active-filters__label {
	color: var(--status-success-text);
	transition: color .2s ease;
}

.jra-galleries-active-filters__chip:hover .jra-galleries-active-filters__label,
.jra-galleries-active-filters__chip:focus-visible .jra-galleries-active-filters__label {
	color: var(--status-success-text);
}

.jra-galleries-active-filters__remove {
	align-items: center;
	background: var(--status-green-20);
	border-radius: 999px;
	display: inline-flex;
	font-size: 15px;
	font-weight: 600;
	height: 18px;
	justify-content: center;
	line-height: 1;
	margin-left: 4px;
	width: 18px;
}

.jra-galleries-active-filters a:hover .jra-galleries-active-filters__remove,
.jra-galleries-active-filters a:focus-visible .jra-galleries-active-filters__remove {
	background: var(--status-green-20);
}

.jra-galleries-active-filters a.jra-galleries-active-filters__clear {
	align-items: center;
	background: var(--white-10);
	border: 1px solid var(--white-30);
	border-radius: 999px;
	color: var(--white-80);
	display: inline-flex;
	font-size: 18px;
	font-weight: 400;
	height: 26px;
	justify-content: center;
	line-height: 1;
	min-height: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
}

.jra-galleries-active-filters a.jra-galleries-active-filters__clear:hover,
.jra-galleries-active-filters a.jra-galleries-active-filters__clear:focus-visible {
	background: var(--white-10);
	border-color: var(--white-30);
	color: var(--color-white);
}

.jra-galleries-active-filters__share {
	align-items: center;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(0, 0, 0, .54);
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
	color: var(--white-90);
	cursor: pointer;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	line-height: 1;
	min-height: 0;
	padding: 0;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
	width: 28px;
}

.jra-galleries-active-filters__share .material-symbols-outlined {
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V3M12 3L7.5 7.5M12 3l4.5 4.5M5 11v8h14v-8'/%3E%3C/g%3E%3C/svg%3E");
	display: inline-block;
	font-size: 0;
	height: 17px;
	width: 17px;
}

.jra-galleries-active-filters__share:hover,
.jra-galleries-active-filters__share:focus-visible,
.jra-galleries-active-filters__share.is-confirmed {
	background: var(--gold-20);
	border-color: var(--gold-40);
	color: var(--color-white);
	outline: none;
}

.jra-gallery-share-sheet {
	background: transparent;
	display: block;
	inset: 0;
	opacity: 0;
	position: fixed;
	transition: opacity .16s ease;
	z-index: 320;
}

.jra-gallery-share-sheet[hidden] {
	display: none;
}

.jra-gallery-share-sheet.is-open {
	opacity: 1;
}

.jra-gallery-share-sheet__panel {
	background: var(--color-green);
	border: 1px solid var(--gold-30);
	box-shadow: 0 18px 60px var(--black-50);
	box-sizing: border-box;
	color: var(--color-chrome);
	display: flex;
	flex-direction: column;
	gap: 18px;
	height: auto;
	left: var(--jra-share-sheet-left, 16px);
	max-width: 100%;
	max-height: calc(100vh - 32px);
	overflow-y: auto;
	padding: 20px;
	position: fixed;
	top: var(--jra-share-sheet-top, 64px);
	transform: translateY(-8px) scale(.98);
	transform-origin: top right;
	transition: transform .18s ease;
	width: min(390px, calc(100vw - 32px));
}

.jra-gallery-share-sheet.is-open .jra-gallery-share-sheet__panel {
	transform: translateY(0) scale(1);
}

.jra-gallery-share-sheet__header {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.jra-gallery-share-sheet__header p {
	color: var(--color-gold);
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .18em;
	margin: 0;
	text-transform: uppercase;
}

.jra-gallery-share-sheet__close {
	background: var(--white-05);
	border: 1px solid var(--white-20);
	border-radius: 999px;
	cursor: pointer;
	height: 30px;
	position: relative;
	width: 30px;
}

.jra-gallery-share-sheet__close::before {
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M3 3l8 8M11 3l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	content: "";
	height: 14px;
	inset: 50% auto auto 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 14px;
}

.jra-gallery-share-sheet__close:hover,
.jra-gallery-share-sheet__close:focus-visible {
	background: var(--white-10);
	border-color: var(--gold-60);
	outline: none;
}

.jra-gallery-share-sheet__preview {
	background: var(--black-20);
	border: 1px solid var(--white-10);
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	overflow: hidden;
}

.jra-gallery-share-sheet__preview img {
	align-self: stretch;
	height: 112px;
	object-fit: cover;
	width: 112px;
}

.jra-gallery-share-sheet__preview > div {
	align-self: center;
	min-width: 0;
	padding: 14px 16px;
}

.jra-gallery-share-sheet__preview h2 {
	color: var(--color-white);
	font-family: var(--font-heading);
	font-size: 17px;
	font-weight: 300;
	letter-spacing: .02em;
	line-height: 1.25;
	margin: 0 0 7px;
	text-transform: none;
}

.jra-gallery-share-sheet__preview p {
	color: var(--white-70);
	font-family: var(--font-body);
	font-size: 12px;
	line-height: 1.45;
	margin: 0;
}

.jra-gallery-share-sheet__actions {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.jra-gallery-share-sheet__action {
	align-items: center;
	background: var(--white-05);
	border: 1px solid var(--white-15);
	box-sizing: border-box;
	color: var(--color-chrome);
	cursor: pointer;
	display: flex;
	font-family: var(--font-body);
	font-size: 12px;
	gap: 9px;
	justify-content: flex-start;
	letter-spacing: .04em;
	min-height: 48px;
	padding: 10px 13px;
	text-align: left;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.jra-gallery-share-sheet__action > span {
	align-items: center;
	border: 1px solid var(--gold-40);
	border-radius: 999px;
	color: var(--color-gold);
	display: inline-flex;
	font-size: 14px;
	height: 24px;
	justify-content: center;
	line-height: 1;
	width: 24px;
}

.jra-gallery-share-sheet__action.is-facebook > span {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.jra-gallery-share-sheet__action.is-copy > span {
	background: center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23cdbd8b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9.5 14.5l5-5M7.8 17.8l-1.6 1.6a3.4 3.4 0 01-4.8-4.8l4.2-4.2a3.4 3.4 0 014.8 0M16.2 6.2l1.6-1.6a3.4 3.4 0 014.8 4.8l-4.2 4.2a3.4 3.4 0 01-4.8 0'/%3E%3C/g%3E%3C/svg%3E");
	font-size: 0;
}

.jra-gallery-share-sheet__action:hover,
.jra-gallery-share-sheet__action:focus-visible,
.jra-gallery-share-sheet__action.is-confirmed {
	background: var(--gold-10);
	border-color: var(--gold-50);
	color: var(--color-white);
	outline: none;
}

.jra-gallery-share-sheet__status {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 12px;
	margin: -8px 0 0;
	min-height: 1.4em;
}

@media (max-width: 700px) {
	body.jra-gallery-share-open {
		overflow: hidden;
	}

	.jra-gallery-share-sheet {
		align-items: flex-end;
		background: var(--black-60);
		display: flex;
		justify-content: flex-end;
	}

	.jra-gallery-share-sheet__panel {
		border: 0;
		border-radius: 18px 18px 0 0;
		border-top: 1px solid var(--gold-30);
		bottom: 0;
		box-shadow: 0 -18px 50px var(--black-40);
		height: auto;
		left: 0;
		max-height: min(82vh, 680px);
		padding: 20px;
		position: fixed;
		top: auto;
		transform: translateY(100%);
		transform-origin: bottom center;
		width: 100%;
	}

	.jra-gallery-share-sheet.is-open .jra-gallery-share-sheet__panel {
		transform: translateY(0);
	}

	.jra-gallery-share-sheet__preview {
		grid-template-columns: 92px minmax(0, 1fr);
	}

	.jra-gallery-share-sheet__preview img {
		height: 92px;
		width: 92px;
	}
}

.jra-galleries-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 auto 18px;
	max-width: 1480px;
	padding: 0;
}

.jra-galleries-filter a {
	color: var(--white-70);
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 13px;
	letter-spacing: .02em;
	line-height: 1.25;
	padding: 9px 13px;
	text-decoration: none;
	transition: background-color .22s ease, color .22s ease, box-shadow .22s ease;
}

.jra-galleries-filter a:hover,
.jra-galleries-filter a:focus-visible,
.jra-galleries-filter a.is-active {
	background: var(--gold-10);
	box-shadow: inset 0 0 0 1px var(--gold-30);
	color: var(--color-white);
}

.jra-galleries-grid {
	align-content: start;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	justify-content: flex-start;
	margin: 0 auto;
	max-width: 1480px;
	opacity: 1;
	transition: opacity .24s ease;
	width: 100%;
}

.jra-galleries-grid.is-pending-layout {
	min-height: clamp(280px, 48vh, 640px);
	opacity: 0;
	overflow: hidden;
}

.jra-galleries-grid--single-result {
	justify-content: center;
}

.jra-gallery-card {
	break-inside: avoid;
	flex: 0 0 auto;
	min-width: 0;
	opacity: 1;
	position: relative;
	scroll-margin-top: calc(var(--header-height) + var(--jra-gallery-controls-sticky-height, 0px) + 16px);
	transform: scale(1);
	transform-origin: center center;
	transition: opacity .2s ease, transform .24s cubic-bezier(.22, .61, .36, 1);
}

.jra-gallery-card[hidden] {
	display: none;
}

.jra-galleries-work.is-filtering-out .jra-gallery-card {
	opacity: 0;
	transform: scale(.94);
}

.jra-galleries-work.is-filtering-in .jra-gallery-card {
	opacity: 0;
	transform: scale(.965);
}

@media (prefers-reduced-motion: reduce) {
	.jra-gallery-card {
		transition: none;
	}

	.jra-galleries-work.is-filtering-out .jra-gallery-card,
	.jra-galleries-work.is-filtering-in .jra-gallery-card {
		opacity: 1;
		transform: none;
	}
}

.jra-gallery-card__image {
	background: var(--color-ink);
	cursor: pointer;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.jra-gallery-card__image::after {
	background: transparent;
	content: "";
	inset: 0;
	position: absolute;
	transition: background-color .34s ease;
	z-index: 1;
}

.jra-gallery-card__image::before {
	animation: jra-gallery-image-loading 1s linear infinite;
	border: 1px solid var(--gold-20);
	border-radius: 50%;
	border-top-color: var(--color-gold);
	box-sizing: border-box;
	content: "";
	height: 28px;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .22s ease;
	width: 28px;
	z-index: 2;
}

.jra-gallery-card__image.is-image-loading::before {
	opacity: .82;
}

.jra-gallery-card__image img {
	display: block;
	filter: brightness(.88) saturate(1) contrast(1.02);
	height: 100%;
	object-fit: contain;
	opacity: 1;
	transform: scale(1);
	transition: filter .28s ease, opacity .28s ease, transform .42s ease;
	width: 100%;
}

.jra-gallery-card__image.is-image-loading img {
	opacity: 0;
}

.jra-gallery-card__image.is-image-loaded img {
	animation: jra-gallery-image-fade-in .42s ease both;
}

.jra-gallery-card__image.is-lightbox-return-target img {
	opacity: 0;
}

.jra-gallery-card__image.is-lightbox-return-settling img {
	transition: filter .28s ease, transform .42s ease;
}

.jra-gallery-card__image.is-lightbox-return-target::before {
	opacity: 0;
}

@keyframes jra-gallery-image-loading {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes jra-gallery-image-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jra-gallery-card__image::before {
		animation: none;
	}

	.jra-gallery-card__image.is-image-loaded img {
		animation: none;
	}

	.jra-gallery-viewer__nav.is-loading::after {
		animation: none;
	}
}

.jra-galleries-grid.jra-home-gallery-grid {
	background: var(--color-black);
	gap: 1px;
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	width: 100%;
}

.jra-home-gallery-grid .jra-gallery-card,
.jra-home-gallery-grid .jra-gallery-card__image {
	background: var(--color-black);
}

.jra-home-gallery-grid .jra-gallery-card__image {
	overflow: hidden;
}

.jra-home-gallery-grid .jra-gallery-card__image img {
	max-width: none;
}

.jra-gallery-card__image:hover::after,
.jra-gallery-card__image:focus-visible::after {
	background: transparent;
}

.jra-gallery-card__image:hover img,
.jra-gallery-card__image:focus-visible img {
	filter: brightness(1) saturate(1) contrast(1);
	transform: scale(1.01);
}

.jra-home-gallery-grid .jra-gallery-card__image:hover img,
.jra-home-gallery-grid .jra-gallery-card__image:focus-visible img {
	filter: brightness(.74) saturate(.94) contrast(1.04);
	transform: none;
}

@media (min-width: 1001px) {
	.jra-home-gallery-grid .jra-gallery-card__image:hover img,
	.jra-home-gallery-grid .jra-gallery-card__image:focus-visible img {
		filter: brightness(.6) saturate(.86) contrast(1.08);
		transform: none;
	}
}

.jra-galleries-empty,
.jra-galleries-no-results {
	align-items: center;
	align-content: center;
	border-top: 1px solid var(--ink-10);
	display: grid;
	gap: 10px;
	justify-items: center;
	margin: 0 auto;
	max-width: 760px;
	min-height: clamp(240px, 42vh, 520px);
	padding: 0;
	text-align: center;
}

.jra-galleries-no-results {
	margin-top: 28px;
	max-width: 1480px;
	width: 100%;
}

.jra-galleries-empty h2,
.jra-galleries-no-results h2 {
	font-family: var(--font-display);
	font-size: clamp(38px, 5.4vw, 68px);
	font-weight: 300;
	letter-spacing: .06em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.jra-galleries-empty p,
.jra-galleries-no-results p {
	color: var(--color-muted);
	font-size: clamp(15px, 1.2vw, 18px);
	line-height: 1.55;
	margin: 0;
	max-width: 420px;
}

.jra-galleries-empty__action {
	background: var(--gold-10);
	border: 1px solid var(--gold-30);
	color: var(--color-gold);
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 600;
	justify-content: center;
	letter-spacing: .14em;
	line-height: 1.2;
	margin-top: 8px;
	min-height: 42px;
	padding: 13px 18px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.jra-galleries-empty__action:hover,
.jra-galleries-empty__action:focus-visible {
	background: var(--color-gold);
	border-color: var(--color-gold);
	color: var(--color-ink);
	outline: none;
}

.jra-galleries-no-results[hidden] {
	display: none;
}

.jra-galleries-loader {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 18px auto 0;
	max-width: 1480px;
	min-height: 44px;
	width: 100%;
}

.jra-galleries-loader[hidden] {
	display: none;
}

.jra-galleries-loader__spinner {
	border: 2px solid var(--ink-10);
	border-radius: 50%;
	border-top-color: var(--color-bronze-light);
	height: 28px;
	opacity: 0;
	transform: rotate(0deg);
	transition: opacity .18s ease;
	width: 28px;
}

.jra-galleries-loader.is-loading .jra-galleries-loader__spinner {
	animation: jra-gallery-loader-spin .8s linear infinite;
	opacity: 1;
}

@keyframes jra-gallery-loader-spin {
	to {
		transform: rotate(360deg);
	}
}

.jra-about-page {
	background: var(--color-white);
	color: var(--color-ink);
}

.jra-about-page p {
	orphans: 2;
	text-wrap: pretty;
	widows: 2;
}

.jra-about-page h1,
.jra-about-page h2,
.jra-about-page figcaption,
.jra-about-story__eyebrow,
.jra-about-story__pull {
	text-wrap: balance;
}

.jra-about-page-hero {
	align-items: center;
	background: var(--color-ink);
	box-sizing: border-box;
	display: flex;
	isolation: isolate;
	justify-content: center;
	min-height: clamp(560px, 74vh, 780px);
	overflow: hidden;
	padding: clamp(112px, 13vw, 176px) 2em clamp(76px, 9vw, 122px);
	position: relative;
	text-align: center;
}

.jra-about-page-hero-layers {
	inset: -10% 0;
	overflow: hidden;
	position: absolute;
	z-index: -2;
}

.jra-about-page-hero-layer {
	display: block;
	height: 120%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	object-position: center 28%;
	position: absolute;
	will-change: transform;
	width: 100%;
}

.jra-about-page-hero-layer--back {
	transform: scale(1.05);
}

.jra-about-page-hero-layer--front {
	transform: translate3d(0, var(--jra-about-hero-fg-fixed-y, 0px), 0) scale(1.05);
	z-index: 1;
}

.jra-about-page-hero::before {
	content: "";
	display: none;
	inset: 0;
	position: absolute;
	z-index: -1;
}

.jra-about-page-hero::after {
	background:
		linear-gradient(180deg, var(--ink-40) 0%, var(--ink-20) 40%, var(--ink-60) 100%),
		var(--black-30);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.jra-about-page-hero-copy {
	margin: 0 auto;
	max-width: 760px;
	position: relative;
	z-index: 2;
}

.jra-about-page-hero-copy p {
	animation: jra-hero-text-reveal .9s cubic-bezier(.2, .7, .25, 1) .24s forwards;
	color: var(--color-gold);
	filter: blur(10px);
	font-family: var(--font-body);
	font-size: clamp(16px, 1.15vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.86;
	margin: 0 0 18px .08em;
	opacity: 0;
	text-transform: uppercase;
	transform: translate3d(0, 14px, 0);
}

.jra-about-page-hero-icon {
	animation: jra-hero-text-reveal .9s cubic-bezier(.2, .7, .25, 1) .24s forwards;
	color: var(--color-gold);
	display: block;
	filter: blur(10px);
	font-family: "Material Symbols Outlined";
	font-size: clamp(36px, 3.8vw, 52px);
	font-style: normal;
	font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
	font-weight: normal;
	height: 1em;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 auto 18px;
	opacity: 0;
	position: relative;
	text-transform: none;
	transform: translate3d(0, 14px, 0);
	width: 1em;
}

.jra-about-page-hero h1 {
	animation: jra-hero-text-reveal .9s cubic-bezier(.2, .7, .25, 1) .38s forwards;
	color: var(--color-white);
	filter: blur(10px);
	font-family: var(--font-display);
	font-size: clamp(46px, 6.6vw, 96px);
	font-weight: 300;
	letter-spacing: .03em;
	line-height: .98;
	margin: 0;
	opacity: 0;
	position: relative;
	text-shadow: 0 4px 18px var(--black-60), 0 16px 46px var(--black-40);
	text-transform: uppercase;
	transform: translate3d(0, 14px, 0);
}

.jra-about-page-hero h1::after {
	animation: jra-hero-rule-reveal .68s cubic-bezier(.2, .7, .25, 1) .78s forwards;
	background: var(--gradient-gold-rule);
	bottom: -16px;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	opacity: 0;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
}

.jra-about-story {
	--about-measure: 38rem;
	--about-section-space: clamp(70px, 7vw, 112px);
	--about-pull-space: clamp(30px, 3vw, 46px);
	--about-divider-size: 3px;
	--about-rule: var(--ink-10);
	--about-gold: var(--color-bronze-light);
	--about-gold-dark: var(--color-bronze-dark);
	margin: 0 auto;
	max-width: 1280px;
	padding: clamp(68px, 7vw, 112px) clamp(28px, 6vw, 88px) 0;
	position: relative;
}

.jra-about-story::before {
	background: var(--color-gold);
	content: "";
	height: var(--about-divider-size);
	left: calc(50% - 50vw);
	pointer-events: none;
	position: absolute;
	right: calc(50% - 50vw);
	top: 0;
	z-index: 4;
}

.jra-interior-hero-transition + .jra-about-story::before {
	display: none;
}

.jra-about-story__section,
.jra-about-story__closing {
	opacity: 0;
	transform: translate3d(0, 54px, 0);
	transition: opacity .9s cubic-bezier(.2, .7, .25, 1), transform .9s cubic-bezier(.2, .7, .25, 1);
}

.jra-about-story__section.is-visible,
.jra-about-story__closing.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.jra-about-story__section--opening {
	align-items: start;
	isolation: isolate;
	opacity: 1;
	overflow: visible;
	transform: none;
}

.jra-about-story p {
	color: var(--color-body);
	font-family: var(--font-body);
	font-size: clamp(16px, 1.15vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.86;
	margin: 0;
	text-rendering: optimizeLegibility;
}

.jra-about-story p + p {
	margin-top: 1.35em;
}

.jra-about-story__section {
	display: grid;
	gap: clamp(52px, 6vw, 108px);
	grid-template-columns: minmax(0, .95fr) minmax(340px, 1.05fr);
	position: relative;
}

.jra-about-story__section + .jra-about-story__section {
	margin-top: var(--about-section-space);
}

.jra-about-story__copy {
	max-width: var(--about-measure);
}

.jra-about-story__copy--intro {
	align-self: start;
	justify-self: end;
	position: relative;
	z-index: 2;
}

.jra-about-story__headline {
	opacity: 0;
	position: relative;
	transform: translate3d(0, 42px, 0);
	transition: opacity .9s cubic-bezier(.2, .7, .25, 1), transform .9s cubic-bezier(.2, .7, .25, 1);
	will-change: transform, opacity;
	z-index: 2;
}

.jra-about-story__headline h2 {
	margin-bottom: 0;
}

.jra-about-story__section--opening.is-opening-ready .jra-about-story__headline {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.jra-about-story__copy-body {
	height: 0;
	margin-top: 0;
	overflow: hidden;
	position: relative;
}

.jra-about-story__copy-body.is-copy-visible {
	height: auto;
	margin-top: clamp(30px, 3vw, 46px);
	overflow: visible;
}

.jra-about-story__copy-body > * {
	opacity: 0;
	transform: translate3d(0, 14px, 0);
	will-change: transform, opacity;
}

.jra-about-story__copy-body.is-copy-visible > * {
	animation: jra-about-copy-fade .68s cubic-bezier(.2, .7, .25, 1) both;
}

.jra-about-story__copy-body.is-copy-visible > :nth-child(1) {
	animation-delay: .04s;
}

.jra-about-story__copy-body.is-copy-visible > :nth-child(2) {
	animation-delay: .16s;
}

.jra-about-story__copy-body.is-copy-visible > :nth-child(3) {
	animation-delay: .28s;
}

.jra-about-story__copy-body.is-copy-visible > :nth-child(4) {
	animation-delay: .4s;
}

.jra-white-section-title {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(56px, 5.7vw, 92px);
	font-weight: 300;
	letter-spacing: .02em;
	line-height: .95;
	margin: 0 0 clamp(30px, 3vw, 46px);
	text-transform: uppercase;
}

.jra-about-story__pull,
.jra-about-story p.jra-about-story__pull {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(48px, 5.2vw, 84px);
	font-weight: 300;
	letter-spacing: .025em;
	line-height: .98;
	margin-bottom: var(--about-pull-space);
	margin-top: var(--about-pull-space);
	text-transform: uppercase;
}

.jra-about-story__beat,
.jra-about-story p.jra-about-story__beat {
	color: var(--color-ink);
	font-family: var(--font-display);
	font-size: clamp(30px, 3.1vw, 52px);
	font-weight: 300;
	letter-spacing: .035em;
	line-height: 1;
	margin-bottom: clamp(24px, 2.6vw, 38px);
	margin-top: clamp(24px, 2.6vw, 38px);
	text-transform: uppercase;
}

.jra-about-story__photo {
	margin: 0;
	position: relative;
}

.jra-about-story__photo img {
	background: var(--color-ink);
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-about-story__photo--dad {
	align-self: center;
	aspect-ratio: 4 / 5.1;
	border: 2px solid var(--color-gold);
	box-shadow: 0 28px 80px var(--ink-10);
	isolation: isolate;
	max-width: 520px;
	opacity: 0;
	transform: translate3d(0, 42px, 0);
	transition: opacity .9s cubic-bezier(.2, .7, .25, 1) .16s, transform .9s cubic-bezier(.2, .7, .25, 1) .16s;
	will-change: transform, opacity;
	z-index: 2;
}

.jra-about-story__photo--dad::before,
.jra-about-story__photo--dad::after {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-about-story__photo--dad::before {
	box-shadow: inset 0 0 0 1px var(--white-20), inset 0 0 44px var(--ink-30), inset 0 -42px 70px var(--ink-30);
}

.jra-about-story__photo--dad::after {
	box-shadow: inset 0 0 120px var(--black-20);
}

.jra-about-story__section--opening.is-opening-ready .jra-about-story__photo--dad {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.jra-about-story__section--opening.is-copy-dropped .jra-about-story__photo--dad {
	align-self: start;
}

@media (min-width: 1001px) {
	.jra-about-story__section--opening.is-copy-dropped .jra-about-story__photo--dad {
		animation: none;
		opacity: 1;
		position: sticky;
		top: var(--jra-about-dad-sticky-top, 88px);
		transform: none;
		will-change: auto;
	}
}

.jra-about-story__photo--dad img {
	object-position: center center;
}

.jra-about-story__photo figcaption {
	background: var(--ink-90);
	bottom: 18px;
	color: var(--white-80);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .18em;
	line-height: 1.4;
	padding: 10px 12px;
	position: absolute;
	right: 18px;
	text-transform: uppercase;
}

.jra-about-story__photo .jra-about-story__dad-callouts {
	background: none;
	bottom: auto;
	color: var(--color-ink);
	font-size: clamp(15px, 1.15vw, 18px);
	inset: 0;
	left: 0;
	letter-spacing: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: left;
	text-transform: none;
	width: 100%;
	z-index: 3;
}

.jra-about-story__dad-callout {
	background: var(--white-90);
	border: 0;
	box-shadow: 0 14px 32px var(--ink-20), 0 2px 8px var(--gold-30);
	color: var(--color-ink);
	font-family: var(--font-body);
	font-style: italic;
	font-weight: 700;
	line-height: 1.3;
	opacity: 0;
	padding: 8px 12px 9px;
	position: absolute;
	text-transform: none;
	transform: scale(.72) rotate(-4deg);
	white-space: nowrap;
	will-change: transform, opacity;
}

.jra-about-story__dad-callout--camera {
	left: 5%;
	top: 13%;
}

.jra-about-story__dad-callout--child {
	right: 5%;
	top: 24%;
	transform: scale(.72) rotate(4deg);
}

.jra-about-story__section--opening.is-opening-ready .jra-about-story__dad-callout {
	animation: jra-about-callout-pop .58s cubic-bezier(.18, .9, .24, 1.2) .98s both;
}

.jra-about-story__section--opening.is-opening-ready .jra-about-story__dad-callout--child {
	animation-delay: 1.12s;
}

.jra-about-story__photo .jra-about-story__dad-caption,
.jra-about-story__photo--gopro figcaption {
	background: rgb(31, 35, 32);
	border: 1px solid var(--color-gold);
	border-radius: 999px;
	box-shadow: 0 14px 34px var(--ink-20);
	color: var(--color-white);
	display: flex;
	font-family: var(--font-body);
	font-size: clamp(13px, 1.05vw, 15px);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.55;
	margin: 0;
	opacity: 0;
	padding: clamp(12px, 1.35vw, 16px) clamp(16px, 1.9vw, 24px);
	position: absolute;
	text-shadow: 0 1px 14px var(--black-30);
	text-transform: none;
	will-change: opacity, transform;
	z-index: 3;
}

.jra-about-story__photo .jra-about-story__dad-caption {
	bottom: 4em;
	justify-content: flex-start;
	left: 24%;
	right: calc(-50vw - 2em);
	text-align: left;
	transform: translate3d(120vw, var(--jra-dad-caption-y, 0px), 0);
}

.jra-about-story__photo .jra-about-story__dad-caption span {
	display: block;
	min-width: 0;
	max-width: min(36em, calc(100vw - 32px));
	text-wrap: balance;
}

.jra-about-story__section--opening.is-opening-ready .jra-about-story__photo .jra-about-story__dad-caption {
	animation: jra-about-dad-caption-slide .92s cubic-bezier(.16, 1, .3, 1) 1.22s both;
}

.jra-about-story__section--lens {
	align-items: center;
	background-color: rgb(111, 91, 51);
	box-shadow: inset 0 0 120px var(--black-30);
	gap: clamp(58px, 7vw, 118px);
	grid-template-columns: minmax(320px, .88fr) minmax(0, 1.12fr);
	isolation: isolate;
	justify-content: center;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: clamp(74px, 8vw, 124px) max(clamp(28px, 6vw, 88px), calc((100vw - 1280px) / 2 + 88px));
	overflow: hidden;
	opacity: 1;
	transform: none;
	transition: none;
	width: 100vw;
}

.jra-about-story__section--lens::before {
	background:
		radial-gradient(ellipse at 46% 46%, rgba(16, 13, 7, 0) 0%, var(--dark-brass-05) 38%, var(--dark-brass-40) 100%),
		radial-gradient(circle at 28% 42%, var(--white-20), rgba(255, 255, 255, 0) 28%),
		linear-gradient(90deg, var(--dark-brass-20), var(--dark-brass-60)),
		linear-gradient(180deg, var(--old-gold-80), var(--dark-brass-90));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-about-story__section--lens::after {
	background:
		linear-gradient(var(--color-gold), var(--color-gold)) center top / 100% var(--about-divider-size) no-repeat,
		linear-gradient(var(--color-gold), var(--color-gold)) center bottom / 100% var(--about-divider-size) no-repeat;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 4;
}

.jra-about-story__lens-bg {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.jra-about-story__lens-bg img {
	height: max(100%, 100vh);
	inset: 0;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	opacity: .86;
	position: absolute;
	transform: translate3d(0, var(--jra-lens-bg-y, 0px), 0);
	width: 100%;
	will-change: transform;
}

.jra-about-story__lens-texture {
	background: url("../images/store/groovepaper.webp") center / 600px 600px repeat;
	inset: 0;
	mix-blend-mode: multiply;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

body.jra-about-soft-motion .jra-about-story__lens-bg img {
	height: calc(100% + 96px);
	top: -48px;
}

.jra-about-story__section--lens > :not(.jra-about-story__lens-bg, .jra-about-story__lens-texture) {
	position: relative;
	z-index: 3;
}

.jra-about-story__section--lens .jra-about-story__photo--gopro,
.jra-about-story__section--lens .jra-about-story__copy--lens {
	opacity: 0;
	transform: translate3d(0, 42px, 0);
	transition: opacity .9s cubic-bezier(.2, .7, .25, 1) .28s, transform .9s cubic-bezier(.2, .7, .25, 1) .28s;
	will-change: opacity, transform;
}

.jra-about-story__section--lens.is-visible .jra-about-story__photo--gopro,
.jra-about-story__section--lens.is-visible .jra-about-story__copy--lens {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.jra-about-story__section--lens.is-visible .jra-about-story__gopro-stack {
	animation: jra-about-portrait-arrive 1.2s cubic-bezier(.16, 1, .3, 1) both;
}

.jra-about-story__section--lens.is-visible {
	transform: none;
}

.jra-about-story__section--lens.is-visible .jra-about-story__copy--lens h2 {
	animation: jra-about-title-surge 1.1s cubic-bezier(.16, 1, .3, 1) .12s both;
}

.jra-about-story__photo--gopro {
	justify-self: center;
	position: relative;
	width: min(100%, 470px);
}

.jra-about-story__gopro-stack {
	aspect-ratio: 1;
	display: block;
	position: relative;
	transform: perspective(1000px) rotateX(var(--jra-tilt-x, 0deg)) rotateY(var(--jra-tilt-y, 0deg));
	transition: transform .28s ease;
	will-change: transform;
	z-index: 1;
}

.jra-about-story__gopro-frame {
	aspect-ratio: 1;
	--jra-gopro-inner-ring: clamp(5px, .7vw, 7px);
	border-radius: 50%;
	box-shadow: 0 34px 90px var(--dark-brass-40);
	display: block;
	overflow: visible;
	position: absolute;
}

.jra-about-story__gopro-frame::before {
	border: var(--jra-gopro-inner-ring) solid var(--color-white);
	border-radius: 50%;
	box-shadow: 0 13px 34px var(--forest-green-30), 0 2px 10px var(--forest-green-20);
	content: "";
	inset: calc(var(--jra-gopro-inner-ring) * -1);
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.jra-about-story__gopro-frame--main {
	inset: 0;
	z-index: 1;
}

.jra-about-story__gopro-frame--mini {
	--jra-gopro-inner-ring: clamp(3px, .38vw, 4px);
	bottom: -4%;
	right: -5%;
	box-shadow: 0 18px 42px var(--dark-brass-30);
	width: 28%;
	z-index: 2;
}

.jra-about-story__photo--gopro img {
	border-radius: 50%;
	display: block;
	height: 100%;
	object-position: center 36%;
	object-fit: cover;
	position: relative;
	transform: none;
	width: 100%;
	z-index: 1;
}

.jra-about-story__gopro-frame--main img {
	object-position: 48% 50%;
}

.jra-about-story__gopro-frame--mini img {
	object-position: center 36%;
}

.jra-about-story__photo--gopro figcaption {
	bottom: -.35em;
	justify-content: flex-end;
	left: calc(-50vw - 2em);
	right: 19%;
	text-align: right;
	transform: translate3d(-120vw, var(--jra-gopro-caption-y, 0px), 0);
}

.jra-about-story__section--lens.is-visible .jra-about-story__photo--gopro figcaption {
	animation: jra-about-gopro-caption-slide .92s cubic-bezier(.16, 1, .3, 1) 1.32s both;
}

.jra-about-story__photo--gopro figcaption span {
	display: block;
	max-width: min(28em, 30vw);
}

@media (min-width: 641px) and (max-width: 1000px) {
	.jra-about-story__section--opening .jra-about-story__headline {
		max-width: min(100%, 760px);
	}

	.jra-about-story__headline h2 {
		white-space: nowrap;
	}

	.jra-about-story__photo--gopro figcaption span {
		max-width: min(43em, calc(50vw + 100px));
	}
}

.jra-about-story__copy--lens {
	--jra-about-lens-kicker-gap: clamp(18px, 1.8vw, 24px);
	border-left: 1px solid var(--white-40);
	padding: var(--jra-about-lens-kicker-gap) 0 clamp(14px, 1.7vw, 26px) clamp(28px, 3vw, 48px);
	position: relative;
	z-index: 1;
}

.jra-about-story__eyebrow {
	color: var(--white-70);
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 200;
	letter-spacing: .22em;
	line-height: 1.4;
	margin: 0 0 18px .08em;
	text-transform: uppercase;
}

.jra-about-story__eyebrow--dark,
.jra-about-story p.jra-about-story__eyebrow--dark {
	color: var(--color-gold);
	margin: 0 0 18px .08em;
}

.jra-about-story__copy--lens h2 {
	color: var(--color-white);
	text-shadow: none;
}

.jra-white-section-title--inverse {
	color: var(--color-white);
}

.jra-about-story__copy--lens .jra-about-story__eyebrow {
	margin: 0 0 18px .08em;
}

.jra-about-story__section--lens p {
	color: var(--white-90);
}

.jra-about-story__closing {
	align-items: center;
	box-sizing: border-box;
	display: grid;
	isolation: isolate;
	margin: 0 auto;
	max-width: 900px;
	min-height: clamp(620px, 42vw, 700px);
	padding: clamp(58px, 5.2vw, 86px) 0;
	position: relative;
	z-index: 2;
}

.jra-about-story__closing::before {
	background:
		radial-gradient(ellipse at center, var(--gold-20), rgba(200, 182, 140, 0) 64%),
		linear-gradient(180deg, rgba(255, 255, 255, 0), var(--cream-70) 44%, rgba(255, 255, 255, 0));
	content: "";
	inset: 0 calc(50% - 50vw);
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.jra-about-story__closing-texture {
	background: url("../images/store/groovepaper.webp") center / 600px 600px repeat;
	inset: 0 calc(50% - 50vw);
	mix-blend-mode: multiply;
	opacity: .5;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.jra-about-story__closing-copy {
	margin-left: auto;
	margin-right: auto;
	max-width: min(64vw, 700px);
	position: relative;
	z-index: 2;
}

.jra-about-story__closing-copy p {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
}

.jra-about-story__closing-copy p.jra-about-story__closing-aside {
	font-style: italic;
}

.jra-about-story__closing-copy .jra-about-story__eyebrow {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
}

.jra-about-story__closing-copy .jra-about-story__eyebrow--dark {
	margin: 0 auto 18px;
}

.jra-about-story .jra-about-story__closing-copy p.jra-about-story__eyebrow--dark {
	margin: 0 auto 18px;
}

.jra-about-story__closing-copy h2 {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
}

.jra-about-story__print-rail {
	height: clamp(570px, 44vw, 660px);
	pointer-events: none;
	position: absolute;
	top: clamp(-30px, -2.2vw, -18px);
	width: clamp(240px, 24vw, 380px);
	z-index: 1;
}

.jra-about-story__print-rail--left {
	left: calc(50% - 50vw + clamp(12px, 2vw, 30px));
}

.jra-about-story__print-rail--right {
	right: calc(50% - 50vw + clamp(12px, 2vw, 30px));
}

.jra-about-story__print {
	--print-rotate: 0deg;
	--print-width: clamp(174px, 14.4vw, 224px);
	background: var(--color-white);
	box-shadow:
		0 1px 1px var(--ink-10),
		0 14px 32px var(--ink-20),
		0 42px 80px var(--ink-10);
	display: block;
	padding: clamp(8px, .8vw, 12px);
	position: absolute;
	transform: rotate(var(--print-rotate));
	transform-origin: center center;
	width: var(--print-width);
}

.jra-about-story__print img {
	aspect-ratio: 1 / .78;
	filter: saturate(.92) contrast(1.04);
	height: auto;
	object-fit: cover;
	position: relative;
	width: 100%;
	z-index: 1;
}

.jra-about-story__print-rail--left .jra-about-story__print--1 {
	--print-rotate: -8deg;
	--print-width: clamp(180px, 14.8vw, 230px);
	left: clamp(-46px, -3vw, -24px);
	top: 0;
	z-index: 2;
}

.jra-about-story__print-rail--left .jra-about-story__print--2 {
	--print-rotate: 6deg;
	--print-width: clamp(172px, 14.2vw, 222px);
	left: clamp(50px, 5vw, 82px);
	top: clamp(96px, 8.2vw, 126px);
	z-index: 4;
}

.jra-about-story__print-rail--left .jra-about-story__print--3 {
	--print-rotate: -14deg;
	--print-width: clamp(178px, 14.6vw, 226px);
	left: clamp(-58px, -4vw, -32px);
	top: clamp(198px, 16vw, 242px);
	z-index: 1;
}

.jra-about-story__print-rail--left .jra-about-story__print--4 {
	--print-rotate: 11deg;
	--print-width: clamp(170px, 14vw, 218px);
	left: clamp(58px, 5.4vw, 90px);
	top: clamp(304px, 24vw, 356px);
	z-index: 3;
}

.jra-about-story__print-rail--left .jra-about-story__print--5 {
	--print-rotate: -5deg;
	--print-width: clamp(174px, 14.3vw, 222px);
	left: clamp(-24px, -1vw, -8px);
	top: clamp(412px, 32vw, 468px);
	z-index: 2;
}

.jra-about-story__print-rail--right .jra-about-story__print--1 {
	--print-rotate: 9deg;
	--print-width: clamp(180px, 14.8vw, 230px);
	right: clamp(-46px, -3vw, -24px);
	top: clamp(12px, 1.2vw, 20px);
	z-index: 2;
}

.jra-about-story__print-rail--right .jra-about-story__print--2 {
	--print-rotate: -6deg;
	--print-width: clamp(172px, 14.2vw, 222px);
	right: clamp(50px, 5vw, 82px);
	top: clamp(104px, 8.6vw, 132px);
	z-index: 4;
}

.jra-about-story__print-rail--right .jra-about-story__print--3 {
	--print-rotate: 13deg;
	--print-width: clamp(180px, 14.8vw, 230px);
	right: clamp(-60px, -4vw, -34px);
	top: clamp(206px, 16.5vw, 250px);
	z-index: 1;
}

.jra-about-story__print-rail--right .jra-about-story__print--4 {
	--print-rotate: -10deg;
	--print-width: clamp(170px, 14vw, 218px);
	right: clamp(58px, 5.4vw, 90px);
	top: clamp(314px, 24.5vw, 364px);
	z-index: 3;
}

.jra-about-story__print-rail--right .jra-about-story__print--5 {
	--print-rotate: 5deg;
	--print-width: clamp(174px, 14.3vw, 222px);
	right: clamp(-24px, -1vw, -8px);
	top: clamp(422px, 32.5vw, 476px);
	z-index: 2;
}

.jra-about-page-extra {
	padding-top: 0;
}

@media (min-width: 1001px) {
	.jra-about-story::after {
		background: var(--color-gold);
		bottom: 0;
		content: "";
		height: var(--about-divider-size);
		left: calc(50% - 50vw);
		pointer-events: none;
		position: absolute;
		right: calc(50% - 50vw);
		z-index: 4;
	}
}

@media (min-width: 1001px) and (max-width: 1280px) {
	.jra-about-story__closing {
		max-width: min(72vw, 760px);
		min-height: clamp(560px, 54vw, 640px);
		padding: 2em 0;
	}

	.jra-about-story__closing-copy,
	.jra-about-story__closing-copy p,
	.jra-about-story__closing-copy .jra-about-story__eyebrow,
	.jra-about-story__closing-copy h2 {
		max-width: min(56vw, 630px);
	}

	.jra-about-story__print-rail {
		height: clamp(548px, 52vw, 650px);
		top: clamp(-24px, -2vw, -12px);
		width: clamp(150px, 16vw, 205px);
	}

	.jra-about-story__print-rail--left {
		left: calc(50% - 50vw + clamp(34px, calc(6.4vw - 18px), 64px));
	}

	.jra-about-story__print-rail--right {
		right: calc(50% - 50vw + clamp(34px, calc(6.4vw - 18px), 64px));
	}

	.jra-about-story__print-rail .jra-about-story__print {
		--print-width: clamp(132px, 13.2vw, 166px);
		padding: clamp(7px, .7vw, 9px);
	}

	.jra-about-story__print-rail--left .jra-about-story__print--1 {
		left: clamp(-44px, -4vw, -28px);
		top: 0;
	}

	.jra-about-story__print-rail--left .jra-about-story__print--2 {
		left: clamp(2px, 1.2vw, 14px);
		top: clamp(92px, 8vw, 116px);
	}

	.jra-about-story__print-rail--left .jra-about-story__print--3 {
		left: clamp(-52px, -4.6vw, -34px);
		top: clamp(188px, 16vw, 226px);
	}

	.jra-about-story__print-rail--left .jra-about-story__print--4 {
		left: clamp(4px, 1.4vw, 16px);
		top: clamp(286px, 23vw, 336px);
	}

	.jra-about-story__print-rail--left .jra-about-story__print--5 {
		left: clamp(-36px, -3vw, -20px);
		top: clamp(392px, 31vw, 450px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--1 {
		right: clamp(-44px, -4vw, -28px);
		top: clamp(10px, 1vw, 18px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--2 {
		right: clamp(2px, 1.2vw, 14px);
		top: clamp(98px, 8.4vw, 124px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--3 {
		right: clamp(-52px, -4.6vw, -34px);
		top: clamp(196px, 16vw, 236px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--4 {
		right: clamp(4px, 1.4vw, 16px);
		top: clamp(294px, 23vw, 346px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--5 {
		right: clamp(-36px, -3vw, -20px);
		top: clamp(402px, 31vw, 460px);
	}
}

@keyframes jra-about-callout-pop {
	0% {
		opacity: 0;
		transform: scale(.72) rotate(-4deg);
	}

	58% {
		opacity: 1;
		transform: scale(1.12) rotate(2deg);
	}

	82% {
		transform: scale(.96) rotate(-1deg);
	}

	100% {
		opacity: 1;
		transform: scale(1) rotate(0);
	}
}

@keyframes jra-about-copy-fade {
	0% {
		filter: blur(6px);
		opacity: 0;
		transform: translate3d(0, 14px, 0);
	}

	100% {
		filter: none;
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-about-portrait-arrive {
	0% {
		filter: grayscale(1) contrast(1.25);
		opacity: .38;
		transform: perspective(1000px) rotateX(12deg) rotateY(-14deg) scale(.88);
	}

	62% {
		filter: grayscale(.2) contrast(1.08);
		opacity: 1;
		transform: perspective(1000px) rotateX(-2deg) rotateY(3deg) scale(1.025);
	}

	100% {
		filter: none;
		opacity: 1;
		transform: perspective(1000px) rotateX(0) rotateY(0) scale(1);
	}
}

@keyframes jra-about-gopro-caption-slide {
	0% {
		opacity: 0;
		transform: translate3d(-120vw, var(--jra-gopro-caption-y, 0px), 0);
	}

	1% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		transform: translate3d(0, var(--jra-gopro-caption-y, 0px), 0);
	}
}

@keyframes jra-about-dad-caption-slide {
	0% {
		opacity: 0;
		transform: translate3d(120vw, var(--jra-dad-caption-y, 0px), 0);
	}

	1% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		transform: translate3d(0, var(--jra-dad-caption-y, 0px), 0);
	}
}

@keyframes jra-about-title-surge {
	0% {
		filter: blur(12px);
		opacity: 0;
		transform: translate3d(0, 28px, 0) scale(.96);
	}

	100% {
		filter: none;
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes jra-about-pull-lock {
	0% {
		letter-spacing: .18em;
		opacity: 0;
		transform: translate3d(0, 18px, 0);
	}

	100% {
		letter-spacing: .075em;
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.jra-cookie-controls {
	align-items: center;
	background: var(--color-paper);
	border-left: 3px solid var(--color-gold);
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 28px 0;
	padding: 18px 20px;
}

.jra-cookie-controls p {
	flex: 1 1 260px;
	margin: 0;
}

.jra-cookie-controls p:has(> button) {
	align-items: center;
	display: flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
	gap: 10px;
}

.jra-cookie-controls p:has(> button) br {
	display: none;
}

.jra-cookie-status {
	color: var(--color-ink);
	font-weight: 700;
}

.jra-cookie-consent {
	background: var(--ink-95);
	border: 1px solid var(--gold-40);
	bottom: 10px;
	box-shadow: 0 12px 36px var(--black-20);
	color: var(--white-90);
	display: flex;
	gap: 12px 16px;
	left: 50%;
	max-width: min(720px, calc(100vw - 20px));
	padding: 12px 14px;
	position: fixed;
	right: auto;
	transform: translateX(-50%);
	z-index: 10000;
}

.jra-cookie-consent[hidden] {
	display: none;
}

.jra-cookie-consent h2 {
	color: var(--color-white);
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 200;
	letter-spacing: .14em;
	line-height: 1;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.jra-cookie-consent p {
	font-family: var(--font-body);
	font-size: 11px;
	line-height: 1.42;
	margin: 0;
}

.jra-cookie-consent__copy {
	flex: 1 1 320px;
}

.jra-cookie-consent__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 auto;
	gap: 8px 10px;
}

.jra-cookie-consent__actions a {
	border-bottom: 1px solid var(--gold-70);
	color: var(--color-white);
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 200;
	letter-spacing: .12em;
	text-decoration: none;
	text-transform: uppercase;
}

.jra-cookie-consent__button,
.jra-cookie-controls button {
	background: transparent;
	border: 1px solid var(--color-gold);
	color: inherit;
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 200;
	letter-spacing: .12em;
	line-height: 1;
	padding: 9px 10px;
	text-transform: uppercase;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.jra-cookie-controls button {
	color: var(--color-ink);
}

.jra-cookie-consent__button--primary,
.jra-cookie-consent__button:hover,
.jra-cookie-consent__button:focus-visible,
.jra-cookie-controls button:hover,
.jra-cookie-controls button:focus-visible {
	background: var(--color-gold);
	color: var(--color-ink);
}

@media (max-width: 680px) {
	.jra-cookie-consent {
		display: grid;
		gap: 10px;
	}
}

@keyframes loaderPulse {
	0%,
	100% {
		opacity: .22;
		transform: scaleX(.55);
	}

	50% {
		opacity: 1;
		transform: scaleX(1);
	}
}

@media (max-width: 1300px) {
	.jra-photo-grid {
		grid-auto-rows: calc((100vw - 3px) / 4);
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

}

@media (max-width: 1000px) {
	.jra-photo-grid {
		grid-auto-rows: calc((100vw - 2px) / 3);
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.jra-galleries-hero {
		text-align: center;
	}

	.jra-galleries-hero::after {
		background:
			linear-gradient(180deg, var(--ink-70) 0%, var(--ink-50) 46%, var(--ink-80) 100%),
			var(--ink-40);
	}

	.jra-galleries-hero-bg img {
		object-position: center center;
	}

	.jra-galleries-controls__grid:has(.jra-galleries-control:nth-child(5)) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.jra-about,
	.jra-journal-entry,
	.jra-single-photo-inner,
	.jra-spec-grid {
		grid-template-columns: 1fr;
	}

	.jra-journal-copy,
	.jra-single-photo-copy {
		position: static;
	}

}

@media (min-width: 1001px) {
	.home .jra-about {
		--jra-about-bleed: clamp(44px, 4vw, 58px);
		margin-bottom: calc((var(--jra-about-bleed) + 26px) * -1);
		padding: 0;
	}

	.home .jra-about::before {
		inset: var(--jra-about-bleed) 0 var(--jra-about-bleed);
	}

	.home .jra-about-panel {
		row-gap: 0;
	}

	.home .jra-about-statement {
		align-content: center;
		height: var(--jra-about-portrait-size);
		justify-items: start;
		justify-self: start;
		width: 100%;
	}

	.home .jra-purchase-callout {
		--jra-about-bleed: clamp(44px, 4vw, 58px);
		min-height: 0;
		padding-bottom: clamp(32px, 3.5vw, 48px);
		padding-top: clamp(32px, 3.5vw, 48px);
		position: relative;
	}

	.home .jra-home-purchase-collage .jra-purchase-callout {
		left: 0;
		min-height: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.home .jra-purchase-panel {
		align-content: center;
		display: flex;
		height: auto;
		position: relative;
		transform: none;
	}
}

@media (max-width: 700px) {
	.jra-photo-grid {
		grid-auto-rows: calc((100vw - 1px) / 2);
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jra-galleries-controls {
		gap: 10px;
		margin-bottom: 10px;
		padding: 10px 0;
	}

	.jra-galleries-controls__grid {
		column-gap: 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 6px;
	}

	.jra-galleries-controls__grid:has(.jra-galleries-control:nth-child(5)) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jra-galleries-control {
		gap: 4px;
	}

	.jra-galleries-control span {
		font-size: 9px;
		letter-spacing: .06em;
	}

	.jra-galleries-controls.is-pinned {
		padding-left: 12px;
		padding-right: 12px;
	}

	.jra-galleries-controls.is-pinned.is-sticky-expanded {
		padding-bottom: 12px;
		padding-top: 10px;
	}

	.jra-galleries-controls.is-pinned .jra-galleries-controls__toggle {
		min-height: 42px;
		min-width: 86px;
		padding: 7px 14px 10px;
	}

	.jra-galleries-filter-menu summary,
	.jra-galleries-filter-menu summary span,
	.jra-galleries-filter-menu__panel label span {
		font-size: 11px;
	}

	.jra-galleries-filter-menu summary {
		background:
			linear-gradient(45deg, transparent 50%, var(--color-gold) 50%) right 12px center / 5px 5px no-repeat,
			linear-gradient(135deg, var(--color-gold) 50%, transparent 50%) right 7px center / 5px 5px no-repeat,
			var(--color-ink);
		min-height: 34px;
		padding: 7px 22px 7px 8px;
	}

	.jra-galleries-search input {
		font-size: 16px;
		min-height: 42px;
		padding: 10px 46px 10px 42px;
	}

	.jra-galleries-search__clear {
		height: 32px;
		right: 6px;
		width: 32px;
	}

	.jra-galleries-filter-menu__panel {
		max-height: min(300px, 58vh);
		padding: 4px;
	}

	.jra-galleries-filter-menu__panel label {
		gap: 6px;
		grid-template-columns: 14px minmax(0, 1fr);
		min-height: 30px;
		padding: 5px;
	}

	.jra-galleries-filter-menu__panel input {
		height: 14px;
		width: 14px;
	}

	.jra-galleries-active-filters__inner {
		gap: 6px;
	}

	.jra-galleries-grid {
		gap: 2px;
	}

}

@media (max-width: 640px) {
	.jra-galleries-hero {
		min-height: 140px;
		padding: 78px 22px 30px;
	}

	.jra-galleries-hero h1 {
		font-size: clamp(36px, 12vw, 50px);
		letter-spacing: .055em;
	}

	.jra-photo-card:nth-child(n) {
		grid-column: span 1;
		grid-row: span 1;
	}

	.jra-about {
		text-align: center;
	}
}

/* Restoration layer: ports the original Vigor-child visual language onto the clean theme. */
.jra-header {
	background: var(--color-forest);
	box-shadow: none;
	height: 40px;
}

body.jra-has-transparent-hero-header .jra-header {
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	background: var(--forest-green-20);
	transform: translateY(0);
	transition: background-color .32s ease, transform .32s ease;
}

body.jra-has-transparent-hero-header.jra-header-visible .jra-header,
body.jra-has-transparent-hero-header.jra-menu-open .jra-header {
	background: var(--forest-green-80);
}

.jra-gallery-glass-pane {
	-webkit-backdrop-filter: blur(26px) saturate(1.2);
	backdrop-filter: blur(26px) saturate(1.2);
	background:
		linear-gradient(180deg, rgba(31, 35, 32, .96) 0%, rgba(25, 28, 25, .84) 52%, rgba(18, 18, 17, .76) 100%);
	box-shadow:
		inset 0 -1px 0 rgba(0, 0, 0, .32),
		0 18px 42px var(--ink-20);
	height: var(--jra-gallery-glass-height, var(--header-height));
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: height .22s ease, opacity .22s ease;
	z-index: 38;
}

.jra-gallery-glass-pane.is-active {
	opacity: 1;
}

.jra-menu-toggle,
.jra-home-mark,
.jra-purchase-link {
	color: var(--color-chrome);
	height: 40px;
	width: 44px;
}

.jra-menu-toggle {
	left: 8px;
}

.jra-menu-toggle::before,
.jra-menu-toggle::after {
	height: 1px;
	left: 12px;
	width: 20px;
}

.jra-menu-toggle::before {
	box-shadow: 0 6px 0 currentColor;
	top: 13px;
}

.jra-menu-toggle::after {
	top: 25px;
}

.jra-home-mark span {
	height: 20px;
	width: 20px;
}

.jra-purchase-link {
	align-items: center;
	color: var(--color-soft-gray);
	display: flex;
	justify-content: center;
	position: fixed;
	right: 8px;
	text-decoration: none;
	top: 0;
	z-index: 58;
}

.jra-purchase-link::before {
	content: "shopping_bag";
	display: block;
	font-family: "Material Symbols Outlined";
	font-size: 21px;
	font-style: normal;
	font-variation-settings: "FILL" 0, "wght" 100, "GRAD" 0, "opsz" 24;
	font-weight: 100;
	line-height: 21px;
	text-align: center;
	text-transform: none;
}

.jra-purchase-link:hover,
.jra-purchase-link:focus-visible {
	color: var(--color-white);
}

.jra-gallery-viewer__purchase.is-unavailable {
	cursor: default;
	opacity: .58;
	pointer-events: none;
}

.jra-desktop-nav {
	display: none;
}

.jra-desktop-nav-list {
	align-items: center;
	display: flex;
	gap: clamp(18px, 2.2vw, 36px);
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jra-desktop-nav-list li {
	position: relative;
}

.jra-desktop-nav-list a {
	color: var(--white-70);
	display: block;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 300;
	letter-spacing: .18em;
	line-height: 1;
	padding: 15px 0 14px;
	text-transform: uppercase;
	transition: color .22s ease, opacity .22s ease;
}

.jra-desktop-nav-list a::after {
	background: var(--gold-70);
	content: "";
	height: 1px;
	left: 0;
	opacity: 0;
	position: absolute;
	right: .18em;
	top: calc(100% - 9px);
	transform: scaleX(.55);
	transform-origin: center;
	transition: opacity .22s ease, transform .22s ease;
}

.jra-desktop-nav-list a:hover,
.jra-desktop-nav-list a:focus-visible,
.jra-desktop-nav-list .current-menu-item > a,
.jra-desktop-nav-list .current-menu-ancestor > a {
	color: var(--color-white);
}

.jra-desktop-nav-list a:hover::after,
.jra-desktop-nav-list a:focus-visible::after {
	opacity: 1;
	transform: scaleX(1);
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
	:root {
		--header-height: 42px;
	}

	.jra-header {
		align-items: center;
		display: flex;
		gap: clamp(16px, 2.2vw, 34px);
		height: 42px;
		justify-content: center;
		padding: 0 clamp(22px, 4vw, 64px);
		transition:
			background-color .32s ease,
			opacity .32s ease-in-out,
			transform .32s ease;
	}

	body.jra-has-transparent-hero-header .jra-header {
		background: var(--forest-green-20);
		transition:
			background-color .32s ease,
			opacity .32s ease-in-out,
			transform .32s ease;
	}

	body.jra-has-transparent-hero-header.jra-header-visible .jra-header,
	body.jra-has-transparent-hero-header.jra-menu-open .jra-header {
		background: var(--forest-green-80);
	}

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

	.jra-home-mark,
	.jra-purchase-link {
		flex: 0 0 44px;
		height: 42px;
		position: fixed;
		transform: none;
		transition: opacity .32s ease-in-out;
		width: 44px;
	}

	.jra-home-mark {
		left: 8px;
		margin-right: 0;
	}

	.jra-purchase-link {
		margin-left: 0;
		right: 8px;
	}

	body.jra-desktop-nav-idle:not(.jra-menu-open) .jra-header:not(:hover):not(:focus-within),
	body.jra-desktop-nav-idle:not(.jra-menu-open) .jra-home-mark:not(:hover):not(:focus-visible),
	body.jra-desktop-nav-idle:not(.jra-menu-open) .jra-purchase-link:not(:hover):not(:focus-visible),
	body.jra-desktop-nav-idle:not(.jra-menu-open) .jra-gallery-glass-pane.is-active {
		opacity: 0;
		transition:
			background-color .32s ease,
			opacity 1.15s ease-in-out,
			transform .32s ease;
	}

	.jra-purchase-link::before {
		transition: color .22s ease, transform .22s ease;
	}

	.jra-purchase-link:hover::before,
	.jra-purchase-link:focus-visible::before {
		transform: translateY(-1px);
	}

	.jra-desktop-nav {
		display: flex;
		justify-content: center;
	}

	.jra-drawer {
		display: none;
	}
}

.jra-drawer {
	background: var(--gradient-forest-drawer);
	padding-top: 40px;
}

.jra-nav-list {
	border-color: var(--white-10);
}

.jra-nav-list > li + li {
	border-color: var(--white-10);
}

.jra-nav-list li {
	position: relative;
}

.jra-nav-list a {
	color: var(--color-soft-gray);
	font-family: var(--font-body);
	font-size: 17px;
	font-weight: 200;
	letter-spacing: .08em;
	line-height: 1.25;
	padding: 17px 42px 17px 34px;
	text-transform: none;
}

.jra-nav-list a:hover,
.jra-nav-list .current-menu-item > a,
.jra-nav-list .current-menu-ancestor > a {
	color: var(--color-gold);
}

.jra-nav-list .mobile_arrow {
	align-items: center;
	color: var(--gold-80);
	cursor: pointer;
	display: none;
	height: 24px;
	justify-content: center;
	position: absolute;
	right: 3px;
	top: 15px;
	width: 40px;
}

.jra-nav-list .menu-item-has-children > .mobile_arrow,
.jra-nav-list .has-submenu > .mobile_arrow {
	display: flex;
}

.jra-nav-list .mobile_arrow::before {
	content: "\35";
	display: block;
	font-family: "ElegantIcons";
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	transform: rotate(0deg);
	transition: transform .44s cubic-bezier(.42, 0, .58, 1);
}

.jra-nav-list .open_sub > .mobile_arrow::before {
	transform: rotate(90deg);
	transition-duration: .34s;
}

.jra-nav-list .sub-menu {
	background: var(--white-05);
	border: 0;
	display: block;
	margin: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	transition:
		max-height .44s cubic-bezier(.42, 0, .58, 1),
		opacity .44s cubic-bezier(.42, 0, .58, 1),
		padding .44s cubic-bezier(.42, 0, .58, 1),
		margin .44s cubic-bezier(.42, 0, .58, 1),
		visibility 0s linear .44s;
	visibility: hidden;
}

.jra-nav-list .open_sub > .sub-menu {
	margin: 0;
	max-height: var(--jra-submenu-height, 280px);
	opacity: 1;
	padding: 0;
	transition:
		max-height .34s cubic-bezier(.42, 0, .58, 1),
		opacity .34s cubic-bezier(.42, 0, .58, 1),
		padding .34s cubic-bezier(.42, 0, .58, 1),
		margin .34s cubic-bezier(.42, 0, .58, 1),
		visibility 0s;
	visibility: visible;
}

.jra-nav-list .sub-menu a {
	color: var(--soft-gray-70);
	font-size: 12px;
	letter-spacing: .08em;
	padding: 14px 42px 14px 52px;
	text-transform: none;
}

.jra-nav-list .sub-menu a:hover,
.jra-nav-list .sub-menu a:focus-visible {
	color: var(--color-gold);
}

.jra-menu-socials {
	align-items: center;
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: auto 34px 0;
	padding-top: 34px;
}

.jra-menu-socials a,
.jra-menu-socials > span {
	align-items: center;
	border: 1px solid var(--gold-30);
	border-radius: 50%;
	display: flex;
	height: 42px;
	justify-content: center;
	transition: border-color .22s ease, opacity .22s ease, transform .22s ease;
	width: 42px;
}

.jra-menu-socials a:hover,
.jra-menu-socials a:focus-visible {
	border-color: var(--gold-90);
	transform: translateY(-1px);
}

.jra-menu-socials img {
	filter: invert(84%) sepia(18%) saturate(455%) hue-rotate(5deg) brightness(91%) contrast(88%);
	height: 18px;
	opacity: .9;
	width: 18px;
}

.jra-menu-socials .is-forthcoming {
	opacity: .34;
}

.jra-site-footer {
	background: var(--color-forest);
}

.home .jra-hero {
	--jra-hero-overhang: clamp(72px, 9vh, 118px);
	--jra-hero-control-bottom: calc(var(--jra-hero-overhang) + clamp(28px, 5vh, 58px));
	--jra-hero-control-x: clamp(24px, 5vw, 64px);
	--jra-hero-pan-x: 1.35%;
	--jra-hero-pan-y: 1%;
	--jra-hero-scale-start: 1.18;
	--jra-hero-scale-end: 1.28;
	align-items: center;
	background: var(--color-ink);
	display: flex;
	height: calc(100vh + var(--jra-hero-overhang));
	min-height: calc(720px + var(--jra-hero-overhang));
	padding: 120px clamp(32px, 7vw, 112px) 78px;
}

.home .jra-hero-slide {
	overflow: hidden;
}

.home .jra-hero-slider {
	overflow: hidden;
}

.home .jra-hero-slide img {
	animation: jra-hero-ken-burns 26s ease-in-out infinite alternate;
	filter: grayscale(.18);
	object-position: var(--jra-hero-object-position, center center);
	transform: scale(1.16) translate3d(0, 0, 0);
	transform-origin: center center;
	will-change: transform;
}

.home .jra-hero-slide video,
.home .jra-hero-media video {
	filter: grayscale(.18);
	transform: translate3d(0, 0, 0);
}

.home .jra-hero-slide:nth-child(2n) img {
	animation-name: jra-hero-ken-burns-alt;
}

.home .jra-hero-slide:nth-child(3n) img {
	animation-name: jra-hero-ken-burns-wide;
}

.home .jra-hero-shade {
	background:
		linear-gradient(90deg, var(--black-40), var(--black-20) 50%, var(--black-40)),
		linear-gradient(180deg, var(--black-40), var(--black-20) 42%, var(--black-70));
}

.home .jra-hero-brand {
	left: auto;
	right: var(--jra-hero-control-x);
	top: auto;
	bottom: var(--jra-hero-control-bottom);
	transform: none;
	width: clamp(104px, 10vw, 164px);
}

.home .jra-hero-brand img {
	opacity: .92;
	width: 100%;
}

.jra-hero-signature {
	display: none;
}

.home .jra-hero-title {
	bottom: auto;
	left: 50%;
	right: auto;
	top: 25vh;
	transform: translate(-50%, -50%);
	width: min(86vw, 900px);
}

.home .jra-hero-title h1 {
	animation: jra-hero-text-reveal .68s cubic-bezier(.2, .7, .25, 1) .72s forwards;
	border: 1px solid var(--gold-80);
	box-sizing: border-box;
	color: var(--color-white);
	display: inline-block;
	filter: blur(10px);
	font-family: "Gotham Extra Light", "Gotham A", "Gotham B", Gotham, Montserrat, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 200;
	letter-spacing: .22em;
	line-height: 1.35;
	max-width: 100%;
	opacity: 0;
	padding: clamp(12px, 1.6vw, 18px) clamp(19px, 3vw, 34px);
	transform: translate3d(0, 14px, 0);
	text-transform: uppercase;
}

.jra-hero-title h1::after,
.jra-store-hero h1::after,
.jra-journal-hero h1::after {
	background: var(--gradient-gold-rule);
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
}

.home .jra-hero-title h1 {
	position: relative;
}

.home .jra-hero-title h1::after {
	display: none;
}

.home .jra-hero-title h1 .jra-hero-title-word {
	animation: none;
	display: inline-block;
	filter: none;
	opacity: 1;
	transform: none;
}

.home .jra-hero-title .jra-arrow-link {
	border: 0;
	border-radius: 0;
	display: block;
	height: 26px;
	margin: clamp(14px, 2vh, 22px) auto 0;
	opacity: 1;
	position: relative;
	transition: opacity .18s ease;
	visibility: visible;
	width: 26px;
	z-index: 2;
}

.home .jra-hero-title .jra-arrow-link:hover,
.home .jra-hero-title .jra-arrow-link:focus-visible {
	opacity: .78;
}

.home .jra-hero-title .jra-arrow-link::before {
	height: 14px;
	left: 5px;
	top: 1px;
	width: 14px;
}

.jra-store-hero,
.jra-journal-hero {
	isolation: isolate;
	min-height: clamp(560px, 74vh, 780px);
	padding: clamp(112px, 13vw, 176px) 2em clamp(76px, 9vw, 122px);
}

.jra-store-hero {
	--jra-store-hero-overhang: 23%;
	min-height: clamp(255px, 34vh, 390px);
	padding: clamp(86px, 8vw, 116px) 2em clamp(34px, 4vw, 52px);
	position: relative;
	text-align: left;
}

.jra-store-hero > img,
.jra-journal-hero > img {
	height: 120%;
	object-position: center center;
	transform: translate3d(0, 0, 0) scale(1.05);
	z-index: -2;
}

.jra-store-hero > img {
	object-position: 82% center;
}

.jra-store-hero::after,
.jra-journal-hero::after {
	background:
		linear-gradient(180deg, var(--ink-40) 0%, var(--ink-20) 40%, var(--ink-70) 100%),
		var(--black-30);
	z-index: -1;
}

.jra-store-hero::after {
	background:
		var(--gradient-ink-photo-overlay);
	bottom: calc(var(--jra-store-hero-overhang) * -1);
}

.jra-store-hero-copy,
.jra-journal-hero-copy {
	max-width: 760px;
}

.jra-store-hero-copy {
	margin: 0 auto;
	max-width: 1480px;
	position: relative;
	width: 100%;
	z-index: 2;
}

.jra-store-hero-icon {
	color: var(--color-gold);
	display: block;
	font-family: "Material Symbols Outlined";
	font-size: clamp(36px, 3.8vw, 52px);
	font-style: normal;
	font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
	font-weight: normal;
	height: 1em;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 auto 18px;
	text-transform: none;
	width: 1em;
	filter: drop-shadow(0 8px 18px var(--black-30));
}

.jra-store-hero-copy p,
.jra-journal-hero-copy > p:first-child {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .24em;
	line-height: 1.4;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.jra-store-hero h1,
.jra-journal-hero h1 {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(38px, 5vw, 64px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.08;
	margin: 0 0 28px;
	position: relative;
	text-transform: uppercase;
}

.jra-store-hero h1::after,
.jra-journal-hero h1::after {
	bottom: -16px;
	width: min(260px, 58vw);
}

.jra-store-hero h1::after {
	display: none;
}

.jra-store-hero-copy p,
.jra-store-hero-icon,
.jra-store-hero h1,
.jra-store-hero-copy a,
.jra-journal-hero-copy > p:first-child,
.jra-journal-hero h1,
.jra-journal-hero-copy > p:not(:first-child) {
	animation: jra-hero-text-reveal .9s cubic-bezier(.2, .7, .25, 1) forwards;
	filter: blur(10px);
	opacity: 0;
	transform: translate3d(0, 14px, 0);
}

.jra-store-hero-copy p,
.jra-journal-hero-copy > p:first-child {
	animation-delay: .24s;
}

.jra-store-hero-icon {
	animation-delay: .22s;
}

.jra-store-hero h1,
.jra-journal-hero h1 {
	animation-delay: .38s;
}

.jra-store-hero h1 {
	margin: 0;
}

.jra-store-hero h1::after,
.jra-journal-hero h1::after {
	animation: jra-hero-rule-reveal .9s cubic-bezier(.2, .7, .25, 1) .92s forwards;
}

.jra-store-hero-copy .jra-store-hero-intro {
	animation-delay: .5s;
	color: var(--white-90);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(13px, 1vw, 15px);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.62;
	margin: 12px 0 0;
	max-width: 560px;
	text-transform: none;
}

.jra-store-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 22px;
	max-width: 680px;
}

.jra-journal-hero-copy > p:not(:first-child) {
	animation-name: jra-journal-copy-drop;
	animation-delay: 1.05s;
	color: var(--white-90);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(15px, 1.2vw, 17px);
	letter-spacing: .01em;
	line-height: 1.76;
	margin: 0 auto;
	max-width: 640px;
}

.jra-store-hero-copy a {
	align-items: center;
	border: 1px solid var(--gold-70);
	color: var(--color-white);
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 400;
	justify-content: center;
	letter-spacing: .18em;
	line-height: 1;
	margin-top: 0;
	min-width: 190px;
	padding: 14px 20px 13px;
	text-transform: uppercase;
	transition: border-color .24s ease, color .24s ease, transform .24s cubic-bezier(.22, .61, .36, 1);
}

.jra-store-hero-copy a {
	animation-delay: .68s;
}

.jra-store-hero-copy a:hover,
.jra-store-hero-copy a:focus-visible {
	border-color: var(--color-gold);
	color: var(--color-gold);
	transform: translateY(-1px);
}

.jra-store-hero-copy a:nth-child(2) {
	background: var(--gold-20);
}

.jra-journal-hero-copy .jra-arrow-link {
	border-color: var(--color-gold);
	height: 44px;
	margin-top: 34px;
	width: 44px;
}

.jra-hero-transition,
.jra-store-hero-transition {
	--jra-transition-accent-offset: 0px;
	--jra-transition-arrow-size: 44px;
	--jra-transition-socket-depth: clamp(56px, 5.6vw, 64px);
	--jra-transition-socket-width: calc(var(--jra-transition-socket-depth) * 2);
	--jra-transition-stroke: 3px;
	background: transparent;
	isolation: isolate;
	min-height: clamp(136px, 10vw, 164px);
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 5;
}

.jra-hero-transition.jra-interior-hero-transition {
	--jra-transition-accent-offset: 20px;
}

.jra-hero-transition::before,
.jra-store-hero-transition::before {
	background: var(--color-forest);
	content: "";
	inset: 0;
	-webkit-mask: radial-gradient(circle var(--jra-transition-socket-depth) at 50% 0, transparent calc(var(--jra-transition-socket-depth) - 1px), #000 var(--jra-transition-socket-depth));
	mask: radial-gradient(circle var(--jra-transition-socket-depth) at 50% 0, transparent calc(var(--jra-transition-socket-depth) - 1px), #000 var(--jra-transition-socket-depth));
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-hero-transition::after,
.jra-store-hero-transition::after {
	background: url("../images/store/leather-macro-texture-bw.jpg") center / 520px 520px repeat;
	content: "";
	inset: 0;
	mix-blend-mode: overlay;
	opacity: .4;
	pointer-events: none;
	position: absolute;
	-webkit-mask: radial-gradient(circle var(--jra-transition-socket-depth) at 50% 0, transparent calc(var(--jra-transition-socket-depth) - 1px), #000 var(--jra-transition-socket-depth));
	mask: radial-gradient(circle var(--jra-transition-socket-depth) at 50% 0, transparent calc(var(--jra-transition-socket-depth) - 1px), #000 var(--jra-transition-socket-depth));
	z-index: 2;
}

@media (min-width: 641px) {
	.jra-hero-transition,
	.jra-store-hero-transition {
		min-height: clamp(178px, 13vw, 228px);
	}
}

.jra-hero-transition-border,
.jra-store-transition-border {
	display: block;
	height: calc(var(--jra-transition-socket-depth) + var(--jra-transition-stroke) + var(--jra-transition-accent-offset));
	left: 0;
	mix-blend-mode: normal;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 3;
}

.jra-hero-transition-border path,
.jra-store-transition-border path {
	fill: none;
	mix-blend-mode: normal;
	stroke: var(--color-gold);
	stroke-linecap: butt;
	stroke-linejoin: round;
	stroke-width: var(--jra-transition-stroke);
	vector-effect: non-scaling-stroke;
}

.jra-hero-transition-border .jra-hero-transition-border__accent {
	opacity: 1;
	stroke: var(--color-forest);
	stroke-width: 1px;
}

@media (min-width: 641px) {
	.jra-hero-transition-border .jra-hero-transition-border__accent {
		stroke-width: 2px;
	}
}

.jra-hero-transition-cue,
.jra-store-transition-cue {
	align-items: center;
	background: var(--color-forest);
	border: 1px solid var(--gold-70);
	border-radius: 50%;
	box-sizing: border-box;
	bottom: auto;
	display: inline-flex;
	height: var(--jra-transition-arrow-size);
	justify-content: center;
	left: 50%;
	margin: 0;
	min-width: var(--jra-transition-arrow-size);
	opacity: 1;
	padding: 0;
	position: absolute;
	top: calc(var(--jra-transition-stroke) / 2);
	transform: translate(-50%, -50%);
	transition: border-color .24s ease, transform .28s cubic-bezier(.22, .61, .36, 1);
	width: var(--jra-transition-arrow-size);
	z-index: 4;
}

.jra-hero-transition-cue span,
.jra-store-transition-cue span {
	border-bottom: 2px solid var(--color-white);
	border-right: 2px solid var(--color-white);
	display: block;
	height: 11px;
	margin-top: -5px;
	transform: rotate(45deg);
	transition: border-color .24s ease;
	width: 11px;
}

.jra-hero-transition-cue:hover,
.jra-hero-transition-cue:focus-visible,
.jra-store-transition-cue:hover,
.jra-store-transition-cue:focus-visible {
	border-color: var(--color-gold);
}

.jra-hero-transition-cue:hover span,
.jra-hero-transition-cue:focus-visible span,
.jra-store-transition-cue:hover span,
.jra-store-transition-cue:focus-visible span {
	border-color: var(--color-gold);
}

.jra-print-specs {
	--jra-print-notch-depth: 32px;
	--jra-print-notch-half: 58px;
	--jra-print-specs-y-space: clamp(58px, 6vw, 82px);
	background: transparent;
	margin-top: 0;
	padding: 0 2em 0;
	position: relative;
	scroll-margin-top: var(--header-height);
	z-index: 4;
}

#print-options > .jra-print-specs-heading {
	background: var(--color-white);
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--jra-print-notch-depth)),
		calc(50% + var(--jra-print-notch-half)) calc(100% - var(--jra-print-notch-depth)),
		50% 100%,
		calc(50% - var(--jra-print-notch-half)) calc(100% - var(--jra-print-notch-depth)),
		0 calc(100% - var(--jra-print-notch-depth))
	);
	margin: 0 calc(50% - 50vw) calc(var(--jra-print-notch-depth) * -1);
	max-width: none;
	padding: var(--jra-print-specs-y-space) max(2em, calc((100vw - 1280px) / 2)) calc(var(--jra-print-specs-y-space) + var(--jra-print-notch-depth));
	position: relative;
	text-align: center;
	z-index: 4;
}

.jra-print-specs::before,
.jra-print-specs::after {
	content: none;
}

.jra-print-specs-heading > * {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.jra-print-specs-heading > p {
	max-width: 34em;
}

.jra-print-specs-heading > h2 {
	max-width: none;
}

.jra-print-specs-heading p,
.jra-print-specs-heading h2 {
	text-align: center;
}

.jra-print-specs-heading p,
.jra-store-process-heading p,
.jra-store-details-heading p {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 200;
	letter-spacing: .24em;
	line-height: 1.4;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.jra-print-specs h2:not(.jra-white-section-title),
.jra-store-faq-lead h2:not(.jra-white-section-title),
.jra-store-process h2:not(.jra-white-section-title),
.jra-store-details h1,
.jra-store-details h2 {
	color: var(--color-forest);
	font-family: var(--font-display);
	font-size: clamp(34px, 4vw, 58px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.12;
	margin: 0;
	text-transform: uppercase;
}

.jra-print-specs h2:not(.jra-white-section-title),
.jra-store-faq-lead h2:not(.jra-white-section-title) {
	color: var(--color-forest);
}

.jra-print-specs-heading .jra-print-specs-subhead {
	color: var(--color-muted);
	font-family: var(--font-body);
	font-size: clamp(17px, 1.3vw, 21px);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.45;
	margin: clamp(8px, .9vw, 12px) auto 0;
	max-width: 34em;
	text-transform: none;
}

@media (min-width: 1500px) {
	.jra-print-specs > .jra-print-specs-heading {
		max-width: none;
	}
}

.jra-print-specs-notch {
	display: none;
	height: 18px;
	margin: 0 calc(50% - 50vw) -18px;
	pointer-events: none;
	position: relative;
	--jra-print-notch-half: 55px;
	--jra-print-notch-line-half: 54px;
	z-index: 4;
}

.jra-print-specs-notch::before {
	background: transparent;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.jra-print-specs-notch span {
	border-left: var(--jra-print-notch-half) solid transparent;
	border-right: var(--jra-print-notch-half) solid transparent;
	border-top: 18px solid var(--color-white);
	height: 0;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 0;
	z-index: 1;
}

.jra-print-specs-notch svg {
	display: none;
	height: 18px;
	left: 50%;
	overflow: visible;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: calc(var(--jra-print-notch-half) * 2);
	z-index: 3;
}

.jra-print-specs-notch path {
	fill: none;
	stroke: var(--color-gold);
	stroke-linecap: square;
	stroke-linejoin: miter;
	stroke-width: 3;
	vector-effect: non-scaling-stroke;
}

.jra-product-grid,
.jra-process-steps {
	display: grid;
	gap: clamp(22px, 3vw, 42px);
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
}

.jra-product-grid {
	background: var(--color-forest);
	gap: 1px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: none;
	width: 100vw;
}

.jra-store {
	overflow-x: hidden;
}

.jra-product-tile {
	appearance: none;
	aspect-ratio: 1 / 1;
	background: var(--color-ink);
	border: 0;
	color: var(--color-white);
	cursor: pointer;
	display: block;
	font: inherit;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
}

.jra-product-tile::after {
	background:
		linear-gradient(180deg, var(--black-05) 0%, var(--black-10) 44%, var(--black-70) 100%),
		linear-gradient(90deg, var(--ink-30), rgba(17, 18, 15, 0));
	content: "";
	inset: 0;
	position: absolute;
	transition: opacity .24s ease;
	z-index: 1;
}

.jra-product-tile img {
	display: block;
	height: 100%;
	object-fit: cover;
	transform: scale(1.03);
	transition: transform .42s cubic-bezier(.22, .61, .36, 1), filter .42s ease;
	width: 100%;
}

.jra-product-tile:hover img,
.jra-product-tile:focus-visible img {
	filter: saturate(1.06) contrast(1.05);
	transform: scale(1.08);
}

.jra-product-tile__overlay {
	bottom: clamp(24px, 3vw, 42px);
	left: clamp(24px, 3vw, 42px);
	position: absolute;
	right: clamp(24px, 3vw, 42px);
	text-align: center;
	z-index: 2;
}

.jra-product-tile__overlay strong {
	color: var(--color-white);
	display: block;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(17px, 1.55vw, 24px);
	font-weight: 400;
	letter-spacing: .22em;
	line-height: 1.28;
	text-transform: uppercase;
}

.jra-product-modal {
	--jra-product-modal-edge: clamp(24px, 4vw, 58px);
	--jra-product-modal-close-size: 28px;
	align-items: center;
	background: var(--ink-90);
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: var(--jra-product-modal-edge);
	pointer-events: none;
	position: fixed;
	transition: opacity .24s ease;
	z-index: 100000;
}

.jra-product-modal.is-open {
	opacity: 1;
	pointer-events: auto;
}

.jra-product-modal__frame {
	max-height: min(820px, calc(100svh - (var(--jra-product-modal-edge) * 2) - var(--jra-product-modal-close-size)));
	max-width: min(1180px, calc(100vw - (var(--jra-product-modal-edge) * 2)));
	position: relative;
	width: 100%;
}

.jra-product-modal__panel {
	background: var(--color-white);
	box-shadow: 0 28px 90px var(--black-30);
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
	max-height: inherit;
	overflow: auto;
	width: 100%;
}

.jra-product-modal__image {
	background: var(--color-ink);
	min-height: min(72vh, 680px);
}

.jra-product-modal__image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-product-modal__copy {
	align-self: center;
	padding: clamp(36px, 5vw, 72px);
}

.jra-product-modal__copy h3 {
	color: var(--color-forest);
	font-family: var(--font-display);
	font-size: clamp(34px, 4vw, 58px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.08;
	margin: 0;
	text-transform: uppercase;
}

.jra-product-modal__copy p {
	color: var(--color-muted);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(15px, 1.1vw, 17px);
	letter-spacing: .01em;
	line-height: 1.72;
	margin: 24px 0 0;
}

.jra-product-modal__copy strong {
	color: var(--color-forest);
	font-weight: 700;
}

.jra-product-modal__summary {
	font-size: clamp(17px, 1.35vw, 21px);
}

.jra-product-modal__close {
	appearance: none;
	align-items: center;
	background: var(--color-forest);
	border: 1px solid var(--color-gold);
	border-radius: 999px;
	box-shadow: 0 12px 28px var(--black-30);
	color: var(--color-cream);
	cursor: pointer;
	display: flex;
	height: 28px;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	transition:
		box-shadow .2s ease,
		outline-color .2s ease;
	width: 28px;
	z-index: 3;
}

.jra-product-modal__close::before {
	background: currentColor;
	content: "";
	height: 14px;
	left: 50%;
	mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l8 8M11 3l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l8 8M11 3l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
}

.jra-product-modal__close:focus-visible {
	box-shadow: 0 14px 34px var(--black-40);
	outline: 2px solid var(--gold-90);
	outline-offset: 3px;
}

.jra-store-drawers summary::-webkit-details-marker {
	display: none;
}

.jra-store-process {
	--jra-process-notch-depth: var(--jra-print-notch-depth, 32px);
	--jra-process-notch-half: var(--jra-print-notch-half, 58px);
	--jra-process-stroke: 3px;
	background:
		linear-gradient(90deg, var(--dark-brass-60), var(--color-gold) 18%, var(--color-gold) 82%, var(--dark-brass-60)),
		var(--color-gold);
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--jra-process-notch-depth)),
		calc(50% + var(--jra-process-notch-half)) calc(100% - var(--jra-process-notch-depth)),
		50% 100%,
		calc(50% - var(--jra-process-notch-half)) calc(100% - var(--jra-process-notch-depth)),
		0 calc(100% - var(--jra-process-notch-depth))
	);
	color: var(--color-white);
	isolation: isolate;
	margin-bottom: calc(var(--jra-process-notch-depth) * -1);
	padding: var(--jra-process-stroke) 0;
	position: relative;
	text-align: center;
	z-index: 2;
}

.jra-store-process::before,
.jra-store-process::after {
	content: none;
}

.jra-store-process-surface {
	background:
		var(--gradient-product-transition-band);
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--jra-process-notch-depth)),
		calc(50% + var(--jra-process-notch-half)) calc(100% - var(--jra-process-notch-depth)),
		50% 100%,
		calc(50% - var(--jra-process-notch-half)) calc(100% - var(--jra-process-notch-depth)),
		0 calc(100% - var(--jra-process-notch-depth))
	);
	box-shadow:
		0 -48px 110px var(--black-30),
		0 -18px 42px var(--black-20),
		0 48px 110px var(--black-30),
		0 18px 42px var(--black-20),
		inset 0 1px 0 var(--gold-20),
		inset 0 -1px 0 var(--gold-10);
	margin: 0;
	min-height: 100%;
	padding: clamp(58px, 6vw, 82px) 0 calc(clamp(64px, 7vw, 92px) + var(--jra-process-notch-depth));
	position: relative;
}

.jra-store-process-surface::before {
	background: url("../images/store/leather-macro-texture-bw.jpg") center / 520px 520px repeat;
	content: "";
	inset: 0;
	mix-blend-mode: overlay;
	opacity: .25;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-store-process-guide {
	background:
		radial-gradient(ellipse at 50% 38%, var(--white-10), rgba(255, 255, 255, 0) 38%),
		linear-gradient(90deg, var(--dark-brass-30), var(--dark-brass-70)),
		linear-gradient(180deg, var(--old-gold-90), var(--dark-brass-90)),
		var(--jra-store-process-bg) center center / cover fixed;
	box-shadow: inset 0 0 120px var(--black-30);
	color: var(--color-white);
	isolation: isolate;
	overflow: visible;
	padding: clamp(92px, 9vw, 136px) 0 clamp(76px, 8vw, 112px);
	position: relative;
}

.jra-store-parallax-bg {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.jra-store-parallax-bg > span {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	inset: -8% 0;
	position: absolute;
	transform: translate3d(0, var(--jra-store-parallax-y, 0px), 0);
	will-change: transform;
}

.jra-store-parallax-bg--faq > span {
	height: calc(var(--jra-store-parallax-base-height, 100%) + clamp(260px, 28vw, 420px));
	inset: -8% 0 auto;
}

.jra-store-process-guide::before,
.jra-store-process-guide::after {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.jra-store-process-guide::before {
	background: linear-gradient(90deg, var(--dark-brass-60), rgba(30, 25, 13, 0) 22%, rgba(30, 25, 13, 0) 78%, var(--dark-brass-60));
	z-index: 1;
}

.jra-store-process-guide::after {
	background: url("../images/store/groovepaper.webp") center / 600px 600px repeat;
	mix-blend-mode: multiply;
	opacity: 1;
	z-index: 2;
}

.jra-store-process-inner {
	margin: 0 auto;
	max-width: 1280px;
	padding-left: 2em;
	padding-right: 2em;
	position: relative;
	z-index: 3;
}

.jra-store-process-heading {
	margin: 0 auto;
	max-width: 860px;
	text-align: center;
}

.jra-store-process h2 {
	color: var(--color-white);
	text-shadow: none;
}

.jra-store-process-intro {
	color: var(--white-80);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(14px, 1.1vw, 16px);
	letter-spacing: .01em;
	line-height: 1.7;
	margin: 22px auto 0;
	max-width: 680px;
}

.jra-store-process-intro p {
	color: var(--white-80);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(14px, 1.1vw, 16px);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.7;
	margin: 0;
	text-transform: none;
}

.jra-store-faq-lead {
	--jra-print-specs-y-space: clamp(48px, 5vw, 72px);
	background: var(--color-white);
	border-top: 3px solid var(--color-gold);
	padding: var(--jra-print-specs-y-space) 2em;
	position: relative;
	text-align: center;
	z-index: 5;
}

.jra-store-faq-lead .jra-print-specs-heading {
	margin-bottom: 0;
}

.jra-store-faq-lead .jra-print-specs-notch {
	bottom: -18px;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	z-index: 6;
}

.jra-store-faq-lead + .jra-store-details {
	border-top: 0;
	z-index: 1;
}

.jra-process-steps {
	--jra-process-card-width: clamp(220px, 20vw, 300px);
	display: flex;
	flex-wrap: wrap;
	gap: clamp(22px, 2.4vw, 34px) 4em;
	justify-content: center;
	list-style: none;
	max-width: min(1180px, calc((var(--jra-process-card-width) * 3) + 8em));
	padding: 0;
	position: relative;
}

.jra-store-process-rail {
	display: none;
	height: clamp(520px, 48vw, 700px);
	opacity: .58;
	pointer-events: none;
	position: absolute;
	width: clamp(310px, 28vw, 430px);
	z-index: 0;
}

.jra-store-process-rail--left {
	bottom: clamp(-285px, -18vw, -214px);
	left: calc(50% - 50vw - clamp(134px, 11vw, 190px));
}

.jra-store-process-rail--left::after {
	content: none;
}

.jra-store-process-print {
	--process-print-rotate: 0deg;
	--process-print-width: clamp(270px, 23vw, 380px);
	background: var(--color-white);
	border: 1px solid var(--cream-60);
	box-shadow:
		0 1px 1px var(--ink-10),
		0 20px 48px var(--ink-20),
		0 44px 84px var(--ink-20);
	display: block;
	padding: clamp(7px, .65vw, 10px);
	position: absolute;
	transform: rotate(var(--process-print-rotate));
	transform-origin: center center;
	width: var(--process-print-width);
}

.jra-store-process-print img {
	aspect-ratio: 1 / .74;
	filter: saturate(.86) contrast(1.02) brightness(.96);
	height: auto;
	object-fit: cover;
	width: 100%;
}

.jra-store-process-rail--left .jra-store-process-print--1 {
	--process-print-rotate: -5deg;
	left: clamp(-34px, -2.8vw, -18px);
	top: clamp(188px, 17vw, 250px);
	z-index: 1;
}

.jra-store-process-rail--left .jra-store-process-print--2 {
	--process-print-rotate: 6deg;
	left: clamp(-8px, -.6vw, 0px);
	top: clamp(-36px, -2.4vw, -18px);
	z-index: 2;
}

@media (min-width: 1180px) {
	.jra-store-process-rail {
		display: block;
	}
}

.jra-process-steps li {
	display: block;
	flex: 0 0 var(--jra-process-card-width);
	min-height: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

.jra-process-steps li::before {
	display: none;
}

.jra-process-visual {
	aspect-ratio: 1 / 1;
	margin: 0 auto clamp(54px, 5vw, 66px);
	position: relative;
	width: var(--jra-process-card-width);
}

.jra-process-placeholder {
	background:
		linear-gradient(180deg, var(--white-70), rgba(255, 255, 255, 0) 34%),
		linear-gradient(135deg, #f2f2f2 0%, #d7d7d7 46%, #fbfbfb 100%);
	border: 1px solid var(--forest-green-20);
	border-radius: 50%;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

a.jra-process-placeholder {
	cursor: var(--jra-cursor-zoom-in);
	transition: border-color .22s ease;
}

a.jra-process-placeholder:hover,
a.jra-process-placeholder:focus-visible {
	border-color: var(--white-60);
}

.jra-process-placeholder::before {
	background:
		linear-gradient(90deg, #292929 0 22%, transparent 22% 100%),
		linear-gradient(90deg, var(--forest-green-20) 0 64%, transparent 64% 100%),
		linear-gradient(90deg, var(--forest-green-10) 0 48%, transparent 48% 100%);
	background-position: 20px 20px, 20px 58px, 20px 88px;
	background-repeat: no-repeat;
	background-size: 74px 12px, calc(100% - 40px) 8px, calc(100% - 40px) 8px;
	content: "";
	inset: 0;
	position: absolute;
}

.jra-process-placeholder.has-image::before,
.jra-process-placeholder.has-image::after {
	display: none;
}

.jra-process-placeholder img {
	height: 100%;
	object-fit: cover;
	transition: transform .32s cubic-bezier(.22, .61, .36, 1);
	width: 100%;
}

a.jra-process-placeholder:hover img,
a.jra-process-placeholder:focus-visible img {
	transform: scale(1.07);
}

.jra-process-placeholder::after {
	background: var(--forest-green-80);
	bottom: 0;
	content: "";
	height: 18%;
	left: 0;
	position: absolute;
	width: 100%;
}

.jra-process-number {
	align-items: center;
	background: #b4a06f;
	border: 1px solid var(--white-80);
	border-radius: 50%;
	box-shadow:
		0 5px 12px var(--ink-20),
		inset 0 0 0 1px var(--white-20),
		inset 0 0 10px var(--dark-brass-20);
	color: var(--color-white);
	display: inline-flex;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	height: 38px;
	justify-content: center;
	left: 15%;
	letter-spacing: .04em;
	line-height: 1;
	position: absolute;
	text-shadow: 0 1px 3px var(--dark-brass-40);
	top: 15%;
	transform: translate(-50%, -50%);
	width: 38px;
	z-index: 2;
}

.jra-process-icon {
	align-items: center;
	background: var(--color-forest);
	border: 1px solid var(--white-90);
	border-radius: 50%;
	box-shadow:
		0 7px 18px var(--ink-30),
		inset 0 0 14px var(--black-30);
	color: var(--color-white);
	display: inline-flex;
	font-family: "Material Symbols Outlined";
	font-size: 31px;
	font-style: normal;
	font-variation-settings: "FILL" 0, "wght" 100, "GRAD" 0, "opsz" 24;
	font-weight: normal;
	height: 70px;
	justify-content: center;
	line-height: 1;
	left: 50%;
	margin: 0;
	position: absolute;
	text-shadow: 0 1px 5px var(--black-50);
	text-transform: none;
	top: 100%;
	transform: translate(-50%, -50%);
	width: 70px;
	z-index: 2;
}

.jra-process-visual + h3 {
	margin-top: 0;
}

.jra-process-steps li:nth-child(2) .jra-process-placeholder {
	background:
		linear-gradient(180deg, var(--white-70), rgba(255, 255, 255, 0) 30%),
		linear-gradient(140deg, #e8e8e8 0%, #cfcfcf 52%, #f7f7f7 100%);
}

.jra-process-steps li:nth-child(3) .jra-process-placeholder {
	background:
		linear-gradient(180deg, var(--white-70), rgba(255, 255, 255, 0) 34%),
		linear-gradient(145deg, #f7f7f7 0%, #d0d0d0 44%, #ededed 100%);
}

.jra-process-steps li:nth-child(4) .jra-process-placeholder::before {
	background:
		linear-gradient(90deg, #292929 0 24%, transparent 24% 100%),
		linear-gradient(90deg, var(--forest-green-20) 0 58%, transparent 58% 100%),
		linear-gradient(90deg, var(--forest-green-10) 0 38%, transparent 38% 100%);
	background-position: 20px 20px, 20px 62px, 20px 96px;
	background-repeat: no-repeat;
	background-size: 80px 12px, calc(100% - 40px) 8px, calc(100% - 40px) 8px;
}

.jra-process-steps li:nth-child(5) .jra-process-placeholder {
	background:
		linear-gradient(180deg, var(--white-70), rgba(255, 255, 255, 0) 36%),
		linear-gradient(135deg, #eeeeee 0%, #c9c9c9 48%, #fafafa 100%);
}

.jra-process-steps li:nth-child(6) .jra-process-placeholder::after {
	height: 24%;
}

.jra-process-steps h3,
.jra-store-drawers summary {
	color: var(--color-forest);
	font-family: var(--font-body);
	font-size: clamp(20px, 1.8vw, 28px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.14;
	margin: 0;
	text-transform: uppercase;
}

.jra-process-steps h3 {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--jra-process-card-width);
}

.jra-process-steps h3 span {
	display: block;
	font-family: var(--font-body);
	font-size: .56em;
	font-weight: 400;
	letter-spacing: .14em;
	line-height: 1.35;
	margin-top: .18em;
	white-space: nowrap;
}

.jra-store-process-guide .jra-process-steps h3 {
	color: var(--color-white);
	text-shadow: 0 2px 18px var(--black-20);
}

.jra-process-steps p {
	color: var(--color-muted);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(15px, 1.1vw, 17px);
	letter-spacing: .01em;
	line-height: 1.7;
	margin: 16px auto 0;
	max-width: var(--jra-process-card-width);
}

.jra-store-process-guide .jra-process-steps p {
	color: var(--white-80);
	text-shadow: 0 1px 12px var(--black-20);
}

.jra-store-process-guide .jra-process-steps p a {
	color: var(--color-gold);
	font-weight: 700;
	text-decoration: none;
	transition: color .2s ease;
}

.jra-store-process-guide .jra-process-steps p a:hover,
.jra-store-process-guide .jra-process-steps p a:focus-visible {
	color: var(--color-white);
}

.jra-store-process-guide .jra-process-steps p strong {
	color: var(--color-white);
	font-weight: 700;
}

.jra-store-details {
	background: var(--color-cream);
	border-top: 3px solid var(--color-gold);
	display: grid;
	gap: clamp(24px, 3.5vw, 52px);
	grid-template-columns: minmax(320px, .54fr) minmax(0, 1fr);
	isolation: isolate;
	overflow: hidden;
	padding: clamp(58px, 7vw, 88px) max(2em, calc((100vw - 1280px) / 2));
	position: relative;
}

.jra-store-details::before {
	background: linear-gradient(var(--cream-90), var(--cream-90));
	content: "";
	inset: 0;
	opacity: .72;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.jra-store-details--dark {
	background: var(--color-forest);
	box-shadow:
		inset 0 0 150px var(--black-30),
		inset 0 -70px 120px var(--black-20);
	color: var(--white-80);
	overflow-anchor: none;
}

.jra-store-details--dark::before {
	background: linear-gradient(var(--forest-green-60), var(--forest-green-70));
	opacity: 1;
}

.jra-store-parallax-bg--faq > span {
	filter: grayscale(1) contrast(.98);
}

.jra-store-details--dark::after {
	background:
		radial-gradient(ellipse at 56% 43%, var(--cream-05) 0%, rgba(31, 35, 32, 0) 32%, var(--forest-green-30) 72%, var(--forest-green-60) 100%),
		linear-gradient(90deg, var(--forest-green-40) 0%, var(--forest-green-50) 19%, var(--forest-green-50) 42%, var(--forest-green-60) 72%, var(--forest-green-80) 100%),
		linear-gradient(180deg, var(--forest-green-20), var(--forest-green-05) 32%, var(--forest-green-30) 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.jra-store-details--dark {
	grid-template-columns: minmax(260px, .42fr) minmax(0, 1fr);
}

.jra-store-details-heading {
	align-self: start;
	min-height: 0;
	position: sticky;
	text-align: right;
	top: 98px;
	z-index: 4;
}

.jra-store-details h1,
.jra-store-details h2 {
	font-size: clamp(34px, 3.5vw, 52px);
	margin: 0 0 0 auto;
	max-width: 8.8em;
	position: relative;
	z-index: 2;
}

.jra-store-details--dark h1,
.jra-store-details--dark h2 {
	color: #fff8e8;
	text-shadow: 0 2px 22px var(--black-40);
}

.jra-store-details-art {
	height: clamp(650px, 65vw, 860px);
	left: calc(50% - 50vw - clamp(134px, 11vw, 190px));
	margin-top: 0;
	overflow: visible;
	position: absolute;
	top: calc(clamp(58px, 7vw, 88px) + clamp(-190px, -14vw, -116px));
	width: clamp(390px, 38vw, 540px);
	z-index: 2;
}

.jra-store-details-art::after {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 6;
}

.jra-store-details-orbit {
	aspect-ratio: 1;
	border: clamp(32px, 4.5vw, 62px) solid var(--gold-20);
	border-radius: 50%;
	display: block;
	left: clamp(-80px, -5vw, -34px);
	position: absolute;
	top: clamp(28px, 3.5vw, 64px);
	width: clamp(470px, 46vw, 660px);
	z-index: 0;
}

.jra-store-details-collage {
	height: clamp(575px, 56vw, 780px);
	left: 0;
	position: absolute;
	top: 0;
	width: clamp(294px, 28vw, 405px);
	z-index: 2;
}

.jra-store-details-print {
	background: var(--color-white);
	border: 1px solid var(--gold-30);
	box-shadow: 0 18px 46px var(--ink-10);
	display: block;
	overflow: hidden;
	padding: 7px;
	position: absolute;
}

.jra-store-details-print::after {
	background: linear-gradient(90deg, var(--cream-30), var(--cream-90));
	content: "";
	inset: 7px;
	pointer-events: none;
	position: absolute;
}

.jra-store-details--dark .jra-store-details-orbit {
	border-color: var(--gold-20);
}

.jra-store-details--dark .jra-store-details-art::after {
	display: none;
}

.jra-store-details--dark .jra-store-details-print {
	background: var(--color-cream);
	border: 0;
	box-shadow: 0 20px 54px var(--black-30);
}

.jra-store-details--dark .jra-store-details-print::after {
	background: none;
}

.jra-store-details--dark .jra-store-details-print img {
	filter: saturate(.92) contrast(.98) brightness(.98);
}

.jra-store-details-print img {
	display: block;
	filter: saturate(.78) contrast(.96);
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.jra-store-details-print--1 {
	height: 35%;
	left: -5%;
	top: 0;
	transform: rotate(-4deg);
	width: 84%;
}

.jra-store-details-print--2 {
	height: 35%;
	left: 17%;
	top: 29%;
	transform: rotate(3deg);
	width: 88%;
	z-index: 2;
}

.jra-store-details-print--3 {
	height: 35%;
	left: -1%;
	top: 61%;
	transform: rotate(-2deg);
	width: 86%;
	z-index: 1;
}

.jra-store-drawers {
	border-left: 1px solid var(--gold-40);
	padding-left: clamp(30px, 4vw, 58px);
	position: relative;
	z-index: 4;
}

.jra-store-details--dark .jra-store-drawers {
	border-left-color: var(--gold-50);
}

.jra-store-drawers details {
	border-top: 1px solid var(--forest-green-10);
	margin: 0;
	overflow-anchor: none;
	position: relative;
	transition: background-color .26s ease;
}

.jra-store-details--dark .jra-store-drawers details {
	border-top-color: var(--white-20);
}

.jra-store-details--dark .jra-store-drawers details:last-child {
	border-bottom-color: var(--white-20);
}

.jra-store-drawers details:first-child {
	border-top: 0;
}

.jra-store-drawers details:last-child {
	border-bottom: 1px solid var(--forest-green-10);
}

.jra-store-drawers details.is-open {
	background: var(--white-20);
}

.jra-store-details--dark .jra-store-drawers details.is-open {
	background: var(--white-05);
}

.jra-store-drawers summary {
	align-items: center;
	color: var(--color-forest);
	cursor: pointer;
	display: flex;
	font-family: var(--font-body);
	font-size: clamp(20px, 1.8vw, 28px);
	font-weight: 400;
	gap: clamp(18px, 3vw, 34px);
	justify-content: space-between;
	letter-spacing: .075em;
	line-height: 1.15;
	list-style: none;
	padding: clamp(22px, 2.5vw, 32px) clamp(4px, 1.6vw, 22px);
	text-transform: uppercase;
	transition: color .22s ease;
}

.jra-store-details--dark .jra-store-drawers summary {
	color: var(--color-cream);
}

.jra-store-drawers summary:focus-visible {
	outline: 2px solid var(--old-gold-70);
	outline-offset: 5px;
}

.jra-store-drawers summary:hover,
.jra-store-drawers details.is-open summary {
	color: var(--color-bronze-dark);
}

.jra-store-details--dark .jra-store-drawers summary:hover,
.jra-store-details--dark .jra-store-drawers details.is-open summary {
	color: var(--color-gold);
}

.jra-store-drawer-icon {
	align-items: center;
	border: 1px solid var(--old-gold-60);
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 34px;
	height: 34px;
	justify-content: center;
	position: relative;
	transition: background-color .22s ease, border-color .22s ease, transform .28s cubic-bezier(.2, .7, .25, 1);
	width: 34px;
}

.jra-store-details--dark .jra-store-drawer-icon {
	background: var(--forest-green-70);
	border-color: var(--gold-70);
	color: var(--color-gold);
}

.jra-store-drawer-icon::before,
.jra-store-drawer-icon::after {
	background: currentColor;
	content: "";
	height: 1px;
	position: absolute;
	transition: transform .28s cubic-bezier(.2, .7, .25, 1), opacity .22s ease;
	width: 13px;
}

.jra-store-drawer-icon::after {
	transform: rotate(90deg);
}

.jra-store-drawers summary:hover .jra-store-drawer-icon,
.jra-store-drawers details.is-open .jra-store-drawer-icon {
	background: var(--color-gold);
	border-color: var(--color-gold);
	color: var(--color-white);
}

.jra-store-drawers details.is-open .jra-store-drawer-icon {
	transform: rotate(180deg);
}

.jra-store-drawers details.is-open .jra-store-drawer-icon::after {
	opacity: 0;
	transform: rotate(0deg);
}

.jra-store-drawer-content {
	overflow: hidden;
}

.jra-store-drawer-content.is-animating {
	transition: height .32s cubic-bezier(.22, .61, .36, 1);
}

.jra-store-drawers p {
	color: var(--color-body);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(15px, 1.1vw, 16px);
	letter-spacing: .01em;
	line-height: 1.72;
	margin: 0;
	max-width: 760px;
	padding: 0 clamp(4px, 1.6vw, 22px) clamp(12px, 1.6vw, 18px);
}

.jra-store-drawers p:last-child {
	padding-bottom: clamp(28px, 3.2vw, 40px);
}

.jra-store-details--dark .jra-store-drawers p {
	color: var(--white-70);
}

.jra-store-drawers p a {
	color: var(--color-bronze-dark);
	font-weight: 700;
	text-decoration: none;
	transition: color .2s ease;
}

.jra-store-details--dark .jra-store-drawers p a {
	color: var(--color-gold);
}

.jra-store-details--dark .jra-store-drawers p a:hover,
.jra-store-details--dark .jra-store-drawers p a:focus-visible {
	color: var(--color-cream);
}

.jra-store-drawers p a:hover,
.jra-store-drawers p a:focus-visible {
	color: var(--color-forest);
}

@media (prefers-reduced-motion: reduce) {
	.jra-store-drawer-content.is-animating,
	.jra-store-drawer-icon,
	.jra-store-drawer-icon::before,
	.jra-store-drawer-icon::after,
	.jra-store-drawers summary {
		transition: none;
	}
}

@media (max-width: 1179px) {
	.jra-store-details--dark {
		grid-template-columns: 1fr;
		padding-left: max(2em, calc((100vw - 980px) / 2));
		padding-right: max(2em, calc((100vw - 980px) / 2));
	}

	.jra-store-details--dark .jra-store-details-heading {
		display: none;
	}

	.jra-store-details--dark .jra-store-details-art {
		display: none;
	}

	.jra-store-details--dark .jra-store-drawers {
		border-left: 0;
		padding-left: 0;
	}

	.jra-store-details--dark .jra-store-drawers p {
		max-width: 820px;
	}
}

@media (max-width: 900px) {
	.jra-store-hero-copy {
		text-align: center;
	}

	.jra-store-hero-icon {
		margin-left: auto;
		margin-right: auto;
	}

	.jra-store-hero-copy .jra-store-hero-intro {
		margin-left: auto;
		margin-right: auto;
	}

	.jra-store-hero-actions {
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}

	.jra-store-details {
		grid-template-columns: 1fr;
	}

	.jra-store-details-heading {
		min-height: 0;
		position: static;
		text-align: center;
	}

	.jra-store-details h1,
	.jra-store-details h2 {
		margin: 0 auto;
		max-width: none;
	}

	.jra-store-details-art {
		display: none;
	}

	.jra-store-drawers {
		border-left: 0;
		padding-left: 0;
	}

	.jra-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jra-product-modal__frame {
		max-height: calc(100svh - 92px);
	}

	.jra-product-modal__panel {
		grid-template-columns: 1fr;
		overflow: auto;
	}

	.jra-product-modal__image {
		min-height: 42vh;
	}

	.jra-process-steps {
		--jra-process-card-width: 220px;
		grid-template-columns: repeat(2, minmax(0, 220px));
		max-width: calc((220px * 2) + 4em);
	}

}

@media (max-width: 680px) {
	.jra-store-hero {
		min-height: clamp(300px, 46svh, 430px);
		padding-left: 24px;
		padding-right: 24px;
	}

	.jra-store-hero-actions {
		align-items: stretch;
		flex-direction: row;
		max-width: 300px;
	}

	.jra-store-hero-copy a {
		width: 100%;
	}

	.jra-process-steps {
		--jra-process-card-width: min(100%, 220px);
		grid-template-columns: 1fr;
		max-width: 220px;
	}

	.jra-product-modal {
		--jra-product-modal-edge: 24px;
	}

	.jra-product-modal__close {
		right: 0;
		top: 0;
	}

	.jra-product-modal__copy {
		padding: 30px 24px;
	}

	.jra-product-modal__image {
		min-height: 34vh;
	}

	.jra-store-details,
	.jra-print-specs,
	.jra-store-process-guide {
		padding-left: 24px;
		padding-right: 24px;
	}
}

.jra-journal-feed {
	padding-top: clamp(58px, 8vw, 112px);
}

.jra-journal-entry {
	margin-bottom: clamp(58px, 8vw, 112px);
}

.jra-journal-entry.is-loaded-entry {
	border-top: 1px solid var(--color-soft-gray);
	opacity: 0;
	padding-top: clamp(58px, 8vw, 112px);
	transform: translateY(min(24vh, 180px));
	transition:
		opacity .78s cubic-bezier(.16, 1, .3, 1),
		transform .92s cubic-bezier(.16, 1, .3, 1);
}

.jra-journal-entry.is-loaded-entry.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.jra-journal-loader {
	align-items: center;
	background: var(--color-white);
	display: flex;
	justify-content: center;
	margin: 0;
	padding: clamp(42px, 6vw, 76px) 1em;
	transition: min-height .36s cubic-bezier(.22, .61, .36, 1), padding .36s cubic-bezier(.22, .61, .36, 1);
}

.jra-journal-loader.is-loading {
	min-height: clamp(96px, 12vw, 138px);
	padding: clamp(38px, 5vw, 62px) 1em;
}

.jra-journal-loader button {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 1px solid var(--color-gold);
	border-radius: 0;
	color: var(--color-forest);
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 200;
	gap: 12px;
	justify-content: center;
	letter-spacing: .18em;
	line-height: 1;
	min-width: 174px;
	padding: 13px 20px 12px;
	text-transform: uppercase;
	transition: border-color .24s ease, color .24s ease, transform .24s cubic-bezier(.22, .61, .36, 1);
}

.jra-journal-loader button:hover,
.jra-journal-loader button:focus-visible {
	color: var(--color-black);
	transform: translateY(-1px);
}

.jra-journal-loader.is-loading .jra-loading-label,
.jra-journal-loader.is-loading .jra-auto-load-status {
	align-items: center;
	display: inline-flex;
	gap: 12px;
}

.jra-journal-loader.is-loading .jra-auto-load-status::before,
.jra-journal-loader.is-loading .jra-loading-label::before {
	animation: jra-journal-spinner .72s linear infinite;
	border: 1px solid var(--gold-30);
	border-radius: 50%;
	border-top-color: var(--color-gold);
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 15px;
	width: 15px;
}

.home .jra-about {
	--jra-about-bleed: clamp(54px, 7vw, 96px);
	--jra-about-portrait-size: clamp(220px, 24vw, 340px);
	--jra-about-title-size: clamp(40px, 5.3vw, 82px);
	--jra-about-top-padding: clamp(24px, 3vw, 36px);
	align-items: center;
	background: transparent;
	box-shadow: none;
	display: flex;
	min-height: 0;
	margin-top: calc(var(--jra-about-bleed) * -1);
	overflow: visible;
	overflow-anchor: none;
	padding: var(--jra-about-top-padding) 0 clamp(82px, 8vw, 118px);
	position: relative;
	scroll-margin-top: 72px;
	z-index: 12;
}

.home .jra-about::before {
	background: var(--color-ink);
	content: "";
	inset: var(--jra-about-bleed) 0 0;
	position: absolute;
	z-index: 0;
}

.jra-about-panel {
	align-items: center;
	display: grid;
	gap: clamp(30px, 4vw, 58px) clamp(46px, 6vw, 88px);
	grid-template-columns: minmax(260px, .72fr) minmax(360px, 1fr);
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 7vw;
	position: relative;
	width: 100%;
	z-index: 2;
}

.jra-about-portrait-wrap {
	position: relative;
	z-index: 13;
}

.jra-about-portrait-frame {
	aspect-ratio: 1;
	background: transparent;
	border: 2px solid var(--color-gold);
	border-radius: 50%;
	cursor: pointer;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: var(--jra-about-portrait-size);
}

.jra-about-portrait-frame:hover .jra-about-portrait,
.jra-about-portrait-frame:focus-visible .jra-about-portrait {
	transform: scale(1.055);
}

.jra-about-portrait {
	aspect-ratio: 1;
	border-radius: 50%;
	display: block;
	height: auto;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	transform: scale(1);
	transition: transform .8s ease;
	width: 100%;
}

.jra-about-statement {
	display: grid;
	justify-items: center;
	position: relative;
	z-index: 1;
}

.jra-about-kicker {
	color: var(--color-gold);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(12px, 1.1vw, 14px);
	font-weight: 400;
	letter-spacing: .08em;
	line-height: 1.35;
	margin: 0 0 .5em;
	position: absolute;
	bottom: calc(50% + (var(--jra-about-title-size, 52px) * .47) - .55rem);
	text-align: left;
	text-transform: none;
	width: 100%;
}

.jra-about h2 {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(36px, 3.6vw, 52px);
	font-weight: 200;
	letter-spacing: 0;
	line-height: .94;
	margin: 0;
	max-width: max-content;
	text-transform: uppercase;
	white-space: nowrap;
}

.jra-about h2 a {
	color: inherit;
	transition: color .22s ease;
}

.jra-about h2 a:hover,
.jra-about h2 a:focus-visible {
	color: var(--color-gold);
}

.jra-photo-card-meta {
	display: none;
}

.jra-fancybox.fancybox__container {
	--fancybox-bg: var(--black-90);
	--fancybox-color: var(--white-80);
}

.jra-fancybox .fancybox__caption,
.jra-fancybox .f-caption {
	box-sizing: border-box;
	color: var(--white-80);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: .02em;
	line-height: 1.55;
	text-align: center;
}

.jra-fancybox .f-button.is-close-btn,
.jra-fancybox .fancybox__toolbar,
.jra-fancybox .f-carousel__toolbar,
.jra-fancybox .fancybox__thumbs,
.jra-fancybox--home .fancybox__nav,
.jra-fancybox--home .fancybox__button--arrow_left,
.jra-fancybox--home .fancybox__button--arrow_right,
.jra-fancybox--home .f-button.is-prev,
.jra-fancybox--home .f-button.is-next {
	display: none;
}

.jra-final-fill-slide.is-fill-2x2 {
	grid-column: span 2;
	grid-row: span 2;
}

.jra-final-fill-slide.is-fill-1x2 {
	grid-row: span 2;
}

.jra-final-fill-slide.is-fill-2x1 {
	grid-column: span 2;
}

.jra-final-fill-slide.is-fill-1x1 {
	grid-column: span 1;
	grid-row: span 1;
}

.home .jra-purchase-callout {
	--jra-about-bleed: clamp(54px, 7vw, 96px);
	--jra-about-portrait-size: clamp(220px, 24vw, 340px);
	--jra-about-title-size: clamp(40px, 5.3vw, 82px);
	align-items: center;
	background:
		var(--gradient-product-transition-band);
	box-shadow:
		0 -48px 110px var(--black-30),
		0 -18px 42px var(--black-20),
		0 48px 110px var(--black-30),
		0 18px 42px var(--black-20),
		inset 0 1px 0 var(--gold-20),
		inset 0 -1px 0 var(--gold-10);
	display: flex;
	justify-content: center;
	min-height: 0;
	overflow-anchor: none;
	padding: clamp(32px, 3.5vw, 48px) 0;
	position: relative;
	scroll-margin-top: 40px;
	text-align: center;
	z-index: 14;
}

.jra-home-purchase-collage .jra-purchase-callout {
	z-index: 12;
}

.home .jra-purchase-callout::before,
.home .jra-purchase-callout::after {
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: -1;
}

.home .jra-purchase-callout::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), var(--black-20) 38%, var(--black-40) 78%, var(--black-40));
	bottom: 100%;
	height: clamp(240px, 30vw, 430px);
}

.home .jra-purchase-callout::after {
	background: linear-gradient(180deg, var(--black-40), var(--black-40) 24%, var(--black-20) 64%, rgba(0, 0, 0, 0));
	height: clamp(240px, 30vw, 430px);
	top: 100%;
}

.jra-purchase-panel {
	align-items: center;
	display: flex;
	height: auto;
	justify-content: center;
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 7vw;
	position: relative;
	transform: none;
	width: 100%;
}

.home .jra-purchase-callout h2 {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: var(--jra-about-title-size);
	font-weight: 200;
	letter-spacing: 0;
	line-height: .94;
	margin: 0 auto;
	text-transform: uppercase;
	white-space: nowrap;
}

.home .jra-purchase-callout .jra-contact-cta {
	align-items: center;
	color: inherit;
	display: inline-flex;
	gap: .28em;
}

.home .jra-purchase-callout .jra-cta-nowrap {
	white-space: nowrap;
}

.home .jra-purchase-callout .jra-contact-cta span[aria-hidden="true"] {
	color: var(--color-gold);
	display: inline-block;
	font-size: .72em;
	line-height: 1;
	margin-left: .12em;
	transform: translateY(-.04em);
	transform-origin: left center;
	transition: transform .24s ease;
}

.home .jra-purchase-callout .jra-contact-cta:hover span[aria-hidden="true"],
.home .jra-purchase-callout .jra-contact-cta:focus-visible span[aria-hidden="true"] {
	transform: translate(.16em, -.04em);
}

@media (max-width: 1000px) {
	.home .jra-purchase-callout h2 {
		font-size: clamp(36px, 6.3vw, 56px);
		line-height: 1.02;
		white-space: normal;
	}

	.home .jra-purchase-callout .jra-contact-cta {
		display: inline;
		gap: 0;
		white-space: normal;
	}

	.home .jra-purchase-callout .jra-contact-cta span[aria-hidden="true"] {
		font-size: .72em;
		margin-left: .12em;
		transform: translateY(-.04em);
		white-space: nowrap;
	}

	.home .jra-purchase-callout .jra-contact-cta:hover span[aria-hidden="true"],
	.home .jra-purchase-callout .jra-contact-cta:focus-visible span[aria-hidden="true"] {
		transform: translate(.16em, -.04em);
	}
}

.jra-lightbox {
	background: var(--black-95);
}

.jra-lightbox-inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	max-height: 92vh;
	max-width: 92vw;
}

.jra-lightbox-inner img {
	max-height: calc(92vh - 58px);
	max-width: 92vw;
	object-fit: contain;
}

.jra-lightbox-caption {
	color: var(--white-70);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .08em;
	line-height: 1.5;
	margin: 16px 0 0;
	text-align: center;
	text-transform: uppercase;
}

.jra-gallery-viewer {
	background: rgba(var(--ink-rgb), .95);
	color: var(--white-90);
	inset: 0;
	opacity: 0;
	overflow: auto;
	overscroll-behavior-y: contain;
	pointer-events: none;
	position: fixed;
	transition: opacity .26s ease;
	z-index: 140;
}

.jra-gallery-viewer.is-open {
	opacity: 1;
	pointer-events: auto;
}

.jra-gallery-viewer.is-closing {
	opacity: 0;
	pointer-events: none;
}

.jra-gallery-viewer.is-dismiss-dragging,
.jra-gallery-viewer.is-dismiss-settling {
	background: rgba(var(--ink-rgb), var(--jra-gallery-dismiss-backdrop, .95));
	transition: background-color .22s ease;
}

.jra-gallery-viewer.is-dismiss-dragging {
	transition: none;
}

.jra-gallery-viewer__shell {
	display: grid;
	grid-template-columns: 424px minmax(0, 1fr);
	min-height: 100vh;
	opacity: 0;
	transform: scale(.985);
	transition: opacity .3s ease, transform .34s cubic-bezier(.2, .74, .24, 1);
	will-change: opacity, transform;
}

.jra-gallery-viewer.is-open .jra-gallery-viewer__shell {
	opacity: 1;
	transform: scale(1);
}

.jra-gallery-viewer.is-closing .jra-gallery-viewer__shell {
	opacity: 0;
	transform: scale(.992);
}

.jra-gallery-viewer.is-morph-closing .jra-gallery-viewer__shell {
	opacity: 0;
	transform: none;
}

.jra-gallery-viewer__morph-image {
	box-shadow: 0 24px 70px var(--black-40);
	display: block;
	left: 0;
	object-fit: cover;
	object-position: center center;
	pointer-events: none;
	position: fixed;
	top: 0;
	transform-origin: top left;
	z-index: 180;
}

.jra-gallery-viewer__morph-image.is-contained {
	object-fit: contain;
}

.jra-gallery-viewer__stage {
	align-items: center;
	background: transparent;
	display: flex;
	grid-column: 2;
	grid-row: 1;
	justify-content: center;
	min-height: 100vh;
	overflow: hidden;
	padding: 58px 0;
	position: relative;
}

.jra-gallery-viewer__toolbar {
	display: flex;
	gap: 8px;
	left: auto;
	position: absolute;
	right: 18px;
	top: 16px;
	z-index: 3;
}

.jra-gallery-viewer__close,
.jra-gallery-viewer__share,
.jra-gallery-viewer__nav {
	align-items: center;
	background: var(--forest-green-30);
	border: 1px solid var(--gold-70);
	box-shadow: 0 16px 38px var(--black-10);
	color: var(--color-gold);
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	opacity: 1;
	position: relative;
	transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease, opacity .18s ease, transform .24s ease;
}

.jra-gallery-viewer__close {
	background: var(--forest-green-05);
	border-radius: 999px;
	box-shadow: 0 10px 24px var(--black-10);
	height: 28px;
	width: 28px;
}

.jra-gallery-viewer__share {
	background: var(--forest-green-05);
	border-radius: 999px;
	font-size: 0;
	height: 28px;
	line-height: 1;
	overflow: hidden;
	width: 28px;
}

.jra-gallery-viewer__share::before {
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V3M12 3L7.5 7.5M12 3l4.5 4.5M5 11v8h14v-8'/%3E%3C/g%3E%3C/svg%3E");
	content: "";
	display: block;
	height: 16px;
	width: 16px;
}

.jra-gallery-viewer__close::before {
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l8 8M11 3l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	content: "";
	filter: drop-shadow(0 1px 2px var(--black-40));
	height: 14px;
	left: 50%;
	mix-blend-mode: difference;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
}

.jra-gallery-viewer__close:hover,
.jra-gallery-viewer__close:focus-visible,
.jra-gallery-viewer__share:hover,
.jra-gallery-viewer__share:focus-visible,
.jra-gallery-viewer__nav:hover,
.jra-gallery-viewer__nav:focus-visible {
	background: var(--forest-green-70);
	border-color: var(--gold-90);
	box-shadow: 0 18px 44px var(--black-20);
	color: var(--color-gold);
	outline: none;
}

.jra-gallery-viewer__share.is-confirmed {
	background: var(--gold-20);
	border-color: var(--gold-90);
}

.jra-gallery-viewer__close:hover,
.jra-gallery-viewer__close:focus-visible {
	background: var(--forest-green-10);
	box-shadow: 0 12px 28px var(--black-20);
}

.jra-gallery-viewer__image-frame {
	align-items: center;
	--jra-gallery-slide-distance: 100%;
	--jra-gallery-slide-top: 50%;
	--jra-gallery-slide-y: -50%;
	display: flex;
	justify-content: center;
	max-height: calc(100vh - 116px);
	max-width: 100%;
	overflow: hidden;
	position: relative;
	touch-action: pan-y;
	transition: height .5s cubic-bezier(.38, 0, .22, 1), width .5s cubic-bezier(.38, 0, .22, 1);
	will-change: height, width;
}

.jra-gallery-viewer.is-image-zoomed .jra-gallery-viewer__image-frame {
	touch-action: none;
}

.jra-gallery-viewer__image {
	cursor: var(--jra-cursor-zoom-in);
	display: block;
	max-height: calc(100vh - 116px);
	max-width: 100%;
	object-fit: contain;
	transform-origin: center;
	will-change: opacity, transform;
}

.jra-gallery-viewer.is-morph-opening .jra-gallery-viewer__image,
.jra-gallery-viewer.is-morph-closing .jra-gallery-viewer__image {
	opacity: 0;
}

.jra-gallery-viewer.is-image-zoomed .jra-gallery-viewer__image {
	cursor: grab;
	transition: transform .28s cubic-bezier(.22, .61, .36, 1);
	transform: translate3d(var(--jra-gallery-pan-x, 0), var(--jra-gallery-pan-y, 0), 0) scale(var(--jra-gallery-zoom-scale, 2));
}

.jra-gallery-viewer.is-image-unzooming .jra-gallery-viewer__image {
	transition: transform .28s cubic-bezier(.22, .61, .36, 1);
	transform: translate3d(0, 0, 0) scale(1);
}

.jra-gallery-viewer.is-image-zoomed.is-image-unzooming .jra-gallery-viewer__image {
	transform: translate3d(var(--jra-gallery-pan-x, 0), var(--jra-gallery-pan-y, 0), 0) scale(var(--jra-gallery-zoom-scale, 2));
}

.jra-gallery-viewer.is-image-panning .jra-gallery-viewer__image {
	cursor: grabbing;
	transition: none;
}

.jra-gallery-viewer__image-frame.has-outgoing-image .jra-gallery-viewer__image {
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: var(--jra-gallery-slide-top);
	transform: translate3d(-50%, var(--jra-gallery-slide-y), 0);
}

.jra-gallery-viewer__image--outgoing {
	pointer-events: none;
}

.jra-gallery-viewer__image--swipe-preview {
	left: 50%;
	max-height: none;
	max-width: 100%;
	object-fit: contain;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate3d(-50%, 0, 0);
	will-change: transform;
	z-index: 1;
}

.jra-gallery-viewer__image-frame.is-swipe-dragging > .jra-gallery-viewer__image:not(.jra-gallery-viewer__image--swipe-preview),
.jra-gallery-viewer__image-frame.is-swipe-settling > .jra-gallery-viewer__image:not(.jra-gallery-viewer__image--swipe-preview) {
	will-change: transform;
}

.jra-gallery-viewer__image-frame.is-swipe-settling {
	transition: height .24s cubic-bezier(.22, .61, .36, 1), width .5s cubic-bezier(.38, 0, .22, 1);
}

.jra-gallery-viewer.is-image-sizing .jra-gallery-viewer__image {
	height: 100%;
	max-height: none;
	max-width: none;
	width: 100%;
}

.jra-gallery-viewer__image.is-leaving-next {
	animation: jra-gallery-image-leave-next .5s cubic-bezier(.38, 0, .22, 1) both;
}

.jra-gallery-viewer__image.is-entering-next {
	animation: jra-gallery-image-enter-next .5s cubic-bezier(.38, 0, .22, 1) both;
}

.jra-gallery-viewer__image.is-leaving-previous {
	animation: jra-gallery-image-leave-previous .5s cubic-bezier(.38, 0, .22, 1) both;
}

.jra-gallery-viewer__image.is-entering-previous {
	animation: jra-gallery-image-enter-previous .5s cubic-bezier(.38, 0, .22, 1) both;
}

@keyframes jra-gallery-image-leave-next {
	to {
		opacity: 1;
		transform: translate3d(calc(-50% - var(--jra-gallery-slide-distance)), var(--jra-gallery-slide-y), 0);
	}
}

@keyframes jra-gallery-image-enter-next {
	from {
		opacity: 1;
		transform: translate3d(calc(-50% + var(--jra-gallery-slide-distance)), var(--jra-gallery-slide-y), 0);
	}
	to {
		opacity: 1;
		transform: translate3d(-50%, var(--jra-gallery-slide-y), 0);
	}
}

@keyframes jra-gallery-image-leave-previous {
	to {
		opacity: 1;
		transform: translate3d(calc(-50% + var(--jra-gallery-slide-distance)), var(--jra-gallery-slide-y), 0);
	}
}

@keyframes jra-gallery-image-enter-previous {
	from {
		opacity: 1;
		transform: translate3d(calc(-50% - var(--jra-gallery-slide-distance)), var(--jra-gallery-slide-y), 0);
	}
	to {
		opacity: 1;
		transform: translate3d(-50%, var(--jra-gallery-slide-y), 0);
	}
}

.jra-gallery-viewer__nav {
	box-sizing: border-box;
	background: var(--forest-green-80);
	border: 1px solid var(--gold-70);
	border-radius: 50%;
	box-shadow:
		0 12px 30px var(--black-20),
		inset 0 0 16px var(--black-20);
	height: clamp(38px, 4vw, 44px);
	position: absolute;
	top: 50%;
	transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease, opacity .18s ease, visibility .18s ease;
	transform: translateY(-50%);
	width: clamp(38px, 4vw, 44px);
	z-index: 2;
}

.jra-gallery-viewer__nav:hover,
.jra-gallery-viewer__nav:focus-visible {
	background: var(--color-forest);
	border-color: var(--gold-90);
	box-shadow:
		0 12px 30px var(--black-20),
		0 0 0 1px var(--gold-20),
		inset 0 0 16px var(--black-20);
	opacity: .96;
}

.jra-gallery-viewer__nav:disabled {
	cursor: default;
	opacity: .28;
}

.jra-gallery-viewer__nav.is-loading {
	cursor: wait;
	opacity: 1;
}

.jra-gallery-viewer.is-nav-hidden .jra-gallery-viewer__nav:not(:hover):not(:focus-visible) {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.jra-gallery-viewer__nav--previous {
	left: clamp(14px, 2vw, 24px);
	padding: 0;
}

.jra-gallery-viewer__nav--next {
	padding: 0;
	right: clamp(14px, 2vw, 24px);
}

.jra-gallery-viewer__nav::before {
	border-color: var(--color-white);
	border-style: solid;
	border-width: 0 2px 2px 0;
	content: "";
	filter: drop-shadow(0 1px 2px var(--black-40));
	height: 10px;
	position: relative;
	transition: border-color .24s ease, transform .24s ease;
	width: 10px;
}

.jra-gallery-viewer__nav:hover::before,
.jra-gallery-viewer__nav:focus-visible::before {
	border-color: var(--color-gold);
}

.jra-gallery-viewer__nav.is-loading::before {
	opacity: 0;
}

.jra-gallery-viewer__nav.is-loading::after {
	animation: jra-gallery-nav-loading .72s linear infinite;
	border: 2px solid var(--gold-20);
	border-radius: 50%;
	border-top-color: var(--color-gold);
	box-sizing: border-box;
	content: "";
	height: 16px;
	position: absolute;
	width: 16px;
}

.jra-gallery-viewer__nav--previous::before {
	left: 2px;
	transform: rotate(135deg);
}

.jra-gallery-viewer__nav--next::before {
	right: 2px;
	transform: rotate(-45deg);
}

@media (min-width: 981px) {
	.jra-gallery-viewer__nav {
		height: clamp(38px, 3vw, 42px);
		width: clamp(38px, 3vw, 42px);
	}

	.jra-gallery-viewer__nav--previous {
		left: clamp(18px, 1.8vw, 26px);
	}

	.jra-gallery-viewer__nav--next {
		right: clamp(18px, 1.8vw, 26px);
	}

	.jra-gallery-viewer__nav::before {
		height: 10px;
		width: 10px;
	}
}

@keyframes jra-gallery-nav-loading {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.jra-gallery-viewer__info-jump {
	align-items: center;
	background: var(--ink-40);
	border: 1px solid var(--gold-70);
	border-radius: 50%;
	bottom: 22px;
	box-shadow: 0 16px 38px var(--black-20);
	color: var(--color-gold);
	cursor: pointer;
	display: none;
	height: 46px;
	justify-content: center;
	left: 50%;
	padding: 0;
	position: absolute;
	transform: translateX(-50%);
	transition: background-color .2s ease, border-color .2s ease, opacity .2s ease;
	width: 46px;
	z-index: 3;
}

.jra-gallery-viewer__info-jump::before {
	border-bottom: 2px solid currentColor;
	border-right: 2px solid currentColor;
	content: "";
	height: 10px;
	transform: translateY(-2px) rotate(45deg);
	width: 10px;
}

.jra-gallery-viewer__info-jump.is-hidden {
	opacity: 0;
	pointer-events: none;
}

.jra-gallery-viewer__info-jump.is-swipe-hidden {
	transition: none;
}

.jra-gallery-viewer__info-jump:hover,
.jra-gallery-viewer__info-jump:focus-visible {
	background: var(--forest-green-60);
	border-color: var(--gold-95);
	color: var(--color-gold);
	outline: none;
}

.jra-gallery-viewer__sidebar {
	background: var(--color-ink);
	border-right: 3px solid var(--color-gold);
	box-shadow: 24px 0 60px var(--black-30);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 24px;
	grid-column: 1;
	grid-row: 1;
	max-height: 100vh;
	overflow-y: auto;
	padding: 30px 28px 34px;
	transform: translate3d(-16px, 0, 0);
	transition: transform .38s cubic-bezier(.16, 1, .3, 1);
	will-change: transform;
}

.jra-gallery-viewer.is-open .jra-gallery-viewer__sidebar {
	transform: translate3d(0, 0, 0);
}

.jra-gallery-viewer.is-info-leaving .jra-gallery-viewer__sidebar,
.jra-gallery-viewer.is-info-entering .jra-gallery-viewer__sidebar {
	overflow: hidden;
}

.jra-gallery-viewer__heading,
.jra-gallery-viewer__details,
.jra-gallery-viewer__labels {
	box-sizing: border-box;
	flex-shrink: 0;
	transition: height .34s cubic-bezier(.2, .74, .24, 1);
	will-change: height;
}

.jra-gallery-viewer.is-info-leaving .jra-gallery-viewer__heading,
.jra-gallery-viewer.is-info-leaving .jra-gallery-viewer__details,
.jra-gallery-viewer.is-info-leaving .jra-gallery-viewer__labels,
.jra-gallery-viewer.is-info-entering .jra-gallery-viewer__heading,
.jra-gallery-viewer.is-info-entering .jra-gallery-viewer__details,
.jra-gallery-viewer.is-info-entering .jra-gallery-viewer__labels {
	overflow: hidden;
}

.jra-gallery-viewer__heading > *,
.jra-gallery-viewer__details > *,
.jra-gallery-viewer__labels > * {
	transition: opacity .18s ease;
	will-change: opacity;
}

.jra-gallery-viewer.is-info-leaving .jra-gallery-viewer__heading > *,
.jra-gallery-viewer.is-info-leaving .jra-gallery-viewer__details > *,
.jra-gallery-viewer.is-info-leaving .jra-gallery-viewer__labels > * {
	opacity: 0;
}

.jra-gallery-viewer.is-info-entering .jra-gallery-viewer__heading > *,
.jra-gallery-viewer.is-info-entering .jra-gallery-viewer__details > *,
.jra-gallery-viewer.is-info-entering .jra-gallery-viewer__labels > * {
	animation: jra-gallery-info-enter .22s ease both;
}

@keyframes jra-gallery-info-enter {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.jra-gallery-viewer__heading {
	border-bottom: 1px solid var(--gold-20);
	padding-bottom: 20px;
}

.jra-gallery-viewer__heading h2 {
	color: var(--color-white);
	font-family: var(--font-heading);
	font-size: clamp(28px, 3.2vw, 46px);
	font-weight: 300;
	letter-spacing: .04em;
	line-height: .95;
	margin: 0;
	text-transform: none;
}

.jra-gallery-viewer__title-row {
	display: block;
}

.jra-gallery-viewer__title-row h2 {
	display: inline;
}

.jra-gallery-viewer__title-row .jra-gallery-viewer__share {
	height: 24px;
	margin-left: 8px;
	transform: translateY(-5px);
	vertical-align: middle;
	width: 24px;
}

.jra-gallery-viewer__title-row .jra-gallery-viewer__share::before {
	height: 13px;
	width: 13px;
}

.jra-gallery-viewer__location {
	color: var(--color-gold);
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .13em;
	line-height: 1.35;
	margin: 10px 0 0;
	text-transform: uppercase;
}

.jra-gallery-viewer__description {
	color: var(--white-70);
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.7;
	margin: 14px 0 0;
}

.jra-gallery-viewer__purchase {
	align-items: center;
	background: var(--color-gold);
	color: var(--color-ink);
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 700;
	justify-content: center;
	letter-spacing: .12em;
	min-height: 46px;
	padding: 0 18px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
	width: 100%;
}

.jra-gallery-viewer__purchase:hover,
.jra-gallery-viewer__purchase:focus-visible {
	background: var(--color-gold);
	color: var(--color-ink);
	outline: none;
	transform: translateY(-1px);
}

.jra-gallery-viewer__purchase.is-external::after {
	content: "↗";
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	font-size: .72em;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	margin-left: .28em;
	transform: translateY(-.28em);
}

.jra-gallery-viewer__details,
.jra-gallery-viewer__labels {
	border-top: 1px solid var(--gold-20);
	padding-top: 22px;
}

.jra-gallery-viewer__details h3,
.jra-gallery-viewer__labels h3 {
	color: var(--gold-90);
	font-family: var(--font-body);
	font-size: 12px;
	letter-spacing: .14em;
	line-height: 1.2;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.jra-gallery-viewer__exif-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	text-align: left;
}

.jra-gallery-viewer__exif-item {
	align-content: start;
	align-items: start;
	display: grid;
	gap: 0 9px;
	grid-template-columns: 28px minmax(0, 1fr);
	grid-template-rows: min-content min-content;
	min-width: 0;
}

.jra-gallery-viewer__exif-icon {
	align-items: center;
	color: var(--gold-90);
	display: inline-flex;
	grid-row: 1 / span 2;
	height: 28px;
	justify-content: center;
	line-height: 1;
	position: relative;
	width: 28px;
}

.jra-gallery-viewer__exif-icon::before,
.jra-gallery-viewer__exif-icon::after {
	box-sizing: border-box;
	content: "";
	display: block;
	position: absolute;
}

.jra-gallery-viewer__exif-icon::before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	inset: 2px;
}

.jra-gallery-viewer__exif-icon::after {
	content: none;
}

.jra-gallery-viewer__exif-icon--camera::before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 13a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.jra-gallery-viewer__exif-icon--iso::before {
	align-items: center;
	border: 1px solid currentColor;
	color: var(--gold-90);
	content: "ISO";
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 7px;
	font-weight: 700;
	height: 10px;
	inset: auto;
	justify-content: center;
	letter-spacing: .04em;
	line-height: 1;
	position: static;
	width: 20px;
}

.jra-gallery-viewer__exif-icon--shutter::before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 7v5l3 3' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.jra-gallery-viewer__exif-icon--aperture::before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.6 15h10.55' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.551 4.938l3.26 10.034' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.032 4.636l-8.535 6.201' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.559 14.51l-8.535 -6.201' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.257 20.916l3.261 -10.034' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.jra-gallery-viewer__exif-icon--focal::before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 19.875c0 .621 -.512 1.125 -1.143 1.125h-5.714a1.134 1.134 0 0 1 -1.143 -1.125v-15.875a1 1 0 0 1 1 -1h5.857c.631 0 1.143 .504 1.143 1.125l0 15.75' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 9h-2' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 6h-3' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12h-3' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18h-3' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15h-2' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3h-4' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 3v18' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21h-4' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.jra-gallery-viewer__exif-icon--lens::before {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 8v-2a2 2 0 0 1 2 -2h2' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 16v2a2 2 0 0 0 2 2h2' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v2' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20h2a2 2 0 0 0 2 -2v-2' stroke='%23c8b68c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.jra-gallery-viewer__exif-item dt {
	color: var(--white-50);
	font-family: var(--font-body);
	font-size: 10px;
	grid-column: 2;
	justify-self: start;
	letter-spacing: .08em;
	line-height: 1.1;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}

.jra-gallery-viewer__exif-item dd {
	color: var(--white-90);
	font-family: var(--font-body);
	font-size: 12px;
	grid-column: 2;
	justify-self: start;
	line-height: 1.25;
	margin: 3px 0 0;
	overflow-wrap: break-word;
	text-align: left;
	width: 100%;
}

.jra-gallery-viewer__empty {
	color: var(--white-60);
	font-family: var(--font-body);
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

.jra-gallery-viewer__tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.jra-gallery-viewer__tag-cloud a {
	background: var(--white-10);
	border: 1px solid var(--white-10);
	color: var(--white-80);
	font-family: var(--font-body);
	font-size: 12px;
	line-height: 1.2;
	padding: 8px 10px;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.jra-gallery-viewer__tag-cloud a:hover,
.jra-gallery-viewer__tag-cloud a:focus-visible {
	background: var(--gold-10);
	border-color: var(--gold-30);
	color: var(--color-white);
	outline: none;
}

@media (max-width: 980px) {
	.jra-gallery-viewer__shell {
		display: block;
		min-height: 100vh;
		width: 100vw;
	}

	.jra-gallery-viewer__stage {
		min-height: 0;
		padding: 0;
	}

	.jra-gallery-viewer.is-switching-next .jra-gallery-viewer__stage,
	.jra-gallery-viewer.is-switching-previous .jra-gallery-viewer__stage {
		align-items: flex-start;
	}

	.jra-gallery-viewer__toolbar {
		left: 18px;
		right: auto;
		top: 16px;
	}

	.jra-gallery-viewer__image-frame {
		--jra-gallery-slide-top: 0;
		--jra-gallery-slide-y: 0;
		align-items: flex-start;
		max-height: none;
		touch-action: none;
		width: 100%;
	}

	.jra-gallery-viewer__image {
		max-height: none;
		width: 100%;
	}

	.jra-gallery-viewer.is-portrait .jra-gallery-viewer__stage {
		align-items: flex-start;
		min-height: 0;
	}

	.jra-gallery-viewer.is-portrait .jra-gallery-viewer__image-frame {
		height: auto;
		max-height: none;
		width: 100%;
	}

	.jra-gallery-viewer.is-portrait .jra-gallery-viewer__image {
		height: auto;
		margin: 0 auto;
		max-height: none;
		max-width: 100vw;
		object-fit: contain;
		width: 100%;
	}

	.jra-gallery-viewer.is-portrait .jra-gallery-viewer__info-jump {
		display: inline-flex;
	}

	.jra-gallery-viewer.is-box .jra-gallery-viewer__image-frame {
		height: auto;
		max-height: none;
		width: 100%;
	}

	.jra-gallery-viewer.is-box .jra-gallery-viewer__image {
		height: auto;
		max-height: none;
		max-width: none;
		width: 100%;
	}

	.jra-gallery-viewer.is-image-sizing.is-portrait .jra-gallery-viewer__image {
		height: 100%;
		max-width: 100%;
		width: 100%;
	}

	.jra-gallery-viewer__sidebar {
		border-left: 0;
		border-right: 0;
		border-top: 3px solid var(--color-gold);
		box-shadow: 0 -20px 50px var(--black-30);
		display: grid;
		gap: 20px 28px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0;
		max-height: none;
		max-width: none;
		min-height: 0;
		padding: 28px clamp(22px, 5vw, 42px) 34px;
		position: relative;
		transform: translate3d(0, 18px, 0);
		width: 100%;
		z-index: 2;
	}

	.jra-gallery-viewer__heading {
		grid-column: 1 / -1;
	}

	.jra-gallery-viewer__purchase {
		grid-column: 1;
		grid-row: 2;
	}

	.jra-gallery-viewer__details {
		border-top: 0;
		border-left: 1px solid var(--gold-20);
		grid-column: 2;
		grid-row: 2 / span 2;
		padding-left: 28px;
		padding-top: 0;
	}

	.jra-gallery-viewer__labels {
		grid-column: 1;
		grid-row: auto;
	}

	.jra-gallery-viewer__purchase {
		align-self: start;
	}
}

@media (max-width: 640px) {
	.jra-gallery-viewer__stage {
		min-height: 0;
		padding: 0;
	}

	.jra-gallery-viewer__toolbar {
		left: 12px;
		right: auto;
		top: 12px;
	}

	.jra-gallery-viewer__image,
	.jra-gallery-viewer__image-frame {
		max-height: none;
	}

	.jra-gallery-viewer.is-portrait .jra-gallery-viewer__stage {
		min-height: 0;
	}

	.jra-gallery-viewer.is-portrait .jra-gallery-viewer__image-frame,
	.jra-gallery-viewer.is-portrait .jra-gallery-viewer__image {
		height: auto;
	}

	.jra-gallery-viewer__nav {
		height: 38px;
		width: 38px;
	}

	.jra-gallery-viewer__nav--previous {
		left: 12px;
		padding: 0;
	}

	.jra-gallery-viewer__nav--next {
		padding: 0;
		right: 12px;
	}

	.jra-gallery-viewer__nav::before {
		height: 9px;
		width: 9px;
	}

	.jra-gallery-viewer__info-jump {
		bottom: 16px;
		height: 42px;
		width: 42px;
	}

	.jra-gallery-viewer__sidebar {
		gap: 20px;
		grid-template-columns: 1fr;
		padding: 24px 18px 30px;
	}

	.jra-gallery-viewer__heading,
	.jra-gallery-viewer__purchase,
	.jra-gallery-viewer__details,
	.jra-gallery-viewer__labels {
		grid-column: 1;
		grid-row: auto;
	}

	.jra-gallery-viewer__details,
	.jra-gallery-viewer__labels {
		border-left: 0;
		border-top: 1px solid var(--gold-20);
		padding-left: 0;
		padding-top: 20px;
	}

}

@media (max-width: 340px) {
	.jra-gallery-viewer__exif-grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jra-gallery-viewer,
	.jra-gallery-viewer__shell,
	.jra-gallery-viewer__image-frame,
	.jra-gallery-viewer__sidebar {
		transition: none;
	}

	.jra-gallery-viewer__heading,
	.jra-gallery-viewer__purchase,
	.jra-gallery-viewer__details,
	.jra-gallery-viewer__labels {
		animation: none;
		transition: none;
	}

	.jra-gallery-viewer__image.is-leaving-next,
	.jra-gallery-viewer__image.is-entering-next,
	.jra-gallery-viewer__image.is-leaving-previous,
	.jra-gallery-viewer__image.is-entering-previous {
		animation: none;
	}
}

.jra-site-footer {
	align-items: center;
	background: var(--color-ink);
	color: var(--white-50);
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	min-height: 0;
	padding: calc(var(--header-height) + clamp(26px, 3.4vw, 42px)) 7vw 28px;
	position: relative;
	text-align: center;
}

.jra-site-footer::before {
	background: var(--color-forest);
	box-shadow: inset 0 8px 10px var(--black-30);
	content: "";
	height: var(--header-height);
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.jra-site-footer > * {
	position: relative;
	z-index: 1;
}

.jra-footer-signature {
	display: block;
	height: auto;
	max-width: min(285px, 54vw);
	opacity: .9;
	width: 100%;
}

.jra-footer-meta {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
	width: 100%;
}

.jra-site-footer p {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: .18em;
	line-height: 1.25;
	margin: 0;
	text-align: center;
}

.jra-footer-links {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	justify-content: center;
	line-height: 1.15;
	max-width: min(760px, 88vw);
	text-align: center;
}

.jra-footer-separator {
	align-items: center;
	color: var(--color-gold);
	display: inline-flex;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 11px;
	font-weight: 300;
	line-height: 1;
	transform: translateY(-.02em);
}

.jra-footer-links a {
	color: var(--white-50);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: .14em;
	line-height: 1.15;
}

@media (max-width: 820px) {
	.jra-site-footer {
		gap: 14px;
		padding: calc(var(--header-height) + 26px) 24px 24px;
	}

	.jra-footer-signature {
		max-width: min(245px, 68vw);
	}

	.jra-footer-meta {
		align-items: center;
		flex-direction: column;
		gap: 14px;
	}

	.jra-site-footer p,
	.jra-footer-links {
		text-align: center;
	}

	.jra-footer-links {
		justify-content: center;
		max-width: 420px;
	}
}

@keyframes jra-hero-ken-burns {
	0% {
		transform: scale(var(--jra-hero-scale-start)) translate3d(calc(var(--jra-hero-pan-x) * -1), calc(var(--jra-hero-pan-y) * -1), 0);
	}

	100% {
		transform: scale(var(--jra-hero-scale-end)) translate3d(var(--jra-hero-pan-x), var(--jra-hero-pan-y), 0);
	}
}

@keyframes jra-hero-ken-burns-alt {
	0% {
		transform: scale(var(--jra-hero-scale-start)) translate3d(var(--jra-hero-pan-x), var(--jra-hero-pan-y), 0);
	}

	100% {
		transform: scale(var(--jra-hero-scale-end)) translate3d(calc(var(--jra-hero-pan-x) * -1), calc(var(--jra-hero-pan-y) * -1), 0);
	}
}

@keyframes jra-hero-ken-burns-wide {
	0% {
		transform: scale(var(--jra-hero-scale-start)) translate3d(var(--jra-hero-pan-x), calc(var(--jra-hero-pan-y) * -1), 0);
	}

	100% {
		transform: scale(var(--jra-hero-scale-end)) translate3d(calc(var(--jra-hero-pan-x) * -1), var(--jra-hero-pan-y), 0);
	}
}

@keyframes jra-galleries-hero-drift {
	0% {
		transform: scale(1.06) translate3d(-.7%, -.35%, 0);
	}

	100% {
		transform: scale(1.11) translate3d(.7%, .35%, 0);
	}
}

@keyframes jra-hero-text-reveal {
	0% {
		filter: blur(10px);
		opacity: 0;
		transform: translate3d(0, 14px, 0);
	}

	100% {
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-hero-rule-reveal {
	0% {
		opacity: 0;
		width: 0;
	}

	100% {
		opacity: 1;
		width: clamp(76px, 18vw, 190px);
	}
}

@keyframes jra-journal-copy-drop {
	0% {
		filter: blur(8px);
		opacity: 0;
		transform: translate3d(0, -18px, 0);
	}

	100% {
		filter: blur(0);
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jra-journal-spinner {
	to {
		transform: rotate(360deg);
	}
}

body.jra-photo-journal-feed,
body.single-portfolio_page,
body.single-post {
	--jra-mobile-entry-gap: 22px;
}

body.jra-photo-journal-feed .jra-photo-journal-page {
	background: var(--color-white);
	min-height: 100vh;
}

body.jra-photo-journal-feed .jra-page {
	overflow: visible;
}

body.single-portfolio_page .jra-page,
body.single-post .jra-page {
	overflow: visible;
}

body.jra-photo-journal-feed .jra-photo-journal-feed-inner {
	background: var(--color-white);
	border-top: 3px solid var(--color-gold);
	padding-top: clamp(72px, 8vw, 118px);
	scroll-margin-top: 40px;
}

body.jra-photo-journal-feed .jra-photo-journal-intro {
	align-items: center;
	background: var(--color-ink);
	box-sizing: border-box;
	display: flex;
	isolation: isolate;
	justify-content: center;
	min-height: clamp(140px, 18vh, 190px);
	overflow: hidden;
	padding: clamp(74px, 8vw, 96px) 2em clamp(24px, 3vw, 34px);
	position: relative;
	text-align: left;
}

body.jra-photo-journal-feed .jra-photo-journal-intro::after {
	background:
		var(--gradient-ink-photo-overlay);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-bg {
	inset: 0;
	position: absolute;
	z-index: -2;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-bg img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: 82% center;
	width: 100%;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-bg img.jra-focus-left {
	object-position: left center;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-bg img.jra-focus-right {
	object-position: right center;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-inner {
	margin: 0 auto;
	max-width: 1480px;
	position: relative;
	width: 100%;
	will-change: transform, opacity;
}

body.jra-photo-journal-feed .jra-photo-journal-hero-icon {
	color: var(--color-gold);
	display: block;
	filter: drop-shadow(0 8px 18px var(--black-30));
	font-family: "Material Symbols Outlined";
	font-size: clamp(36px, 3.8vw, 52px);
	font-style: normal;
	font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
	font-weight: normal;
	height: 1em;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 auto 18px;
	text-transform: none;
	width: 1em;
}

body.jra-photo-journal-feed .jra-photo-journal-intro h1 {
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(38px, 5vw, 58px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.04;
	margin: 0;
	position: relative;
	text-transform: uppercase;
}

body.jra-photo-journal-feed .jra-photo-journal-intro h1::after {
	content: none;
}

body.jra-photo-journal-feed .jra-photo-journal-intro h1 s {
	text-decoration-color: var(--color-gold);
	text-decoration-skip-ink: none;
	text-decoration-thickness: .04em;
}

body.jra-photo-journal-feed .jra-photo-journal-title--correction .jra-journal-title-visual {
	align-items: baseline;
	display: inline-flex;
	flex-wrap: wrap;
	gap: .18em .32em;
	justify-content: center;
}

body.jra-photo-journal-feed .jra-journal-title-prefix,
body.jra-photo-journal-feed .jra-journal-typeword-base,
body.jra-photo-journal-feed .jra-journal-typeword-base span {
	display: inline-block;
}

body.jra-photo-journal-feed .jra-journal-typeword {
	display: inline-block;
	position: relative;
	text-align: left;
	white-space: nowrap;
	width: calc(var(--jra-type-base-width, 5ch) + var(--jra-type-right-width, 2ch));
}

body.jra-photo-journal-feed .jra-journal-typeword-base {
	vertical-align: top;
	white-space: nowrap;
}

body.jra-photo-journal-feed .jra-journal-typeword-base span {
	animation: jra-journal-type-letter .045s linear forwards;
	opacity: 0;
	transform: translateY(.04em);
}

body.jra-photo-journal-feed .jra-journal-typeword-base span:nth-child(1) {
	animation-delay: .46s;
}

body.jra-photo-journal-feed .jra-journal-typeword-base span:nth-child(2) {
	animation-delay: .53s;
}

body.jra-photo-journal-feed .jra-journal-typeword-base span:nth-child(3) {
	animation-delay: .6s;
}

body.jra-photo-journal-feed .jra-journal-typeword-base span:nth-child(4) {
	animation-delay: .67s;
}

body.jra-photo-journal-feed .jra-journal-typeword-base span:nth-child(5) {
	animation-delay: .74s;
}

body.jra-photo-journal-feed .jra-journal-typeword-slot {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 2ch;
}

body.jra-photo-journal-feed .jra-journal-typeword-wrong,
body.jra-photo-journal-feed .jra-journal-typeword-right {
	display: inline-block;
	left: 0;
	max-width: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	white-space: nowrap;
}

body.jra-photo-journal-feed .jra-journal-typeword-wrong {
	animation: jra-journal-type-wrong .58s steps(2, end) .8s forwards;
}

body.jra-photo-journal-feed .jra-journal-typeword-right {
	animation: jra-journal-type-right .2s linear 1.45s forwards;
	color: var(--color-gold);
}

body.jra-photo-journal-feed .jra-journal-typeword-caret {
	animation:
		jra-journal-caret-travel 1.2s linear .46s forwards,
		jra-journal-caret-blink .45s step-end 1.78s 2,
		jra-journal-caret-fade .24s ease 2.7s forwards;
	background: var(--color-gold);
	display: block;
	height: 1.08em;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-copy,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy p {
	color: var(--white-90);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(13px, 1vw, 15px);
	letter-spacing: .01em;
	line-height: 1.62;
	margin: 0;
	max-width: 560px;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-copy {
	margin-top: 12px;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-copy p + p {
	margin-top: 1em;
}

body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue,
.jra-about-page-hero .jra-photo-journal-cue {
	align-items: center;
	border: 1px solid var(--color-gold);
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	margin-top: 34px;
	text-decoration: none;
	transition: transform .28s cubic-bezier(.22, .61, .36, 1);
	width: 44px;
}

body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue span,
.jra-about-page-hero .jra-photo-journal-cue span {
	border-bottom: 2px solid var(--color-gold);
	border-right: 2px solid var(--color-gold);
	display: block;
	height: 11px;
	margin-top: -5px;
	transform: rotate(45deg);
	width: 11px;
}

body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue:hover,
body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue:focus-visible,
.jra-about-page-hero .jra-photo-journal-cue:hover,
.jra-about-page-hero .jra-photo-journal-cue:focus-visible {
	opacity: .78;
}

body.jra-photo-journal-feed .jra-photo-journal-hero-icon,
body.jra-photo-journal-feed .jra-photo-journal-intro h1,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy,
body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue,
.jra-about-page-hero .jra-photo-journal-cue {
	animation: jra-hero-text-reveal .68s cubic-bezier(.2, .7, .25, 1) forwards;
	filter: blur(10px);
	opacity: 0;
	transform: translate3d(0, 14px, 0);
}

body.jra-photo-journal-feed .jra-photo-journal-hero-icon {
	animation-delay: .16s;
}

body.jra-photo-journal-feed .jra-photo-journal-intro h1 {
	animation-delay: .24s;
}

body.jra-photo-journal-feed .jra-photo-journal-intro-copy {
	animation-delay: 0s;
	animation-duration: .62s;
	animation-name: jra-journal-copy-drop;
	transform: translate3d(0, -18px, 0);
}

body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue,
.jra-about-page-hero .jra-photo-journal-cue {
	filter: none;
	opacity: 1;
	transform: none;
}

@media (max-width: 1000px) {
	body.jra-photo-journal-feed .jra-photo-journal-intro {
		text-align: center;
	}

	body.jra-photo-journal-feed .jra-photo-journal-intro::after {
		background:
			linear-gradient(180deg, var(--ink-70) 0%, var(--ink-50) 46%, var(--ink-80) 100%),
			var(--ink-40);
	}

	body.jra-photo-journal-feed .jra-photo-journal-intro-bg img {
		object-position: center center;
	}

	body.jra-photo-journal-feed .jra-photo-journal-intro-copy,
	body.jra-photo-journal-feed .jra-photo-journal-intro-copy p {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1200px) {
	body.jra-photo-journal-feed .jra-photo-journal-feed-inner {
		padding-top: 25px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 760px) {
	body.jra-photo-journal-feed .jra-journal-copy h2.jra-white-section-title,
	body.single-post .jra-single-photo-copy h1.jra-white-section-title {
		font-size: clamp(30px, 5vw, 38px);
		line-height: 1.02;
	}
}

@media only screen and (min-width: 1201px) {
	body.jra-photo-journal-feed .jra-photo-journal-feed-inner {
		padding-top: min(117px, max(21px, calc(((100vw - 1240px) / 2) + 21px)));
	}
}

@media (max-width: 640px) {
	body.jra-photo-journal-feed .jra-photo-journal-intro {
		min-height: 140px;
		padding: 78px 22px 30px;
	}

	body.jra-photo-journal-feed .jra-photo-journal-intro h1 {
		font-size: clamp(36px, 12vw, 50px);
		letter-spacing: .055em;
	}
}

body.jra-photo-journal-feed .jra-photo-journal-entry-shell {
	background: var(--color-white);
	position: relative;
}

body.jra-photo-journal-feed .jra-photo-journal-entry-shell.has-divider {
	margin-top: clamp(58px, 8vw, 112px);
}

body.jra-photo-journal-feed .jra-photo-journal-arrival-bg {
	background: var(--color-white);
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition:
		background-color .92s cubic-bezier(.16, 1, .3, 1),
		opacity .92s cubic-bezier(.16, 1, .3, 1);
	z-index: 0;
}

body.jra-photo-journal-feed .jra-photo-journal-entry-shell-content {
	position: relative;
	z-index: 1;
}

body.jra-photo-journal-feed .jra-photo-journal-divider {
	background: var(--color-soft-gray);
	height: 1px;
	margin: 0 auto clamp(58px, 8vw, 112px);
	width: 100%;
}

@media only screen and (min-width: 601px) {
	body.jra-photo-journal-feed .jra-photo-journal-divider {
		margin-bottom: max(16px, calc(clamp(58px, 8vw, 112px) - var(--jra-journal-title-gap, 42px)));
	}
}

@media only screen and (max-width: 600px) {
	body.jra-photo-journal-feed .jra-photo-journal-divider {
		margin: 0 auto;
	}
}

body.jra-photo-journal-feed .jra-photo-journal-entry {
	box-sizing: border-box;
	margin-bottom: 0;
	padding-left: 24px;
	padding-right: 24px;
}

body.jra-photo-journal-feed .jra-journal-copy {
	position: relative;
	top: auto;
}

body.jra-photo-journal-feed .jra-photo-journal-entry.is-loaded-entry {
	border-top: 0;
	opacity: 1;
	padding-top: 0;
	transform: none;
	transition: none;
}

@media only screen and (min-width: 601px) {
	body.jra-photo-journal-feed .jra-photo-journal-page,
	body.single-portfolio_page .jra-single-photo,
	body.single-post .jra-single-photo {
		--jra-journal-title-gap: 42px;
		--jra-journal-sticky-gap: 28px;
	}

	body.single-post .jra-single-photo {
		padding-top: max(0px, calc(var(--header-height) + 24px - var(--jra-journal-title-gap)));
	}

	body.jra-photo-journal-feed .jra-photo-journal-entry,
	body.single-portfolio_page .jra-single-photo-inner,
	body.single-post .jra-single-photo-inner {
		gap: 0;
		grid-template-columns: minmax(0, 66.666%) minmax(0, 33.333%);
	}

	body.jra-photo-journal-feed .jra-journal-gallery,
	body.jra-photo-journal-feed .jra-journal-copy,
	body.single-portfolio_page .jra-single-photo-gallery,
	body.single-portfolio_page .jra-single-photo-copy,
	body.single-post .jra-single-photo-gallery,
	body.single-post .jra-single-photo-copy {
		height: auto;
		overflow: visible;
		position: relative;
		top: auto;
	}

	body.jra-photo-journal-feed .jra-journal-gallery,
	body.single-portfolio_page .jra-single-photo-gallery,
	body.single-post .jra-single-photo-gallery {
		padding-right: 14px;
		padding-top: var(--jra-journal-title-gap);
	}

	body.jra-photo-journal-feed .jra-journal-copy,
	body.single-portfolio_page .jra-single-photo-copy,
	body.single-post .jra-single-photo-copy {
		box-sizing: border-box;
		padding-bottom: 0;
		padding-left: 14px;
		padding-top: var(--jra-journal-title-gap);
	}

	body.jra-photo-journal-feed .jra-journal-copy > :last-child,
	body.jra-photo-journal-feed .jra-journal-content > :last-child,
	body.single-portfolio_page .jra-single-photo-copy > :last-child,
	body.single-portfolio_page .jra-entry-content > :last-child,
	body.single-post .jra-single-photo-copy > :last-child,
	body.single-post .jra-entry-content > :last-child {
		margin-bottom: 0;
	}

	body.jra-photo-journal-feed .jra-journal-image img,
	body.single-portfolio_page .jra-single-photo-image img,
	body.single-post .jra-single-photo-image img {
		max-height: min(72vh, 720px);
		object-fit: contain;
	}

	body.jra-photo-journal-feed .jra-photo-journal-entry.jra-sticky-image .jra-journal-gallery,
	body.jra-photo-journal-feed .jra-photo-journal-entry.jra-sticky-text .jra-journal-copy,
	body.single-portfolio_page.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-image .jra-single-photo-gallery,
	body.single-portfolio_page.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-text .jra-single-photo-copy,
	body.single-post.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-image .jra-single-photo-gallery,
	body.single-post.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-text .jra-single-photo-copy {
		position: sticky;
		top: calc(40px + var(--jra-journal-sticky-gap) - var(--jra-journal-title-gap));
	}

	body.admin-bar.jra-photo-journal-feed .jra-photo-journal-entry.jra-sticky-image .jra-journal-gallery,
	body.admin-bar.jra-photo-journal-feed .jra-photo-journal-entry.jra-sticky-text .jra-journal-copy,
	body.admin-bar.single-portfolio_page.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-image .jra-single-photo-gallery,
	body.admin-bar.single-portfolio_page.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-text .jra-single-photo-copy,
	body.admin-bar.single-post.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-image .jra-single-photo-gallery,
	body.admin-bar.single-post.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-text .jra-single-photo-copy {
		top: calc(72px + var(--jra-journal-sticky-gap) - var(--jra-journal-title-gap));
	}

	body.jra-photo-journal-feed .jra-photo-journal-entry.jra-sticky-image .jra-journal-copy,
	body.jra-photo-journal-feed .jra-photo-journal-entry.jra-sticky-text .jra-journal-gallery,
	body.single-portfolio_page.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-image .jra-single-photo-copy,
	body.single-portfolio_page.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-text .jra-single-photo-gallery,
	body.single-post.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-image .jra-single-photo-copy,
	body.single-post.jra-single-photo-sticky-ready .jra-single-photo-inner.jra-sticky-text .jra-single-photo-gallery {
		position: relative;
		top: auto;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1200px) {
	body.jra-photo-journal-feed .jra-photo-journal-page {
		--jra-journal-title-gap: 0px;
	}
}

@media only screen and (min-width: 1201px) {
	body.jra-photo-journal-feed .jra-photo-journal-page {
		--jra-journal-title-gap: 0px;
	}
}

body.jra-photo-journal-feed .jra-photo-journal-loader {
	align-items: center;
	background: var(--color-white);
	display: flex;
	justify-content: center;
	margin: 0;
	padding: clamp(42px, 6vw, 76px) 1em;
	transition: min-height .36s cubic-bezier(.22, .61, .36, 1), padding .36s cubic-bezier(.22, .61, .36, 1);
}

body.jra-photo-journal-feed .jra-photo-journal-loader.is-auto {
	min-height: 1px;
	padding: 0 1em;
}

body.jra-photo-journal-feed .jra-photo-journal-loader.is-auto.is-loading {
	min-height: clamp(96px, 12vw, 138px);
	padding: clamp(38px, 5vw, 62px) 1em;
}

body.jra-photo-journal-feed [data-jra-photo-journal-feed][data-jra-has-more="0"] .jra-photo-journal-feed-inner {
	padding-bottom: clamp(72px, 9vw, 132px);
}

body.jra-photo-journal-feed .jra-photo-journal-load-more {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 1px solid var(--color-gold);
	border-radius: 0;
	color: var(--color-forest);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 200;
	gap: 12px;
	justify-content: center;
	letter-spacing: .18em;
	line-height: 1;
	min-width: 174px;
	padding: 13px 20px 12px;
	text-transform: uppercase;
	transition: border-color .24s ease, color .24s ease, transform .24s cubic-bezier(.22, .61, .36, 1);
}

body.jra-photo-journal-feed .jra-photo-journal-load-more:hover,
body.jra-photo-journal-feed .jra-photo-journal-load-more:focus-visible {
	color: var(--color-black);
	transform: translateY(-1px);
}

body.jra-photo-journal-feed .jra-photo-journal-load-more:disabled {
	cursor: default;
	opacity: .58;
	transform: none;
}

body.jra-photo-journal-feed .jra-photo-journal-loading-label,
body.jra-photo-journal-feed .jra-photo-journal-loader.is-loading .jra-photo-journal-load-more-label {
	display: none;
}

body.jra-photo-journal-feed .jra-photo-journal-loader.is-loading .jra-photo-journal-loading-label {
	align-items: center;
	display: inline-flex;
	gap: 12px;
}

body.jra-photo-journal-feed .jra-photo-journal-loader.is-loading .jra-photo-journal-load-more {
	border-color: transparent;
	color: var(--color-muted);
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	padding-inline: 0;
	text-transform: uppercase;
}

body.jra-photo-journal-feed .jra-photo-journal-auto-status {
	align-items: center;
	color: var(--color-muted);
	display: none;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 700;
	gap: 12px;
	letter-spacing: .08em;
	line-height: 1.4;
	text-transform: uppercase;
}

body.jra-photo-journal-feed .jra-photo-journal-loader.is-auto .jra-photo-journal-load-more {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	min-width: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

body.jra-photo-journal-feed .jra-photo-journal-loader.is-auto.is-loading .jra-photo-journal-auto-status {
	display: inline-flex;
}

body.jra-photo-journal-feed .jra-photo-journal-loading-label::before,
body.jra-photo-journal-feed .jra-photo-journal-auto-status::before {
	animation: jra-journal-spinner .72s linear infinite;
	border: 1px solid var(--gold-30);
	border-radius: 50%;
	border-top-color: var(--color-gold);
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 15px;
	width: 15px;
}

body.jra-photo-journal-feed .jra-photo-journal-entry-shell.jra-journal-entry-arriving .jra-photo-journal-arrival-bg {
	background-color: var(--color-soft-gray);
	opacity: 1;
}

body.jra-photo-journal-feed .jra-photo-journal-entry-shell.jra-journal-entry-arriving.is-visible .jra-photo-journal-arrival-bg {
	background-color: var(--color-white);
	opacity: 1;
}

body.jra-photo-journal-feed .jra-photo-journal-entry-shell.jra-journal-entry-arriving {
	opacity: 0;
	transform: translateY(min(24vh, 180px));
	transition:
		background-color .92s cubic-bezier(.16, 1, .3, 1),
		opacity .78s cubic-bezier(.16, 1, .3, 1),
		transform .92s cubic-bezier(.16, 1, .3, 1);
	will-change: background-color, opacity, transform;
}

body.jra-photo-journal-feed .jra-photo-journal-entry-shell.jra-journal-entry-arriving.is-sliding,
body.jra-photo-journal-feed .jra-photo-journal-entry-shell.jra-journal-entry-arriving.is-visible {
	opacity: 1;
	transform: translateY(0);
	will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
	body.jra-photo-journal-feed .jra-photo-journal-entry-shell.jra-journal-entry-arriving {
		transition: none;
		transform: none;
	}
}

body.jra-photo-journal-feed .jra-photo-journal-loader.is-done {
	display: none;
}

body.jra-photo-journal-feed .jra-photo-journal-empty {
	box-sizing: border-box;
	min-height: calc(100vh - 40px);
	padding: clamp(90px, 16vw, 150px) 2em;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	body.jra-photo-journal-feed .jra-photo-journal-feed-inner {
		padding-top: 0;
	}

	body.jra-photo-journal-feed .jra-photo-journal-entry-shell.has-divider {
		margin-top: 0;
	}

	body.jra-photo-journal-feed .jra-photo-journal-entry-shell.is-first .jra-photo-journal-entry {
		padding-top: var(--jra-mobile-entry-gap);
	}

	body.jra-photo-journal-feed .jra-photo-journal-entry {
		gap: 0;
		padding-left: 22px;
		padding-right: 22px;
	}

	body.jra-photo-journal-feed .jra-journal-copy {
		padding-bottom: var(--jra-mobile-entry-gap);
	}

	body.jra-photo-journal-feed .jra-journal-gallery + .jra-journal-copy {
		margin-top: 2.25em;
	}

	body.jra-photo-journal-feed .jra-journal-copy h2:not(.jra-white-section-title) {
		font-size: clamp(25px, 7.2vw, 30px);
		letter-spacing: .065em;
		line-height: 1.12;
		margin-bottom: 16px;
	}

	body.jra-photo-journal-feed .jra-journal-date {
		margin-bottom: 16px;
	}

	body.jra-photo-journal-feed .jra-journal-content p {
		font-size: clamp(16px, 1.15vw, 18px);
		line-height: 1.86;
		margin-bottom: 1.1em;
	}

	body.jra-photo-journal-feed .jra-journal-content p:last-child {
		margin-bottom: 0;
	}

	body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue {
		height: 42px;
		margin-top: 28px;
		width: 42px;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed {
		background: var(--color-forest);
		position: relative;
		z-index: 0;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed::before {
		background: var(--color-soft-gray);
		bottom: 0;
		content: "";
		left: 50%;
		pointer-events: none;
		position: absolute;
		top: calc(-1 * var(--jra-mobile-entry-gap));
		transform: translateX(-50%);
		width: 100vw;
		z-index: 0;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed .jra-journal-image:first-of-type {
		align-items: center;
		height: 66svh;
		margin-bottom: 0;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed.jra-mobile-lead-landscape {
		background: transparent;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed.jra-mobile-lead-landscape .jra-journal-image:first-of-type {
		background: transparent;
		height: auto;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed .jra-journal-image:first-of-type img {
		filter: brightness(.58);
		height: 100%;
		max-height: none;
		max-width: 100%;
		object-fit: contain;
		width: auto;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed.jra-mobile-lead-landscape .jra-journal-image:first-of-type img {
		height: auto;
		width: 100%;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed .jra-journal-image:nth-of-type(n+2) {
		display: none;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-open .jra-journal-image:nth-of-type(n+2) {
		display: flex;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-open .jra-journal-image {
		background: transparent;
		margin-bottom: var(--jra-mobile-entry-gap);
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-open .jra-journal-image:first-of-type {
		height: auto;
		margin-bottom: var(--jra-mobile-entry-gap);
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-open .jra-journal-image:last-of-type {
		margin-bottom: 0;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-open .jra-journal-image:first-of-type img {
		height: auto;
		width: 100%;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-collapsed .jra-mobile-gallery-count {
		align-items: center;
		background: transparent;
		color: var(--color-white);
		display: flex;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		font-size: 28px;
		font-weight: 600;
		inset: 0;
		justify-content: center;
		letter-spacing: 0;
		opacity: 1;
		pointer-events: none;
		position: absolute;
		transition: opacity .34s cubic-bezier(.22, .61, .36, 1);
		z-index: 3;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-revealing .jra-mobile-gallery-count,
	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-open .jra-mobile-gallery-count {
		opacity: 0;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-mobile-gallery-toggle {
		align-items: center;
		appearance: none;
		background:
			linear-gradient(180deg, rgba(31, 35, 32, 0) 0%, var(--forest-green-20) 28%, var(--forest-green-80) 62%, var(--color-forest) 100%);
		border: 0;
		border-bottom: 1px solid var(--color-forest);
		bottom: 0;
		box-sizing: border-box;
		cursor: pointer;
		display: flex;
		height: 76px;
		justify-content: center;
		left: 50%;
		margin: 0;
		padding: 0;
		position: absolute;
		transform: translateX(-50%);
		transition: opacity .34s cubic-bezier(.22, .61, .36, 1);
		width: 100vw;
		z-index: 4;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-mobile-gallery-toggle span {
		align-items: center;
		background: var(--color-forest);
		border: 1px solid var(--color-gold);
		border-radius: 50%;
		box-sizing: border-box;
		display: flex;
		height: 42px;
		justify-content: center;
		position: relative;
		top: 38px;
		width: 42px;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-mobile-gallery-toggle span::before {
		border-bottom: 2px solid var(--color-gold);
		border-right: 2px solid var(--color-gold);
		content: "";
		height: 10px;
		margin-top: -4px;
		transform: rotate(45deg);
		width: 10px;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-mobile-gallery-toggle:hover span,
	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-mobile-gallery-toggle:focus-visible span {
		transform: scale(1.06);
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-open .jra-mobile-gallery-toggle {
		display: none;
	}

	:is(body.jra-photo-journal-feed, body.single-portfolio_page, body.single-post) .jra-journal-gallery.jra-mobile-gallery-revealing .jra-mobile-gallery-toggle {
		opacity: 0;
		pointer-events: none;
	}

	body.jra-photo-journal-feed .jra-photo-journal-divider {
		margin-bottom: var(--jra-mobile-entry-gap);
	}
}

@keyframes jra-journal-type-letter {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes jra-journal-type-wrong {
	0% {
		max-width: 0;
		opacity: 1;
	}

	34%,
	68% {
		max-width: var(--jra-type-wrong-width, 2ch);
		opacity: 1;
	}

	100% {
		max-width: 0;
		opacity: 0;
	}
}

@keyframes jra-journal-type-right {
	0%,
	49% {
		max-width: 0;
	}

	50%,
	99% {
		max-width: calc(var(--jra-type-right-width, 2ch) / 2);
	}

	100% {
		max-width: var(--jra-type-right-width, 2ch);
	}
}

@keyframes jra-journal-caret-travel {
	0% {
		left: 0;
		opacity: 1;
	}

	24%,
	27% {
		left: var(--jra-type-base-width, 5ch);
	}

	43%,
	68% {
		left: calc(var(--jra-type-base-width, 5ch) + var(--jra-type-wrong-width, 2ch));
	}

	84%,
	86% {
		left: var(--jra-type-base-width, 5ch);
	}

	100% {
		left: calc(var(--jra-type-base-width, 5ch) + var(--jra-type-right-width, 2ch));
		opacity: 1;
	}
}

@keyframes jra-journal-caret-blink {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

@keyframes jra-journal-caret-fade {
	to {
		opacity: 0;
	}
}

@media (max-width: 1000px) {
	.home .jra-hero {
		padding-left: 28px;
		padding-right: 28px;
	}

	.jra-about-story {
		max-width: 780px;
	}

	.jra-about-story__section,
	.jra-about-story__section--lens {
		gap: clamp(38px, 7vw, 60px);
		grid-template-columns: 1fr;
	}

	.jra-about-story__section--lens {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		padding-bottom: clamp(118px, 14vw, 156px);
		padding-left: max(28px, calc((100vw - 780px) / 2 + 28px));
		padding-right: max(28px, calc((100vw - 780px) / 2 + 28px));
		width: 100vw;
	}

	.jra-about-story__copy,
	.jra-about-story__copy--intro {
		justify-self: auto;
		max-width: none;
	}

	.jra-about-story__section--opening .jra-about-story__copy--intro {
		display: contents;
	}

	.jra-about-story__section--opening .jra-about-story__headline {
		justify-self: center;
		max-width: min(100%, 760px);
		order: 1;
		text-align: center;
		width: 100%;
	}

	.jra-about-story__headline h2 {
		white-space: nowrap;
	}

	.jra-about-story__section--opening .jra-about-story__photo--dad {
		order: 2;
	}

	.jra-about-story__section--opening .jra-about-story__copy-body {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--about-measure);
		order: 3;
		width: 100%;
	}

	.jra-about-story__headline {
		transform: translate3d(0, 32px, 0);
	}

	.jra-about-story__section--opening.is-opening-ready .jra-about-story__headline {
		animation: none;
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	.jra-about-story__headline .jra-about-story__eyebrow,
	.jra-about-story__headline h2 {
		text-align: center;
	}

	.jra-about-story__photo--dad,
	.jra-about-story__photo--gopro {
		margin-left: auto;
		margin-right: auto;
		max-width: 520px;
		width: 100%;
	}

	.jra-about-story__photo--dad {
		transform: translate3d(18vw, 0, 0) rotate(1.4deg);
	}

	.jra-about-story__dad-callout--camera {
		left: 5%;
		top: 14%;
	}

	.jra-about-story__dad-callout--camera::after {
		width: clamp(42px, 8vw, 58px);
	}

	.jra-about-story__dad-callout--child {
		right: 5%;
		top: 25%;
	}

	.jra-about-story__dad-callout--child::after {
		width: clamp(40px, 7vw, 54px);
	}

	.jra-about-story__copy--lens {
		--jra-about-lens-kicker-gap: clamp(28px, 5vw, 42px);
		border-left: 0;
		padding: var(--jra-about-lens-kicker-gap) 0 0;
	}

	.jra-about-story__closing {
		max-width: none;
		min-height: 0;
		padding: clamp(178px, 22vw, 220px) clamp(18px, 4vw, 36px) clamp(218px, 28vw, 250px);
	}

	.jra-about-story__closing::after {
		background: linear-gradient(180deg, rgba(31, 35, 32, 0) 0%, var(--forest-green-20) 42%, var(--forest-green-70) 78%, var(--color-forest) 100%);
		bottom: 0;
		content: "";
		height: clamp(170px, 24vw, 240px);
		left: calc(50% - 50vw);
		pointer-events: none;
		position: absolute;
		right: calc(50% - 50vw);
		z-index: 0;
	}

	.jra-about-story__closing-copy {
		max-width: min(100%, 660px);
	}

	.jra-about-story__print-rail {
		height: clamp(210px, 27vw, 286px);
		inset-block: auto;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		width: calc(100vw - 18px);
	}

	.jra-about-story__print-rail--left {
		top: clamp(-72px, -7vw, -46px);
	}

	.jra-about-story__print-rail--right {
		bottom: clamp(-32px, -3vw, -18px);
	}

	.jra-about-story__print-rail .jra-about-story__print {
		--print-width: clamp(166px, 24vw, 244px);
	}

	.jra-about-story__print-rail--left .jra-about-story__print--1 {
		left: 0;
		top: clamp(26px, 4vw, 42px);
	}

	.jra-about-story__print-rail--left .jra-about-story__print--2 {
		left: 19%;
		top: 0;
	}

	.jra-about-story__print-rail--left .jra-about-story__print--3 {
		left: 38%;
		right: auto;
		top: clamp(42px, 5vw, 58px);
	}

	.jra-about-story__print-rail--left .jra-about-story__print--4 {
		left: 57%;
		top: 8px;
	}

	.jra-about-story__print-rail--left .jra-about-story__print--5 {
		left: auto;
		right: 0;
		top: clamp(34px, 5vw, 54px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--1 {
		left: 0;
		right: auto;
		top: clamp(38px, 5vw, 58px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--2 {
		left: 19%;
		right: auto;
		top: 8px;
	}

	.jra-about-story__print-rail--right .jra-about-story__print--3 {
		left: 38%;
		right: auto;
		top: clamp(42px, 5vw, 58px);
	}

	.jra-about-story__print-rail--right .jra-about-story__print--4 {
		left: 57%;
		right: auto;
		top: 4px;
	}

	.jra-about-story__print-rail--right .jra-about-story__print--5 {
		left: auto;
		right: 0;
		top: clamp(36px, 5vw, 56px);
	}

	.home .jra-hero-brand {
		bottom: var(--jra-hero-control-bottom);
		left: auto;
		margin: 0;
		right: var(--jra-hero-control-x);
	}

	.home .jra-hero-title {
		width: min(86vw, 760px);
	}

	.jra-spec-grid {
		grid-template-columns: 1fr;
	}

	.home .jra-about {
		--jra-about-bleed: clamp(42px, 7vw, 64px);
		--jra-about-portrait-size: clamp(176px, 30vw, 230px);
		margin-top: calc(var(--jra-about-bleed) * -1);
		padding-bottom: clamp(42px, 6vw, 58px);
		padding-top: 0;
	}

	.home .jra-about::before {
		inset: var(--jra-about-bleed) 0 0;
	}

	.home .jra-about-panel {
		display: block;
		padding-left: 28px;
		padding-right: 28px;
		text-align: center;
	}

	.home .jra-about-portrait-wrap {
		margin: 0 auto clamp(22px, 3.5vw, 30px);
		width: fit-content;
	}

	.home .jra-about-statement {
		padding-block: clamp(8px, 2vw, 16px);
		width: 100%;
	}

	.home .jra-about-kicker {
		bottom: auto;
		font-size: clamp(12px, 1.7vw, 14px);
		margin: 0 0 .5rem;
		position: static;
		text-align: center;
	}

	.home .jra-about h2 {
		font-size: clamp(27px, 6.6vw, 48px);
		margin-left: auto;
		margin-right: auto;
		white-space: nowrap;
	}

}

@media (max-width: 640px) {
	.home .jra-hero {
		height: calc(100svh + var(--jra-hero-overhang));
		min-height: max(620px, calc(100svh + var(--jra-hero-overhang)));
		padding-top: 104px;
	}

	.home .jra-hero-title h1 {
		font-size: 14px;
		line-height: 1.35;
	}

	.home .jra-hero-brand {
		width: clamp(104px, 32vw, 164px);
	}

	.home .jra-hero.has-hero-video .jra-hero-brand {
		left: auto;
		margin: 0;
		right: var(--jra-hero-control-x);
		width: clamp(86px, 24vw, 118px);
	}

	.jra-store-hero,
	.jra-journal-hero {
		min-height: clamp(520px, 82vh, 700px);
		padding: 104px 22px 74px;
	}

	.jra-contact-main {
		display: block;
		min-height: 0;
		padding: 110px 22px 72px;
	}

	.jra-contact-orbit {
		border-width: clamp(30px, 11vw, 48px);
		left: max(-245px, -62vw);
		top: 86px;
		width: min(104vw, 430px);
	}

	.jra-contact-collage {
		height: clamp(410px, 105vw, 560px);
		right: -54px;
		top: calc(var(--header-height) - 36px);
		width: clamp(188px, 48vw, 246px);
	}

	.jra-contact-intro h1 {
		font-size: clamp(48px, 17vw, 72px);
	}

	.jra-contact-socials {
		gap: 14px;
	}

	.jra-contact-form {
		margin-top: 58px;
	}

	.jra-galleries-work {
		padding: 30px 12px 54px;
	}

	.jra-galleries-sticky-filter__actions {
		justify-content: stretch;
	}

	.jra-galleries-sticky-filter__apply {
		width: 100%;
	}

	.jra-galleries-sticky-filter {
		padding-left: 12px;
		padding-right: 12px;
	}

	.jra-galleries-filter {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jra-galleries-filter a {
		align-items: center;
		display: flex;
		min-height: 42px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.jra-about-story {
		--about-section-space: 54px;
		--about-pull-space: 26px;
		padding: 50px 22px 0;
	}

	.jra-about-story__section--lens {
		padding: 56px 22px clamp(102px, 26vw, 136px);
	}

	.jra-about-story__section,
	.jra-about-story__section--lens {
		gap: 32px;
	}

	.jra-about-story p {
		font-size: clamp(16px, 1.15vw, 18px);
		line-height: 1.86;
	}

	.jra-about-story p + p {
		margin-top: 18px;
	}

	.jra-white-section-title {
		font-size: clamp(34px, 11vw, 58px);
	}

	.jra-about-story__headline h2 {
		white-space: normal;
	}

	.jra-about-story__beat,
	.jra-about-story p.jra-about-story__beat {
		font-size: clamp(30px, 9vw, 46px);
	}

	.jra-about-story__photo figcaption {
		bottom: 12px;
		font-size: 10px;
		left: 12px;
		right: 12px;
		text-align: center;
	}

	.jra-about-story__photo--gopro figcaption {
		bottom: -.55em;
		left: calc(-50vw - 1em);
		right: 18%;
		justify-content: flex-end;
		text-align: right;
	}

	.jra-about-story__photo--gopro figcaption span {
		max-width: min(25em, 64vw);
	}

	.jra-about-story__gopro-frame--mini {
		bottom: -3%;
		right: -4%;
		width: 27%;
	}

	.jra-about-story__section--opening.is-opening-ready .jra-about-story__headline {
		animation: none;
	}

	.jra-about-story__photo--dad {
		transform: translate3d(0, 32px, 0);
	}

	.jra-about-story__section--opening.is-opening-ready .jra-about-story__photo--dad {
		animation: none;
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	.jra-about-story__photo .jra-about-story__dad-callouts {
		bottom: auto;
		display: flex;
		font-size: clamp(12px, 3.1vw, 13px);
		gap: 8px;
		inset: 0;
		justify-content: flex-start;
		left: 0;
		right: auto;
		top: 0;
	}

	.jra-about-story__dad-callout {
		letter-spacing: 0;
		padding: 8px 10px 9px;
		position: absolute;
		white-space: nowrap;
	}

	.jra-about-story__dad-callout--camera {
		left: 8%;
		right: auto;
		top: 12%;
	}

	.jra-about-story__dad-callout--child {
		left: auto;
		right: 8%;
		top: 30%;
	}

	.jra-about-story__photo .jra-about-story__dad-caption {
		font-size: clamp(12px, 3.25vw, 14px);
		left: 8%;
		right: calc(-50vw - 1em);
		padding: 12px 14px 13px;
	}

	.jra-about-story__photo .jra-about-story__dad-caption span {
		max-width: min(30em, 70vw);
	}

	.jra-about-story__copy-body {
		margin-top: 26px;
	}

	.jra-about-story__photo--gopro {
		max-width: min(72vw, 330px);
	}

	.jra-about-story__closing {
		min-height: 0;
		padding: clamp(150px, 39vw, 188px) 22px clamp(174px, 45vw, 212px);
	}

	.jra-about-story__closing::after {
		bottom: 0;
		height: clamp(142px, 40vw, 176px);
	}

	.jra-about-story__closing-copy {
		max-width: 100%;
	}

	.jra-about-story__print-rail {
		height: clamp(166px, 43vw, 206px);
		inset-block: auto;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		width: min(98vw, 500px);
	}

	.jra-about-story__print-rail--left {
		top: clamp(-62px, -15vw, -42px);
	}

	.jra-about-story__print-rail--right {
		bottom: clamp(-34px, -8vw, -20px);
	}

	.jra-about-story__print-rail .jra-about-story__print {
		--print-width: clamp(118px, 38vw, 172px);
		padding: 6px;
	}

	.jra-about-story__print-rail .jra-about-story__print--4,
	.jra-about-story__print-rail .jra-about-story__print--5 {
		display: none;
	}

	.jra-about-story__print-rail--left .jra-about-story__print--1 {
		left: 0;
		top: 26px;
	}

	.jra-about-story__print-rail--left .jra-about-story__print--2 {
		left: 31%;
		top: 0;
	}

	.jra-about-story__print-rail--left .jra-about-story__print--3 {
		left: auto;
		right: 0;
		top: 34px;
	}

	.jra-about-story__print-rail--right .jra-about-story__print--1 {
		left: 0;
		right: auto;
		top: 34px;
	}

	.jra-about-story__print-rail--right .jra-about-story__print--2 {
		left: 31%;
		right: auto;
		top: 10px;
	}

	.jra-about-story__print-rail--right .jra-about-story__print--3 {
		left: auto;
		right: 0;
		top: 38px;
	}

	.home .jra-about {
		--jra-about-bleed: clamp(56px, 15vw, 84px);
		--jra-about-portrait-size: clamp(176px, 44vw, 260px);
		padding-bottom: clamp(74px, 13vw, 98px);
		padding-top: 0;
	}

	.home .jra-about-panel {
		display: block;
		padding-left: 28px;
		padding-right: 28px;
		text-align: center;
	}

	.home .jra-about-portrait-wrap {
		margin: 0 auto 38px;
		width: fit-content;
	}

	.home .jra-about h2 {
		font-size: clamp(27px, 7.8vw, 54px);
		margin-left: auto;
		margin-right: auto;
		white-space: nowrap;
	}

	.home .jra-about-statement {
		padding-block: clamp(10px, 3.5vw, 18px);
	}

	.home .jra-about-kicker {
		font-size: clamp(12px, 3.2vw, 14px);
	}

	.home .jra-purchase-callout {
		min-height: clamp(260px, 36vh, 380px);
		padding-bottom: 0;
		padding-top: 0;
	}

	.home .jra-purchase-callout h2 {
		font-size: clamp(32px, 6.4vw, 50px);
		line-height: 1.04;
		white-space: normal;
	}

	.home .jra-purchase-callout .jra-contact-cta {
		display: inline;
		gap: 0;
		white-space: normal;
	}

	.home .jra-purchase-callout .jra-contact-cta span[aria-hidden="true"] {
		font-size: .72em;
		margin-left: .12em;
		transform: translateY(-.04em);
	}

	.home .jra-purchase-callout .jra-contact-cta:hover span[aria-hidden="true"],
	.home .jra-purchase-callout .jra-contact-cta:focus-visible span[aria-hidden="true"] {
		transform: translate(.16em, -.04em);
	}
}

@media (max-width: 1000px) {
	.home .jra-about {
		scroll-margin-top: clamp(96px, 15vw, 124px);
	}

	.jra-home-purchase-collage {
		overflow: hidden;
		padding: 0;
	}

	.jra-home-purchase-collage .jra-home-gallery-band {
		min-height: 0;
		position: relative;
		transform: translate3d(0, var(--jra-purchase-bg-y), 0);
		will-change: transform;
	}

	.jra-home-purchase-collage .jra-purchase-callout {
		left: 0;
		min-height: 0;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 12;
	}

	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="3"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="4"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="5"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="6"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="7"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="8"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="9"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="10"],
	.jra-home-gallery-grid .jra-gallery-card[data-jra-gallery-row="11"] {
		display: block;
	}
}

@media (max-width: 640px) {
	.home .jra-about {
		scroll-margin-top: clamp(104px, 24vw, 136px);
	}

	.jra-home-purchase-collage {
		padding: 0;
	}

	.home .jra-purchase-callout {
		padding-bottom: clamp(30px, 8vw, 38px);
		padding-top: clamp(30px, 8vw, 38px);
	}

	.home .jra-purchase-callout h2 {
		font-size: clamp(30px, 9.8vw, 42px);
		line-height: 1.05;
	}

}

.jra-galleries-hero,
.jra-store-hero,
body.jra-photo-journal-feed .jra-photo-journal-intro {
	min-height: clamp(560px, 74vh, 780px);
	padding: clamp(112px, 13vw, 176px) 2em clamp(76px, 9vw, 122px);
	text-align: center;
}

.jra-galleries-hero::after,
.jra-store-hero::after,
body.jra-photo-journal-feed .jra-photo-journal-intro::after {
	background:
		linear-gradient(180deg, var(--black-60) 0%, var(--black-30) 40%, var(--black-80) 100%),
		var(--black-40);
}

.jra-galleries-hero-bg,
body.jra-photo-journal-feed .jra-photo-journal-intro-bg {
	inset: -10% 0;
	overflow: hidden;
}

.jra-galleries-hero-bg img,
.jra-store-hero > img,
body.jra-photo-journal-feed .jra-photo-journal-intro-bg img {
	height: 120%;
	object-position: center center;
	transform: translate3d(0, 0, 0) scale(1.05);
}

.jra-galleries-hero-inner,
.jra-store-hero-copy,
body.jra-photo-journal-feed .jra-photo-journal-intro-inner {
	margin: 0 auto;
	max-width: 760px;
	width: 100%;
	will-change: transform, opacity;
}

.jra-galleries-intro-copy,
.jra-galleries-intro-copy p,
.jra-store-hero-copy .jra-store-hero-intro,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy p {
	margin-left: auto;
	margin-right: auto;
}

.jra-store-hero-actions {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.jra-galleries-kicker,
.jra-galleries-hero-icon,
.jra-store-hero-copy > p:first-child,
body.jra-photo-journal-feed .jra-photo-journal-hero-icon,
.jra-galleries-hero h1,
.jra-store-hero-icon,
.jra-store-hero h1,
body.jra-photo-journal-feed .jra-photo-journal-intro h1,
.jra-galleries-intro-copy,
.jra-store-hero-copy .jra-store-hero-intro,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy {
	animation: jra-hero-text-reveal .68s cubic-bezier(.2, .7, .25, 1) forwards;
	filter: blur(10px);
	opacity: 0;
	transform: translate3d(0, 14px, 0);
}

.jra-galleries-kicker,
.jra-galleries-hero-icon,
.jra-store-hero-copy > p:first-child,
body.jra-photo-journal-feed .jra-photo-journal-hero-icon {
	animation-delay: .16s;
}

.jra-store-hero-icon {
	animation-delay: .16s;
}

.jra-about-page-hero-icon,
.jra-galleries-hero-icon,
.jra-store-hero-icon,
body.jra-photo-journal-feed .jra-photo-journal-hero-icon {
	display: block;
	font-family: "Material Symbols Outlined";
	font-size: clamp(36px, 3.8vw, 52px);
	font-style: normal;
	font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
	font-weight: normal;
	height: 1em;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 auto 18px;
	text-transform: none;
	width: 1em;
}

.jra-galleries-hero h1,
.jra-about-page-hero h1,
.jra-store-hero h1,
body.jra-photo-journal-feed .jra-photo-journal-intro h1 {
	--jra-interior-hero-title-gap: clamp(34px, 4vw, 44px);
	color: var(--color-white);
	font-family: var(--font-display);
	font-size: clamp(38px, 5vw, 58px);
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.04;
	margin: 0 0 var(--jra-interior-hero-title-gap);
	position: relative;
	text-shadow: none;
	text-transform: uppercase;
}

.jra-galleries-hero h1,
.jra-about-page-hero h1,
.jra-store-hero h1,
body.jra-photo-journal-feed .jra-photo-journal-intro h1 {
	animation-delay: .24s;
}

.jra-galleries-hero h1::after,
.jra-about-page-hero h1::after,
.jra-store-hero h1::after,
body.jra-photo-journal-feed .jra-photo-journal-intro h1::after {
	animation: jra-hero-rule-reveal .68s cubic-bezier(.2, .7, .25, 1) .64s forwards;
	background: var(--gradient-gold-rule);
	bottom: calc((var(--jra-interior-hero-title-gap) * -.5) - .5px);
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	opacity: 0;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
}

.jra-galleries-intro-copy,
.jra-galleries-intro-copy p,
.jra-galleries-intro-copy em,
.jra-store-hero-copy .jra-store-hero-intro,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy p {
	color: var(--white-90);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: clamp(13px, 1vw, 15px);
	font-style: normal;
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.62;
	margin-left: auto;
	margin-right: auto;
	max-width: 560px;
	text-shadow: none;
	text-transform: none;
}

.jra-galleries-intro-copy,
.jra-store-hero-copy .jra-store-hero-intro,
body.jra-photo-journal-feed .jra-photo-journal-intro-copy {
	animation-delay: 0s;
	animation-duration: .62s;
	animation-name: jra-journal-copy-drop;
	margin-top: 0;
	transform: translate3d(0, -18px, 0);
}

.jra-store-hero-actions {
	margin-top: clamp(22px, 2.6vw, 30px);
}

.jra-galleries-hero .jra-photo-journal-cue,
.jra-store-hero .jra-photo-journal-cue,
body.jra-photo-journal-feed .jra-photo-journal-intro .jra-photo-journal-cue {
	align-items: center;
	border: 1px solid var(--color-gold);
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-flex;
	filter: none;
	height: 44px;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1;
	margin-top: 34px;
	min-width: 44px;
	opacity: 1;
	padding: 0;
	text-decoration: none;
	text-transform: none;
	transform: none;
	transition: transform .28s cubic-bezier(.22, .61, .36, 1);
	width: 44px;
}

.jra-galleries-hero .jra-photo-journal-cue span,
.jra-store-hero .jra-photo-journal-cue span {
	border-bottom: 2px solid var(--color-gold);
	border-right: 2px solid var(--color-gold);
	display: block;
	height: 11px;
	margin-top: -5px;
	transform: rotate(45deg);
	width: 11px;
}

.jra-galleries-hero .jra-photo-journal-cue:hover,
.jra-galleries-hero .jra-photo-journal-cue:focus-visible,
.jra-store-hero .jra-photo-journal-cue:hover,
.jra-store-hero .jra-photo-journal-cue:focus-visible {
	opacity: .78;
}

@media (prefers-reduced-motion: reduce) {
	.home .jra-hero-slide img,
	.jra-galleries-hero-slider .jra-hero-slide img,
	.home .jra-hero-title h1,
	.home .jra-hero-title-word,
	.home .jra-hero-title h1::after,
	.home .jra-arrow-link,
	.home .jra-hero-title .jra-arrow-link,
	.jra-store-hero-copy p,
	.jra-store-hero h1,
	.jra-store-hero h1::after,
	.jra-store-hero-copy a,
	.jra-about-page-hero-copy p,
	.jra-about-page-hero-icon,
	.jra-about-page-hero h1,
	.jra-about-page-hero h1::after,
	.jra-about-page-hero .jra-photo-journal-cue,
	.jra-about-story__section,
	.jra-about-story__closing,
	.jra-about-story__section--opening.is-opening-ready .jra-about-story__headline,
	.jra-about-story__section--opening.is-opening-ready .jra-about-story__photo--dad,
	.jra-about-story__section--opening.is-opening-ready .jra-about-story__dad-callout,
	.jra-about-story__copy-body.is-copy-visible > *,
	.jra-about-story__section--lens .jra-about-story__photo--gopro,
	.jra-about-story__section--lens .jra-about-story__copy--lens,
	.jra-about-story__section--lens .jra-about-story__photo--gopro figcaption,
	.jra-about-story__section--lens.is-visible .jra-about-story__gopro-stack,
	.jra-about-story__section--lens.is-visible .jra-about-story__copy--lens h2,
	.jra-journal-hero-copy > p:first-child,
	.jra-journal-hero h1,
	.jra-journal-hero h1::after,
	.jra-journal-hero-copy > p:not(:first-child),
	.jra-journal-hero-copy .jra-arrow-link,
	.jra-contact-orbit,
	.jra-contact-kicker,
	.jra-contact-intro h1,
	.jra-contact-copy,
	.jra-contact-socials a,
	.jra-contact-socials > span,
	.jra-contact-form,
	.jra-contact-drawer,
	.jra-journal-entry.is-loaded-entry,
	body.jra-photo-journal-feed .jra-photo-journal-hero-icon,
	body.jra-photo-journal-feed .jra-photo-journal-intro h1,
	body.jra-photo-journal-feed .jra-photo-journal-intro h1::after,
	body.jra-photo-journal-feed .jra-photo-journal-intro-copy,
	body.jra-photo-journal-feed .jra-photo-journal-cue,
	.jra-galleries-kicker,
	.jra-galleries-hero-icon,
	.jra-galleries-hero h1,
	.jra-galleries-hero h1::after,
	.jra-galleries-intro-copy,
	.jra-hero-transition-cue,
	.jra-store-transition-cue {
		animation: none;
		filter: none;
		opacity: 1;
		transform: none;
		transition: none;
		visibility: visible;
	}

	.jra-about-story__section,
	.jra-about-story__closing,
	.jra-about-story__headline,
	.jra-about-story__photo--dad,
	.jra-about-story__dad-callout,
	.jra-about-story__copy-body > * {
		opacity: 1;
	}

	.jra-about-story__photo--dad,
	.jra-about-story__gopro-stack {
		transform: none;
	}

	.jra-galleries-hero h1::after,
	.jra-store-hero h1::after,
	body.jra-photo-journal-feed .jra-photo-journal-intro h1::after {
		transform: translateX(-50%);
		width: clamp(76px, 18vw, 190px);
	}

	body.jra-photo-journal-feed .jra-journal-typeword-base span {
		opacity: 1;
		transform: none;
	}

	body.jra-photo-journal-feed .jra-journal-typeword-wrong,
	body.jra-photo-journal-feed .jra-journal-typeword-caret {
		display: none;
	}

	body.jra-photo-journal-feed .jra-journal-typeword-right {
		max-width: var(--jra-type-right-width, 2ch);
		position: static;
	}
}

@media (min-width: 1001px) {
	.home .jra-about {
		--jra-about-bleed: clamp(44px, 4vw, 58px);
		--jra-about-band-height: clamp(150px, 12vw, 190px);
		display: block;
		height: auto;
		margin-bottom: 0;
		margin-top: 0;
		min-height: var(--jra-about-band-height);
		padding: 0;
		scroll-margin-top: clamp(112px, 9vw, 132px);
		z-index: auto;
	}

	.home .jra-about::before {
		inset: 0;
	}

	.home .jra-about-panel {
		align-items: center;
		column-gap: clamp(52px, 3vw, 60px);
		grid-template-columns: var(--jra-about-portrait-size) max-content;
		grid-template-rows: var(--jra-about-band-height);
		height: var(--jra-about-band-height);
		min-height: var(--jra-about-band-height);
		overflow: visible;
		padding: 0;
		row-gap: 0;
		width: max-content;
		z-index: 16;
	}

	.home .jra-about-statement {
		align-content: center;
		align-self: center;
		height: var(--jra-about-band-height);
		justify-self: center;
		justify-items: center;
		min-height: var(--jra-about-band-height);
		transform: none;
		width: min-content;
	}

	.home .jra-about-portrait-wrap {
		align-self: center;
		transform: none;
		z-index: 16;
	}

}

/* Photos light-theme experiment. Kept isolated for easy comparison/removal. */
.jra-galleries-work {
	background: var(--color-forest);
	color: var(--white-90);
	padding-top: 0;
}

.jra-galleries-controls {
	--jra-gallery-filter-glass-background: linear-gradient(180deg, rgba(18, 18, 17, .74) 0%, rgba(18, 18, 17, .58) 100%);
	--jra-gallery-filter-glass-background-hover: linear-gradient(180deg, rgba(18, 18, 17, .82) 0%, rgba(18, 18, 17, .68) 100%);
	--jra-gallery-filter-glass-filter: blur(20px) saturate(1.12);
	-webkit-backdrop-filter: var(--jra-gallery-filter-glass-filter);
	backdrop-filter: var(--jra-gallery-filter-glass-filter);
	background: var(--jra-gallery-filter-glass-background);
	border-bottom: 1px solid rgba(0, 0, 0, .32);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .045),
		0 10px 26px rgba(0, 0, 0, .14);
	margin: 0 calc(50% - 50vw);
	max-width: none;
	padding: 16px clamp(20px, 2vw, 28px);
	position: sticky;
	top: var(--header-height);
	transition:
		background-color .24s ease,
		border-color .24s ease,
		box-shadow .24s ease,
		max-height .3s ease,
		opacity .18s ease,
		padding .3s ease;
	width: 100vw;
	z-index: 42;
}

.jra-galleries-controls__grid {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1480px;
	width: 100%;
}

.jra-galleries-controls.is-pinned {
	display: grid;
	gap: 0;
	left: 0;
	margin: 0;
	max-height: var(--jra-gallery-controls-open-height, 150px);
	overflow: visible;
	position: fixed;
	right: 0;
}

.jra-galleries-controls.is-pinned .jra-galleries-controls__toggle {
	display: inline-flex;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: calc(100% + var(--jra-gallery-active-filters-tab-offset, 0px));
	transform: translateX(-50%) translateY(-2px);
	transition:
		background-color .22s ease,
		border-color .22s ease,
		box-shadow .22s ease,
		color .22s ease,
		opacity .18s ease,
		transform .18s ease;
	z-index: 2;
}

.jra-galleries-controls.is-pinned .jra-galleries-controls__grid {
	max-height: var(--jra-gallery-controls-grid-height, 90px);
	opacity: 1;
	overflow: visible;
	position: relative;
	transform: translateY(0);
	transition: max-height .3s ease, opacity .2s ease, transform .3s ease;
	z-index: 5;
}

.jra-galleries-controls.is-pinned .jra-galleries-search-area {
	margin-bottom: 0;
	max-height: var(--jra-gallery-controls-search-height, 56px);
	opacity: 1;
	overflow: hidden;
	transform: translateY(0);
	transition: margin-bottom .3s ease, max-height .3s ease, opacity .2s ease, transform .3s ease;
	z-index: 5;
}

.jra-galleries-controls.is-pinned.is-sticky-expanded .jra-galleries-search-area {
	margin-bottom: 16px;
}

.jra-galleries-controls.is-pinned .jra-galleries-filter-menu__panel {
	z-index: 90;
}

.jra-galleries-controls.is-pinned.is-sticky-collapsed:not(.is-sticky-expanded) {
	max-height: 0;
	padding: 0;
	pointer-events: none;
}

.jra-galleries-controls.is-pinned.is-sticky-expanded {
	-webkit-backdrop-filter: var(--jra-gallery-filter-glass-filter);
	backdrop-filter: var(--jra-gallery-filter-glass-filter);
	background: var(--jra-gallery-filter-glass-background);
	border-bottom-color: rgba(0, 0, 0, .32);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .045),
		0 10px 26px rgba(0, 0, 0, .14);
}

.jra-galleries-controls.is-pinned.is-sticky-collapsed:not(.is-sticky-expanded) .jra-galleries-search-area,
.jra-galleries-controls.is-pinned.is-sticky-collapsed:not(.is-sticky-expanded) .jra-galleries-controls__grid {
	margin-bottom: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transform: translateY(-12px);
}

.jra-galleries-controls.is-pinned.is-sticky-closing .jra-galleries-search-area,
.jra-galleries-controls.is-pinned.is-sticky-closing .jra-galleries-controls__grid {
	overflow: hidden;
}

.jra-galleries-controls.is-pinned.is-sticky-expanded .jra-galleries-controls__toggle,
.jra-galleries-controls.is-pinned.is-sticky-closing .jra-galleries-controls__toggle,
.jra-galleries-controls.is-pinned.is-tab-ready .jra-galleries-controls__toggle {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

.jra-galleries-controls.is-pinned.is-sticky-expanded .jra-galleries-controls__toggle,
.jra-galleries-controls.is-pinned.is-sticky-closing .jra-galleries-controls__toggle {
	background: var(--jra-gallery-filter-glass-background);
	box-shadow:
		inset 0 -1px 0 rgba(255, 255, 255, .08),
		0 10px 26px rgba(0, 0, 0, .32);
}

.jra-galleries-controls.is-pinned.is-sticky-closing .jra-galleries-controls__toggle {
	pointer-events: none;
}

.jra-galleries-controls.is-pinned.is-sticky-auto-expanded .jra-galleries-controls__toggle {
	opacity: 0;
	pointer-events: none;
	transform: translateX(-50%) translateY(-2px);
}

.jra-galleries-controls.is-pinned.is-tab-ready:not(.is-sticky-expanded) {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: transparent;
	border-bottom-color: transparent;
	box-shadow: none;
}

.jra-galleries-controls.is-pinned.is-sticky-expanded .jra-galleries-controls__toggle::after {
	transform: rotate(225deg);
}

.jra-galleries-controls.is-idle:not(:hover) {
	opacity: .8;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
}

.jra-galleries-controls.is-pinned.is-tab-ready:not(.is-sticky-expanded).is-idle:not(:hover) {
	opacity: 1;
}

.jra-galleries-controls.is-pinned.is-tab-ready:not(.is-sticky-expanded).is-idle:not(:hover) .jra-galleries-controls__toggle {
	opacity: .8;
	transition-duration: .9s;
	transition-timing-function: ease-in-out;
}

.jra-galleries-active-filters.is-idle:not(:hover) {
	opacity: .8;
	transition: opacity .9s ease-in-out;
}

.jra-galleries-controls.is-under-gallery-glass {
	opacity: 0;
	pointer-events: none;
}

body.jra-galleries-view .jra-galleries-controls.is-under-gallery-glass {
	opacity: 1;
	pointer-events: auto;
}

.jra-galleries-controls + .jra-galleries-filter,
.jra-galleries-controls + .jra-galleries-empty,
.jra-galleries-active-filters + .jra-galleries-filter,
.jra-galleries-active-filters + .jra-galleries-empty {
	margin-top: clamp(28px, 3vw, 40px);
}

.jra-galleries-controls + .jra-galleries-grid,
.jra-galleries-active-filters + .jra-galleries-grid,
.jra-galleries-filter + .jra-galleries-grid {
	margin-top: var(--jra-galleries-work-gutter);
}

.jra-galleries-control span,
.jra-galleries-active-filters a .jra-galleries-active-filters__label {
	color: rgba(255, 255, 255, .68);
}

.jra-galleries-control span {
	text-shadow: 0 1px 8px rgba(0, 0, 0, .58);
}

.jra-galleries-filter-menu summary {
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(0, 0, 0, .54);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .08),
		0 1px 0 rgba(255, 255, 255, .05);
	color: var(--white-90);
}

.jra-galleries-filter-menu summary span,
.jra-galleries-filter-menu__panel label span {
	color: rgba(255, 255, 255, .78);
}

.jra-galleries-filter-menu summary:hover,
.jra-galleries-filter-menu summary:focus-visible {
	background: rgba(255, 255, 255, .11);
	border-color: rgba(0, 0, 0, .68);
	color: var(--color-white);
}

.jra-galleries-filter-menu summary:focus-visible {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .08),
		0 0 0 2px rgba(255, 255, 255, .16);
}

.jra-galleries-search input {
	box-shadow: 0 1px 0 rgba(0, 0, 0, .28);
}

.jra-galleries-filter-menu.has-selection summary {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(0, 0, 0, .76);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .1),
		inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.jra-galleries-filter-menu.has-selection summary span {
	color: var(--color-white);
	font-weight: 400;
}

.jra-galleries-filter-menu__panel {
	background: rgba(18, 18, 17, .84);
	border: 1px solid rgba(0, 0, 0, .72);
	border-top-color: rgba(0, 0, 0, .42);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .045),
		0 10px 26px rgba(0, 0, 0, .14);
	padding: 5px;
	top: calc(100% - 1px);
}

.jra-galleries-filter-menu__panel > .jra-galleries-filter-menu__group-label {
	color: rgba(255, 255, 255, .52);
	font-family: var(--font-body);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	padding: 8px 7px 4px;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .62);
	text-transform: uppercase;
}

.jra-galleries-filter-menu__panel > .jra-galleries-filter-menu__group-label:not(:first-child) {
	border-top: 1px solid rgba(255, 255, 255, .1);
	margin-top: 4px;
	padding-top: 10px;
}

.jra-galleries-filter-menu__panel label {
	text-shadow: 0 1px 8px rgba(0, 0, 0, .62);
}

.jra-galleries-filter-menu__panel label:hover,
.jra-galleries-filter-menu__panel label:focus-within {
	background: rgba(255, 255, 255, .08);
}

.jra-galleries-filter-menu__panel input {
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, .18);
	border: 1px solid rgba(0, 0, 0, .78);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .1),
		0 1px 0 rgba(255, 255, 255, .06);
	display: grid;
	height: 15px;
	margin: 0;
	place-items: center;
	width: 15px;
}

.jra-galleries-filter-menu__panel input::after {
	border: solid var(--color-ink);
	border-width: 0 1.5px 1.5px 0;
	content: "";
	height: 7px;
	opacity: 0;
	transform: rotate(45deg) translate(-1px, -1px);
	transition: opacity .16s ease;
	width: 3px;
}

.jra-galleries-filter-menu__panel input:checked {
	background: rgba(245, 244, 239, .92);
	border-color: rgba(0, 0, 0, .86);
}

.jra-galleries-filter-menu__panel input:checked::after {
	opacity: 1;
}

.jra-galleries-filter-menu__panel label:has(input:checked) {
	background: rgba(255, 255, 255, .12);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}

.jra-galleries-filter-menu__panel label:has(input:checked) span {
	color: var(--color-white);
}

.jra-galleries-location-tree {
	display: grid;
	gap: 5px;
}

.jra-galleries-location-state + .jra-galleries-location-state {
	border-top: 1px solid rgba(255, 255, 255, .1);
	padding-top: 5px;
}

.jra-galleries-filter-menu__panel .jra-galleries-location-state__option span {
	color: var(--color-white);
	font-weight: 600;
}

.jra-galleries-location-cities {
	border-left: 1px solid rgba(255, 255, 255, .16);
	display: grid;
	gap: 1px;
	margin: 1px 0 4px 14px;
	padding-left: 8px;
}

.jra-galleries-filter-menu__panel .jra-galleries-location-city__option {
	padding-left: 8px;
}

.jra-galleries-filter-menu__panel input:indeterminate {
	background: rgba(245, 244, 239, .92);
	border-color: rgba(0, 0, 0, .86);
}

.jra-galleries-filter-menu__panel input:indeterminate::after {
	background: var(--color-ink);
	border: 0;
	height: 1px;
	opacity: 1;
	transform: none;
	width: 7px;
}

.jra-galleries-filter-menu__panel label:has(input:indeterminate) {
	background: rgba(255, 255, 255, .08);
}

body.jra-galleries-view.jra-header-visible .jra-header,
body.jra-galleries-view.jra-menu-open .jra-header,
body.jra-galleries-view.jra-has-transparent-hero-header.jra-header-visible .jra-header,
body.jra-galleries-view.jra-has-transparent-hero-header.jra-menu-open .jra-header {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: transparent;
	border-bottom: 1px solid rgba(0, 0, 0, .32);
	box-shadow: none;
}

.jra-galleries-sticky-filter,
.jra-galleries-active-filters {
	-webkit-backdrop-filter: blur(22px) saturate(1.18);
	backdrop-filter: blur(22px) saturate(1.18);
	background: rgba(18, 18, 17, .48);
	border-color: transparent;
	box-shadow:
		0 14px 36px var(--ink-20);
}

.jra-galleries-sticky-filter {
	border-bottom: 0;
	border-top: 0;
}

.jra-galleries-active-filters {
	border-bottom: 0;
	border-top: 0;
}

body.jra-galleries-view .jra-galleries-sticky-filter {
	display: none !important;
}

body.jra-galleries-view .jra-galleries-sticky-filter,
body.jra-galleries-view .jra-galleries-active-filters {
	-webkit-backdrop-filter: blur(20px) saturate(1.12);
	backdrop-filter: blur(20px) saturate(1.12);
	background:
		linear-gradient(180deg, rgba(18, 18, 17, .74) 0%, rgba(18, 18, 17, .58) 100%);
	border-bottom: 1px solid rgba(0, 0, 0, .32);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .045),
		0 10px 26px rgba(0, 0, 0, .14);
}

body.jra-galleries-view .jra-galleries-active-filters {
	background:
		linear-gradient(180deg, rgba(18, 18, 17, .54) 0%, rgba(18, 18, 17, .38) 100%);
	box-shadow: none;
	top: calc(var(--header-height) + var(--jra-gallery-controls-sticky-height, 0px));
}

.jra-galleries-sticky-filter__toggle {
	color: var(--white-90);
}

.jra-galleries-sticky-filter__toggle:hover,
.jra-galleries-sticky-filter__toggle:focus-visible {
	color: var(--color-white);
}

.jra-galleries-sticky-filter .jra-galleries-control span {
	color: rgba(255, 255, 255, .5);
	letter-spacing: .12em;
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu summary {
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(0, 0, 0, .54);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .08),
		0 1px 0 rgba(255, 255, 255, .05);
	color: var(--white-90);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu summary span {
	color: rgba(255, 255, 255, .74);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu summary:hover,
.jra-galleries-sticky-filter .jra-galleries-filter-menu summary:focus-visible {
	background: rgba(255, 255, 255, .11);
	border-color: rgba(0, 0, 0, .68);
	color: var(--color-white);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu.has-selection summary {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(0, 0, 0, .76);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .1),
		inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu.has-selection summary span {
	color: var(--color-white);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel {
	animation: jraFilterPanelIn .22s ease both;
	background: transparent;
	border: 1px solid rgba(0, 0, 0, .72);
	border-top-color: rgba(0, 0, 0, .42);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .045),
		0 10px 26px rgba(0, 0, 0, .14);
	padding: 5px;
	top: calc(100% - 1px);
	transform-origin: top center;
	will-change: opacity, transform;
}

.jra-galleries-filter-menu.is-closing .jra-galleries-filter-menu__panel {
	animation: jraFilterPanelOut .18s ease both;
	display: grid;
	pointer-events: none;
	visibility: visible;
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel label {
	color: rgba(255, 255, 255, .78);
	font-family: var(--font-body);
	letter-spacing: 0;
	transition: background-color .18s ease, color .18s ease;
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel label:hover,
.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel label:focus-within {
	background: rgba(255, 255, 255, .08);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel label:has(input:checked) {
	background: rgba(255, 255, 255, .12);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel input {
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, .18);
	border: 1px solid rgba(0, 0, 0, .78);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .1),
		0 1px 0 rgba(255, 255, 255, .06);
	display: grid;
	height: 15px;
	margin: 0;
	place-items: center;
	width: 15px;
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel input::after {
	border: solid var(--color-ink);
	border-width: 0 1.5px 1.5px 0;
	content: "";
	height: 7px;
	opacity: 0;
	transform: rotate(45deg) translate(-1px, -1px);
	transition: opacity .16s ease;
	width: 3px;
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel input:checked {
	background: rgba(245, 244, 239, .92);
	border-color: rgba(0, 0, 0, .86);
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel input:checked::after {
	opacity: 1;
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel label span {
	color: rgba(255, 255, 255, .78);
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel label:has(input:checked) span {
	color: var(--color-white);
}

.jra-galleries-sticky-filter.is-expanded {
	background: rgba(18, 18, 17, .58);
	box-shadow:
		0 22px 48px var(--ink-30);
}

body.jra-galleries-view .jra-galleries-sticky-filter.is-expanded {
	background: transparent;
	box-shadow: none;
}

.jra-galleries-sticky-filter__apply {
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(0, 0, 0, .64);
	color: var(--color-white);
}

.jra-galleries-sticky-filter__apply:hover,
.jra-galleries-sticky-filter__apply:focus-visible {
	background: rgba(255, 255, 255, .18);
	border-color: rgba(0, 0, 0, .78);
	color: var(--color-white);
}

.jra-galleries-active-filters a {
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(0, 0, 0, .54);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .08),
		0 1px 0 rgba(255, 255, 255, .05);
	color: var(--white-90);
}

.jra-galleries-active-filters a.jra-galleries-active-filters__chip,
.jra-galleries-active-filters a.jra-galleries-active-filters__chip:hover,
.jra-galleries-active-filters a.jra-galleries-active-filters__chip:focus-visible {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(0, 0, 0, .76);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .1),
		inset 0 0 0 1px rgba(255, 255, 255, .04);
	color: var(--color-white);
}

.jra-galleries-active-filters a:hover,
.jra-galleries-active-filters a:focus-visible,
.jra-galleries-filter a:hover,
.jra-galleries-filter a:focus-visible,
.jra-galleries-filter a.is-active {
	background: var(--gold-20);
	border-color: var(--gold-40);
	box-shadow: inset 0 0 0 1px var(--gold-30);
	color: var(--color-ink);
}

.jra-galleries-active-filters a:hover .jra-galleries-active-filters__label,
.jra-galleries-active-filters a:focus-visible .jra-galleries-active-filters__label {
	color: rgba(255, 255, 255, .68);
}

.jra-galleries-active-filters a.jra-galleries-active-filters__chip .jra-galleries-active-filters__label,
.jra-galleries-active-filters a.jra-galleries-active-filters__chip:hover .jra-galleries-active-filters__label,
.jra-galleries-active-filters a.jra-galleries-active-filters__chip:focus-visible .jra-galleries-active-filters__label {
	color: rgba(255, 255, 255, .68);
}

.jra-galleries-active-filters__remove,
.jra-galleries-active-filters a:hover .jra-galleries-active-filters__remove,
.jra-galleries-active-filters a:focus-visible .jra-galleries-active-filters__remove {
	background: rgba(255, 255, 255, .12);
	color: var(--color-white);
}

.jra-galleries-active-filters a.jra-galleries-active-filters__clear {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(0, 0, 0, .52);
	color: rgba(255, 255, 255, .74);
}

.jra-galleries-active-filters a.jra-galleries-active-filters__clear:hover,
.jra-galleries-active-filters a.jra-galleries-active-filters__clear:focus-visible {
	background: rgba(255, 255, 255, .13);
	border-color: rgba(0, 0, 0, .68);
	color: var(--color-white);
}

@keyframes jraFilterPanelIn {
	from {
		opacity: 0;
		transform: translateY(-7px) scaleY(.96);
	}

	to {
		opacity: 1;
		transform: translateY(0) scaleY(1);
	}
}

@keyframes jraFilterPanelOut {
	from {
		opacity: 1;
		transform: translateY(0) scaleY(1);
	}

	to {
		opacity: 0;
		transform: translateY(-6px) scaleY(.97);
	}
}

@media (prefers-reduced-motion: reduce) {
	.jra-galleries-sticky-filter .jra-galleries-filter-menu__panel,
	.jra-galleries-filter-menu.is-closing .jra-galleries-filter-menu__panel {
		animation: none;
	}
}

.jra-galleries-filter a {
	color: var(--ink-70);
}

.jra-gallery-card__image {
	background: #f7f8f4;
}

.jra-galleries-work .jra-gallery-card__image {
	background: var(--color-forest);
}

.jra-galleries-work .jra-gallery-card__image img {
	max-width: none;
	object-fit: cover;
	object-position: center center;
	transform: scale(1.012);
}

.jra-galleries-work .jra-gallery-card__image:hover img,
.jra-galleries-work .jra-gallery-card__image:focus-visible img {
	transform: scale(1.026);
}

.jra-gallery-viewer {
	background: rgba(var(--ink-rgb), .95);
	color: var(--white-90);
}

.jra-gallery-viewer__stage {
	background: transparent;
}

.jra-gallery-viewer {
	transition: opacity .2s ease;
}

.jra-gallery-viewer:not(.is-open),
.jra-gallery-viewer[aria-hidden="true"] {
	background: transparent;
}

.jra-gallery-viewer.is-closing {
	opacity: 0;
	pointer-events: none;
}

.jra-gallery-viewer__shell {
	opacity: 1;
	transform: none;
	transition: opacity .2s ease;
}

.jra-gallery-viewer.is-open .jra-gallery-viewer__shell {
	opacity: 1;
	transform: none;
}

.jra-gallery-viewer.is-dismiss-dragging .jra-gallery-viewer__shell,
.jra-gallery-viewer.is-dismiss-settling .jra-gallery-viewer__shell {
	transform: translate3d(0, var(--jra-gallery-dismiss-y, 0), 0);
	transition: transform .22s cubic-bezier(.22, .61, .36, 1);
}

.jra-gallery-viewer.is-dismiss-dragging .jra-gallery-viewer__shell {
	transition: none;
}

.jra-gallery-viewer.is-dismiss-closing .jra-gallery-viewer__shell {
	transition-duration: .26s;
	transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.jra-gallery-viewer.is-morph-closing .jra-gallery-viewer__shell {
	opacity: 0;
	transform: none;
}

.jra-gallery-viewer.is-opening .jra-gallery-viewer__close,
.jra-gallery-viewer.is-opening .jra-gallery-viewer__share,
.jra-gallery-viewer.is-opening .jra-gallery-viewer__nav {
	opacity: 0;
	pointer-events: none;
}

.jra-gallery-viewer.is-closing .jra-gallery-viewer__shell {
	opacity: 1;
}

.jra-gallery-viewer.is-closing.is-morph-closing .jra-gallery-viewer__shell {
	opacity: 0;
	transform: none;
}

.jra-gallery-viewer__sidebar {
	background: var(--color-green);
	border-color: var(--color-green);
	box-shadow: 24px 0 60px var(--black-30);
}

.jra-gallery-viewer__heading,
.jra-gallery-viewer__details,
.jra-gallery-viewer__labels,
.jra-gallery-viewer__sidebar .jra-gallery-viewer__details,
.jra-gallery-viewer__sidebar .jra-gallery-viewer__labels {
	border-color: var(--gold-20);
}

.jra-gallery-viewer__heading h2 {
	color: var(--color-white);
}

.jra-gallery-viewer__location,
.jra-gallery-viewer__details h3,
.jra-gallery-viewer__labels h3,
.jra-gallery-viewer__exif-icon {
	color: var(--color-gold);
}

.jra-gallery-viewer__exif-icon::before {
	filter: none;
}

.jra-gallery-viewer__description {
	color: var(--white-70);
}

.jra-gallery-viewer__purchase {
	background: var(--color-gold);
	border-color: var(--color-gold);
	color: var(--color-ink);
}

.jra-gallery-viewer__purchase:hover,
.jra-gallery-viewer__purchase:focus-visible {
	background: var(--color-gold);
	border-color: var(--color-gold);
	color: var(--color-ink);
}

.jra-gallery-viewer__exif-item dt {
	color: var(--white-50);
}

.jra-gallery-viewer__exif-item dd {
	color: var(--white-90);
}

.jra-gallery-viewer__empty {
	color: var(--white-60);
}

.jra-gallery-viewer__tag-cloud a {
	background: var(--white-10);
	border-color: var(--white-10);
	color: var(--white-80);
}

.jra-gallery-viewer__tag-cloud a:hover,
.jra-gallery-viewer__tag-cloud a:focus-visible {
	background: var(--gold-20);
	border-color: var(--gold-30);
	color: var(--color-white);
}

@media (max-width: 980px) {
	.jra-gallery-viewer__sidebar {
		box-shadow: 0 -20px 50px var(--black-30);
	}

	.jra-gallery-viewer__details {
		border-color: var(--gold-20);
	}
}

body.jra-purchase-transition-open {
	overflow: hidden;
}

.jra-purchase-transition {
	align-items: center;
	background: var(--color-ink);
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	transition: opacity .42s ease;
	visibility: hidden;
	z-index: 20000;
}

.jra-purchase-transition.is-active {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.jra-purchase-transition__image {
	filter: blur(24px) brightness(.72) saturate(.82);
	height: calc(100% + 80px);
	inset: -40px;
	max-width: none;
	object-fit: cover;
	opacity: 0;
	position: absolute;
	transform: scale(1.08);
	transition: opacity .7s ease, transform 1.8s cubic-bezier(.2, .7, .25, 1);
	width: calc(100% + 80px);
}

.jra-purchase-transition.is-active .jra-purchase-transition__image {
	opacity: .82;
	transform: scale(1.045);
}

.jra-purchase-transition__veil {
	background:
		radial-gradient(circle at 50% 45%, var(--forest-green-10) 0%, var(--ink-40) 48%, var(--ink-80) 100%),
		linear-gradient(180deg, var(--black-10), var(--black-60));
	inset: 0;
	position: absolute;
}

.jra-purchase-transition__content {
	align-items: center;
	box-sizing: border-box;
	color: var(--color-white);
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	opacity: 0;
	padding: 0 24px;
	position: relative;
	text-align: center;
	transform: translateY(12px);
	transition: opacity .46s ease .08s, transform .56s cubic-bezier(.2, .74, .24, 1) .08s;
	width: 100%;
	z-index: 1;
}

.jra-purchase-transition.is-active .jra-purchase-transition__content {
	opacity: 1;
	transform: translateY(0);
}

.jra-purchase-transition__spinner {
	animation: jra-purchase-spin .85s linear infinite;
	border: 2px solid var(--gold-30);
	border-radius: 50%;
	border-top-color: var(--color-gold);
	box-sizing: border-box;
	display: block;
	height: 34px;
	width: 34px;
}

.jra-purchase-transition__label {
	color: var(--color-white);
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .015em;
	line-height: 24px;
	margin: 0;
	text-transform: none;
}

@keyframes jra-purchase-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.jra-purchase-transition,
	.jra-purchase-transition__content,
	.jra-purchase-transition__image {
		transition: none;
	}

	.jra-purchase-transition__spinner {
		animation: none;
	}
}