/* ---- typeset ---- */
@font-face {
	font-family: 'PD Head';
	src: url('/typeset/pd-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	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-face {
	font-family: 'PD Head';
	src: url('/typeset/pd-700-lat.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'IN Read';
	src: url('/typeset/in-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	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-face {
	font-family: 'IN Read';
	src: url('/typeset/in-400-lat.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'IN Read';
	src: url('/typeset/in-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	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-face {
	font-family: 'IN Read';
	src: url('/typeset/in-500-lat.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'IN Read';
	src: url('/typeset/in-700.woff2') format('woff2');
	font-weight: 600 700;
	font-style: normal;
	font-display: swap;
	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-face {
	font-family: 'IN Read';
	src: url('/typeset/in-700-lat.woff2') format('woff2');
	font-weight: 600 700;
	font-style: normal;
	font-display: swap;
}

/* ---- tokens ---- */
:root {
	--hvs-base: #0a35ff;
	--hvs-vivid: #1c1d2a;
	--hvs-accent-strong: #0a0a0e;
	--hvs-sheet: #1c1d29;
	--hvs-surface-2: #24263a;
	--hvs-letters: #ffffff;
	--hvs-quiet: #bdbdbd;
	--hvs-stroke: #383b52;
	--hvs-stroke-heavy: #50527a;
	--hvs-blend-a: #50527a;
	--hvs-fade-bottom: #2d3046;
	--hvs-notice: #8b1e3f;
	--hvs-glint: #7d9bff;

	--hvs-step-0: 3px;
	--hvs-step-1: 10px;
	--hvs-step-2: 18px;
	--hvs-step-3: 28px;
	--hvs-step-4: 44px;
	--hvs-step-5: 60px;
	--hvs-step-6: 88px;
	--hvs-step-7: 128px;

	--hvs-lozenge: 9999px;
	--hvs-circle: 50%;
	--r-step-0: 2px;
	--r-step-1: 4px;
	--r-step-2: 10px;
	--r-step-3: 16px;
	--r-step-4: 28px;
	--r-step-5: 36px;
	--r-step-6: 44px;
	--r-step-7: 56px;

	--hvs-lead: 'PD Head', Georgia, 'Times New Roman', serif;
	--hvs-reading: 'IN Read', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	--hvs-xxl: clamp(38px, 5vw, 68px);
	--hvs-display-2: clamp(28px, 3.2vw, 44px);
	--hvs-sub: clamp(21px, 2.1vw, 28px);
	--hvs-md-2: clamp(18px, 1.5vw, 20px);
	--hvs-sm-2: clamp(14px, 1.2vw, 16px);
	--hvs-micro-head: clamp(12px, 1vw, 14px);
	--hvs-body: clamp(17px, 1.25vw, 18px);
	--hvs-fine: clamp(14px, 1.1vw, 15px);
	--hvs-tiny: clamp(11px, 0.9vw, 12px);

	--hvs-tight: 1.08;
	--hvs-regular: 1.5;
	--hvs-airy: 1.7;

	--w-base: 400;
	--hvs-mid: 500;
	--hvs-black: 700;

	--e-tight: -0.03em;
	--hvs-normal: 0;
	--hvs-loose: 0.08em;

	--d-step-0: 0 1px 2px rgba(0, 0, 0, 0.28);
	--d-step-1: 0 2px 4px rgba(0, 0, 0, 0.32);
	--d-step-2: 0 4px 10px rgba(0, 0, 0, 0.36);
	--d-step-3: 0 10px 28px rgba(0, 0, 0, 0.42);
	--d-step-4: 0 20px 48px rgba(0, 0, 0, 0.48);
	--d-step-5: 0 26px 60px rgba(0, 0, 0, 0.52);
	--d-step-6: 0 32px 72px rgba(0, 0, 0, 0.56);
	--d-step-7: 0 40px 90px rgba(0, 0, 0, 0.6);

	--hvs-snap: 109ms;
	--t-base: 220ms;
	--hvs-calm: 444ms;

	--hvs-exit: cubic-bezier(0.17, 0.9, 0.42, 1);
	--hvs-enter: cubic-bezier(0.52, 0.02, 0.55, 1);
	--hvs-even: cubic-bezier(0.52, 0.02, 0.55, 1);
	--hvs-elastic: cubic-bezier(0.28, 1.55, 0.72, 1.3);

	--hvs-main: 1240px;
	--hvs-inner: 1240px;
	--hvs-inset-desktop: 48px;
	--hvs-padding-tablet: 24px;
	--hvs-padding-mobile: 16px;

	--hvs-light: 1px;
	--b-mid: 2px;
	--hvs-heavy: 3px;

	--hvs-size-desktop: 76px;
	--hvs-h-sm: 64px;

	--edge: var(--hvs-padding-mobile);
	--sec-y: 44px;
	--brief: 510px;
}

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

html,
body {
	overflow-x: clip;
}

body {
	margin: 0;
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
	font-family: var(--hvs-reading);
	font-size: var(--hvs-body);
	font-weight: var(--w-base);
	line-height: var(--hvs-regular);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
}

.pageMain {
	flex: 1 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--hvs-lead);
	font-weight: var(--hvs-black);
	line-height: var(--hvs-tight);
	letter-spacing: var(--e-tight);
	overflow-wrap: anywhere;
	margin: 0 0 var(--hvs-step-2);
}

h1 {
	font-size: var(--hvs-xxl);
}

h2 {
	font-size: var(--hvs-display-2);
	margin-block-start: var(--hvs-step-2);
}

h3 {
	font-size: var(--hvs-sub);
}

h4 {
	font-size: var(--hvs-md-2);
}

p {
	margin: 0 0 var(--hvs-step-2);
}

img {
	max-width: 100%;
}

table {
	border-collapse: collapse;
}

.pageShell {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
	width: 100%;
}

.markAnchor {
	display: block;
	block-size: 0;
	scroll-margin-block-start: 120px;
}

.picFrame {
	margin: var(--hvs-step-3) auto;
	text-align: center;
}

.picShot {
	width: 100%;
	height: auto;
	border-radius: var(--r-step-3);
	display: block;
	margin-inline: auto;
}

.picWide {
	max-width: 700px;
}

.picSquare {
	max-width: 460px;
}

.picTall {
	max-width: 360px;
}

.picNote {
	color: var(--hvs-quiet);
	font-size: var(--hvs-tiny);
	font-style: italic;
	margin-block-start: var(--hvs-step-1);
}

.skipJump {
	position: fixed;
	inset-inline-start: var(--hvs-step-2);
	z-index: 200;
	background: var(--hvs-base);
	color: var(--hvs-letters);
	padding: var(--hvs-step-1) var(--hvs-step-2);
	border-radius: var(--r-step-2);
	text-decoration: none;
	font-size: var(--hvs-fine);
}

.skipJump:not(:focus) {
	top: -200px !important;
}

.skipJump:focus {
	top: var(--hvs-step-2);
}

/* ---- header : HEAD-SPLIT ---- */
.knobTile {
	position: sticky;
	top: 0;
	z-index: 80;
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
	border-block-end: var(--hvs-light) solid var(--hvs-stroke);
	transition: box-shadow var(--t-base) var(--hvs-exit);
}

.knobTile.is-shrunk {
	box-shadow: var(--d-step-2);
}

.knobTile-frame {
	height: 76px;
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
	display: flex;
	align-items: center;
	gap: var(--hvs-step-2);
	transition: height var(--t-base) var(--hvs-exit);
}

.knobTile.is-shrunk .knobTile-frame {
	height: 62px;
}

.knobTile-emblem {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	order: 1;
	text-decoration: none;
}

.knobTile-img {
	height: 52px;
	width: auto;
	flex-shrink: 0;
	display: block;
	transition: height var(--t-base) var(--hvs-exit);
}

.knobTile.is-shrunk .knobTile-img {
	height: 40px;
}

.knobTile-menu {
	order: 2;
	flex: 0 0 auto;
	margin-inline: auto;
	display: none;
}

.knobTile-roll {
	display: flex;
	align-items: center;
	gap: var(--hvs-step-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.knobTile-one {
	display: flex;
	align-items: center;
	gap: var(--hvs-step-2);
	position: relative;
}

.knobTile-one[hidden] {
	display: none;
}

.knobTile-one + .knobTile-one::before {
	content: '\00B7';
	color: var(--hvs-stroke-heavy);
	font-size: var(--hvs-fine);
	line-height: 1;
}

.knobTile-anchor {
	color: var(--hvs-quiet);
	font-family: var(--hvs-reading);
	font-size: 14px;
	font-weight: 500;
	font-variant-caps: small-caps;
	letter-spacing: var(--hvs-normal);
	text-decoration: none;
	white-space: nowrap;
	padding: 6px 10px;
	border-radius: var(--r-step-2);
	transition: background-color var(--hvs-snap) var(--hvs-exit), color var(--hvs-snap) var(--hvs-exit);
}

.knobTile-anchor:hover {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
}

.knobTile-anchor[aria-current='page'] {
	color: var(--hvs-letters);
	font-weight: var(--hvs-black);
}

.knobTile-spill {
	position: relative;
}

.knobTile-press {
	color: var(--hvs-quiet);
	background: var(--hvs-sheet);
	font-family: var(--hvs-reading);
	font-size: 14px;
	font-weight: 500;
	font-variant-caps: small-caps;
	border: 0;
	padding: 6px 10px;
	border-radius: var(--r-step-2);
	cursor: pointer;
	white-space: nowrap;
}

.knobTile-press:hover {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
}

.knobTile-pane {
	display: none;
	position: absolute;
	inset-block-start: calc(100% + var(--hvs-step-1));
	inset-inline-end: 0;
	min-width: 220px;
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-3);
	box-shadow: var(--d-step-3);
	padding: var(--hvs-step-1);
	list-style: none;
	margin: 0;
	z-index: 90;
}

.knobTile-pane.is-open {
	display: block;
}

.knobTile-pane .knobTile-one {
	display: block;
}

.knobTile-pane .knobTile-one::before {
	content: none;
}

.knobTile-pane .knobTile-anchor {
	display: block;
	white-space: nowrap;
}

.knobTile-badge {
	order: 3;
	flex-shrink: 0;
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	font-size: var(--hvs-tiny);
	font-weight: var(--hvs-black);
	letter-spacing: var(--hvs-loose);
	padding: 5px 10px;
	border-radius: var(--hvs-lozenge);
	border: var(--hvs-light) solid var(--hvs-stroke);
}

.knobTile-menu-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	order: 4;
	margin-left: auto !important;
	flex-shrink: 0;
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--hvs-lozenge);
	font-family: var(--hvs-reading);
	font-size: var(--hvs-fine);
	font-weight: var(--hvs-mid);
	padding: 10px 18px;
	min-height: 44px;
	cursor: pointer;
	white-space: nowrap;
}

.knobTile-drawer {
	display: none;
	border-block-start: var(--hvs-light) solid var(--hvs-stroke);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
	padding-inline: var(--edge);
	padding-block: var(--hvs-step-1) var(--hvs-step-2);
	max-height: 70vh;
	overflow-y: auto;
}

.knobTile-drawer.is-open {
	display: block;
}

.knobTile-stack {
	list-style: none;
	margin: 0;
	padding: 0;
}

.knobTile-line {
	display: block;
}

.knobTile-line .knobTile-anchor {
	display: block;
	padding: 14px 4px;
	border-block-end: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: 0;
	white-space: normal;
}

/* ---- breadcrumbs : BREAD-01 ---- */
.nookZone {
	padding-block: var(--hvs-step-3);
	background: var(--hvs-sheet);
	color: var(--hvs-quiet);
}

.nookZone-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
	font-size: var(--hvs-fine);
}

.nookZone-roll {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--hvs-step-1);
}

.nookZone-one {
	display: inline;
}

.nookZone-anchor {
	color: var(--hvs-quiet);
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-color var(--hvs-snap) var(--hvs-exit), text-decoration-thickness var(--hvs-snap) var(--hvs-exit);
}

.nookZone-anchor:hover {
	color: var(--hvs-letters);
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

.nookZone-sep {
	color: var(--hvs-quiet);
}

.nookZone-here {
	color: var(--hvs-letters);
}

/* ---- hero : HERO-12 ---- */
.unitModule {
	padding-block: var(--hvs-step-5) var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.unitModule-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.unitModule-prose {
	max-width: calc(var(--hvs-main) * 0.72);
	margin-inline: auto;
	text-align: center;
}

.unitModule-badge {
	font-family: var(--hvs-reading);
	font-size: var(--hvs-fine);
	font-style: italic;
	color: var(--hvs-glint);
	margin-block-end: var(--hvs-step-1);
}

.unitModule-prose h1 {
	text-wrap: balance;
}

.unitModule-under {
	font-size: var(--hvs-sm-2);
	font-style: italic;
	color: var(--hvs-quiet);
	line-height: var(--hvs-airy);
	margin-block: var(--hvs-step-2) var(--hvs-step-2);
}

.unitModule-tag {
	font-size: var(--hvs-tiny);
	letter-spacing: var(--hvs-loose);
	color: var(--hvs-quiet);
	text-transform: uppercase;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--hvs-step-1);
}

.unitModule-frame {
	margin: var(--hvs-step-4) 0 0;
}

.unitModule-img {
	width: 100%;
	height: auto;
	aspect-ratio: 21 / 9;
	max-height: 46vh;
	object-fit: cover;
	border-radius: var(--r-step-4);
	display: block;
}

.unitModule-note {
	font-size: var(--hvs-tiny);
	font-style: italic;
	color: var(--hvs-quiet);
	padding-block-start: var(--hvs-step-1);
	text-align: center;
}

/* ---- page-header : PHEAD-03 ---- */
.boxGroup {
	padding-block: var(--hvs-step-5);
	background: var(--hvs-base);
	color: var(--hvs-letters);
}

.boxGroup-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.boxGroup-inner h1 {
	font-size: clamp(36px, 6vw, 64px);
	margin-block-end: var(--hvs-step-2);
}

.boxGroup-under {
	color: var(--hvs-letters);
	opacity: 0.82;
	font-size: var(--hvs-md-2);
	margin: 0;
}

/* ---- prose : PROSE-14 ---- */
.ticketGrid {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.ticketGrid-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.ticketGrid-band {
	margin-block-end: var(--hvs-step-4);
}

.ticketGrid-band:last-child {
	margin-block-end: 0;
}

.ticketGrid-band h2 {
	font-family: var(--hvs-lead);
	font-size: var(--hvs-sub);
	font-weight: var(--w-base);
	letter-spacing: var(--hvs-normal);
	margin-block-start: 0;
	margin-block-end: var(--hvs-step-2);
}

.ticketGrid-band--edged {
	width: fit-content;
	max-width: 100%;
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-4);
	padding: var(--hvs-step-4);
}

.ticketGrid-band p {
	line-height: var(--hvs-airy);
}

.ticketGrid-band p:last-child {
	margin-block-end: 0;
}

.ticketGrid-band p a,
.ticketGrid-band li a {
	color: var(--hvs-letters);
	text-decoration: underline;
	text-decoration-color: var(--hvs-base);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-thickness var(--t-base) var(--hvs-exit);
}

.ticketGrid-band p a:hover,
.ticketGrid-band li a:hover {
	color: var(--hvs-letters);
	text-decoration-thickness: 3px;
}

.ticketGrid-roll {
	margin: 0 0 var(--hvs-step-2);
	padding-inline-start: var(--hvs-step-3);
	line-height: var(--hvs-airy);
}

.ticketGrid-roll li {
	margin-block-end: var(--hvs-step-1);
}

/* ---- items-grid : GRID-11 ---- */
.zoneList {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.zoneList-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.zoneList-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--hvs-step-3);
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 0;
}

.zoneList-plate {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-4);
	padding: var(--hvs-step-3);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--hvs-step-1);
	transition: border-color var(--t-base) var(--hvs-exit);
}

.zoneList-plate:hover {
	border-color: var(--hvs-base);
}

.zoneList-sign {
	inline-size: 42px;
	block-size: 42px;
	border-radius: var(--r-step-2);
	background: var(--hvs-base);
	color: var(--hvs-letters);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.zoneList-sign svg {
	inline-size: 22px;
	block-size: 22px;
	fill: currentColor;
}

.zoneList-plate h3 {
	margin: 0;
	font-size: var(--hvs-md-2);
}

.zoneList-prose {
	color: var(--hvs-quiet);
	font-size: var(--hvs-fine);
	line-height: var(--hvs-airy);
}

.zoneList-wide h3 {
	font-size: var(--hvs-sub);
}

.zoneList-wide .zoneList-prose {
	font-size: var(--hvs-body);
}

.zoneList-slot {
	grid-column: 1 / -1;
}

/* ---- reviews : REV-08 ---- */
.boxSlider {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.boxSlider-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.boxSlider-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--hvs-step-3);
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 0;
}

.boxSlider-plate {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-4);
	padding: var(--hvs-step-3);
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-2);
	transition: border-color var(--t-base) var(--hvs-exit);
}

