/**
 * Information scene — approved deep field for about, contact and policy pages.
 *
 * Layout follows the reference's business-page composition: a sticky editorial
 * header on the left, hairline-ruled sections on the right, display headings,
 * acid labels and generous line length. Chrome and the deep field come from
 * wishlist.css so every secondary route shares one navigation.
 */

body.udgoon-info-scene {
	background: #24113b;
}

.saved-nav__saved-short {
	display: none;
}

.info-page {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: 8vw;
	max-width: 1600px;
	margin: 0 auto;
	padding: 72px 2.5vw 96px;
	min-height: 68svh;
}

.info-header {
	position: sticky;
	top: 40px;
	align-self: start;
}

.info-kicker {
	margin: 0;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0.045em;
	text-transform: uppercase;
	color: #d7f44a;
}

.info-title {
	margin: 28px 0 0;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(52px, 6.2vw, 104px);
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #fff;
}

.info-lead {
	max-width: 36ch;
	margin: 26px 0 0;
	font: 15px/1.65 Arial, Helvetica, sans-serif;
	color: #cbb8ed;
}

.info-sections {
	min-width: 0;
}

.info-intro {
	margin: 0 0 10px;
	padding: 24px 0 6px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	font: 15px/1.75 Arial, Helvetica, sans-serif;
	color: #fff;
}

