@font-face{
	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;
	src: url("fonts/inter-playfair/inter-400-latin-ext.woff2") format("woff2");
	font-display: swap;
	font-family: "Inter";
	font-weight: 400 600;
}

@font-face{
	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;
	src: url("fonts/inter-playfair/inter-400-latin.woff2") format("woff2");
	font-display: swap;
	font-family: "Inter";
	font-weight: 400 600;
}

@font-face{
	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;
	src: url("fonts/inter-playfair/playfair-display-700-latin-ext.woff2") format("woff2");
	font-display: swap;
	font-family: "Playfair Display";
	font-weight: 700;
}

@font-face{
	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;
	src: url("fonts/inter-playfair/playfair-display-700-latin.woff2") format("woff2");
	font-display: swap;
	font-family: "Playfair Display";
	font-weight: 700;
}

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

h1,h2{
	font-weight: 700;
	color: var(--copy);
	line-height: 1.2;
	font-family: var(--typeface-roman);
}

.huntSlate.stateUnfold ~ .lightingFlip{ visibility: hidden; }

body{
	font-family: var(--typeface-grotesque);
	-webkit-font-smoothing: antialiased;
	font-size: var(--typeface-scale-stage);
	background: var(--backdrop);
	color: var(--copy);
	line-height: 1.6;
	-moz-osx-font-smoothing: grayscale;
}

.marquee::before,
.rollEncore::before,
.huntSlate button::before{
	min-height: var(--touch);
	left: 0px;
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	height: 100%;
	right: 0px;
	content: "";
}

.huntSlate input::placeholder{ color: var(--copy-hushed); }

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

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

.marqueeStamp svg:not([fill]){ fill: currentColor; }

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

a{
	transition: color var(--fade);
	color: var(--spotlight);
}

@keyframes spin{
	to{ transform: rotate(360deg); }
}

.marquee:not(.marqueeHoldsStamp){ top: calc(-1 * var(--marquee-optic,0em)); }

input,select,textarea{ font: inherit; }

.huntSlate button::before{
	left: 50%;
	transform: translate(-50%,-50%);
	right: auto;
	width: var(--touch);
}

.marqueeMoniker svg path{ fill: currentColor; }