.boxSlider-plate:hover {
	border-color: var(--hvs-base);
}

.boxSlider-top {
	display: flex;
	align-items: center;
	gap: var(--hvs-step-2);
}

.boxSlider-avatar {
	inline-size: 48px;
	block-size: 48px;
	border-radius: var(--hvs-circle);
	background: var(--hvs-base);
	color: var(--hvs-letters);
	font-family: var(--hvs-lead);
	font-weight: var(--hvs-black);
	font-size: var(--hvs-sm-2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.boxSlider-who {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.boxSlider-name {
	font-weight: var(--hvs-black);
	font-size: var(--hvs-fine);
}

.boxSlider-moment {
	color: var(--hvs-quiet);
	font-size: var(--hvs-tiny);
}

.boxSlider-rank {
	color: var(--hvs-letters);
	font-size: var(--hvs-fine);
	letter-spacing: 0.14em;
}

.boxSlider-quote {
	margin: 0;
	color: var(--hvs-quiet);
	font-size: var(--hvs-fine);
	line-height: var(--hvs-airy);
}

.boxSlider-slot {
	grid-column: 1 / -1;
}

/* ---- faq : FAQ-10 ---- */
.coreFooter {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.coreFooter-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--hvs-step-4);
}

.coreFooter-side {
	align-self: start;
	padding: var(--hvs-step-4);
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border-radius: var(--r-step-4);
	border: var(--hvs-light) solid var(--hvs-stroke);
}

.coreFooter-side h2 {
	margin-block-start: 0;
}

.coreFooter-under {
	color: var(--hvs-quiet);
	font-size: var(--hvs-fine);
	margin: 0;
}

.coreFooter-roll {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-3);
}

.coreFooter-one {
	border-block-end: var(--hvs-light) solid var(--hvs-stroke);
	padding-block-end: var(--hvs-step-3);
}

.coreFooter-one[open] .coreFooter-sign::after {
	transform: rotate(-135deg) translate(-2px, -2px);
}

.coreFooter-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--hvs-step-2);
	cursor: pointer;
	list-style: none;
}

