@font-face {
	font-weight: 400 600;
	font-style: normal;
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
	font-family: 'Inter';
	src: url('fonts/inter-playfair/inter-400-latin-ext.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-weight: 400 600;
	font-style: normal;
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
	font-family: 'Inter';
	src: url('fonts/inter-playfair/inter-400-latin.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-weight: 700;
	font-style: normal;
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
	font-family: 'Playfair Display';
	src: url('fonts/inter-playfair/playfair-display-700-latin-ext.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-weight: 700;
	font-style: normal;
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
	font-family: 'Playfair Display';
	src: url('fonts/inter-playfair/playfair-display-700-latin.woff2') format('woff2');
	font-display: swap;
}

.mr-scan-docket input::placeholder { color: var(--mr-wording-faint); }

html {
	tab-size: 4;
	-moz-tab-size: 4;
	-webkit-text-size-adjust: 100%;
}

.mr-scan-docket input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}

body {
	font-size: var(--mr-letterform-dimension-plinth);
	font-family: var(--mr-letterform-linear);
	background: var(--mr-dusk);
	-webkit-font-smoothing: antialiased;
	color: var(--mr-wording);
	line-height: 1.6;
	-moz-osx-font-smoothing: grayscale;
}

:root {
	--mr-motif-tinge: #4fb3ff;
	--mr-mesh-clearance-x:    clamp(11px,9.3px + 0.74vw,22px);
	--mr-panorama-buffer-lower:       clamp(26px,12.3px + 2.96vw,58px);
	--mr-hallmark-letterform-dimension:      clamp(17px,12.5px + 1.25vw,30px);
	--mr-sector-clearance:   58px;
	--mr-fillet:       5px;
	--mr-crest-elevation: clamp(30px,25px + 1.3vw,44px);
	--mr-penumbra-slight:    0 1px 2px rgba(0,0,0,0.04);
	--mr-perimeter-peak: 1200px;
	--mr-flare:       #4fb3ff;
	--mr-letterform-dimension-midst:  var(--mr-letterform-dimension-plinth);
	--mr-fillet-slight:    3px;
	--mr-margin:        clamp(11px,3.9px + 1.97vw,33px);
	--mr-textwidth: 60ch;
	--mr-letterform-didone:   'Playfair Display',Georgia,'Times New Roman',serif;
	--mr-dusk:           #060a10;
	--mr-dusk-hoisted:  #0f1620;
	--mr-panorama-buffer-pinnacle:       clamp(33px,17px + 4.44vw,82px);
	--mr-scan-berth-elevation:          clamp(36px,31.7px + 1.2vw,44px);
	--mr-tween-unhurried: 260ms cubic-bezier(0.4,0,0.2,1);
	--mr-scan-berth-ideogram:        clamp(13px,10.8px + 0.69vw,18.5px);
	--mr-motif-luminous:  #4fb3ff;
	--mr-scan-berth-buffer-rightward:         clamp(2px,0.4vw,6px);
	--mr-compass-buffer-y:        clamp(7px,4.3px + 0.75vw,12px);
	--mr-fillet-hefty:    9px;
	--mr-flare-velvet:  rgba(79,179,255,0.12);
	--mr-letterform-dimension-towering:    clamp(30px,22.7px + 2.04vw,52px);
	--mr-motif-inky:  #4fb3ff;
	--mr-fingerpad: 44px;
	--mr-scan-berth-peak:        clamp(110px,45px + 18vw,300px);
	--mr-letterform-dimension-slight: calc(var(--mr-letterform-dimension-plinth) * 0.82);
	--mr-letterform-dimension-sizable:    clamp(21px,17.7px + 0.93vw,31px);
	--mr-compass-buffer-x:        clamp(6px,2.7px + 0.92vw,16px);
	--mr-penumbra:       0 3px 11px rgba(0,0,0,0.08);
	--mr-brim:       #24303e;
	--mr-shafts-lowest:      2;
	--mr-sighting-lowest:      clamp(150px,13vw,190px);
	--mr-letterform-dimension-lede:  calc(var(--mr-letterform-dimension-plinth) * 1.12);
	--mr-letterform-dimension-sighting:  calc(var(--mr-letterform-dimension-plinth) * 0.92);
	--mr-penumbra-hefty:    0 8px 26px rgba(0,0,0,0.12);
	--mr-letterform-dimension-middling:    calc(var(--mr-letterform-dimension-plinth) * 1.06);
	--mr-lookout-lowest:        clamp(52px,44px + 2.2vw,76px);
	--mr-wording:         #f5f7fa;
	--mr-tween:      150ms cubic-bezier(0.4,0,0.2,1);
	--mr-upon-flare:    #060a10;
	--mr-letterform-dimension-minute: calc(var(--mr-letterform-dimension-plinth) * 0.70);
	--mr-letterform-dimension-plinth:       clamp(16px,14.3px + 0.19vw,18px);
	--mr-lookout-clearance:        clamp(8px,-0.9px + 2.29vw,32px);
	--mr-scan-berth-buffer-leftward:         clamp(10px,0.2px + 1.24vw,18px);
	--mr-letterform-linear:    'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
	--mr-mesh-clearance-y:    clamp(22px,19.3px + 0.74vw,27px);
	--mr-wording-faint:   #a7afbb;
}

ul,ol {
	padding: 0;
	list-style: none;
}

.mr-unspool-further.mr-phase-spooling::after {
	width: 15px;
	content: '';
	flex-shrink: 0;
	animation-timing-function: linear;
	border-color: transparent currentColor currentColor;
	border-style: solid;
	border-width: 2px;
	animation-name: mr-spooling-whirl;
	margin-right: 8px;
	border-radius: 50%;
	height: 15px;
	animation-duration: 650ms;
	order: -1;
	animation-iteration-count: infinite;
}

.mr-scan-docket.mr-phase-summon ~ .mr-ambiance-switcher { visibility: hidden; }

h1,h2 {
	font-family: var(--mr-letterform-didone);
	color: var(--mr-wording);
	font-weight: bold;
	line-height: 1.2;
}

@keyframes mr-spooling-whirl {
	to { transform: rotate(360deg); }
}

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

.mr-hallmark-wordmark svg path { fill: currentColor; }

img,picture,svg {
	max-width: 100%;
	display: block;
}

button {
	font: inherit;
	border: 0;
	padding: 0;
	background: none;
	cursor: pointer;
	color: inherit;
}

h3,h4,h5,h6 {
	line-height: 1.3;
	font-weight: 600;
	font-family: var(--mr-letterform-linear);
	color: var(--mr-wording);
}

a {
	color: var(--mr-flare);
	transition: color var(--mr-tween);
}

*,*::before,*::after { box-sizing: border-box; }

html,body { min-height: 100vh; }

input,select,textarea { font: inherit; }

.mr-hallmark:not(.mr-hallmark-carries-cipher) { top: calc(-1 * var(--mr-hallmark-ocular,0em)); }

body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote { margin: 0; }

.mr-unspool-further[disabled] {
	opacity: 55%;
	cursor: not-allowed;
}

.mr-hallmark::before,
.mr-unspool-further::before,
.mr-scan-docket button::before {
	position: absolute;
	min-height: var(--mr-fingerpad);
	content: '';
	right: 0;
	transform: translateY(-50%);
	height: 100%;
	left: 0;
	top: 50%;
}

@media (max-width: 480px) {
}

.mr-scan-docket button::before {
	transform: translate(-50%,-50%);
	width: var(--mr-fingerpad);
	left: 50%;
	right: auto;
}

a:hover { color: var(--mr-wording); }

.mr-hallmark-cipher svg:not([fill]) { fill: currentColor; }

.mr-ambiance-switcher::before {
	width: var(--mr-fingerpad);
	content: '';
	height: var(--mr-fingerpad);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
}

.mr-scope-spooling::before {
	border-style: solid;
	border-color: var(--mr-flare) var(--mr-brim) var(--mr-brim);
	display: inline-block;
	vertical-align: middle;
	animation-iteration-count: infinite;
	border-width: 2px;
	height: 26px;
	animation-timing-function: linear;
	border-radius: 50%;
	animation-duration: 730ms;
	margin-right: 11px;
	width: 26px;
	content: '';
	animation-name: mr-spooling-whirl;
}

.mr-perimeter {
	margin: 0 auto;
	padding: 0 var(--mr-margin);
	max-width: var(--mr-perimeter-peak);
}

.mr-concealed {
	padding: 0;
	white-space: nowrap;
	clip: rect(0,0,0,0);
	border: 0;
	width: 1px;
	position: absolute;
	margin: -1px;
	height: 1px;
	overflow: hidden;
}

.mr-hallmark,
.mr-unspool-further,
.mr-scan-docket button {
	position: relative;
}

.mr-hallmark-carries-cipher .mr-hallmark-wording {
	top: calc(-1 * var(--mr-hallmark-ocular,0em));
	position: relative;
}

a:focus-visible {
	outline-offset: 3px;
	outline: 2px solid var(--mr-flare);
	border-radius: 2px;
}

.mr-folio-preamble { max-width: var(--mr-textwidth); }

.mr-hallmark {
	display: inline-flex;
	font-family: var(--mr-letterform-didone);
	white-space: nowrap;
	color: var(--mr-wording);
	font-size: var(--mr-hallmark-letterform-dimension);
	font-weight: bold;
	justify-self: start;
	align-items: baseline;
	line-height: 1;
	letter-spacing: -0.02em;
}

.mr-hallmark-wording { line-height: 1; }

.mr-hallmark-carries-cipher { align-items: center; }

.mr-hallmark:hover { color: var(--mr-wording); }

.mr-hallmark-cipher {
	flex-shrink: 0;
	align-items: center;
	display: inline-flex;
	color: var(--mr-flare);
	margin-right: 9px;
}

.mr-hallmark-cipher svg {
	height: calc(var(--mr-crest-elevation) * 0.65);
	display: block;
	width: calc(var(--mr-crest-elevation) * 0.65);
}

.mr-hallmark-wordmark {
	align-items: center;
	display: inline-flex;
}

.mr-hallmark-wordmark svg {
	display: block;
	width: auto;
	height: var(--mr-crest-elevation);
}

.mr-scan-docket {
	align-items: center;
	max-width: var(--mr-scan-berth-peak);
	height: var(--mr-scan-berth-elevation);
	background: var(--mr-dusk);
	padding: 0 var(--mr-scan-berth-buffer-rightward) 0 var(--mr-scan-berth-buffer-leftward);
	border-radius: 999px;
	width: 100%;
	border: 1px solid var(--mr-brim);
	display: flex;
	justify-self: end;
	transition: border-color var(--mr-tween),box-shadow var(--mr-tween);
}

.mr-scan-docket:focus-within {
	box-shadow: 0 0 0 3px var(--mr-flare-velvet);
	border-color: var(--mr-flare);
}

.mr-scan-docket input {
	color: var(--mr-wording);
	background: transparent;
	font-size: clamp(16px,15.1px + 0.25vw,19px);
	border: 0;
	flex: 1;
	outline: none;
	font-family: inherit;
	min-width: 0;
	padding: 0;
}

.mr-scan-docket button {
	height: 27px;
	width: 27px;
	background: transparent;
	justify-content: center;
	border-radius: 50%;
	flex-shrink: 0;
	margin-left: 2px;
	transition: color var(--mr-tween),background var(--mr-tween);
	color: var(--mr-wording-faint);
	display: flex;
	align-items: center;
}

.mr-scan-docket button:hover {
	background: var(--mr-flare-velvet);
	color: var(--mr-flare);
}

.mr-ambiance-switcher:focus-visible {
	outline: 2px solid var(--mr-flare);
	outline-offset: 2px;
}

.mr-ambiance-switcher {
	color: var(--mr-wording-faint);
	justify-content: center;
	display: flex;
	height: var(--mr-scan-berth-elevation);
	align-self: center;
	position: relative;
	width: var(--mr-scan-berth-elevation);
	border-radius: 50%;
	align-items: center;
	transition: color var(--mr-tween),background var(--mr-tween);
	justify-self: end;
}

.mr-folio-billboard {
	letter-spacing: -0.02em;
	margin: 26px 0 17px;
	font-size: var(--mr-letterform-dimension-towering);
}

.mr-ambiance-switcher svg {
	width: var(--mr-scan-berth-ideogram);
	height: var(--mr-scan-berth-ideogram);
}

.mr-primary-gist { padding-bottom: 82px; }

.mr-ambiance-switcher:hover {
	background: var(--mr-flare-velvet);
	color: var(--mr-flare);
}

.mr-ambiance-switcher svg + svg,
.mr-ambiance-noon .mr-ambiance-switcher svg:first-child {
	display: none;
}

.mr-ambiance-noon .mr-ambiance-switcher svg + svg { display: block; }

.mr-folio-preamble {
	max-width: 760px;
	font-size: var(--mr-letterform-dimension-lede);
	color: var(--mr-wording-faint);
	margin-bottom: 42px;
	line-height: 1.7;
}

.mr-sighting-sector { margin: 0 0 var(--mr-sector-clearance); }

.mr-sighting-sector:last-child { margin-bottom: 0; }

.mr-unspool-further-cocoon {
	margin-top: 42px;
	text-align: center;
}

.mr-footprints {
	padding: 26px 0 0;
	gap: 8px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: var(--mr-letterform-dimension-slight);
	color: var(--mr-wording-faint);
}

.mr-sighting-mesh {
	display: grid;
	gap: var(--mr-mesh-clearance-y) var(--mr-mesh-clearance-x);
	grid-template-columns: repeat(auto-fill,minmax( min(var(--mr-sighting-lowest),calc((100% - (var(--mr-shafts-lowest,2) - 1) * var(--mr-mesh-clearance-x)) / var(--mr-shafts-lowest,2))),1fr));
}

.mr-footprints a { color: var(--mr-wording-faint); }

.mr-footprints a:hover { color: var(--mr-flare); }

.mr-footprints-spacer { color: var(--mr-brim); }

.mr-footprints-nowshowing {
	color: var(--mr-wording);
	font-weight: 500;
}

.mr-unspool-further {
	font-size: var(--mr-letterform-dimension-slight);
	border: 1px solid var(--mr-brim);
	color: var(--mr-wording);
	padding: 11px 33px;
	transition: all var(--mr-tween);
	background: var(--mr-dusk-hoisted);
	font-weight: 500;
	border-radius: var(--mr-fillet);
}

@media (max-width: 719px) {
	.mr-folio-billboard { margin: 15px 0 11px; }

	.mr-folio-preamble { margin-bottom: 33px; }

	.mr-footprints { padding-top: 22px; }
}

.mr-scope {
	justify-content: center;
	transition: opacity 210ms ease;
	padding: 26px;
	inset: 0;
	pointer-events: none;
	align-items: center;
	display: flex;
	opacity: 0%;
	z-index: 100;
	position: fixed;
}

.mr-scope-midst { padding: 0; }

.mr-scope.mr-phase-summon {
	pointer-events: auto;
	opacity: 100%;
}

.mr-unspool-further:hover:not([disabled]) {
	color: var(--mr-upon-flare);
	border-color: var(--mr-flare);
	background: var(--mr-flare);
}

.mr-scope[hidden] { display: none; }

.mr-scope-veneer {
	inset: 0;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	cursor: pointer;
	background: rgba(15,20,30,0.65);
	position: absolute;
}

.mr-scope-kiosk {
	transform: translateY(8px);
	border-radius: var(--mr-fillet-hefty);
	max-width: 720px;
	overflow-y: auto;
	position: relative;
	width: 100%;
	box-shadow: var(--mr-penumbra-hefty);
	background: var(--mr-dusk-hoisted);
	max-height: calc(100vh - 48px);
	transition: transform 210ms ease;
}

.mr-scope.mr-phase-summon .mr-scope-kiosk { transform: translateY(0); }

.mr-sighting:hover { transform: translateY(-0.125rem); }

.mr-scope-shutter {
	height: 38px;
	z-index: 2;
	align-items: center;
	border-radius: 50%;
	justify-content: center;
	transition: background var(--mr-tween),color var(--mr-tween);
	color: var(--mr-wording-faint);
	top: 11px;
	right: 11px;
	display: flex;
	width: 38px;
	background: var(--mr-shroud);
	position: absolute;
}

.mr-scope-gist {
	display: grid;
	gap: 26px;
	padding: 27px;
	grid-template-columns: 220px 1fr;
}

@media (prefers-reduced-motion: reduce) {
	*,*::before,*::after {
		animation-duration: 0.01ms !important;
		scroll-behavior: auto !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mr-sighting:hover { transform: none; }
}

.mr-scope-lowdown {
	display: flex;
	padding-right: 33px;
	flex-direction: column;
	gap: 11px;
}

.mr-scope-shutter:hover {
	color: var(--mr-flare);
	background: var(--mr-flare-velvet);
}

.mr-scope-keyart img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.mr-scope-keyart {
	border-radius: var(--mr-fillet);
	overflow: hidden;
	background: var(--mr-brim);
	aspect-ratio: 2 / 3;
}

.mr-scope-lowdown-medal {
	background: rgba(0,0,0,0.78);
	border-radius: var(--mr-fillet-slight);
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 0.5px;
	font-weight: 600;
	display: inline-block;
	font-size: 10px;
	padding: 3px 8px;
	align-self: flex-start;
}

.mr-scope-lowdown-billboard {
	margin: 0;
	font-weight: bold;
	line-height: 1.15;
	font-family: var(--mr-letterform-didone);
	letter-spacing: -0.02em;
	font-size: 26px;
}

.mr-scope-lowdown-trivia {
	font-size: 13px;
	gap: 9px 17px;
	display: flex;
	flex-wrap: wrap;
	color: var(--mr-wording-faint);
}

.mr-scope-lowdown-flavors {
	gap: 5px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 3px;
}

.mr-unspool-further.mr-phase-spooling {
	align-items: center;
	opacity: 60%;
	pointer-events: none;
	justify-content: center;
	display: inline-flex;
}

.mr-scope-lowdown-trivia strong {
	font-weight: 600;
	color: var(--mr-wording);
}

.mr-scope-lowdown-acclaim {
	font-weight: 600;
	color: var(--mr-flare);
}

.mr-scope-lowdown-catchline {
	font-style: italic;
	color: var(--mr-wording-faint);
	font-size: 14px;
}

.mr-scan-docket [hidden] { display: none !important; }

.mr-scope-lowdown-precis {
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--mr-wording);
}

.mr-scope-lowdown-flavor {
	color: var(--mr-wording-faint);
	font-size: 11.5px;
	padding: 3px 9px;
	font-weight: 500;
	background: var(--mr-flare-velvet);
	border-radius: 999px;
}

.mr-scope-spooling,
.mr-scope-misfire {
	color: var(--mr-wording-faint);
	text-align: center;
	padding: 61px 27px;
	font-size: 14px;
}

@media (max-width: 719px) {
	.mr-scope-lowdown-billboard { font-size: 22px; }

	.mr-scope-keyart {
		margin: 0 auto;
		max-width: 180px;
	}

	.mr-scope { padding: 11px; }

	.mr-scope-gist {
		gap: 18px;
		grid-template-columns: 1fr;
		padding: 22px;
	}

	.mr-scope-lowdown { padding-right: 0; }
}

.mr-scan-shutter {
	margin-left: 0;
	color: var(--mr-flare);
	margin-right: 3px;
}

.mr-scan-docket svg {
	width: var(--mr-scan-berth-ideogram);
	height: var(--mr-scan-berth-ideogram);
}

.mr-scan-docket button {
	height: calc(var(--mr-scan-berth-elevation) * 0.64);
	width: calc(var(--mr-scan-berth-elevation) * 0.64);
}

@media (max-width: 719px) {
	.mr-scan-spyglass .mr-scan-docket:not(.mr-phase-summon) input,
	.mr-scan-spyglass .mr-scan-docket:not(.mr-phase-summon) .mr-scan-reset {
		display: none;
	}

	.mr-scan-spyglass .mr-scan-docket.mr-phase-summon .mr-scan-engage { display: none; }

	.mr-scan-spyglass .mr-scan-docket:not(.mr-phase-summon) {
		height: auto;
		width: auto;
		padding: 0;
		border-color: transparent;
		max-width: none;
		background: none;
	}

	.mr-scan-tray[hidden] { display: none; }

	.mr-scan-tray .mr-scan-engage { display: none; }

	.mr-scan-spyglass .mr-scan-docket:not(.mr-phase-summon) .mr-scan-engage {
		border: 1px solid var(--mr-brim);
		color: var(--mr-wording);
		height: var(--mr-scan-berth-elevation);
		background: var(--mr-dusk);
		width: var(--mr-scan-berth-elevation);
	}

	.mr-scan-spyglass .mr-scan-docket.mr-phase-summon {
		left: var(--mr-margin);
		z-index: 20;
		right: var(--mr-margin);
		margin-right: 0;
		max-width: none;
		justify-self: stretch;
		box-shadow: var(--mr-penumbra-hefty);
		width: auto;
		position: absolute;
	}

	.mr-scan-tray {
		position: fixed;
		inset: 0;
		z-index: 60;
		background: rgba(0,0,0,0.45);
	}

	.mr-scan-tray-shelf {
		align-items: center;
		display: flex;
		gap: 8px;
	}

	.mr-scan-tray-pod {
		box-shadow: var(--mr-penumbra-hefty);
		background: var(--mr-dusk-hoisted);
		padding: 11px var(--mr-margin) 17px;
	}

	.mr-scan-tray .mr-scan-docket {
		max-width: none;
		flex: 1;
	}

	.mr-scan-spyglass .mr-scan-docket.mr-phase-summon,
	.mr-scan-tray .mr-scan-docket {
		padding-right: var(--mr-scan-berth-buffer-leftward);
	}
}

.mr-sighting-standout { margin-bottom: 23px; }

.mr-primary-gist > .mr-perimeter:first-child > .mr-sighting-sector:first-child { padding-top: 42px; }

@media (max-width: 719px) {
	.mr-scan-docket { min-width: 0; }
}

.mr-mesh-catalog { grid-template-columns: repeat(auto-fill,minmax(min(100%,380px),1fr)); }

@media (max-width: 719px) {
	.mr-primary-gist > .mr-perimeter:first-child > .mr-sighting-sector:first-child { padding-top: 28px; }
}

.mr-sighting-standout img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.mr-sighting {
	display: block;
	transition: transform var(--mr-tween);
	cursor: pointer;
}

.mr-sighting .mr-sighting-interior {
	grid-template-areas: 'poster poster' 'info info';
	margin: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.mr-sighting .mr-sighting-interior img {
	background: var(--mr-brim);
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: var(--mr-fillet);
	height: auto;
	box-shadow: var(--mr-penumbra-slight);
	width: 100%;
	display: block;
	grid-area: poster;
	transition: box-shadow var(--mr-tween-unhurried);
}

.mr-sighting:hover .mr-sighting-interior img { box-shadow: var(--mr-penumbra-hefty); }

.mr-sighting .mr-sighting-medal {
	justify-self: start;
	padding: 0.2rem 0.6rem;
	position: relative;
	color: rgba(255,255,255,1);
	align-self: start;
	border-radius: 999px;
	backdrop-filter: blur(4px);
	grid-area: poster;
	margin: 0.5rem 0 0 0.5rem;
	font-weight: 600;
	text-transform: uppercase;
	background: rgba(0,0,0,0.78);
	z-index: 1;
	font-size: 0.625rem;
	letter-spacing: 0.03rem;
}

.mr-sighting .mr-sighting-acclaim {
	background: rgba(0,0,0,0.78);
	color: rgba(255,255,255,1);
	font-size: 0.6875rem;
	align-self: end;
	position: relative;
	backdrop-filter: blur(4px);
	z-index: 1;
	margin: 0 0.5rem 0.5rem 0;
	justify-self: end;
	border-radius: 999px;
	grid-area: poster;
	padding: 0.2rem 0.55rem;
	font-weight: bold;
}

.mr-sighting .mr-sighting-lowdown {
	grid-area: info;
	display: grid;
	padding: 0.875rem 0.125rem 0;
	gap: 0.25rem;
}

.mr-sighting .mr-sighting-billboard {
	font-size: 0.78rem;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	font-weight: 800;
	line-clamp: 2;
	display: -webkit-box;
	letter-spacing: -0.01rem;
	margin: 0;
	color: var(--mr-wording);
	font-family: var(--mr-letterform-linear);
	overflow: hidden;
	-webkit-line-clamp: 2;
}

:where(.mr-panorama) { display: flow-root; }

.mr-panorama .mr-panorama-interior {
	text-align: center;
	align-items: center;
	gap: 15px;
	flex-direction: column;
	display: flex;
}

.mr-sighting .mr-sighting-airdate {
	color: var(--mr-wording-faint);
	font-size: 0.75rem;
}

@media (min-width: 481px) {
	.mr-sighting .mr-sighting-billboard { font-size: 0.8125rem; }
}

@media (min-width: 720px) {
	.mr-sighting .mr-sighting-billboard { font-size: 0.9375rem; }

	.mr-sighting .mr-sighting-lowdown { padding-top: 1rem; }
}

.mr-panorama .mr-panorama-billboard {
	text-wrap: balance;
	margin: 0;
	font-size: clamp(28px,4.8vw,50px);
	font-weight: 800;
	max-width: 780px;
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.mr-panorama .mr-panorama-subheading {
	margin: 0;
	max-width: 540px;
	text-wrap: balance;
	line-height: 1.5;
	font-size: clamp(15px,1.8vw,19px);
	color: var(--mr-wording-faint);
}

.mr-panorama {
	padding: 69px 0 54px;
	background: linear-gradient(180deg,var(--mr-flare-velvet),transparent);
}

.mr-panorama .mr-panorama-flavors {
	list-style: none;
	margin: 3px 0 0;
	gap: 8px;
	padding: 0;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}

.mr-panorama .mr-panorama-flavor {
	padding: 5px 13px;
	font-weight: 600;
	background: var(--mr-flare-velvet);
	border-radius: 999px;
	line-height: 1.3;
	font-size: 13px;
	color: var(--mr-flare);
}

:where(.mr-sector-lookout) { display: flow-root; }

@media (max-width: 719px) {
	.mr-panorama .mr-panorama-interior { gap: 9px; }

	.mr-panorama .mr-panorama-billboard {
		line-height: 1.16;
		font-size: clamp(22px,6vw,30px);
	}

	.mr-panorama .mr-panorama-flavors {
		gap: 5px;
		margin-top: 2px;
	}

	.mr-panorama .mr-panorama-subheading {
		line-height: 1.45;
		max-width: 320px;
		font-size: 14.5px;
	}

	.mr-panorama { padding: 42px 0 27px; }

	.mr-panorama .mr-panorama-flavor {
		font-size: 12px;
		padding: 3px 12px;
	}
}

.mr-sector-lookout { margin: 0 0 26px; }

@media (max-width: 480px) {
	.mr-panorama .mr-panorama-billboard { font-size: 22px; }

	.mr-panorama { padding: 33px 0 26px; }

	.mr-panorama .mr-panorama-subheading {
		font-size: 13.5px;
		max-width: 280px;
	}
}

.mr-sector-lookout .mr-sector-lookout-cocoon {
	list-style: none;
	padding: 0;
	display: block;
	margin: 0;
}

.mr-sector-lookout .mr-sector-billboard-cocoon {
	vertical-align: baseline;
	display: inline-block;
	max-width: 100%;
}

.mr-outpost-tailpiece .mr-tailpiece-shaft-origins {
	flex: 2 1 0;
	min-width: 0;
}

.mr-sector-lookout .mr-sector-further-cocoon {
	vertical-align: baseline;
	display: inline-block;
	margin-left: 15px;
}

:where(.mr-outpost-tailpiece) { display: flow-root; }

.mr-sector-billboard {
	letter-spacing: -0.01em;
	font-size: clamp(22px,3vw,28px);
	margin: 0;
}

.mr-sector-further {
	white-space: nowrap;
	transition: opacity var(--mr-tween);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--mr-flare);
}

.mr-tailpiece-lower small {
	text-align: center;
	font-size: 0.8125em;
}

.mr-sector-further:hover {
	opacity: 75%;
	color: var(--mr-flare);
}

@media (max-width: 719px) {
	.mr-sector-lookout { margin-bottom: 17px; }

	.mr-sector-lookout .mr-sector-further-cocoon { margin-left: 9px; }
}

.mr-outpost-tailpiece {
	border-top: 1px solid var(--mr-brim);
	background: var(--mr-dusk-hoisted);
	margin-top: 3.75em;
	padding: 3.75em 0 1.5em;
}

.mr-tailpiece-shaft a {
	font-size: 0.875em;
	transition: color var(--mr-tween);
	color: var(--mr-wording);
}

.mr-tailpiece-shaft a:hover { color: var(--mr-flare); }

.mr-outpost-tailpiece .mr-tailpiece-mesh {
	align-items: flex-start;
	margin-bottom: 3em;
	gap: 3em;
	display: flex;
}

.mr-tailpiece-shaft-origins p {
	margin: 0;
	font-size: 0.875em;
	color: var(--mr-wording-faint);
	line-height: 1.6;
}

.mr-tailpiece-shaft-origins h3 {
	font-weight: 600;
	font-family: var(--mr-letterform-didone);
	margin: 0 0 0.5em;
	line-height: 1.25;
	color: var(--mr-wording);
	font-size: 1.5em;
}

.mr-outpost-tailpiece .mr-tailpiece-compass {
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 3em;
	display: flex;
	flex: 2 1 0;
}

.mr-outpost-tailpiece .mr-tailpiece-shaft {
	flex: 1 1 0;
	min-width: 0;
}

.mr-tailpiece-shaft ul {
	padding: 0;
	flex-direction: column;
	margin: 0;
	display: flex;
	gap: 0.875em;
	list-style: none;
}

.mr-tailpiece-shaft h3 {
	color: var(--mr-flare);
	margin: 0 0 1.25em;
	font-weight: 600;
	padding: 0.3em 0.7em;
	border-radius: var(--mr-fillet-slight);
	letter-spacing: 0.05em;
	font-family: var(--mr-letterform-linear);
	text-transform: uppercase;
	font-size: 0.75em;
	background: var(--mr-flare-velvet);
	display: inline-block;
	border: 1px solid var(--mr-brim);
}

@media (max-width: 900px) {
	.mr-outpost-tailpiece .mr-tailpiece-mesh {
		gap: 2em;
		flex-wrap: wrap;
	}

	.mr-outpost-tailpiece .mr-tailpiece-shaft-origins { flex: 1 1 100%; }

	.mr-outpost-tailpiece .mr-tailpiece-compass {
		flex: 1 1 100%;
		gap: 2em;
	}
}

.mr-outpost-tailpiece .mr-tailpiece-findability-wording {
	padding: 2.5em 0 0;
	border-top: 1px solid var(--mr-brim);
	margin: 0 0 2.5em;
	max-width: 56em;
}

.mr-tailpiece-findability-wording p {
	font-size: 0.875em;
	line-height: 1.7;
	margin: 0 0 0.86em;
	color: var(--mr-wording-faint);
}

@media (max-width: 719px) {
	.mr-outpost-tailpiece .mr-tailpiece-compass { flex-direction: column; }
}

.mr-tailpiece-findability-wording h3 {
	font-weight: 600;
	font-family: var(--mr-letterform-linear);
	margin: 1.5em 0 0.5em;
	color: var(--mr-wording);
	font-size: 1em;
}

.mr-tailpiece-findability-wording h2 {
	margin: 0 0 0.67em;
	font-size: 1.5em;
}

.mr-outpost-tailpiece .mr-tailpiece-lower {
	padding-top: 1.5em;
	justify-content: center;
	display: flex;
	color: var(--mr-wording-faint);
	border-top: 1px solid var(--mr-brim);
}

@media (max-width: 480px) {
	.mr-tailpiece-findability-wording h2 { font-size: 1.375em; }
}

.mr-outpost-lookout {
	z-index: 50;
	background: var(--mr-dusk-hoisted);
	top: 0;
	position: sticky;
	border-bottom: 1px solid var(--mr-brim);
}

:where(.mr-outpost-lookout) { display: flow-root; }

.mr-outpost-lookout .mr-lookout-interior {
	align-items: center;
	min-height: 4.75em;
	gap: 2em;
	display: flex;
}

.mr-outpost-lookout .mr-lookout-compass {
	flex: 1 1 auto;
	margin: 0;
	display: flex;
	padding: 0;
	align-self: stretch;
	min-width: 0;
	justify-content: center;
}

.mr-outpost-lookout .mr-lookout-interior > button { flex: 0 0 auto; }

.mr-outpost-lookout .mr-lookout-interior > form { flex: 0 0 auto; }

.mr-outpost-lookout .mr-primary-compass {
	align-items: stretch;
	gap: 0.125em;
	display: flex;
}

.mr-outpost-lookout .mr-compass-portal {
	letter-spacing: 0.03em;
	padding: 0 1.15em;
	color: var(--mr-wording-faint);
	display: flex;
	transition: color var(--mr-tween),background-color var(--mr-tween);
	font-size: 0.875em;
	white-space: nowrap;
	font-weight: 500;
	align-items: center;
	font-family: var(--mr-letterform-linear);
}

.mr-outpost-lookout .mr-compass-portal:hover { color: var(--mr-wording); }

.mr-outpost-lookout .mr-compass-portal.mr-phase-lit {
	color: var(--mr-flare);
	background: var(--mr-flare-velvet);
	font-weight: 600;
}

@media (min-width: 720px) and (max-width: 1023px) {
	.mr-outpost-lookout .mr-compass-portal {
		padding: 0 0.7em;
		font-size: 0.8125em;
	}

	.mr-outpost-lookout .mr-lookout-interior {
		min-height: 4em;
		gap: 1.125em;
	}
}

@media (max-width: 719px) {
	.mr-outpost-lookout .mr-lookout-interior {
		min-height: 3.5em;
		gap: 0.75em;
	}

	.mr-outpost-lookout .mr-compass-portal {
		padding: 0 0.75em;
		font-size: 0.8125em;
	}
}

@media (max-width: 480px) {
	.mr-outpost-lookout .mr-compass-portal {
		font-size: 0.78125em;
		letter-spacing: 0.02em;
		padding: 0 0.55em;
	}

	.mr-outpost-lookout .mr-lookout-interior {
		min-height: 3.25em;
		gap: 0.5em;
	}
}

@media (max-width: 380px) {
	.mr-outpost-lookout .mr-lookout-interior { gap: 0.375em; }

	.mr-outpost-lookout .mr-compass-portal {
		padding: 0 0.4em;
		font-size: 0.75em;
	}

	.mr-outpost-lookout .mr-primary-compass { gap: 0; }
}