:root{
	--hunt-slot-tall:          clamp(36px,31.7px + 1.2vw,44px);
	--typeface-scale-grand:    clamp(21px,17.7px + 0.93vw,31px);
	--shade:       0 3px 13px rgba(0,0,0,0.08);
	--emblem-tall: clamp(30px,25px + 1.3vw,44px);
	--premiere-cushion-upper:       clamp(31px,16px + 4.44vw,77px);
	--canvas-ceiling: 1200px;
	--curve:       7px;
	--fade:      140ms cubic-bezier(0.4,0,0.2,1);
	--fade-lazy: 270ms cubic-bezier(0.4,0,0.2,1);
	--lattice-spacing-y:    clamp(21px,15.3px + 0.74vw,26px);
	--typeface-roman:   "Playfair Display",Georgia,"Times New Roman",serif;
	--typeface-scale-medium:    calc(var(--typeface-scale-stage) * 1.06);
	--banner-least:        clamp(52px,44px + 2.2vw,76px);
	--outline:       #222b42;
	--typeface-scale-stage:       clamp(16px,15.3px + 0.19vw,15px);
	--copy:         #e3e9f7;
	--curve-wide:    9px;
	--typeface-grotesque:    "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	--hunt-slot-cushion-east:         clamp(2px,0.4vw,6px);
	--lanes-least:      2;
	--reach: 60ch;
	--verge:        clamp(13px,5.9px + 1.97vw,31px);
	--hunt-slot-ceiling:        clamp(110px,45px + 18vw,300px);
	--icon-pale:  #4c8dff;
	--marquee-typeface-scale:      clamp(17px,12.5px + 1.25vw,30px);
	--premiere-cushion-ground:       clamp(23px,12.3px + 2.96vw,56px);
	--hunt-slot-cushion-west:         clamp(10px,0.2px + 1.24vw,18px);
	--typeface-scale-reel:  var(--typeface-scale-stage);
	--backdrop:           #0a0e1c;
	--banner-spacing:        clamp(8px,-0.9px + 2.29vw,32px);
	--lattice-spacing-x:    clamp(13px,9.3px + 0.74vw,21px);
	--touch: 44px;
	--curve-petite:    3px;
	--typeface-scale-jumbo:    clamp(30px,22.7px + 2.04vw,52px);
	--shade-wide:    0 7px 23px rgba(0,0,0,0.12);
	--act-spacing:   56px;
	--backdrop-raised:  #131a2e;
	--menu-cushion-x:        clamp(6px,2.7px + 0.92vw,16px);
	--over-spotlight:    #0a0e1c;
	--typeface-scale-teaser:  calc(var(--typeface-scale-stage) * 1.12);
	--typeface-scale-tiny: calc(var(--typeface-scale-stage) * 0.70);
	--copy-hushed:   #8e9bb8;
	--icon-deep:  #4c8dff;
	--hunt-slot-glyph:        clamp(13px,10.8px + 0.69vw,18.5px);
	--still-least:      clamp(150px,13vw,190px);
	--spotlight-gentle:  rgba(76,141,255,0.1);
	--icon-tint: #4c8dff;
	--typeface-scale-still:  calc(var(--typeface-scale-stage) * 0.92);
	--menu-cushion-y:        clamp(7px,4.3px + 0.75vw,12px);
	--typeface-scale-petite: calc(var(--typeface-scale-stage) * 0.82);
	--shade-petite:    0 1px 2px rgba(0,0,0,0.04);
	--spotlight:       #4c8dff;
}

a:hover{ color: var(--copy); }

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

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

.lightingFlip::before{
	width: var(--touch);
	transform: translate(-50%,-50%);
	height: var(--touch);
	position: absolute;
	top: 50%;
	content: "";
	left: 50%;
}

.closeupBuffering::before{
	height: 23px;
	margin-right: 13px;
	border-top-color: var(--spotlight);
	width: 23px;
	animation: spin 760ms linear infinite;
	border: 2px solid var(--outline);
	border-radius: 50%;
	content: "";
	display: inline-block;
	vertical-align: middle;
}

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

.rollEncore.stateBuffering::before{
	border-radius: 50%;
	width: 14px;
	display: inline-block;
	content: "";
	border: 2px solid currentColor;
	margin-right: 7px;
	height: 14px;
	animation: spin 550ms linear infinite;
	vertical-align: -2px;
	border-top-color: transparent;
}

.huntSlate input::-webkit-search-cancel-button{
	-webkit-appearance: none;
	appearance: none;
}

h3,h4,h5,h6{
	font-weight: 600;
	line-height: 1.3;
	font-family: var(--typeface-grotesque);
	color: var(--copy);
}

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

.rollEncore[disabled]{
	opacity: 55%;
	cursor: not-allowed;
}

.canvas{
	padding: 0px var(--verge);
	max-width: var(--canvas-ceiling);
	margin: 0px auto 0px auto;
}

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

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

.marquee{
	align-items: baseline;
	letter-spacing: -0.02em;
	white-space: nowrap;
	line-height: 1;
	color: var(--copy);
	font-family: var(--typeface-roman);
	justify-self: start;
	font-size: var(--marquee-typeface-scale);
	display: inline-flex;
	font-weight: 700;
}

.marqueeCopy{ line-height: 1; }

.marquee,
.rollEncore,
.huntSlate button{
	position: relative;
}

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

.marquee:hover{ color: var(--copy); }

.scenePrologue{ max-width: var(--reach); }

.marqueeHoldsStamp{ align-items: center; }