.coreFooter-trigger::-webkit-details-marker {
	display: none;
}

.coreFooter-trigger h3 {
	margin: 0;
	font-size: var(--hvs-md-2);
	font-family: var(--hvs-lead);
}

.coreFooter-sign {
	inline-size: 32px;
	block-size: 32px;
	border-radius: var(--hvs-circle);
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.coreFooter-sign::after {
	content: '';
	inline-size: 8px;
	block-size: 8px;
	border-inline-end: var(--b-mid) solid currentColor;
	border-block-end: var(--b-mid) solid currentColor;
	transform: rotate(45deg) translate(-2px, -2px);
	transition: transform var(--t-base) var(--hvs-exit);
}

.coreFooter-main {
	color: var(--hvs-quiet);
	font-size: var(--hvs-fine);
	line-height: var(--hvs-airy);
	padding-block-start: var(--hvs-step-2);
}

.coreFooter-one[open] .coreFooter-main {
	animation: coreFooterDrop var(--t-base) var(--hvs-exit);
}

@keyframes coreFooterDrop {
	from {
		opacity: 0;
		max-height: 0;
	}

	to {
		opacity: 1;
		max-height: 900px;
	}
}

.coreFooter-slot {
	margin-block: var(--hvs-step-2);
}

/* ---- data-table : TABLE-06 ---- */
.axisZone {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.axisZone-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.axisZone-board {
	width: 100%;
	font-size: var(--hvs-fine);
}

.axisZone-board caption {
	caption-side: top;
	font-family: var(--hvs-lead);
	font-size: var(--hvs-md-2);
	font-style: italic;
	color: var(--hvs-quiet);
	text-align: center;
	padding-block-end: var(--hvs-step-2);
}

.axisZone-board caption::before {
	content: '';
	display: block;
	inline-size: 40px;
	border-block-start: var(--b-mid) solid var(--hvs-base);
	margin-inline: auto;
	margin-block-end: var(--hvs-step-2);
}

.axisZone-board th {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	font-family: var(--hvs-reading);
	font-size: var(--hvs-tiny);
	font-weight: var(--hvs-black);
	letter-spacing: var(--hvs-loose);
	text-transform: uppercase;
	text-align: start;
	padding: var(--hvs-step-2) var(--hvs-step-2);
}

.axisZone-board td {
	color: var(--hvs-quiet);
	border-block-end: var(--hvs-light) solid var(--hvs-stroke);
	padding: var(--hvs-step-2);
	vertical-align: top;
}

.axisZone-board tr td:first-child {
	color: var(--hvs-letters);
	font-weight: var(--hvs-mid);
}

/* ---- cta-block : CTA-05 ---- */
.stubContainer {
	padding-block: var(--sec-y);
	background-color: var(--hvs-fade-bottom);
	background-image: linear-gradient(135deg, var(--hvs-fade-bottom), var(--hvs-blend-a));
	color: var(--hvs-letters);
}

.stubContainer-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
	text-align: center;
}

.stubContainer-top {
	margin-block-start: 0;
}

.stubContainer-prose {
	color: var(--hvs-letters);
	max-width: calc(var(--hvs-main) * 0.72);
	margin-inline: auto;
	line-height: var(--hvs-airy);
}

.stubContainer-acts {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hvs-step-3);
	justify-content: center;
	margin-block-start: var(--hvs-step-3);
}