.info-section {
	padding: 26px 0 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.info-section h2 {
	margin: 0 0 16px;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(24px, 2.2vw, 32px);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	color: #d7f44a;
}

.info-section h3 {
	margin: 26px 0 8px;
	font: 600 13px/1.4 Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
}

.info-section p {
	max-width: 66ch;
	margin: 0 0 14px;
	font: 15px/1.75 Arial, Helvetica, sans-serif;
	color: #fff;
}

.info-section a,
.info-inline-link {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.info-section a:hover,
.info-inline-link:hover,
.info-section a:focus-visible,
.info-inline-link:focus-visible {
	color: #d7f44a;
}

.info-eyebrow {
	margin: 0 0 10px;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #cbb8ed;
}

.info-note {
	max-width: 60ch;
	margin: 16px 0 0;
	padding-left: 12px;
	border-left: 2px solid #d7f44a;
	font: 12px/1.65 Arial, Helvetica, sans-serif;
	color: #cbb8ed;
}

.info-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 26px;
	margin: 22px 0 0;
}

.info-link {
	font: 600 11px/1.4 Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

.info-link:hover,
.info-link:focus-visible {
	color: #d7f44a;
}

.info-contact .info-link,
.info-section--contact .info-link {
	color: #d7f44a;
}

/* Process + facts */

.info-steps {
	display: flex;
	flex-wrap: wrap;
	margin: 4px 0 24px;
	padding: 0;
	list-style: none;
	counter-reset: info-step;
}

.info-steps li {
	flex: 1 1 120px;
	padding: 11px 14px 11px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.42);
	font: 11px/1.3 Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
}

.info-steps li::before {
	content: "0" counter(info-step) " / ";
	counter-increment: info-step;
	color: #d7f44a;
}

.info-facts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0 0 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.info-fact {
	display: flex;
	flex-direction: column;
	padding: 16px 14px 16px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.info-fact dt {
	order: 2;
	margin: 6px 0 0;
	font: 10px/1.3 Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #a99abd;
}

.info-fact dd {
	order: 1;
	margin: 0;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(24px, 2vw, 34px);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

.info-days {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 0 0 18px;
	font: 11px/1 Arial, Helvetica, sans-serif;
	letter-spacing: 0.09em;
	color: #cbb8ed;
}

.info-days span {
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(52px, 5vw, 72px);
	line-height: 0.8;
	color: #d7f44a;
}

/* Accordions */

.info-accordions {
	margin: 18px 0 22px;
}

.info-accordion {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.info-accordion:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.info-accordion summary {
	position: relative;
	padding: 16px 32px 16px 0;
	list-style: none;
	cursor: pointer;
	font: 600 12px/1.4 Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
}

.info-accordion summary::-webkit-details-marker {
	display: none;
}

.info-accordion summary::after {
	content: "+";
	position: absolute;
	top: 12px;
	right: 0;
	font: 18px/1 Arial, Helvetica, sans-serif;
	color: #d7f44a;
}

.info-accordion[open] summary::after {
	content: "\2013";
}

.info-accordion p {
	padding: 0 0 16px;
	font-size: 14px;
	color: #e8e2f5;
}

/* Payment */

.info-till {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 24px;
	margin: 18px 0 8px;
}

.info-till__number {
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(46px, 5vw, 84px);
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: 0.02em;
	color: #fff;
}

.info-copy {
	appearance: none;
	display: inline-block;
	text-decoration: none;
	border: 0;
	border-radius: 0;
	padding: 12px 15px;
	background: #d7f44a;
	color: #24113b;
	font: 600 11px/1 Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.info-copy:hover,
.info-copy:focus-visible {
	background: #fff;
	color: #24113b;
}

.info-copy__status {
	font: 11px/1 Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #d7f44a;
}

.info-caption {
	font: 10px/1.4 Arial, Helvetica, sans-serif;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #a99abd;
}

/* Words, links and answer rows */

.info-words {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.info-word {
	padding: 18px 16px 18px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.info-word h3 {
	margin: 0 0 6px;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #d7f44a;
}

.info-word p {
	margin: 0;
	font: 13px/1.55 Arial, Helvetica, sans-serif;
	color: #e8e2f5;
}

.info-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.info-links li {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.info-links li:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.info-links a {
	display: flex;
	justify-content: space-between;
	padding: 14px 0;
	font: 600 12px/1.4 Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

.info-links a:hover,
.info-links a:focus-visible {
	color: #d7f44a;
}

.info-rows {
	margin-top: 6px;
}

.info-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 4px 18px;
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	text-decoration: none;
	color: #fff;
}

.info-row:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.info-row strong {
	font: 600 13px/1.45 Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
	color: #fff;
}

.info-row span {
	grid-column: 1;
	font: 13px/1.55 Arial, Helvetica, sans-serif;
	color: #cbb8ed;
}

.info-row__arrow {
	grid-row: 1 / span 2;
	grid-column: 2;
	align-self: center;
	color: #d7f44a;
}

.info-row:hover strong,
.info-row:focus-visible strong {
	color: #d7f44a;
}

/* Media */

.info-figure {
	margin: 0 0 26px;
}

.info-media__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.info-figure figcaption {
	margin-top: 10px;
	font: 11px/1.65 Arial, Helvetica, sans-serif;
	color: #a99abd;
}

.info-figure figcaption .small {
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.info-figure--help .info-media__img {
	aspect-ratio: 4 / 3;
}

/* Style notes */

.info-feature {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 26px;
	padding: 26px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.info-feature__media {
	margin: 0;
}

.info-feature__media .info-media__img {
	aspect-ratio: 3 / 4;
}

.info-feature__copy h2 {
	margin: 8px 0 16px;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(38px, 4vw, 64px);
	font-weight: 800;
	line-height: 0.92;
	text-transform: uppercase;
	color: #fff;
}

.info-feature__copy p {
	max-width: 46ch;
	font: 15px/1.7 Arial, Helvetica, sans-serif;
}

.info-pair {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
	padding: 26px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.info-pair__item .info-media__img {
	aspect-ratio: 3 / 4;
	margin-bottom: 14px;
}

.info-pair__item h3 {
	margin: 6px 0 10px;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(22px, 2vw, 30px);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

.info-pair__item p {
	max-width: 40ch;
	font: 14px/1.65 Arial, Helvetica, sans-serif;
	color: #e8e2f5;
}

/* About */

.info-page--about {
	display: block;
	max-width: none;
	padding: 0 0 96px;
}

.about-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: calc(100svh - 100px);
	margin: 0;
	overflow: hidden;
	background: #1b0d2c;
}

.about-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}

.about-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(20, 8, 32, 0.12) 0%, rgba(20, 8, 32, 0.06) 42%, rgba(20, 8, 32, 0.8) 100%);
}

.about-hero__copy {
	position: relative;
	z-index: 2;
	max-width: 1100px;
	padding: 0 4vw 6vh;
}

.about-hero__title {
	margin: 14px 0 18px;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(56px, 9vw, 150px);
	font-weight: 800;
	line-height: 0.86;
	text-transform: uppercase;
	color: #fff;
}

.about-hero__tag {
	max-width: 34ch;
	margin: 0;
	font: 15px/1.55 Arial, Helvetica, sans-serif;
	color: #f3eefc;
}

.about-hero__side {
	position: absolute;
	z-index: 2;
	top: 110px;
	right: 3vw;
	writing-mode: vertical-rl;
	font: 10px/1 Arial, Helvetica, sans-serif;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #d7f44a;
}

.about-story {
	display: grid;
	grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
	gap: 6vw;
	max-width: 1600px;
	margin: 0 auto;
	padding: 90px 4vw 70px;
}

.about-story__body p {
	max-width: 34ch;
	margin: 0 0 22px;
	font: clamp(18px, 1.8vw, 26px)/1.5 Arial, Helvetica, sans-serif;
	color: #fff;
}

.about-story__body p:last-child {
	margin-bottom: 0;
	color: #cbb8ed;
}

.about-pair,
.about-finale {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	background: #1b0d2c;
}

.about-pair .info-figure,
.about-finale .info-figure {
	margin: 0;
}

.about-pair .info-media__img,
.about-finale .info-media__img {
	aspect-ratio: 4 / 5;
}

.about-pair__copy,
.about-finale__copy {
	padding: 60px 6vw;
}

.about-pair__copy p:not(.info-eyebrow),
.about-finale__copy p:not(.info-eyebrow):not(.info-actions) {
	max-width: 30ch;
	font: clamp(18px, 1.7vw, 24px)/1.5 Arial, Helvetica, sans-serif;
	color: #fff;
}

.about-statement {
	max-width: 1600px;
	margin: 0 auto;
	padding: 100px 4vw;
}

.about-statement__line {
	margin: 0;
	font-family: Thunder, Anton, "Arial Narrow", sans-serif;
	font-size: clamp(44px, 7vw, 110px);
	font-weight: 800;
	line-height: 0.9;
	text-transform: uppercase;
	color: #fff;
}

.about-statement__line--accent {
	color: #d7f44a;
}

@media (max-width: 900px) {
	.info-page {
		display: block;
		padding: 44px 20px 64px;
		min-height: 0;
	}

	.info-header {
		position: static;
	}

	.info-title {
		font-size: clamp(44px, 12vw, 64px);
	}

	.info-lead {
		margin-top: 18px;
		font-size: 14px;
	}

	.info-sections {
		margin-top: 36px;
	}

	.info-section {
		padding: 22px 0 24px;
	}

	.info-section h2 {
		font-size: 24px;
	}

	.info-section p {
		font-size: 14px;
	}

	.info-till__number {
		font-size: clamp(42px, 15vw, 64px);
	}

	.info-words {
		grid-template-columns: 1fr;
	}

	.info-feature {
		display: block;
	}

	.info-feature__media .info-media__img {
		aspect-ratio: 4 / 5;
	}

	.info-feature__copy {
		margin-top: 22px;
	}

	.info-pair {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.info-pair__item {
		padding: 24px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	.info-page--about {
		padding: 0 0 64px;
	}

	.about-hero {
		min-height: calc(100svh - 72px);
	}

	.about-hero__copy {
		padding: 0 20px 44px;
	}

	.about-hero__side {
		display: none;
	}

	.about-story {
		display: block;
		padding: 52px 20px;
	}

	.about-pair,
	.about-finale {
		grid-template-columns: 1fr;
	}

	.about-pair__copy,
	.about-finale__copy {
		padding: 32px 20px 46px;
	}

	.about-statement {
		padding: 56px 20px;
	}
}

@media (max-width: 760px) {
	.saved-nav__saved-full {
		display: none;
	}

	.saved-nav__saved-short {
		display: inline;
	}

	.saved-nav__tools {
		gap: 12px;
		white-space: nowrap;
	}

	.saved-nav__back {
		font-size: 10px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.info-copy {
		transition: none;
	}
}
/* Keep Help questions, answers and arrows in their intended columns. */
.info-row strong{grid-column:1;grid-row:1}.info-row>span:not(.info-row__arrow){grid-column:1;grid-row:2}.info-row .info-row__arrow{grid-column:2;grid-row:1 / span 2}