.marqueeStamp{
	align-items: center;
	flex-shrink: 0;
	display: inline-flex;
	margin-right: 10px;
	color: var(--spotlight);
}

.marqueeHoldsStamp .marqueeCopy{
	position: relative;
	top: calc(-1 * var(--marquee-optic,0em));
}

.marqueeStamp svg{
	width: calc(var(--emblem-tall) * 0.65);
	height: calc(var(--emblem-tall) * 0.65);
	display: block;
}

.marqueeMoniker{
	align-items: center;
	display: inline-flex;
}

.marqueeMoniker svg{
	height: var(--emblem-tall);
	display: block;
	width: auto;
}

.huntSlate{
	display: flex;
	justify-self: end;
	transition: border-color var(--fade),box-shadow var(--fade);
	border-radius: 999px;
	background: var(--backdrop);
	align-items: center;
	border: 1px solid var(--outline);
	max-width: var(--hunt-slot-ceiling);
	width: 100%;
	height: var(--hunt-slot-tall);
	padding: 0px var(--hunt-slot-cushion-east) 0px var(--hunt-slot-cushion-west);
}

.huntSlate:focus-within{
	border-color: var(--spotlight);
	box-shadow: 0px 0px 0px 3px var(--spotlight-gentle);
}

.huntSlate button{
	width: 26px;
	border-radius: 50%;
	flex-shrink: 0;
	height: 26px;
	justify-content: center;
	color: var(--copy-hushed);
	align-items: center;
	margin-left: 2px;
	background: transparent;
	display: flex;
	transition: color var(--fade),background var(--fade);
}

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

.huntSlate button:hover{
	background: var(--spotlight-gentle);
	color: var(--spotlight);
}

.lightingFlip:focus-visible{
	outline: 2px solid var(--spotlight);
	outline-offset: 2px;
}

.sceneHeadline{
	letter-spacing: -0.02em;
	font-size: var(--typeface-scale-jumbo);
	margin: 23px 0px 16px 0px;
}

.lightingFlip{
	color: var(--copy-hushed);
	justify-content: center;
	align-self: center;
	display: flex;
	width: var(--hunt-slot-tall);
	border-radius: 50%;
	height: var(--hunt-slot-tall);
	position: relative;
	justify-self: end;
	transition: color var(--fade),background var(--fade);
	align-items: center;
}

.lightingFlip:hover{
	background: var(--spotlight-gentle);
	color: var(--spotlight);
}

.lightingFlip svg + svg,
.lightingDaylight .lightingFlip svg:first-child{
	display: none;
}

.featureMatter{ padding-bottom: 77px; }

.lightingDaylight .lightingFlip svg + svg{ display: block; }

.lightingFlip svg{
	width: var(--hunt-slot-glyph);
	height: var(--hunt-slot-glyph);
}

.scenePrologue{
	color: var(--copy-hushed);
	font-size: var(--typeface-scale-teaser);
	max-width: 760px;
	line-height: 1.7;
	margin-bottom: 40px;
}

.stillAct{ margin: 0px 0px var(--act-spacing); }

.stillAct:last-child{ margin-bottom: 0px; }

.rollEncoreSleeve{
	text-align: center;
	margin-top: 40px;
}

.trail{
	flex-wrap: wrap;
	padding: 23px 0px 0px 0px;
	display: flex;
	color: var(--copy-hushed);
	align-items: center;
	gap: 7px;
	font-size: var(--typeface-scale-petite);
}

.stillLattice{
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax( min(var(--still-least),calc((100% - (var(--lanes-least,2) - 1) * var(--lattice-spacing-x)) / var(--lanes-least,2))),1fr));
	gap: var(--lattice-spacing-y) var(--lattice-spacing-x);
}

.trail a{ color: var(--copy-hushed); }

.trail a:hover{ color: var(--spotlight); }

.trailPipe{ color: var(--outline); }