.stubContainer-press {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 14px 30px;
	border-radius: var(--r-step-3);
	background: var(--hvs-fade-bottom);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-quiet);
	font-size: var(--hvs-fine);
	font-weight: var(--hvs-mid);
	text-decoration: none;
	transition: border-color var(--t-base) var(--hvs-exit), background-color var(--t-base) var(--hvs-exit);
}

.stubContainer-press:hover {
	background: var(--hvs-vivid);
	color: var(--hvs-letters);
	border-color: var(--hvs-letters);
}

/* ---- inline-cta : INLINE-CTA-06 ---- */
.labelTrack {
	padding-block: var(--hvs-step-3);
}

.labelTrack-hold {
	max-width: 600px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-2);
	align-items: center;
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-4);
	padding: var(--hvs-step-3);
}

.labelTrack-prose {
	color: var(--hvs-quiet);
	font-size: var(--hvs-body);
	text-align: center;
	margin: 0;
}

.labelTrack-acts {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hvs-step-2);
	justify-content: center;
}

.labelTrack-press {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: var(--r-step-3);
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-quiet);
	font-size: var(--hvs-fine);
	font-weight: var(--hvs-mid);
	text-decoration: none;
	transition: border-color var(--t-base) var(--hvs-exit), background-color var(--t-base) var(--hvs-exit);
}

