:root {
	--creek-assortment-air-lower: 24px;
	--creek-fluid-inset: clamp(16px, 4vw, 40px);
	--creek-essence-cap: 1240px;
	--creek-wing-cap: 260px;
	--rounding: 10px;
	--creek-top-directions-lower-stature: 40px;
	--creek-top-directions-air: 12px;
	--pod: #121219;
	--creek-assortment-air-cap: 40px;
	--stroke-gold: rgba(227, 179, 65, .55);
	--creek-top-directions-cap-stature: 52px;
	--creek-assortment-air: clamp(var(--creek-assortment-air-lower), 3vw, var(--creek-assortment-air-cap));
	--creek-alley: clamp(var(--creek-alley-lower), 4vw, var(--creek-alley-cap));
	--gold: #E3B341;
	--act: #0E0E16;
	--creek-colour: #E3B341;
	--meat: "Jost", "Segoe UI", Arial, sans-serif;
	--gold-bold: #B98A1F;
	--creek-alley-cap: 56px;
	--letter: #FFFFFF;
	--pod-2: #181822;
	--letter-faint: #C9C9D2;
	--creek-actuator-stature: 44px;
	--creek-clearance-increment: 8px;
	--creek-alley-lower: 24px;
	--interaction-span: 260ms;
	--stroke: rgba(255, 255, 255, .12);
	--cast-gold: 0 12px 40px rgba(227, 179, 65, .12);
	--headline: "Jost", "Segoe UI", Arial, sans-serif;
	--creek-wing-lower: 200px;
	--creek-module-air-cap: 64px;
	--rounding-xl: 16px;
	--pane: #030305;
	--letter-faded: #9A9AA6;
}
*,
*:before,
*:after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scrollbar-color: var(--creek-colour) var(--act);
}
::-webkit-scrollbar { height: 14px; width: 14px; }
::-webkit-scrollbar-track { background: var(--act); }
::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--creek-colour); }

body {
	min-height: 100vh;
	font: 400 16px/1.5 var(--meat);
	background: var(--pane);
	margin: 0;
	color: var(--letter);
}
body.is-bound { overflow: hidden; }

[hidden] { display: none !important; }

img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
a:focus-visible, a:hover { color: var(--gold); }
.sigil:hover .sigil-bezel { border-color: var(--gold); }
button { cursor: pointer; font: inherit; color: inherit; }
h2, h3, h4, p, dl, dd, dt, ul, ol, figure, h1 { margin: 0; }
ol, ul { list-style: none; padding: 0; }

.eye-cloaked {
	white-space: nowrap; border: 0; padding: 0; margin: -1px;
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
}
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.envelope { display: flex; min-height: 100vh; flex-direction: column; }
.scene {
	flex: 1 0 auto;
	margin-inline: auto;
	max-width: var(--creek-essence-cap);
	width: 100%;
	padding: 0 var(--creek-alley) calc(var(--creek-clearance-increment) * 6);
}
.strap {
	color: var(--gold);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}