.trailPresent{
	color: var(--copy);
	font-weight: 500;
}

.rollEncore{
	padding: 13px 31px 13px 31px;
	color: var(--copy);
	font-weight: 500;
	border-radius: var(--curve);
	background: var(--backdrop-raised);
	border: 1px solid var(--outline);
	transition: all var(--fade);
	font-size: var(--typeface-scale-petite);
}

@media (max-width: 719px){
	.sceneHeadline{ margin: 14px 0px 13px 0px; }

	.trail{ padding-top: 21px; }

	.scenePrologue{ margin-bottom: 31px; }
}

.rollEncore:hover:not([disabled]){
	color: var(--over-spotlight);
	background: var(--spotlight);
	border-color: var(--spotlight);
}

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

.closeup.stateUnfold{
	opacity: 100%;
	pointer-events: auto;
}

.closeupReel{ padding: 0px; }

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

.closeupBooth{
	transition: transform 220ms ease;
	width: 100%;
	border-radius: var(--curve-wide);
	overflow-y: auto;
	max-height: calc(100vh - 48px);
	background: var(--backdrop-raised);
	transform: translateY(8px);
	position: relative;
	box-shadow: var(--shade-wide);
	max-width: 720px;
}

.rollEncore.stateBuffering{
	opacity: 60%;
	pointer-events: none;
}

.closeup[hidden]{ display: none; }

.closeupCut{
	top: 13px;
	right: 13px;
	display: flex;
	background: var(--scrim);
	border-radius: 50%;
	width: 35px;
	z-index: 2;
	transition: background var(--fade),color var(--fade);
	position: absolute;
	justify-content: center;
	color: var(--copy-hushed);
	height: 35px;
	align-items: center;
}

.closeupOnesheet img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}

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

.closeup.stateUnfold .closeupBooth{ transform: translateY(0); }

.still:hover{ transform: translateY(-0.125em); }

.closeupMatter{
	grid-template-columns: 220px 1fr;
	gap: 23px;
	padding: 26px;
	display: grid;
}

.closeupDetails{
	flex-direction: column;
	padding-right: 31px;
	gap: 13px;
	display: flex;
}

.closeupCut:hover{
	background: var(--spotlight-gentle);
	color: var(--spotlight);
}

.closeupOnesheet{
	border-radius: var(--curve);
	aspect-ratio: 2 / 3;
	background: var(--outline);
	overflow: hidden;
}

.closeupDetailsTicket{
	background: rgba(0,0,0,0.78);
	font-weight: 600;
	display: inline-block;
	padding: 3px 7px 3px 7px;
	align-self: flex-start;
	border-radius: var(--curve-petite);
	letter-spacing: 0.5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}

.closeupDetailsHeadline{
	font-family: var(--typeface-roman);
	font-size: 26px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 0px;
}

.closeupDetailsFacts{
	display: flex;
	flex-wrap: wrap;
	color: var(--copy-hushed);
	font-size: 13px;
	gap: 9px 16px;
}

.closeupDetailsFacts strong{
	font-weight: 600;
	color: var(--copy);
}

.closeupDetailsStars{
	color: var(--spotlight);
	font-weight: 600;
}

.closeupDetailsSlogan{
	font-size: 14px;
	font-style: italic;
	color: var(--copy-hushed);
}

.closeupDetailsSummary{
	color: var(--copy);
	line-height: 1.6;
	font-size: 14.5px;
}

.closeupDetailsMoods{
	gap: 7px;
	margin-top: 3px;
	display: flex;
	flex-wrap: wrap;
}

.closeupDetailsMood{
	font-size: 11.5px;
	border-radius: 999px;
	padding: 3px 9px 3px 9px;
	background: var(--spotlight-gentle);
	font-weight: 500;
	color: var(--copy-hushed);
}

.closeupBuffering,
.closeupBlooper{
	padding: 62px 26px 62px 26px;
	color: var(--copy-hushed);
	font-size: 14px;
	text-align: center;
}