.labelTrack-press:hover {
	background: var(--hvs-vivid);
	color: var(--hvs-letters);
	border-color: var(--hvs-letters);
}

/* ---- legal-section : LEGAL-04 ---- */
.pivotLane {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.pivotLane-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.pivotLane-plate {
	position: relative;
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-4);
	box-shadow: var(--d-step-2);
	padding: var(--hvs-step-4);
}

.pivotLane-moment {
	color: var(--hvs-quiet);
	font-size: var(--hvs-tiny);
	margin-block-end: var(--hvs-step-2);
}

.pivotLane-under {
	color: var(--hvs-quiet);
	line-height: var(--hvs-airy);
}

.pivotLane-band h2 {
	font-size: var(--hvs-sub);
	margin-block-start: var(--hvs-step-3);
}

.pivotLane-band p {
	line-height: var(--hvs-airy);
	color: var(--hvs-letters);
}

.pivotLane-roll {
	line-height: var(--hvs-airy);
	color: var(--hvs-quiet);
	padding-inline-start: var(--hvs-step-3);
}

.pivotLane-fine {
	color: var(--hvs-quiet);
	font-size: var(--hvs-fine);
	border-block-start: var(--hvs-light) solid var(--hvs-stroke);
	padding-block-start: var(--hvs-step-2);
	margin-block-end: 0;
}

.pivotLane-plate a {
	color: var(--hvs-letters);
	text-decoration: underline;
	text-decoration-color: var(--hvs-base);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-thickness var(--t-base) var(--hvs-exit);
}

.pivotLane-plate a:hover {
	color: var(--hvs-letters);
	text-decoration-thickness: 3px;
}

/* ---- contact-form : FORM-08 ---- */
.unitHeader {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.unitHeader-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.unitHeader-plate {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-3);
	padding: var(--hvs-step-4);
}

.unitHeader-prose {
	color: var(--hvs-quiet);
	line-height: var(--hvs-airy);
}

.unitHeader-field {
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-1);
	margin-block-end: var(--hvs-step-2);
	flex: 0 0 auto;
}

.unitHeader-cue {
	font-size: var(--hvs-fine);
	font-weight: var(--hvs-mid);
	color: var(--hvs-letters);
}