.headline-banner {
	font-family: var(--headline);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.08;
	letter-spacing: .01em;
}
/* ---------- Buttons ---------- */
.pushbutton-heavy,
.pushbutton-rim,
.telephone-daybook-shut {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: var(--creek-actuator-stature);
	padding: 0 22px;
	border-radius: 999px;
	border: 1px solid var(--gold);
	background: var(--gold);
	color: #111;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	font-size: 13px;
	transition: background var(--interaction-span) ease, color var(--interaction-span) ease, border-color var(--interaction-span) ease;
}
.pushbutton-heavy:hover,
.pushbutton-heavy:focus-visible,
.telephone-daybook-shut:hover,
.telephone-daybook-shut:focus-visible { color: var(--gold); background: var(--pane); }
.pushbutton-rim { color: var(--gold); background: transparent; }
.pushbutton-rim:hover,
.pushbutton-rim:focus-visible { color: #111; background: var(--gold); }
.pushbutton-wide { padding: 0 28px; font-size: 14px; width: 100%; min-height: 56px; }

.ideogram-focus {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid var(--stroke-gold);
	background: transparent;
	color: var(--gold);
	padding: 0;
	transition: background var(--interaction-span) ease, color var(--interaction-span) ease, border-color var(--interaction-span) ease;
}
.ideogram-focus:hover,
.ideogram-focus:focus-visible { color: #111; border-color: var(--gold); background: var(--gold); }

/* ---------- Header ---------- */
.crown {
	background: var(--pane);
	z-index: 40;
	position: relative;
	border-bottom: 1px solid var(--stroke);
}
.crown-content {
	width: 100%;
	max-width: var(--creek-essence-cap);
	margin-inline: auto;
	padding: 10px var(--creek-alley);
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	min-height: 72px;
	min-width: 0;
}
.sigil { align-items: center; gap: 12px; min-width: 0; display: inline-flex; }
.sigil-bezel {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 1px solid var(--stroke-gold);
	border-radius: 6px;
	padding: 5px;
	flex: none;
}
.sigil-token { height: 40px; width: 40px; }
.sigil-monogram { line-height: 1.1; min-width: 0; display: grid; }
.sigil-nick {
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	white-space: nowrap;
	color: var(--gold);
}
.sigil-claim { display: none; white-space: nowrap; font-size: 11px; overflow: hidden; color: var(--letter-faded); letter-spacing: 0.1em; text-transform: uppercase; }

.launcher-line { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: var(--creek-top-directions-air); }
.launcher-schedule { display: flex; flex-wrap: nowrap; align-items: center; justify-content: safe center; gap: var(--creek-top-directions-air); min-width: 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.launcher-schedule::-webkit-scrollbar { display: none; }
.launcher-schedule li { flex: 0 0 auto; }
.crown .tray-pane-pod, .crown .tray-pane { min-width: 0; }
.crown-handles { min-width: 0; }
.launcher-schedule li { display: block; position: relative; }
.launcher-schedule li + li:before { content: "/"; position: absolute; left: -9px; top: 50%; transform: translateY(-50%); color: var(--stroke-gold); font-weight: 400; font-size: 12px; pointer-events: none; }
.launcher {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--letter);
	white-space: nowrap;
	transition: color var(--interaction-span) ease, font-weight var(--interaction-span) ease;
}
[data-top-yellowpages-directions] .launcher:hover,
[data-top-yellowpages-directions] .launcher:focus-visible,
.launcher:hover,
.launcher:focus-visible { font-weight: 700; color: var(--gold); }

.crown-handles { display: flex; align-items: center; gap: 12px; justify-content: flex-end; }
.locale-pair {
	align-items: stretch;
	display: grid;
	grid-template-columns: auto auto;
	gap: 8px;
}
.land-situation,
.town-dial {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: var(--creek-actuator-stature);
	padding: 0 12px;
	border-radius: var(--rounding);
	border: 1px solid var(--stroke);
	background: var(--pod);
	color: var(--letter);
	text-align: left;
	line-height: 1.1;
	transition: border-color var(--interaction-span) ease, background var(--interaction-span) ease, color var(--interaction-span) ease;
}
.land-situation { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; }
.land-situation small,
.town-dial small { letter-spacing: 0.12em; color: var(--letter-faded); text-transform: uppercase; font-size: 10px; }
.land-situation b,
.town-dial b { font-size: 13px; font-weight: 600; white-space: nowrap; }
.town-dial { border-color: var(--stroke-gold); }
.town-dial .dial-ideogram { flex: none; color: var(--gold); }
.town-dial-lines { gap: 2px; display: grid; }
.glyph {
	width: 7px; height: 7px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	flex: none;
}
.land-situation:hover,
.land-situation:focus-visible,
.town-dial:hover,
.town-dial:focus-visible { background: var(--pod-2); border-color: var(--gold); color: var(--gold); }

.tray-fog { display: none; }
.tray-turn {
	display: none;
	width: 44px; height: 44px;
	border-radius: 50%;
	border: 1px solid var(--stroke-gold);
	background: transparent;
	color: var(--gold);
	padding: 0;
	place-items: center;
}
.tray-turn-kebab { gap: 5px; width: 18px; display: grid; }
.tray-turn-kebab i { border-radius: 2px; display: block; height: 2px; background: currentColor; }
.tray-turn:hover,
.tray-turn:focus-visible { color: #111; background: var(--gold); }

/* ---------- Hero: ledger intro ---------- */
.daybook-foreword {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(24px, 4vw, 56px);
	padding: 12px 0 0;
	display: grid;
}
.daybook-foreword-script { gap: 10px; display: grid; justify-items: start; }
.daybook-foreword-script .collection-entrance { width: 100%; }
.daybook-foreword-prime { font-size: 15px; color: var(--letter-faint); }
.daybook-foreword-daybook {
	border-top: 1px solid var(--stroke-gold);
	display: grid;
}
.daybook-line {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	padding: 8px 0;
	border-bottom: 1px solid var(--stroke);
}
.daybook-line dt { font-size: 12px; color: var(--letter-faded); text-transform: uppercase; letter-spacing: 0.14em; }
.daybook-line dd { font-size: clamp(18px, 1.6vw, 26px); font-weight: 600; color: var(--gold); font-variant-numeric: tabular-nums; text-align: right; }

/* ---------- Archive heading ---------- */
.collection-entrance {
	padding: 0;
	gap: 16px;
	align-items: center;
	grid-template-columns: minmax(0, 1fr) minmax(140px, 26%);
	display: grid;
}
.collection-entrance-chief { gap: 6px; display: grid; }
.collection-entrance .headline-banner { font-size: 40px; line-height: 1.02; }
@media (max-width: 1023px) {
	.collection-entrance .headline-banner { font-size: 32px; }
}
.collection-entrance-vitals { font-size: 14px; color: var(--letter-faint); }
.collection-entrance-vitals [data-titlebar-amount] { font-weight: 600; color: var(--gold); }
.collection-entrance-foreword { max-width: 64ch; font-size: 15px; color: var(--letter-faint); }
.glyph-thread { flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--letter-faded); display: flex; align-items: center; }
.glyph-thread a { transition: color var(--interaction-span) ease, font-weight var(--interaction-span) ease; color: var(--letter-faint); }
.glyph-thread a:hover,
.glyph-thread a:focus-visible { color: var(--gold); }
.thread-glyph { width: 6px; height: 6px; border-right: 1.5px solid var(--gold); border-bottom: 1.5px solid var(--gold); transform: rotate(-45deg); }
.thread-latest { color: var(--gold); }
.collection-entrance-marginalia { justify-content: flex-end; text-align: right; padding-top: 0; align-self: center; }
.portrait-thread { padding: 20px 0 16px; }

/* ---------- Filter control band ---------- */
.dial-swath { margin: 4px 0 6px; }
.pill-daybook {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	align-items: start;
	padding: 4px 14px;
	border: 1px solid var(--stroke-gold);
	border-radius: var(--rounding-xl);
	background: var(--pod);
}
.pill-daybook-sticker { display: none; align-self: center; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); font-weight: 600; white-space: nowrap; min-height: 36px; align-items: center; }
.pill-daybook-packs { gap: 8px; flex-wrap: wrap; display: flex; min-width: 0; }
.pill-pack { display: contents; }
.pill { white-space: nowrap; }
.pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid var(--stroke);
	background: transparent;
	color: var(--letter);
	font-size: 12px;
	font-weight: 500;
	transition: background var(--interaction-span) ease, color var(--interaction-span) ease, border-color var(--interaction-span) ease;
}
.pill .glyph { height: 6px; width: 6px; }
.pill:hover,
.pill:focus-visible,
.pill[aria-expanded="true"] { color: #111; border-color: var(--gold); background: var(--gold); }
.pill-pod {
	order: 1;
	flex: 1 1 100%;
	width: 100%;
	min-width: 0;
	margin: 2px 0 6px;
	padding: 12px;
	border: 1px solid var(--stroke-gold);
	border-radius: var(--rounding);
	background: var(--pod-2);
}
.pill-entries { flex-wrap: wrap; gap: 6px; display: flex; }
.pill-entries a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid var(--stroke);
	font-size: 13px;
	color: var(--letter-faint);
	transition: border-color var(--interaction-span) ease, color var(--interaction-span) ease, background var(--interaction-span) ease;
}
.pill-entries a:hover,
.pill-entries a:focus-visible { color: #111; background: var(--gold); border-color: var(--gold); }

/* ---------- Catalog: portrait gallery wall ---------- */
.gallery-wall-section { gap: min(calc(var(--creek-clearance-increment) * 5), var(--creek-module-air-cap)); padding-top: 0; display: grid; }
.gallery-wall {
	gap: var(--creek-assortment-air);
	grid-template-columns: repeat(3, minmax(0, 320px));
	justify-content: center;
	display: grid;
	min-width: 0;
}
.gallery-wall-empty { grid-template-columns: minmax(0, 1fr); }
.hollow-remark { color: var(--letter-faint); text-align: center; padding: 40px 0; }
.hollow-remark strong { margin-bottom: 8px; display: block; color: var(--gold); font-size: 20px; }

.framed-listing {
	display: grid;
	grid-template-rows: auto auto auto;
	gap: 8px;
	width: 100%;
	max-width: 320px;
	max-height: 480px;
	padding: 12px 12px 12px;
	border: 1px solid var(--stroke);
	border-radius: var(--rounding-xl);
	background: var(--pod);
	transition: border-color var(--interaction-span) ease;
}
.framed-listing:hover { border-color: var(--stroke-gold); }
.framed-listing-bezel {
	display: block;
	width: 224px;
	max-width: 100%;
	margin-inline: auto;
	padding: 6px;
	border: 1px solid var(--gold);
	border-radius: 6px;
}
.framed-listing-mat { border-radius: 3px; overflow: hidden; display: block; }
.framed-listing-mat img {
	display: block;
	transition: filter var(--interaction-span) ease;
	filter: saturate(.4) contrast(1.02);
	object-fit: contain;
	height: auto;
	width: 100%;
}
.framed-listing:hover .framed-listing-mat img,
.framed-listing:focus-within .framed-listing-mat img { filter: saturate(1) contrast(1); }
.framed-listing-journal { text-align: center; display: grid; gap: 2px; }
.framed-listing-nick-line { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.framed-symbol { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); color: #141414; box-shadow: 0 0 0 1px var(--stroke-gold); flex: 0 0 auto; }
.framed-symbol svg { height: 12px; width: 12px; }
.framed-symbol-wide { width: 28px; vertical-align: middle; height: 28px; margin-left: 10px; transform: translateY(-3px); }
.framed-symbol-wide svg { height: 16px; width: 16px; }
.framed-listing-nick { font-size: 17px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.2; }
.framed-listing-nick a { transition: color var(--interaction-span) ease, font-weight var(--interaction-span) ease; }
.framed-listing-nick a:hover,
.framed-listing-nick a:focus-visible { color: var(--gold); }
.framed-listing-traits { font-size: 13px; color: var(--letter-faint); flex-wrap: wrap; gap: 4px 10px; display: flex; justify-content: center; }
.framed-listing-traits span + span:before { margin-right: 10px; color: var(--gold); content: "·"; }
.framed-listing-traits [data-stub-property="price"] { font-weight: 600; color: var(--gold); }
.framed-listing-cta { justify-content: center; display: flex; }
.ideogram-focus-cta {
	font-size: 12px;
	letter-spacing: .1em;
	display: inline-flex;
	border: 0;
	gap: 10px;
	background: transparent;
	text-transform: uppercase;
	transition: color var(--interaction-span) ease;
	padding: 0 12px 0 0;
	min-height: 36px;
	color: var(--letter-faint);
	align-items: center;
}
.ideogram-focus-cta .ideogram-focus { height: 36px; width: 36px; }
.ideogram-focus-sticker { line-height: 1.2; display: inline-block; }
.ideogram-focus-cta:hover,
.ideogram-focus-cta:focus-visible { color: var(--gold); }
.ideogram-focus-cta:hover .ideogram-focus,
.ideogram-focus-cta:focus-visible .ideogram-focus { color: #111; background: var(--gold); }

/* ---------- Pagination: milestone track ---------- */
.milestone-pagination { padding: 8px 0; display: grid; gap: 14px; }
.milestone-footpath {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	padding: 0 6px;
}
.milestone-footpath:before {
	position: absolute;
	content: "";
	height: 2px;
	background: var(--stroke);
	transform: translateY(-50%);
	left: 14px; right: 14px; top: 50%;
}
.milestone { position: relative; }
.milestone-fleck {
	display: grid;
	place-items: center;
	min-width: 44px;
	min-height: 44px;
	border-radius: 50%;
	background: var(--pane);
	border: 1px solid var(--stroke);
	color: var(--letter-faint);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	transition: background var(--interaction-span) ease, color var(--interaction-span) ease, border-color var(--interaction-span) ease;
}
.milestone-fleck:hover,
.milestone-fleck:focus-visible { color: var(--gold); border-color: var(--gold); }
.milestone-fleck.is-current { border-color: var(--gold); box-shadow: 0 0 0 4px var(--pane), 0 0 0 5px var(--gold); background: var(--gold); font-weight: 700; color: #111; }
.milestone-acts { display: grid; gap: 12px; grid-template-columns: 1fr auto auto; align-items: center; }
.milestone-mood { font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--letter-faint); font-weight: 500; }
.milestone-increment {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 999px;
	border: 1px solid var(--stroke-gold);
	color: var(--gold);
	font-size: 13px;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: background var(--interaction-span) ease, color var(--interaction-span) ease;
}
.milestone-increment:hover,
.milestone-increment:focus-visible { color: #111; background: var(--gold); }
.milestone-increment.is-inert { cursor: default; opacity: 0.4; }

/* ---------- SEO editorial: outlined frame ---------- */
.outlined-bezel {
	margin-top: min(calc(var(--creek-clearance-increment) * 6), var(--creek-module-air-cap));
	padding: 16px 20px;
	border: 1px solid var(--stroke-gold);
	border-radius: var(--rounding-xl);
	display: grid;
	gap: 16px;
}
.outlined-bezel-upper { gap: 8px; display: grid; }
.outlined-bezel h2 { font-size: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em; }
.outlined-bezel-meat { column-count: 2; column-gap: 32px; font-size: 14px; line-height: 1.5; color: var(--letter-faint); border: 1px solid var(--stroke); border-radius: 8px; padding: 10px 12px; }
@media (min-width: 1024px) {
	.outlined-bezel-meat,
	.outlined-bezel-act { column-count: 3; }
}
.outlined-bezel-meat p,
.outlined-bezel-act p,
.outlined-bezel-meat *,
.outlined-bezel-act * { font-size: 14px; line-height: 1.5; }
.outlined-bezel-meat p,
.outlined-bezel-act p { margin: 0 0 10px; }
.outlined-bezel-act { column-count: 2; column-gap: 40px; }
.outlined-bezel-act h3 { font-size: 18px; column-span: all; }
.outlined-bezel-act { display: block; font-size: 14px; line-height: 1.5; color: var(--letter-faint); border-top: 1px solid var(--stroke); padding-top: 10px; }
.outlined-bezel h3 { margin-bottom: 6px; font-size: 16px; text-transform: uppercase; font-weight: 600; color: var(--letter); }

/* ---------- Cover plate (secondary picture): one gold frame across the canvas, picture in a mat beside the copy ---------- */
.jacket-tile-swath {
	max-width: var(--creek-essence-cap);
	width: 100%;
	padding: 0 var(--creek-alley) calc(var(--creek-clearance-increment) * 6);
	margin: 0 auto;
}
.jacket-tile {
	position: relative;
	width: 100%;
	border: 1px solid var(--stroke-gold);
	border-radius: var(--rounding-xl);
	background: var(--act);
	box-shadow: var(--cast-gold);
	overflow: hidden;
}
.jacket-tile-semi {
	grid-template-columns: minmax(0, min(56%, calc(62vh * 2160 / 1440))) minmax(0, 1fr);
	align-items: stretch;
	display: grid;
}
.jacket-tile-exhibit {
	padding: 14px;
	margin: 0;
	align-self: start;
	background: var(--act);
}
.jacket-tile-exhibit img { height: auto; width: 100%; border-radius: 3px; aspect-ratio: 2160 / 1440; display: block; }
.jacket-tile-script {
	display: grid;
	align-content: center;
	justify-items: start;
	gap: 16px;
	min-width: 0;
	padding: clamp(24px, 3vw, 48px);
	border-left: 1px solid var(--stroke-gold);
}
.jacket-tile-banner { max-width: 18ch; font-size: clamp(24px, 2.4vw, 38px); }
.jacket-tile-numbers { gap: 8px 32px; flex-wrap: wrap; display: flex; }
.jacket-tile-numbers dt { font-size: 12px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--letter-faded); }
.jacket-tile-numbers dd { margin-top: 2px; color: var(--gold); font-size: clamp(18px, 1.6vw, 24px); font-weight: 600; font-variant-numeric: tabular-nums; }
/* ---------- Footer ---------- */
.endnote { border-top: 1px solid var(--stroke); margin-top: auto; background: var(--act); }
.endnote-pile {
	width: 100%;
	max-width: var(--creek-essence-cap);
	margin-inline: auto;
	padding: 8px var(--creek-alley);
	display: grid;
	gap: 4px;
	justify-items: center;
	text-align: center;
	min-height: 76px;
	max-height: 110px;
}
.endnote-sigil { align-items: center; text-transform: uppercase; font-size: 13px; letter-spacing: 0.08em; display: inline-flex; gap: 8px; color: var(--gold); }
.endnote-navbar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 16px; }
.endnote-navbar > a { align-items: center; transition: color var(--interaction-span) ease; font-size: 12px; color: var(--letter-faint); min-height: 28px; display: inline-flex; }
.endnote-navbar > a:hover,
.endnote-navbar > a:focus-visible { color: var(--gold); }
.locale-pair-footer { margin-left: 8px; }
.locale-pair-footer .land-situation,
.locale-pair-footer .town-dial { padding: 0 12px; min-height: 44px; }
.endnote-sigil img { height: 22px; width: 22px; }
.endnote-notice { font-size: 11px; color: var(--letter-faded); line-height: 1.3; }

/* ---------- City dialog: indexed split panel ---------- */
.town-dock,
.telephone-dock,
.showcase {
	position: fixed;
	inset: 0;
	z-index: 100;
	place-items: center;
	display: grid;
	padding: 24px;
}
.town-dock { background: rgba(3, 3, 5, 0.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.town-pod {
	width: min(880px, 80vw, 100%);
	justify-self: center;
	margin: auto;
	max-height: min(80vh, 720px);
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	background: var(--pod);
	border: 1px solid var(--stroke-gold);
	border-radius: var(--rounding-xl);
	overflow: hidden;
	color: var(--letter);
}
.town-pod-upper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	border-bottom: 1px solid var(--stroke);
}
.town-pod-upper h2 { text-transform: uppercase; letter-spacing: 0.06em; font-size: 20px; }
.town-pod-meat {
	grid-template-columns: clamp(var(--creek-wing-lower), 26%, var(--creek-wing-cap)) minmax(0, 1fr);
	min-height: 0;
	display: grid;
}
.town-situation {
	gap: 6px;
	padding: 20px;
	display: grid;
	border-right: 1px solid var(--stroke);
	background: var(--act);
	align-content: start;
}
.town-situation small { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--letter-faded); }
.town-situation small + small { margin-top: 14px; }
.town-situation-land { transition: color var(--interaction-span) ease; font-weight: 600; color: var(--gold); }
.town-situation-land:hover,
.town-situation-land:focus-visible { color: var(--letter); }
.town-situation-latest { font-size: 16px; }
.town-chief { grid-template-rows: auto auto minmax(0, 1fr); min-height: 0; display: grid; }
.town-query { padding: 16px 20px 8px; }
.town-query input {
	width: 100%;
	min-height: var(--creek-actuator-stature);
	padding: 0 14px;
	border-radius: var(--rounding);
	border: 1px solid var(--stroke);
	background: var(--pane);
	color: var(--letter);
	font: inherit;
}
.town-query input:focus { border-color: var(--gold); outline: none; }
.town-pointer { flex-wrap: wrap; padding: 8px 20px 12px; gap: 6px; display: flex; }
.town-pointer a {
	display: grid;
	place-items: center;
	min-width: 30px;
	height: 30px;
	padding: 0 6px;
	border-radius: 6px;
	background: rgba(227, 179, 65, .12);
	color: var(--gold);
	font-size: 12px;
	font-weight: 700;
	transition: background var(--interaction-span) ease, color var(--interaction-span) ease;
}
.town-pointer a:hover,
.town-pointer a:focus-visible { color: #111; background: var(--gold); }
.town-schedule { scrollbar-color: var(--creek-colour) var(--act); padding: 0 20px 20px; overflow: auto; }
.town-type-pack { scroll-margin-top: 10px; padding-top: 10px; }
.town-type { color: var(--gold); margin-bottom: 8px; font-size: 12px; letter-spacing: 0.16em; padding-bottom: 6px; border-bottom: 1px solid var(--stroke); }
.town-type-refs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; display: grid; }
.town-type-refs a {
	display: flex;
	align-items: center;
	min-height: 40px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid var(--stroke);
	color: var(--letter);
	font-size: 14px;
	transition: border-color var(--interaction-span) ease, background var(--interaction-span) ease, color var(--interaction-span) ease;
}
.town-type-refs a:hover,
.town-type-refs a:focus-visible { color: var(--gold); background: var(--pod-2); border-color: var(--gold); }

/* ---------- Phone dialog: stacked ledger ---------- */
.telephone-dock { background: rgba(3, 3, 5, 0.6); }
.telephone-daybook {
	width: min(360px, 100%);
	display: grid;
	gap: 14px;
	padding: 24px;
	background: var(--pod);
	border: 1px solid var(--stroke-gold);
	border-radius: var(--rounding-xl);
	text-align: center;
}
.telephone-daybook-upper { text-transform: uppercase; color: var(--letter-faded); font-size: 12px; letter-spacing: 0.16em; }
.telephone-daybook-amount {
	display: block;
	font-size: clamp(17px, 5vw, 22px);
	font-weight: 600;
	color: var(--gold);
	white-space: nowrap;
	padding: 10px 0;
	border-top: 1px solid var(--stroke);
	border-bottom: 1px solid var(--stroke);
	font-variant-numeric: tabular-nums;
}
.telephone-daybook-shut { transition: none; color: #0b0b0f; width: 100%; }
.telephone-daybook-shut:hover,
.telephone-daybook-shut:focus-visible { color: var(--gold); background: var(--pane); }

/* ---------- Profile: split column ---------- */
.semi-portrait {
	grid-template-columns: auto minmax(0, 1fr);
	display: grid;
	align-items: start;
	gap: clamp(24px, 3vw, 40px);
}
.semi-portrait-pictures {
	align-self: start;
	top: 16px;
	position: sticky;
}
.thumbrow-scene {
	display: grid;
	gap: 12px;
	grid-template-columns: auto 96px;
	align-items: start;
}
.thumbrow-scene-bezel {
	--scene-ratio-amount: .75;
	width: min(100%, calc(68vh * var(--scene-ratio-amount)));
	max-width: 560px;
	border: 1px solid var(--gold);
	padding: 6px;
	border-radius: 6px;
	background: var(--pod);
}
.thumbrow-scene-key,
.thumbrow-tiny-key { display: block; width: 100%; padding: 0; border: 0; background: transparent; border-radius: 3px; overflow: hidden; }
.thumbrow-scene-key img {
	transition: filter var(--interaction-span) ease;
	aspect-ratio: var(--scene-ratio, auto);
	max-height: calc(68vh - 14px);
	height: auto;
	width: 100%;
	filter: saturate(.85);
	object-fit: contain;
	display: block;
}
.thumbrow-scene-key:hover img,
.thumbrow-scene-key:focus-visible img { filter: saturate(1); }
.thumbrow-sideband {
	display: grid;
	gap: 10px;
	max-height: 68vh;
	padding-right: 2px;
	overflow-y: auto;
	scrollbar-color: var(--creek-colour) var(--act);
}
.thumbrow-tiny { border: 1px solid var(--stroke); border-radius: 4px; padding: 3px; transition: border-color var(--interaction-span) ease; }
.thumbrow-tiny:hover,
.thumbrow-tiny:focus-within { border-color: var(--gold); }
.thumbrow-tiny img { height: auto; display: block; aspect-ratio: var(--tiny-ratio, auto); transition: filter var(--interaction-span) ease; width: 100%; filter: saturate(0.4); }
.thumbrow-tiny:hover img,
.thumbrow-tiny:focus-within img { filter: saturate(1); }

/* One track: the column is ~490px at the content cap, and two 235px panels side by side squeezed the facts lattice to 85px cells (digits broke "1 6 9") and wrapped "1 h" in the rates ledger. */
.semi-portrait-col { gap: 16px; grid-template-columns: minmax(0, 1fr); display: grid; min-width: 0; align-items: start; }
.semi-portrait-col > .nameplate-pod,
.semi-portrait-col > .enquiry-pod,
.semi-portrait-col > .remark-pod,
.semi-portrait-col > .offerings-pod,
.semi-portrait-col > .concern-pod { grid-column: 1 / -1; }
.semi-portrait-col > .ratecard-pod .ratecard-daybook-line { gap: 8px; grid-template-columns: minmax(0, 1fr) 80px 80px; }
.semi-portrait-pictures { gap: 16px; display: grid; }
.semi-portrait-pictures .divisions-pod { max-width: 100%; }
.pod {
	padding: 20px 22px;
	border: 1px solid var(--stroke);
	border-radius: var(--rounding-xl);
	background: var(--pod);
	display: grid;
	gap: 14px;
}
.pod-banner {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 26px;
	padding: 0 12px;
	border-radius: 999px;
	background: var(--gold);
	color: #111;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.nameplate-pod { justify-items: center; gap: 8px; text-align: center; }
.nameplate-banner { font-size: clamp(24px, 2.4vw, 34px); }
.nameplate-place { font-size: 14px; color: var(--letter-faint); }
.nameplate-place a { color: var(--gold); }
.nameplate-place a:hover,
.nameplate-place a:focus-visible { color: var(--letter); }

.enquiry-pod { border-color: var(--stroke-gold); }
.enquiry-pod-acts { flex-wrap: wrap; gap: 12px; display: flex; align-items: center; }
.enquiry-pod-acts .pushbutton-wide { width: auto; flex: 1 1 220px; }
.messenger { height: 56px; width: 56px; }

.definition-matrix { gap: 10px 20px; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; }
/* A value never breaks inside a word ("1 6 9"): the label may wrap, the value drops under it when the two do not share the row. */
.definition-matrix > * { overflow-wrap: break-word; min-width: 0; }
.definition-locker { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 8px; padding: 8px 12px; border-radius: 8px; background: var(--pane); }
.definition-locker dt { color: var(--letter-faded); letter-spacing: 0.08em; text-transform: uppercase; font-size: 12px; }
.definition-locker dt { min-width: 0; flex: 1 1 auto; }
.definition-locker dd { flex: 0 1 auto; margin-left: auto; font-weight: 600; font-size: 15px; text-align: right; white-space: nowrap; }

.ratecard-daybook { display: grid; }
.ratecard-daybook-line {
	padding: 10px 0;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) 110px 110px;
	border-bottom: 1px dotted var(--stroke-gold);
	display: grid;
	align-items: baseline;
}
.ratecard-daybook-upper { color: var(--letter-faded); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; border-bottom: 1px solid var(--stroke); }
.ratecard-daybook-upper span { text-align: right; }
.ratecard-span { color: var(--letter-faint); }
.ratecard-exhibit { text-align: right; color: var(--gold); font-weight: 600; font-variant-numeric: tabular-nums; }

.remark-meat { color: var(--letter-faint); font-size: 15px; line-height: 1.6; display: grid; gap: 10px; }
.remark-meat p { margin: 0; }

.assured-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; gap: 8px 20px; }
.assured-posts li { color: var(--letter-faint); min-height: 32px; align-items: center; font-size: 14px; display: flex; gap: 10px; }
.assured-posts li:before { content: ""; flex: none; width: 8px; height: 14px; border-right: 2px solid var(--gold); border-bottom: 2px solid var(--gold); transform: rotate(45deg) translate(-2px, -2px); margin-right: 4px; }
.assured-posts a:hover,
.assured-posts a:focus-visible { color: var(--gold); }

.divisions-pack { gap: 8px; display: grid; }
.divisions-sticker { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--letter-faded); font-weight: 500; }
.divisions-refs { gap: 6px; display: flex; flex-wrap: wrap; }
.divisions-refs a,
.divisions-refs span {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid var(--stroke);
	font-size: 13px;
	color: var(--letter-faint);
	transition: border-color var(--interaction-span) ease, background var(--interaction-span) ease, color var(--interaction-span) ease;
}
.divisions-refs a:hover,
.divisions-refs a:focus-visible { border-color: var(--gold); color: #111; background: var(--gold); }

.concern-survey { gap: 12px; display: grid; }
.concern-remark { font-size: 14px; color: var(--letter-faint); }
.attribute { gap: 6px; display: grid; }
.input-sticker { text-transform: uppercase; color: var(--letter-faded); font-size: 12px; letter-spacing: 0.1em; }
.input-dial {
	width: 100%;
	min-height: var(--creek-actuator-stature);
	padding: 10px 14px;
	border-radius: var(--rounding);
	border: 1px solid var(--stroke);
	background: var(--pane);
	color: var(--letter);
	font: inherit;
	appearance: none;
}
select.input-dial { background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px; background-repeat: no-repeat; }
.input-dial:focus { border-color: var(--gold); outline: none; }
.paperwork-input { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.paperwork-nick { color: var(--letter-faint); font-size: 13px; }
.concern-acts { gap: 14px; flex-wrap: wrap; display: flex; align-items: center; }
.concern-signal { color: var(--gold); font-size: 13px; }

/* ---------- Gallery viewer: split caption ---------- */
.showcase {
	padding: 0;
	background: var(--pane);
	place-items: stretch;
	grid-template-rows: auto minmax(0, 1fr);
	color: var(--letter);
}
.showcase-upper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px var(--creek-alley);
	border-bottom: 1px solid var(--stroke);
	min-height: 60px;
}
.showcase-upper-banner { letter-spacing: 0.16em; color: var(--letter-faded); font-size: 12px; text-transform: uppercase; }
.showcase-shut {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	border: 1px solid var(--stroke-gold);
	background: transparent;
	color: var(--gold);
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	transition: background var(--interaction-span) ease, color var(--interaction-span) ease;
}
.showcase-shut:hover,
.showcase-shut:focus-visible { color: #111; background: var(--gold); }
.showcase-meat {
	grid-template-columns: minmax(0, 1fr) 280px;
	height: 100%;
	display: grid;
	min-height: 0;
}
.showcase-scene { display: grid; padding: 20px; min-height: 0; place-items: center; }
.showcase-pic { max-width: 100%; max-height: calc(100vh - 100px); width: auto; height: auto; object-fit: contain; display: block; }
.showcase-annotation-col { border-left: 1px solid var(--stroke); background: var(--act); display: grid; padding: 28px 24px; gap: 20px; align-content: start; }
.showcase-annotation { gap: 6px; display: grid; }
.showcase-annotation-nick { font-size: 24px; font-weight: 700; text-transform: uppercase; }
.showcase-annotation-town { color: var(--letter-faint); }
.showcase-routes { gap: 12px; display: flex; }

/* ---------- Service page ---------- */
.programme-feature {
	max-width: 760px;
	margin: 32px auto 0;
	padding: clamp(20px, 3vw, 36px);
	border: 1px solid var(--stroke);
	border-radius: var(--rounding-xl);
	background: var(--pod);
	color: var(--letter-faint);
	line-height: 1.65;
}
.programme-feature h1,
.programme-feature h2,
.programme-feature h3 { color: var(--letter); margin: 0 0 16px; line-height: 1.2; text-transform: uppercase; }
.programme-feature h1 { font-size: clamp(26px, 3vw, 36px); }
.programme-feature h2 { margin-top: 28px; font-size: 22px; }
.programme-feature p { margin: 0 0 14px; }
.programme-feature a { text-decoration: underline; color: var(--gold); }
.programme-feature ul,
.programme-feature ol { list-style: disc; margin: 0 0 14px; padding-left: 20px; }

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	*:before, *:after, * { transition-duration: 0.01ms !important; }
}
/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
	.showcase-meat { grid-template-columns: minmax(0, 1fr) 220px; }
}
@media (max-width: 1023px) {
	.crown-content { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; padding: 4px var(--creek-alley) 2px; min-height: 0; row-gap: 0; }
	.sigil { grid-column: 1; grid-row: 1; }
	.crown-handles { grid-column: 2; grid-row: 1; }
	.tray-pane { grid-column: 1 / -1; grid-row: 2; }
	.sigil-bezel { padding: 4px; width: 44px; height: 44px; }
	.sigil-token { height: 34px; width: 34px; }
	.sigil-nick { font-size: 16px; }
	.town-dial, .land-situation { min-height: 42px; }
	.sigil-claim { display: none; }
	.land-situation { display: none; }
	.locale-pair { grid-template-columns: auto; }
	.locale-pair-footer { grid-template-columns: auto auto; }
	.locale-pair-footer .land-situation { display: flex; }
	/* On its own header row the quick-filter list wraps instead of scrolling sideways and hiding its last links. */
	.launcher-line { max-height: none; }
	.launcher-schedule { justify-content: center; overflow: visible; row-gap: 0; flex-wrap: wrap; }
}
@media (max-width: 1023px) {
	.semi-portrait { grid-template-columns: minmax(0, 1fr); }
	.semi-portrait-pictures { position: static; }
	.semi-portrait-col { grid-template-columns: minmax(0, 1fr); }
	.thumbrow-scene { justify-content: start; }
	.thumbrow-scene-bezel { width: min(100%, calc(60vh * var(--scene-ratio-amount))); }
	.thumbrow-scene-key img { max-height: calc(60vh - 14px); }
	.thumbrow-sideband { max-height: 60vh; }
	.launcher { font-size: 10px; }
}
@media (max-width: 1023px) {
	.milestone-footpath { justify-content: center; flex-wrap: wrap; }
	.milestone-footpath:before { content: none; }
}
@media (max-width: 899px) {
	.jacket-tile-semi { grid-template-columns: minmax(0, 1fr); }
	.jacket-tile-exhibit { padding: 12px; }
	.jacket-tile-script { border-left: 0; border-top: 1px solid var(--stroke-gold); padding: 20px; }
	.jacket-tile-banner { max-width: none; }
	.crown-content { grid-template-columns: auto minmax(0, 1fr) auto; }
	.gallery-wall { gap: var(--creek-assortment-air-lower); grid-template-columns: repeat(3, minmax(0, 320px)); }
	.collection-entrance-marginalia { text-align: left; justify-content: flex-start; }
	.showcase-meat { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
	.showcase-annotation-col { border-left: 0; border-top: 1px solid var(--stroke); padding: 16px var(--creek-alley); grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
	.showcase-pic { max-height: calc(100vh - 200px); }
	.town-pod-meat { grid-template-columns: minmax(0, 1fr); }
	.town-situation { border-right: 0; border-bottom: 1px solid var(--stroke); grid-template-columns: 1fr 1fr; padding: 12px 20px; }
	.town-situation small + small { margin-top: 0; }
}
@media (max-width: 767px) {
	.gallery-wall { grid-template-columns: repeat(2, minmax(0, 320px)); }
	.daybook-foreword { grid-template-columns: minmax(0, 1fr); }
	.definition-matrix,
	.assured-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.outlined-bezel-meat,
	.outlined-bezel-act { column-count: 1; }
	.outlined-bezel { gap: 8px; padding: 12px; }
	.outlined-bezel-meat { padding: 8px; }
	.outlined-bezel h2 { font-size: 20px; }
	.outlined-bezel-meat p,
	.outlined-bezel-act p { margin: 0 0 6px; }
	.outlined-bezel-meat p,
	.outlined-bezel-act p { margin: 0 0 8px; }
	.ratecard-daybook-line { grid-template-columns: minmax(0, 1fr) 90px 90px; }
}
@media (max-width: 599px) {
	.crown-content { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto; padding-block: 8px; min-height: 64px; }
	.sigil-monogram { display: none; }
	.tray-pane { grid-column: auto; grid-row: auto; }
	.tray-turn { display: grid; }
	.tray-pane {
		position: fixed;
		top: 64px;
		left: 0;
		right: 0;
		z-index: 39;
		display: none;
		max-height: 70vh;
	}
	.tray-pane.is-unfold { display: block; }
	.tray-pane.is-unfold ~ .tray-fog { display: block; inset: 0; position: fixed; background: rgba(3, 3, 5, 0.6); z-index: 38; }
	.tray-pane-pod {
		border-bottom: 1px solid var(--stroke-gold);
		background: var(--act);
		max-height: 70vh;
		overflow: auto;
		padding: 8px var(--creek-alley) 16px;
	}
	.launcher-line { justify-content: stretch; max-height: none; }
	.launcher-schedule { align-items: stretch; flex-direction: column; gap: 0; }
	.launcher-schedule li { display: block; }
	.launcher-schedule li + li:before { content: none; }
	.launcher { width: 100%; border-bottom: 1px solid var(--stroke); font-size: 14px; min-height: 48px; }
	.launcher-schedule li:last-child .launcher { border-bottom: 0; }
	.town-dial { padding: 0 12px; }
	.sigil-nick { font-size: 16px; }
	.gallery-wall { grid-template-columns: minmax(0, 320px); }
	.framed-listing { justify-self: center; }
	.dial-swath { margin: 2px 0 8px; }
	.pill-daybook { padding: 6px 8px; gap: 0; grid-template-columns: minmax(0, 1fr); }
	.pill-daybook-sticker { display: none; }
	.pill-daybook-packs { gap: 4px; }
	.pill { padding: 0 10px; font-size: 11px; min-height: 32px; }
	.pill-pod { padding: 10px; }
	.collection-entrance { align-items: start; grid-template-columns: minmax(0, 1fr); }
	.daybook-foreword { gap: 10px; padding: 12px 0 0; }
	.daybook-line { padding: 5px 0; }
	.dial-swath { margin: 2px 0 4px; }
	.pill-daybook { padding: 4px 8px; }
	.milestone-acts { grid-template-columns: 1fr 1fr; }
	.milestone-mood { text-align: center; grid-column: 1 / -1; }
	.milestone-footpath { justify-content: center; flex-wrap: wrap; }
	.milestone-footpath:before { content: none; }
	.thumbrow-scene { margin-inline: auto; grid-template-columns: minmax(0, 1fr); width: min(100%, calc(60vh * var(--scene-ratio-amount, 0.75))); }
	.thumbrow-scene-bezel { max-width: none; width: 100%; }
	.thumbrow-sideband { grid-auto-flow: column; grid-auto-columns: 80px; max-height: none; overflow-x: auto; overflow-y: hidden; padding-bottom: 4px; }
	.definition-matrix,
	.assured-posts { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.definition-locker { gap: 2px; }
	.definition-locker dt { flex-basis: 100%; }
	.definition-locker dd { text-align: left; margin-left: 0; }
	.pod { padding: 16px; }
	.town-type-refs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.town-dock,
	.telephone-dock { padding: 12px; }
	.endnote-navbar { gap: 4px; flex-direction: column; }
	.locale-pair-footer { margin-left: 0; margin-top: 8px; }
	.showcase-annotation-nick { font-size: 18px; }
}
/* ---------- Link hover: weight shift ---------- */
.endnote-navbar > a,
.glyph-thread a,
.framed-listing-nick a,
.assured-posts a,
.nameplate-place a { font-weight: 400; }
.endnote-navbar > a:hover,
.endnote-navbar > a:focus-visible,
.glyph-thread a:hover,
.glyph-thread a:focus-visible,
.assured-posts a:hover,
.assured-posts a:focus-visible,
.nameplate-place a:hover,
.nameplate-place a:focus-visible { font-weight: 600; }
.framed-listing-nick a { font-weight: 600; }
.framed-listing-nick a:hover,
.framed-listing-nick a:focus-visible { font-weight: 700; }

@media (max-width: 1279px) {
	.dial-swath { margin: 0 0 2px; }
	.pill-daybook { padding: 2px 8px; }
	.pill { min-height: 30px; }
	.daybook-foreword-script { gap: 6px; }
	.daybook-line { padding: 3px 0; }
	.daybook-line dd { font-size: 18px; }
	.gallery-wall-section { gap: var(--creek-assortment-air-lower); }
	.daybook-foreword { padding: 4px 0 0; }
}
@media (max-width: 1279px) {
	.semi-portrait-col > .traits-pod,
	.semi-portrait-col > .ratecard-pod { grid-column: 1 / -1; }
}
@media (max-width: 1023px) {
	.semi-portrait-col { grid-template-columns: minmax(0, 1fr); }
	.semi-portrait-col > .traits-pod,
	.definition-matrix { max-width: 100%; min-width: 0; }
	.definition-matrix dt,
	.definition-matrix dd { overflow-wrap: break-word; min-width: 0; }
}
@media (max-width: 1279px) {
	.crown .sigil-monogram { display: none; }
	.crown-content { gap: 12px; }
}
.crown .land-situation { display: none; }