.huntSlate [hidden]{ display: none !important; }

@media (max-width: 719px){
	.closeupDetailsHeadline{ font-size: 22px; }

	.closeup{ padding: 13px; }

	.closeupOnesheet{
		max-width: 180px;
		margin: 0px auto 0px auto;
	}

	.closeupMatter{
		gap: 19px;
		padding: 21px;
		grid-template-columns: 1fr;
	}

	.closeupDetails{ padding-right: 0px; }
}

.huntSlate button{
	width: calc(var(--hunt-slot-tall) * 0.64);
	height: calc(var(--hunt-slot-tall) * 0.64);
}

.huntSlate svg{
	width: var(--hunt-slot-glyph);
	height: var(--hunt-slot-glyph);
}

.huntCut{
	color: var(--spotlight);
	margin-right: 3px;
	margin-left: 0px;
}

@media (max-width: 719px){
	.huntLens .huntSlate:not(.stateUnfold) input,
	.huntLens .huntSlate:not(.stateUnfold) .huntWipe{
		display: none;
	}

	.huntLens .huntSlate.stateUnfold .huntAction{ display: none; }

	.huntDrawer[hidden]{ display: none; }

	.huntDrawer .huntAction{ display: none; }

	.huntLens .huntSlate:not(.stateUnfold){
		width: auto;
		max-width: none;
		background: none;
		border-color: transparent;
		padding: 0px;
		height: auto;
	}

	.huntLens .huntSlate:not(.stateUnfold) .huntAction{
		color: var(--copy);
		height: var(--hunt-slot-tall);
		background: var(--backdrop);
		border: 1px solid var(--outline);
		width: var(--hunt-slot-tall);
	}

	.huntLens .huntSlate.stateUnfold{
		right: var(--verge);
		position: absolute;
		margin-right: 0px;
		box-shadow: var(--shade-wide);
		max-width: none;
		left: var(--verge);
		width: auto;
		justify-self: stretch;
		z-index: 20;
	}

	.huntDrawer{
		background: rgba(0,0,0,0.45);
		z-index: 60;
		position: fixed;
		inset: 0px;
	}

	.huntDrawerRank{
		gap: 7px;
		align-items: center;
		display: flex;
	}

	.huntDrawerFrame{
		padding: 13px var(--verge) 16px;
		background: var(--backdrop-raised);
		box-shadow: var(--shade-wide);
	}

	.huntDrawer .huntSlate{
		max-width: none;
		flex: 1 1 0%;
	}

	.huntLens .huntSlate.stateUnfold,
	.huntDrawer .huntSlate{
		padding-right: var(--hunt-slot-cushion-west);
	}
}

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

.stillStarring img{
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.stillStarring{ margin-bottom: 22px; }

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

.featureMatter > .canvas:first-child > .stillAct:first-child{ padding-top: 40px; }

.still{
	display: flex;
	cursor: pointer;
	transition: transform var(--fade);
	gap: 0.75em;
	flex-direction: column;
}

@media (max-width: 719px){
	.featureMatter > .canvas:first-child > .stillAct:first-child{ padding-top: 28px; }
}

.still .stillOnesheetJacket{
	transition: box-shadow var(--fade-lazy),border-color var(--fade);
	display: flex;
	border-radius: var(--curve-petite);
	overflow: hidden;
	aspect-ratio: 2 / 3;
	background: var(--outline);
	border: 1px solid var(--outline);
	position: relative;
	box-shadow: var(--shade-petite);
}

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

	.still .stillOnesheetJacket{ transition: none; }
}

.still:hover .stillOnesheetJacket{
	border-color: var(--spotlight);
	box-shadow: var(--shade-wide);
}