.unitHeader-field input,
.unitHeader-field textarea {
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-stroke);
	border-radius: var(--r-step-3);
	padding: 12px 14px;
	font-family: var(--hvs-reading);
	font-size: var(--hvs-fine);
	min-height: 48px;
	width: 100%;
}

.unitHeader-field textarea {
	min-height: 160px;
	resize: vertical;
}

.unitHeader-send {
	width: 100%;
	min-height: 72px;
	background: var(--hvs-base);
	color: var(--hvs-letters);
	border: 0;
	border-radius: var(--r-step-3);
	font-family: var(--hvs-lead);
	font-size: var(--hvs-md-2);
	font-weight: var(--hvs-black);
	letter-spacing: var(--hvs-loose);
	text-transform: uppercase;
	cursor: pointer;
	transition: transform var(--t-base) var(--hvs-exit);
}

.unitHeader-send:hover {
	transform: scale(1.02);
}

.unitHeader-done {
	display: none;
	margin-block-start: var(--hvs-step-2);
	color: var(--hvs-letters);
	background: var(--hvs-base);
	border-radius: var(--r-step-2);
	padding: var(--hvs-step-2);
	font-size: var(--hvs-fine);
}

.unitHeader-done.is-open {
	display: block;
}

/* ---- author-card : AUTH-05 ---- */
.canvasGrid {
	padding-block: var(--sec-y);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
}

.canvasGrid-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.canvasGrid-plate {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border-radius: var(--r-step-3);
	border: var(--hvs-light) solid var(--hvs-stroke);
	padding: var(--hvs-step-3);
	display: flex;
	gap: var(--hvs-step-2);
	max-width: 480px;
	align-items: flex-start;
}

.canvasGrid-avatar {
	inline-size: 56px;
	block-size: 56px;
	border-radius: var(--hvs-circle);
	object-fit: cover;
	flex-shrink: 0;
	display: block;
}

.canvasGrid-who {
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-0);
	min-width: 0;
}

.canvasGrid-job {
	font-size: var(--hvs-tiny);
	text-transform: uppercase;
	letter-spacing: var(--hvs-loose);
	color: var(--hvs-glint);
	font-weight: var(--hvs-black);
}

.canvasGrid-name {
	font-size: var(--hvs-body);
	font-weight: var(--hvs-black);
	color: var(--hvs-letters);
}

.canvasGrid-prose {
	color: var(--hvs-quiet);
	font-size: var(--hvs-fine);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
}

.canvasGrid-articles {
	margin-block-start: var(--hvs-step-4);
}

.canvasGrid-top {
	margin-block-start: 0;
	font-size: var(--hvs-sub);
}

.canvasGrid-roll {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--hvs-step-2);
}

.canvasGrid-one {
	border-block-end: var(--hvs-light) solid var(--hvs-stroke);
	padding-block-end: var(--hvs-step-2);
}

.canvasGrid-anchor {
	color: var(--hvs-letters);
	text-decoration: underline;
	text-decoration-color: var(--hvs-base);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-thickness var(--t-base) var(--hvs-exit);
}

.canvasGrid-anchor:hover {
	color: var(--hvs-letters);
	text-decoration-thickness: 3px;
}

/* ---- author-byline : BYLINE-06 ---- */
.ticketRail {
	padding-block: var(--hvs-step-3);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
	border-block-start: var(--hvs-light) solid var(--hvs-stroke);
}

.ticketRail-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
	display: flex;
	flex-direction: row;
	gap: var(--hvs-step-3);
	align-items: center;
}

.ticketRail-hold {
	flex: 1 1 auto;
	min-width: 0;
}

.ticketRail-prose {
	font-size: var(--hvs-fine);
	font-style: italic;
	color: var(--hvs-quiet);
	margin: 0;
}

.ticketRail-name {
	color: var(--hvs-letters);
	text-decoration: underline;
	text-decoration-color: var(--hvs-base);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-thickness var(--t-base) var(--hvs-exit);
}

.ticketRail-name:hover {
	color: var(--hvs-letters);
	text-decoration-thickness: 3px;
}

.ticketRail-mark {
	color: var(--hvs-quiet);
	padding-inline: 4px;
}

.ticketRail-job {
	color: var(--hvs-quiet);
}

.ticketRail-moment {
	font-size: var(--hvs-tiny);
	color: var(--hvs-quiet);
	margin-block-start: 4px;
}

.ticketRail-avatar {
	inline-size: 40px;
	block-size: 40px;
	border-radius: var(--hvs-circle);
	object-fit: cover;
	flex-shrink: 0;
	display: block;
}

/* ---- error-block : ERR-06 ---- */
.caseTrack {
	padding-block: var(--hvs-step-6);
	background: var(--hvs-sheet);
	color: var(--hvs-letters);
	flex: 1 0 auto;
	display: flex;
	align-items: center;
}

.caseTrack-inner {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
	width: 100%;
}

.caseTrack-plate {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--b-mid) solid var(--hvs-base);
	border-radius: var(--r-step-4);
	padding: var(--hvs-step-4);
	max-width: var(--brief);
	margin-inline: auto;
	box-shadow: var(--d-step-3);
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-2);
	align-items: center;
	text-align: center;
}

.caseTrack-plate h1 {
	margin: 0;
	font-size: clamp(28px, 4vw, 44px);
}