.still .stillTicket{
	text-transform: uppercase;
	border-radius: var(--curve-petite);
	color: rgba(255,255,255,1);
	font-size: 0.625em;
	letter-spacing: 0.14em;
	top: 0.5em;
	left: 0.5em;
	padding: 0.3em 0.75em 0.3em 0.75em;
	position: absolute;
	font-weight: 600;
	background: rgba(0,0,0,0.78);
}

.still .stillOnesheetJacket img{
	height: 100%;
	display: block;
	width: 100%;
	object-fit: cover;
	flex: 1 1 auto;
}

.still .stillReel{
	flex-direction: column;
	display: flex;
	gap: 0.25em;
}

.still .stillHeadline{
	font-family: var(--typeface-grotesque);
	font-size: 0.875em;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	margin: 0px;
	line-clamp: 2;
	line-height: 1.35;
	-webkit-line-clamp: 2;
	font-weight: 600;
	color: var(--copy);
}

.still .stillAttrs{
	display: flex;
	gap: 0.5em;
	align-items: center;
	justify-content: space-between;
}

.still .stillRelease{
	font-size: 0.75em;
	color: var(--copy-hushed);
}

.still .stillStars{
	background: var(--spotlight-gentle);
	border-radius: var(--curve-petite);
	padding: 0.2em 0.6em 0.2em 0.6em;
	font-size: 0.6875em;
	font-weight: 700;
	color: var(--spotlight);
}

@media (max-width: 719px){
	.still .stillHeadline{ font-size: 0.8125em; }
}

.premiere{
	--hx-sleeve: 620px;
	--hx-spacing: 8px;
	text-align: center;
	--hx-cushion-x: 14px;
	--hx-ground: 18px;
	background: linear-gradient(to bottom,var(--spotlight-gentle),transparent);
	--hx-upper: 22px;
	--hx-cushion-y: 18px;
	padding: var(--hx-upper) 0px var(--hx-ground);
}

@media (max-width: 480px){
	.still .stillHeadline{ font-size: 0.78em; }

	.still .stillAttrs{ gap: 0.375em; }
}

.premiere .premiereSleeve{
	border-radius: var(--curve-wide);
	display: grid;
	grid-template-areas: "tag" "head" "sub";
	row-gap: var(--hx-spacing);
	padding: var(--hx-cushion-y) var(--hx-cushion-x);
	margin: 0px auto 0px auto;
	border: 1px solid var(--outline);
	box-shadow: var(--shade-petite);
	justify-items: center;
	background: var(--spotlight-gentle);
	max-width: var(--hx-sleeve);
}

.premiere .premiereFacts{
	text-transform: uppercase;
	line-height: 1.3;
	font-size: 10.5px;
	letter-spacing: 0.16em;
	color: var(--spotlight);
	font-weight: 600;
	grid-area: tag;
}

.premiere .premiereHeadline{
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-wrap: balance;
	color: var(--copy);
	font-size: 22px;
	margin: 0px;
	grid-area: head;
}

.premiere .premiereStrapline{
	font-size: 13.5px;
	line-height: 1.45;
	grid-area: sub;
	max-width: 280px;
	text-wrap: balance;
	margin: 0px;
	color: var(--copy-hushed);
}

.actBanner .actSleeve{
	grid-template-columns: minmax(0,1fr) auto;
	display: grid;
	grid-template-areas: "title more";
	column-gap: 1em;
	align-items: baseline;
}

.actBanner{ margin: 0px 0px 1.25em 0px; }

@media (min-width: 481px){
	.premiere{
		--hx-ground: 24px;
		--hx-upper: 32px;
		--hx-cushion-y: 22px;
		--hx-cushion-x: 20px;
	}

	.premiere .premiereHeadline{ font-size: clamp(22px,6vw,30px); }

	.premiere .premiereStrapline{
		max-width: 320px;
		font-size: 14.5px;
	}
}

@media (min-width: 720px){
	.premiere .premiereFacts{ font-size: 12px; }

	.premiere{
		--hx-cushion-y: 36px;
		--hx-ground: 44px;
		--hx-sleeve: 840px;
		--hx-spacing: 14px;
		--hx-upper: 60px;
		--hx-cushion-x: 44px;
	}

	.premiere .premiereHeadline{
		line-height: 1.15;
		font-size: clamp(26px,4.5vw,48px);
		max-width: 760px;
	}

	.premiere .premiereStrapline{
		max-width: 540px;
		line-height: 1.5;
		font-size: clamp(15px,1.8vw,19px);
	}
}

.actBanner .headlineSleeve{
	grid-area: title;
	min-width: 0px;
}

.actBanner .encoreSleeve{ grid-area: more; }

.actHeadline{
	line-height: 1.2;
	letter-spacing: -0.005em;
	font-size: clamp(1.375em,3vw,1.75em);
	font-family: var(--typeface-roman);
	margin: 0px;
	font-weight: 700;
}

.actEncore{
	transition: opacity var(--fade);
	border: 1px solid var(--outline);
	color: var(--spotlight);
	line-height: 1.4;
	font-size: 0.875em;
	font-weight: 500;
	white-space: nowrap;
	border-radius: var(--curve-petite);
	padding: 0.3em 0.75em 0.3em 0.75em;
	display: inline-block;
	background: var(--spotlight-gentle);
}

@media (max-width: 719px){
	.actBanner{ margin-bottom: 1em; }

	.actBanner .actSleeve{ column-gap: 0.75em; }
}

.venueCredits{
	--divider: 1px solid var(--outline);
	--spacing: 32px;
	border-top: var(--divider);
	padding: 62px 0px 23px 0px;
	margin-top: 62px;
	background: var(--backdrop-raised);
}

.venueCredits .creditsLattice{ margin-bottom: 48px; }

@media (prefers-reduced-motion: reduce){
	.actEncore{ transition: none; }
}

.actEncore:hover{
	color: var(--spotlight);
	opacity: 80%;
}

.venueCredits .creditsLane{
	display: block;
	margin-bottom: var(--spacing);
	vertical-align: top;
}

.venueCredits .detailsLane{ margin-bottom: 0px; }

.venueCredits .laneHeadline{
	margin: 0px 0px 14px 0px;
	font-size: 13px;
	line-height: 1.4;
}

.venueCredits .headlineCopy{
	font-size: 20px;
	color: var(--copy);
	font-family: var(--typeface-roman);
	font-weight: 600;
}

.venueCredits .laneTicket{
	font-size: 12px;
	color: var(--spotlight);
	letter-spacing: 0.4px;
	padding: 3px 13px 3px 13px;
	display: inline-block;
	background: var(--spotlight-gentle);
	font-weight: 600;
	border-radius: 999px;
	text-transform: uppercase;
	font-family: var(--typeface-grotesque);
}

.venueCredits .laneReel p{
	margin: 0px;
	font-size: 14px;
	color: var(--copy-hushed);
	line-height: 1.6;
}

.venueCredits .laneReel li{
	display: block;
	margin-bottom: 9px;
}

.venueCredits .laneReel ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.venueCredits .laneReel a{
	color: var(--copy);
	font-size: 14px;
	transition: color var(--fade);
}

.venueBanner{
	background-color: var(--backdrop-raised);
	--banner-spacing: 6px;
	position: sticky;
	box-shadow: var(--shade-petite);
	--lk-cushion: 7px 6px;
	--lk-scale: 12px;
	z-index: 50;
	top: 0px;
	--banner-tall: 52px;
}

.venueCredits .laneReel li:last-child{ margin-bottom: 0px; }

.venueCredits .creditsKeywordsCopy{
	padding-top: 40px;
	margin-bottom: 40px;
	max-width: 900px;
	border-top: var(--divider);
}

.venueCredits .creditsKeywordsCopy h2{
	margin-bottom: 16px;
	font-size: 22px;
}