.caseTrack-prose {
	color: var(--hvs-quiet);
	margin: 0;
}

.caseTrack-press {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 14px 30px;
	border-radius: var(--r-step-3);
	background: var(--hvs-base);
	color: var(--hvs-letters);
	font-weight: var(--hvs-black);
	text-decoration: none;
	transition: transform var(--t-base) var(--hvs-exit);
}

.caseTrack-press:hover {
	transform: scale(1.05);
	color: var(--hvs-letters);
}

/* ---- footer : FOOT-08 + RG-07 ---- */
.cabinZone {
	background: var(--hvs-vivid);
	color: var(--hvs-letters);
	padding-block: var(--hvs-step-5);
	margin-block-start: auto;
}

.cabinZone-deck {
	max-width: calc(var(--hvs-main) + 2 * var(--hvs-inset-desktop));
	margin-inline: auto;
	padding-inline: var(--edge);
}

.cabinZone-warn {
	background: var(--hvs-notice);
	color: var(--hvs-letters);
	border-radius: var(--r-step-2);
	padding: var(--hvs-step-2);
	display: block;
	text-align: center;
	font-size: var(--hvs-fine);
	margin-block-end: var(--hvs-step-3);
	border-block-end: var(--b-mid) solid var(--hvs-letters);
}

.cabinZone-sign {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--hvs-letters);
	color: var(--hvs-notice);
	font-weight: var(--hvs-black);
	font-size: var(--hvs-tiny);
	border-radius: var(--hvs-lozenge);
	padding: 3px 9px;
	margin-inline-end: 8px;
}

.cabinZone-notice {
	color: var(--hvs-letters);
}

.cabinZone-notice a {
	color: var(--hvs-letters);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-thickness var(--t-base) var(--hvs-exit);
}

.cabinZone-notice a:hover {
	color: var(--hvs-letters);
	text-decoration-thickness: 3px;
}

.cabinZone-masthead {
	border-block: var(--r-step-1) double var(--hvs-letters);
	padding-block: var(--hvs-step-3);
	text-align: center;
}

.cabinZone-emblem {
	display: inline-flex;
	text-decoration: none;
}

.cabinZone-img {
	height: 46px;
	width: auto;
	display: block;
}

.cabinZone-issue {
	font-family: var(--hvs-lead);
	font-size: var(--hvs-fine);
	font-style: italic;
	color: var(--hvs-quiet);
	letter-spacing: var(--hvs-loose);
	margin: var(--hvs-step-1) 0 0;
}

.cabinZone-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--hvs-step-3);
	padding-block: var(--hvs-step-4);
}

.cabinZone-menu {
	display: contents;
}

.cabinZone-strip {
	min-width: 0;
}

.cabinZone-top {
	font-family: var(--hvs-lead);
	font-size: var(--hvs-md-2);
	margin: 0 0 var(--hvs-step-2);
}

.cabinZone-roll {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-1);
}

.cabinZone-one {
	display: block;
}

.cabinZone-anchor {
	color: var(--hvs-quiet);
	font-size: var(--hvs-fine);
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color var(--t-base) var(--hvs-exit), text-decoration-color var(--t-base) var(--hvs-exit), text-decoration-thickness var(--t-base) var(--hvs-exit);
}

.cabinZone-anchor:hover {
	color: var(--hvs-letters);
	text-decoration-color: currentColor;
	text-decoration-thickness: 3px;
}

.cabinZone-base {
	border-block-start: var(--hvs-light) solid var(--hvs-stroke-heavy);
	padding-block-start: var(--hvs-step-2);
	text-align: center;
	color: var(--hvs-quiet);
	font-size: var(--hvs-tiny);
}

/* ---- cookie-banner : COOK-09 ---- */
.beamRail {
	position: fixed;
	inset-block-end: var(--hvs-step-4);
	inset-inline-start: var(--hvs-step-4);
	inset-inline-end: auto;
	max-width: min(420px, calc(100vw - 2 * var(--hvs-step-4)));
	z-index: 90;
	clip-path: inset(0 0 0 0);
	opacity: 1;
	animation: beamRailWake var(--hvs-calm) var(--hvs-exit) both;
	transition: clip-path var(--hvs-calm) var(--hvs-exit), opacity var(--hvs-calm) var(--hvs-exit), transform var(--hvs-calm) var(--hvs-exit);
}

.beamRail.is-gone {
	clip-path: inset(0 0 100% 0);
	opacity: 0;
	transform: translateY(140%);
	pointer-events: none;
}