.venueCredits .creditsGround{
	border-top: var(--divider);
	padding-top: 23px;
}

.venueCredits .creditsKeywordsCopy p{
	margin-bottom: 13px;
	line-height: 1.7;
	color: var(--copy-hushed);
	font-size: 14px;
}

.venueCredits .laneReel a:hover{ color: var(--spotlight); }

@media (min-width: 381px){
	.venueBanner{
		--lk-scale: 12.5px;
		--lk-cushion: 8px 9px;
		--banner-spacing: 8px;
	}
}

@media (min-width: 481px){
	.venueBanner{
		--lk-cushion: 10px 12px;
		--banner-spacing: 12px;
		--banner-tall: 56px;
		--lk-scale: 13px;
	}
}

@media (min-width: 720px){
	.venueBanner{
		--lk-cushion: 10px 15px;
		--banner-spacing: 32px;
		--banner-tall: 76px;
		--lk-scale: 14px;
	}
}

.venueCredits .creditsKeywordsCopy h3{
	font-weight: 600;
	font-family: var(--typeface-grotesque);
	color: var(--copy);
	font-size: 16px;
	margin: 23px 0px 7px 0px;
}

.venueCredits .groundCore{
	font-size: 13px;
	color: var(--copy-hushed);
	text-align: center;
}

@media (min-width: 481px){
	.venueCredits .creditsKeywordsCopy h2{ font-size: 24px; }
}

@media (min-width: 720px){
	.venueCredits .creditsLane{
		display: inline-block;
		width: calc(50% - var(--spacing) / 2);
		margin-bottom: 0px;
	}

	.venueCredits .creditsLaneBackstory{
		margin-bottom: var(--spacing);
		display: block;
		width: auto;
	}

	.venueCredits .menuLane{ margin-right: var(--spacing); }

	.venueCredits .detailsLane{ width: calc(50% - var(--spacing) / 2 - 1px); }
}

@media (min-width: 901px){
	.venueCredits{ --spacing: 48px; }

	.venueCredits .creditsLaneBackstory{
		margin: 0px var(--spacing) 0px 0px;
		display: inline-block;
		width: calc(50% - var(--spacing));
	}

	.venueCredits .menuLane{ width: calc(25% - var(--spacing) / 2); }

	.venueCredits .detailsLane{ width: calc(25% - var(--spacing) / 2 - 1px); }
}

@media (min-width: 720px) and (max-width: 1023px){
	.venueBanner{
		--lk-cushion: 9px 10px;
		--banner-spacing: 18px;
		--banner-tall: 64px;
		--lk-scale: 13px;
	}
}

.venueBanner .bannerCore{
	display: flex;
	min-height: var(--banner-tall);
	gap: var(--banner-spacing);
	align-items: center;
}

.venueBanner .featureMenu{
	line-height: 1;
	display: block;
	white-space: nowrap;
}

.venueBanner .menuSleeve{
	margin: 0px;
	min-width: 0px;
	text-align: center;
	flex: 1 1 auto;
}

.venueBanner .menuCue{
	padding: var(--lk-cushion);
	line-height: 1.3;
	border-radius: var(--curve-petite);
	display: inline-block;
	font-size: var(--lk-scale);
	transition: color var(--fade),background-color var(--fade);
	margin: 0px 1px 0px 1px;
	color: var(--copy-hushed);
	vertical-align: middle;
	font-family: var(--typeface-grotesque);
	font-weight: 500;
}

@media (prefers-reduced-motion: reduce){
	.venueBanner .menuCue{ transition: none; }
}

.venueBanner .menuCue:hover{ color: var(--copy); }

.venueBanner .menuCue.stateLive{
	color: var(--backdrop-raised);
	background-color: var(--spotlight);
	font-weight: 600;
}

.venueBanner .menuCue.stateLive:hover{ color: var(--backdrop-raised); }