@keyframes beamRailWake {
	from {
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}

	to {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

.beamRail-slab {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border-inline-start: var(--r-step-1) solid var(--hvs-base);
	border-start-end-radius: var(--r-step-2);
	border-end-end-radius: var(--r-step-2);
	box-shadow: var(--d-step-4);
	padding: var(--hvs-step-3);
	display: flex;
	flex-direction: column;
	gap: var(--hvs-step-2);
}

.beamRail-notice {
	font-size: var(--hvs-fine);
	line-height: var(--hvs-regular);
	color: var(--hvs-letters);
	margin: 0;
}

.beamRail-acts {
	display: flex;
	flex-direction: row;
	gap: var(--hvs-step-2);
	justify-content: flex-start;
}

.beamRail-accept,
.beamRail-skip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: var(--r-step-3);
	font-family: var(--hvs-reading);
	font-size: var(--hvs-fine);
	font-weight: var(--hvs-mid);
	cursor: pointer;
	white-space: nowrap;
}

.beamRail-accept {
	background: var(--hvs-base);
	color: var(--hvs-letters);
	border: 0;
}

.beamRail-skip {
	background: var(--hvs-surface-2);
	color: var(--hvs-letters);
	border: var(--hvs-light) solid var(--hvs-quiet);
}

/* ---- offer button ---- */
.slotAct {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--hvs-step-1);
	min-height: 52px;
	padding: 14px 30px;
	border-radius: var(--r-step-3);
	font-family: var(--hvs-reading);
	font-size: var(--hvs-fine);
	font-weight: var(--hvs-black);
	letter-spacing: var(--hvs-loose);
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	text-align: center;
}

/* ---- breakpoints ---- */
@media (min-width: 620px) {
	.zoneList-grid,
	.boxSlider-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cabinZone-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.canvasGrid-roll {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 800px) {
	:root {
		--edge: var(--hvs-padding-tablet);
		--sec-y: 60px;
	}

	.beamRail-acts {
		justify-content: flex-start;
	}
}

@media (min-width: 900px) {
	.knobTile-menu {
		display: block;
	}

	.knobTile-menu-trigger {
		display: none;
	}

	.knobTile-drawer,
	.knobTile-drawer.is-open {
		display: none;
	}

	.coreFooter-inner {
		grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
	}

	.coreFooter-side {
		position: sticky;
		top: calc(var(--hvs-size-desktop) + var(--hvs-step-2));
	}

	.cabinZone-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ticketRail-inner {
		gap: var(--hvs-step-4);
	}
}

@media (min-width: 1080px) {
	.zoneList-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.boxSlider-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.zoneList-wide {
		grid-column: span 2;
	}
}

@media (min-width: 1100px) {
	:root {
		--edge: var(--hvs-inset-desktop);
	}
}

@media (max-width: 700px) {
	.beamRail {
		inset-inline: var(--hvs-step-2);
		inset-block-end: var(--hvs-step-2);
		max-width: none;
	}

	.beamRail-slab {
		padding: 12px 14px;
		gap: 8px;
		font-size: 13px;
		line-height: 1.35;
	}

	.beamRail-notice {
		font-size: 13px;
		line-height: 1.35;
	}

	.beamRail-accept,
	.beamRail-skip {
		flex: 1 1 auto;
		padding: 8px 14px;
		font-size: 12px;
		min-height: 40px;
		white-space: normal;
	}
}

@media (max-width: 620px) {
	.knobTile-img {
		height: 34px;
	}

	.knobTile.is-shrunk .knobTile-img {
		height: 30px;
	}

	.knobTile-menu-trigger {
		font-size: 13px;
		padding: 8px 14px;
	}

	.ticketGrid-band--edged {
		padding: var(--hvs-step-2);
	}

	.pivotLane-plate,
	.unitHeader-plate,
	.coreFooter-side {
		padding: var(--hvs-step-3);
	}

	.canvasGrid-plate {
		flex-direction: column;
	}
}

@media (max-width: 520px) {
	.knobTile-badge {
		display: none;
	}

	.knobTile-img {
		height: 30px;
	}

	.axisZone-board {
		font-size: 11px;
	}

	.axisZone-board th,
	.axisZone-board td {
		padding: 6px 5px;
	}

	.unitModule-tag {
		font-size: 10px;
	}

	.cabinZone-warn {
		font-size: var(--hvs-tiny);
	}
}

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

/* ---- offer anchors in components ---- */
.boxGroup-acts {
	margin: var(--hvs-step-3) 0 0;
}

.boxGroup-offer,
.labelTrack-offer,
.stubContainer-offer {
	text-decoration: none;
}

.unitHeader-form {
	display: block;
}

/* ---- offer button : colour + motion from scripts/cta-style.mjs ---- */
.slotAct {
	background: #059669;
	color: #0A0A0E;
	text-decoration: none;
	transition: background var(--t-base) var(--hvs-exit), transform var(--t-base) var(--hvs-exit);
}

.slotAct.slotAct {
	color: #0A0A0E;
	text-decoration: none;
}

.slotAct:hover {
	background: #047857;
	color: #FFFFFF;
	animation: none;
}

.slotAct.slotAct:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.slotAct:hover::after {
	animation: none;
}

.slotAct:active {
	background: #065F46;
	color: #FFFFFF;
}

.slotAct:focus-visible {
	outline: var(--hvs-heavy) solid var(--hvs-letters);
	outline-offset: 3px;
}

.slotAct {
	animation: slotActBeat 2.14s linear infinite;
}

@keyframes slotActBeat {
	0% {
		transform: scale(1);
		animation-timing-function: cubic-bezier(0.25, 0.8, 0.35, 1);
	}

	18.224% {
		transform: scale(1.05);
		animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
	}

	50.935%,
	100% {
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.slotAct,
	.slotAct::after {
		animation: none !important;
		transition: none !important;
	}
}

@media (max-width: 919px) {
  .knobTile-menu,
  .knobTile-roll { display: none !important; }
  .knobTile-menu-trigger { display: flex !important; }
}