:root{
	--dawn-sidecol-least: 220px;
	--dawn-lineup-room: clamp(var(--dawn-lineup-room-least), 1.7vw, var(--dawn-lineup-room-maximum));
	--dawn-lineup-room-maximum: 40px;
	--dawn-topline-sitenav-least-rise: 44px;
	--core: Roboto, "Helvetica Neue", Arial, sans-serif;
	--dawn-tone: #652527;
	--dawn-sidegap-least: 24px;
	--canvas-2: #EBE8E2;
	--dawn-spacing-piece: 8px;
	--veneer: #FFFFFF;
	--dawn-gadget-rise: 44px;
	--dawn-sidegap-maximum: 80px;
	--dawn-portion-room-maximum: 64px;
	--softness: 6px;
	--dawn-topline-sitenav-maximum-rise: 72px;
	--thread: #D9D2C9;
	--graphite: #652527;
	--highlight: #652527;
	--dawn-adaptable-breathing: clamp(16px, 4vw, 24px);
	--graphite-2: #3D2A2B;
	--dawn-topline-sitenav-room: 32px;
	--dawn-lineup-room-least: 24px;
	--card: #F5F4F2;
	--poster: "Source Serif 4", Georgia, "Times New Roman", serif;
	--highlight-graphite: #FFFFFF;
	--dawn-sidecol-maximum: 320px;
	--graphite-3: #6F5F60;
	--highlight-2: #8C3A3C;
	--sky: #8FB5D6;
	--dawn-material-maximum: 1920px;
	--highlight-subtle: rgba(101, 37, 39, .08);
	--toprow-north: 0px;
	--float: 320ms;
	--thread-2: #C6BCB0;
	--ember: #E8552A;
	--dawn-sidegap: clamp(var(--dawn-sidegap-least), 2.4vw, var(--dawn-sidegap-maximum))
}

*:after, *:before, * { box-sizing: border-box }
html{
	scrollbar-color: var(--dawn-tone) var(--canvas-2);
	-webkit-text-size-adjust: 100%;
	overflow-x: clip
}

::-webkit-scrollbar { height: 9px; width: 9px }
::-webkit-scrollbar-thumb { border-radius: 8px; background: var(--dawn-tone) }
::-webkit-scrollbar-track { background: var(--canvas-2) }
body{
	background: var(--card);
	color: var(--graphite-2);
	font: 400 15px/24px var(--core);
	letter-spacing: .01em;
	margin: 0
}

body.is-braced { overflow: hidden }
[hidden] { display: none !important }
img { display: block; max-width: 100% }
a { text-decoration: none; transition: color var(--float), opacity var(--float), background-color var(--float); color: var(--graphite) }
a:hover { color: var(--highlight-2) }
h3, h2, h1 { font-family: var(--poster); color: var(--graphite); font-weight: 700; margin: 0; letter-spacing: -0.005em }
p { margin: 0 }
ul { margin: 0; padding: 0; list-style: none }
button { cursor: pointer; font: inherit }
.sr-only { width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; position: absolute }
:focus-visible { outline: 2px solid var(--graphite); outline-offset: 3px }
.overline { letter-spacing: 0.18em; text-transform: uppercase; color: var(--graphite-3); font: 500 11px/1.4 var(--core) }
.sheath { max-width: var(--dawn-material-maximum); margin-inline: auto; min-height: 100vh; display: flex; flex-direction: column; width: 100% }

.click{
	min-height: var(--dawn-gadget-rise); padding: 0 22px; border-radius: var(--softness);
	font: 500 12px/1 var(--core); letter-spacing: .14em; text-transform: uppercase;
	border: 1px solid var(--graphite); cursor: pointer; text-decoration: none;
	transition: background-color var(--float), color var(--float), transform var(--float), border-color var(--float);
	display: inline-flex; align-items: center; justify-content: center; gap: 8px
}

.click-focal { color: var(--highlight-graphite); background: var(--graphite) }
.click-focal:focus-visible, .click-focal:hover { color: #fff; transform: translateY(-1px); background: var(--highlight-2) }
.click-support { color: var(--graphite); background: transparent }
.click-support:focus-visible, .click-support:hover { color: var(--graphite); transform: translateY(-1px); background: var(--highlight-subtle) }
.click-ample { font-size: 13px; min-height: 56px }
.attr { display: block; position: relative }
.attr select, .attr textarea, .attr input{
	border: 0; border-bottom: 1px solid var(--thread-2); border-radius: 0; color: var(--graphite-2);
	font: 400 15px/22px var(--core); appearance: none; -webkit-appearance: none; outline: none;
	transition: border-color var(--float);
	width: 100%; min-height: var(--dawn-gadget-rise); padding: 16px 0 4px; background: transparent
}

.attr textarea { min-height: 56px; resize: vertical }
.attr-wording { position: absolute; left: 0; top: 14px; color: var(--graphite-3); font-size: 14px; pointer-events: none; transition: transform var(--float), font-size var(--float), color var(--float); transform-origin: left top }
.attr input:focus ~ .attr-wording, .attr input:not(:placeholder-shown) ~ .attr-wording,
.attr textarea:not(:placeholder-shown) ~ .attr-wording, .attr textarea:focus ~ .attr-wording { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--graphite); transform: translateY(-14px) }
.attr textarea:focus, .attr input:focus { border-bottom: 2px solid var(--graphite) }
.attr textarea:focus-visible, .attr input:focus-visible { outline: none }
select { font: inherit }

.topboard { border-bottom: 1px solid var(--thread); position: relative; z-index: 20; padding-inline: var(--dawn-sidegap); background: var(--card) }
.banner { display: flex; align-items: center; justify-content: center; gap: 18px; height: 26px; padding: 0 var(--dawn-sidegap); margin-inline: calc(-1 * var(--dawn-sidegap)); background: var(--sky); color: #1d2b3a; font-size: 12px; line-height: 18px; overflow: hidden }
.banner-verb { color: #1d2b3a; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap }
.banner-verb:hover { color: var(--graphite) }
.topboard-course { grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; height: 48px; padding: 0; display: grid }
.topboard-brink { align-items: center; min-width: 0; display: flex }
.topboard-brink-lower { justify-content: flex-end }
.emblem { align-items: center; gap: 10px; color: var(--graphite); min-width: 0; display: inline-flex }
.emblem-badge { height: 34px; flex: none; width: 34px }
.emblem-tagname { letter-spacing: -0.01em; white-space: nowrap; font: 700 clamp(18px, 1.8vw, 26px)/1 var(--poster) }
.discover-helm { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; background: transparent; border: 0; color: var(--graphite); font-size: 24px; border-radius: 50%; transition: background-color var(--float) }
.discover-helm:hover { background: var(--highlight-subtle) }
.passport-discover { align-items: flex-end; gap: 10px; width: min(100%, 320px); display: flex }
.passport-discover .attr { min-width: 0; flex: 1 }
.passport-discover input { padding-top: 14px; min-height: 40px }
.search-submit { min-height: 36px; padding: 0 12px; background: transparent; border: 0; border-bottom: 1px solid transparent; color: var(--graphite); font: 500 11px/1 var(--core); letter-spacing: 0.14em; text-transform: uppercase; transition: color var(--float), border-color var(--float) }
.search-submit:hover { border-color: var(--highlight-2); color: var(--highlight-2) }
.sitemap-switch { align-items: center; gap: 10px; min-height: 44px; padding: 0 4px; background: transparent; border: 0; color: var(--graphite); font: 500 11px/1 var(--core); letter-spacing: 0.14em; text-transform: uppercase; display: none }
.sitemap-switch-navbtn { width: 22px; height: 2px; background: currentColor; display: block; position: relative }
.sitemap-switch-navbtn:after, .sitemap-switch-navbtn:before { position: absolute; left: 0; width: 22px; height: 2px; background: currentColor; content: "" }
.sitemap-switch-navbtn:before { top: -7px }
.sitemap-switch-navbtn:after { top: 7px }
.sitemap-box { border-top: 1px solid var(--thread) }
.sitemap-papers, .sitemap-passage { display: none }
.sitemap-box:not(.is-begin) .sitemap-leave { display: none !important }
.listing-pathways { display: flex; justify-content: center; align-items: center; gap: var(--dawn-topline-sitenav-room); height: var(--dawn-topline-sitenav-least-rise); max-height: var(--dawn-topline-sitenav-maximum-rise); padding: 0 }
.pathways-cluster + .pathways-cluster { margin-left: var(--dawn-topline-sitenav-room) }
.pathways-cluster { gap: var(--dawn-topline-sitenav-room); align-items: center; display: flex }
.pathways-cluster a { display: inline-flex; align-items: center; min-height: var(--dawn-topline-sitenav-least-rise); font: 500 15px/1 var(--poster); color: var(--graphite); position: relative }
.pathways-cluster a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 8px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--float) }
.pathways-cluster a:focus-visible:after, .pathways-cluster a:hover:after { transform: scaleX(1) }
.pathways-cluster a:hover { color: var(--highlight-2) }
.listing-pathways a:hover { color: var(--highlight-2) }

.feed-prime { flex: 1; padding: 0 var(--dawn-sidegap) calc(var(--dawn-spacing-piece) * 6) }
.vault-summit { grid-template-columns: 1fr; gap: 10px; padding: clamp(24px, 4vh, 48px) 0 20px; display: grid }
.vault-summit-superscription { font-size: clamp(40px, 2.4vw + 1.6vh, 50px); line-height: 1.05 }
.vault-exordium { color: var(--graphite-3); padding-bottom: 16px; max-width: 70ch }
.vault-superscription { font-size: clamp(40px, 2.4vw + 1.6vh, 50px); line-height: 1.05 }
.vault-summit-specs { align-items: baseline; gap: 10px; display: flex }
.vault-amount { color: var(--graphite); font: 700 clamp(28px, 2.6vw, 44px)/1 var(--poster) }
.vault-amount-wording { letter-spacing: 0.14em; text-transform: uppercase; color: var(--graphite-3); font-size: 12px }

.feed { grid-template-columns: minmax(var(--dawn-sidecol-least), min(240px, var(--dawn-sidecol-maximum))) minmax(0, 1fr); gap: 0 32px; align-items: start; border-top: 1px solid var(--thread); padding-top: 24px; display: grid }
.flank { flex-direction: column; gap: 40px; min-width: 0; display: flex }
.feed-core { min-width: 0 }

.flank-source { gap: 8px; display: grid }
.source-kingdom { letter-spacing: 0.12em; text-transform: uppercase; color: var(--graphite-3); font: 500 12px/1.4 var(--core) }
.source-kingdom:hover { color: var(--graphite) }
.source-instrument { display: flex; width: 100%; min-height: 56px; align-items: center; gap: 12px; padding: 10px 14px; background: var(--veneer); color: var(--graphite); border: 1px solid var(--thread); border-radius: 16px 0 16px 0; box-shadow: inset 4px 0 var(--highlight); text-align: left; transition: border-color var(--float), background-color var(--float) }
.source-instrument:focus-visible, .source-instrument:hover { background: var(--highlight-subtle); border-color: var(--highlight) }
.source-symbol { font-style: normal; font-size: 20px; line-height: 1; color: var(--highlight) }
.source-language { min-width: 0; display: grid; gap: 2px; flex: 1 }
.source-sum { overflow-wrap: anywhere; font: 600 15px/1.25 var(--poster) }
.source-legend { letter-spacing: 0.1em; text-transform: uppercase; color: var(--graphite-3); font-size: 12px }
.source-wedge { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); flex: none }
.r1 { padding-top: 18px; border-top: 1px solid var(--highlight) }
.r1 .flank-source { padding-top: 18px; border-top: 0; margin: -18px 0 22px }
.r1 [data-side-realm="upper"] { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 22px; gap: 12px }
.r1 [data-side-realm="upper"] h2 { margin: 0; font: 400 22px/1 var(--poster) }
.flank-gross { color: var(--graphite-3); white-space: nowrap; font-size: 12px }
.flank-leave-col, .flank-switch { display: none }
.r1 [data-side-suite] { padding: 16px 0 18px }
.r1 [data-side-suite] + [data-side-suite] { border-top: 1px solid var(--thread) }
.r1 .gh { grid-template-columns: 28px 1fr; align-items: baseline; margin-bottom: 10px; display: grid }
.r1 [data-side-serial] { color: var(--highlight); font: italic 400 13px/1 var(--poster) }
.r1 [data-side-inscription] { font: 500 12px/1 var(--core); letter-spacing: 0.16em; text-transform: uppercase; color: var(--graphite-2); margin: 0 }
.r1 [data-side-picks] { margin: 0; padding: 0 0 0 28px; list-style: none }
.r1 [data-side-picks] a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0; border-bottom: 1px dotted var(--thread-2); color: var(--graphite-2); font-size: 14px }
.r1 [data-side-picks] li:last-child a { border-bottom: 0 }
.r1 [data-side-picks] a:hover { color: var(--highlight-2) }
.r1 .count { color: var(--graphite-3); font-size: 12px }

.readme-annotation { display: grid; gap: 0; padding: 1px 0 0; letter-spacing: 0; hyphens: auto; -webkit-hyphens: auto; border-top: 1px solid var(--thread); max-width: 420px; font-size: 14px; line-height: 21px; color: var(--graphite-3) }
.readme-core { gap: 2px; display: grid }
.readme-superscription { font-size: 16px; line-height: 1.15; font-weight: 600 }
.readme-phase-superscription { margin-bottom: 2px; font-size: 14px }

.browse { grid-template-columns: repeat(3, minmax(0, 1fr)) }
.browse-raster { grid-template-columns: repeat(4, minmax(240px, 256px)); justify-content: center; gap: var(--dawn-lineup-room); display: grid }
.slip { flex-direction: column; width: 100%; max-width: none; min-width: 0; background: var(--veneer); border-radius: var(--softness); padding-bottom: 8px; display: flex }
.slip-artwork { overflow: hidden; border-radius: var(--softness); background: var(--canvas-2); display: block }
.slip-artwork img { height: auto; display: block; object-fit: contain; transition: transform var(--float) ease; transform-origin: center; width: 100% }
.slip:focus-within .slip-artwork img, .slip:hover .slip-artwork img { transform: scale(1.05) }
.slip-who { gap: 1px; padding: 8px 10px 0; display: grid }
.slip-overline { letter-spacing: 0.16em; text-transform: uppercase; color: var(--graphite-3); font: 500 10px/1.4 var(--core) }
.slip-tagname { font: 600 17px/1.2 var(--poster) }
.slip-tagname a { color: var(--graphite) }
.slip-specs { flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 4px 10px 0; font-size: 13px; color: var(--graphite-3); display: flex }
.slip-datum { color: var(--graphite-3) }
.slip-tariff { color: var(--graphite); flex-basis: 100%; font: 600 22px/1 var(--poster) }
.slip-receiver { margin-left: auto; min-height: 28px; padding: 0; background: transparent; border: 0; border-bottom: 1px solid var(--thread-2); color: var(--graphite); font: 500 11px/1 var(--core); letter-spacing: 0.12em; text-transform: uppercase; transition: color var(--float), border-color var(--float), transform var(--float) }
.slip-receiver:focus-visible, .slip-receiver:hover { border-color: var(--highlight-2); transform: translateY(-1px); color: var(--highlight-2) }
.slip-word { padding: 7px 0 0; border-top: 1px solid var(--highlight); color: var(--highlight); font: 500 10px/1.3 var(--core); letter-spacing: 0.22em; text-transform: uppercase; white-space: nowrap; margin: 8px 10px 0 }
.passport-word { margin-top: 6px; padding-bottom: 4px; border-bottom: 1px solid var(--highlight); color: var(--highlight); font: 500 12px/1.3 var(--core); letter-spacing: 0.24em; text-transform: uppercase; white-space: nowrap; display: inline-block }
.browse-unfilled { max-width: 60ch; padding: 48px 0 }
.browse-unfilled-superscription { color: var(--graphite); margin-bottom: 8px; font: 600 24px/1.2 var(--poster) }

.pageset { grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; margin-top: calc(var(--dawn-spacing-piece) * 6); padding-top: 20px; border-top: 1px solid var(--thread); display: grid }
.pageset-lower { gap: 3px; color: var(--graphite); min-height: 44px; align-content: center; transition: color var(--float), transform var(--float); display: grid }
.pageset-lower small { font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--graphite-3) }
.pageset-lower strong { font: 600 14px/1.2 var(--poster) }
.pageset-onward { text-align: right; justify-self: end }
.pageset-lower:hover:not(.is-off) { transform: translateY(-1px); color: var(--highlight-2) }
.pageset-lower.is-off { opacity: 0.4 }
.pageset-footing { text-align: center }
.pageset-footing strong { font: 600 16px/1.2 var(--poster); color: var(--graphite); display: block }
.pageset-specs { font-size: 11px; color: var(--graphite-3) }

.cap { width: 100%; max-width: calc(56vh * 2554 / 1344); aspect-ratio: 2554 / 1344; margin: var(--dawn-portion-room-maximum) auto 0; overflow: visible; position: relative }
.cap-visual { width: 100%; height: 100%; display: block }
.cap-shot { width: 100%; height: 100%; object-fit: cover; object-position: 55% 50%; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%); transition: transform var(--float) }
.cap-language { position: absolute; left: 5%; bottom: 10%; width: min(32%, 360px); display: grid; gap: 8px; padding: 18px 20px; background: rgba(245, 244, 242, 0.85); border-radius: var(--softness) }
.cap-phrase { color: var(--graphite); font: 600 clamp(16px, 1.4vw, 22px)/1.3 var(--poster) }

.skybar { background: var(--ember); color: #fff; padding: 12px 0; margin-top: calc(var(--dawn-spacing-piece) * 6); overflow: hidden }
.skybar-col { width: max-content; gap: 0; animation: ticker 40s linear infinite; display: flex }
.skybar-member { align-items: center; gap: 16px; padding-right: 16px; font: 600 15px/1 var(--poster); white-space: nowrap; display: inline-flex }
.skybar-spot { height: 6px; border-radius: 50%; background: #fff; display: inline-block; width: 6px }
@keyframes ticker { from { transform: translateX(0) } to { transform: translateX(-50%) } }
.ground { color: #fff; padding: 40px var(--dawn-sidegap) 28px; background: var(--graphite) }
.ground-array { grid-template-columns: 1.2fr 1fr 1.2fr; gap: 16px; display: grid }
.ground-brick { min-height: 118px; padding: 20px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: var(--softness); display: grid; gap: 14px; align-content: start }
.ground a { color: #fff }
.ground a:hover { color: #f3d9c2 }
.emblem-ground .emblem-tagname { color: #fff }
.emblem-ground .emblem-badge { filter: brightness(0) invert(1) }
.ground-phrase { color: #fff; font: 400 20px/1.3 var(--poster) }
.ground-summit { letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.72); font: 500 11px/1.4 var(--core) }
.ground .url { gap: 8px; display: grid }
.ground .source-kingdom { color: rgba(255, 255, 255, 0.85) }
.ground .source-instrument { color: #fff; border-color: rgba(255, 255, 255, 0.35); box-shadow: inset 4px 0 var(--ember); background: transparent }
.ground .source-instrument:focus-visible, .ground .source-instrument:hover { background: rgba(255, 255, 255, 0.08); border-color: #fff }
.ground .source-symbol { color: var(--ember) }
.ground .source-legend { color: rgba(255, 255, 255, 0.7) }
.ground-lineup { gap: 6px; font-size: 14px; display: grid }
.ground-lineup a { transition: border-color var(--float), color var(--float); border-bottom: 1px solid transparent }
.ground-lineup a:hover { border-color: currentColor }
.ground-lineup-inline { grid-template-columns: 1fr 1fr }
.ground-connections { gap: 20px }
.ground-disclaimer { gap: 10px; display: grid }
.ground-language { color: rgba(255, 255, 255, 0.7); font-size: 12px }

.spectator-outlet, .receiver-outlet, .municipality-outlet { inset: 0; z-index: 100; position: fixed }
.spectator-shade, .receiver-shade, .municipality-shade { inset: 0; background: rgba(61, 42, 43, 0.55); position: absolute }
.municipality-flyout { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 55vw); background: var(--veneer); color: var(--graphite-2); display: flex; flex-direction: column; box-shadow: -16px 0 40px rgba(0, 0, 0, 0.15) }
.municipality-summit { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--thread) }
.municipality-superscription { font: 600 22px/1.2 var(--poster) }
.sitemap-leave, .spectator-leave, .receiver-leave, .municipality-leave { display: grid; place-items: center; width: 44px; height: 44px; background: transparent; border: 1px solid var(--thread); border-radius: 50%; color: var(--graphite); font-size: 24px; line-height: 1; transition: background-color var(--float), border-color var(--float), transform var(--float) }
.sitemap-leave:hover, .spectator-leave:hover, .receiver-leave:hover, .municipality-leave:hover { border-color: var(--graphite); transform: rotate(90deg); background: var(--highlight-subtle) }
.municipality-discover { padding: 8px 22px 12px }
.municipality-lineup { overflow-y: auto; padding: 4px 22px 24px; scrollbar-color: var(--dawn-tone) var(--canvas-2); flex: 1 }
.municipality-glyph { top: 0; background: var(--veneer); font: italic 400 14px/1 var(--poster); color: var(--highlight); padding: 14px 0 6px; border-bottom: 1px solid var(--thread); position: sticky }
.municipality-course { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 6px 0; border-bottom: 1px dotted var(--thread-2); color: var(--graphite-2); font-size: 15px; transition: color var(--float), padding-left var(--float) }
.municipality-course:hover { padding-left: 6px; color: var(--highlight) }
.municipality-course-kingdom { color: var(--graphite); font-weight: 500 }
.municipality-amount { color: var(--graphite-3); font-size: 12px }

.receiver-slab { position: absolute; left: 0; right: 0; bottom: 0; background: var(--veneer); color: var(--graphite-2); border-radius: 18px 18px 0 0; padding: 14px var(--dawn-sidegap) 28px; display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "head head head" "identity value actions"; gap: 12px 32px; align-items: center; box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.18) }
.receiver-leave { position: absolute; top: 14px; right: var(--dawn-sidegap) }
.receiver-summit { display: grid; justify-items: center; gap: 10px; grid-area: head }
.receiver-handle { height: 4px; border-radius: 4px; background: var(--thread-2); width: 48px }
.receiver-superscription { letter-spacing: 0.16em; text-transform: uppercase; color: var(--graphite-3); font: 500 11px/1.4 var(--core) }
.receiver-who { display: flex; align-items: center; gap: 14px; grid-area: identity }
.receiver-pic { height: 96px; object-fit: cover; border-radius: var(--softness); width: 72px }
.receiver-tagname { color: var(--graphite); font: 600 20px/1.2 var(--poster) }
.receiver-sum { text-align: center; grid-area: value }
.receiver-reading { color: var(--graphite); white-space: nowrap; font: 700 clamp(28px, 3vw, 40px)/1.1 var(--poster) }
.receiver-moves { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; grid-area: actions }

.spectator-outlet { place-items: center; padding: 24px; display: grid }
.spectator-pane { position: relative; width: fit-content; max-width: min(84vw, 1200px); max-height: calc(100vh - 48px); background: var(--veneer); padding: 16px 16px 64px; border-radius: var(--softness); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3); display: grid }
.spectator-leave { position: absolute; top: 12px; right: 12px; z-index: 2; background: var(--veneer) }
.spectator-platform { place-items: center; display: grid }
.spectator-shot { width: auto; height: auto; max-width: min(84vw - 32px, 1168px); max-height: calc(100vh - 220px); object-fit: contain }
.spectator-pathways { position: absolute; left: 16px; right: 16px; bottom: 12px; display: flex; justify-content: space-between }
.spectator-cue { width: 44px; height: 40px; background: transparent; border: 1px solid var(--thread); border-radius: var(--softness); color: var(--graphite); font-size: 20px; transition: background-color var(--float), border-color var(--float) }
.spectator-cue:hover { border-color: var(--graphite); background: var(--highlight-subtle) }

.passport { flex: 1; padding: clamp(24px, 4vh, 40px) var(--dawn-sidegap) calc(var(--dawn-spacing-piece) * 6) }
.passport-fifty { display: grid; grid-template-columns: var(--collection-w) minmax(0, 1fr); gap: 32px clamp(32px, 3vw, 56px); align-items: start; --collection-w: max(280px, calc(62vh * 2 / 3)) }
.passport-source { max-width: 100% }
.passport-artwork-stripe { gap: 28px; min-width: 0; width: 100%; max-width: 100%; display: grid }
.gallery { gap: 16px; justify-items: start; display: grid }
.gallery-item { width: 100%; margin: 0 }
.gallery-trigger { display: block; width: auto; max-width: 100%; padding: 0; border: 0; background: var(--canvas-2); cursor: zoom-in; overflow: hidden; border-radius: var(--softness) }
.gallery-trigger img { width: auto; height: auto; max-width: 100%; max-height: 38vh; aspect-ratio: var(--ratio, auto); display: block; transition: transform var(--float) }
.gallery-item:first-child .gallery-trigger img { max-height: 62vh }
.gallery-trigger:hover img { transform: scale(1.03) }
.passport-stripe { gap: 28px; min-width: 0; display: grid }
.passport-who { gap: 8px; display: grid }
.passport-municipality a { color: var(--graphite-3) }
.passport-municipality a:hover { color: var(--graphite) }
.passport-superscription { font-size: clamp(32px, 2.4vw + 1.4vh, 52px); line-height: 1.05 }
.segment-superscription { margin-bottom: 12px; font: 600 20px/1.2 var(--poster) }
.correspondence-box { display: grid; gap: 12px; padding: 20px; border: 1px solid var(--thread); background: var(--veneer); border-radius: var(--softness); position: sticky; top: 16px }
.correspondence-summit { letter-spacing: 0.16em; text-transform: uppercase; color: var(--graphite-3); font: 500 11px/1.4 var(--core) }
.correspondence-verb { flex-wrap: wrap; gap: 10px; display: flex }
.correspondence-verb .click-ample { flex: 1 1 100% }
.charges { gap: 12px; display: grid }
.pulse-lede { align-items: baseline; gap: 12px; display: flex }
.pulse-graphic { color: var(--graphite); font: 700 clamp(34px, 3vw, 44px)/1 var(--poster) }
.pulse-time { font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--graphite-3) }
.pulse-lineup { display: grid }
.pulse-lineup li { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 8px 0; border-bottom: 1px dotted var(--thread-2); font-size: 14px }
.pulse-wording { color: var(--graphite-2); flex: 1 }
.pulse-compartment { text-align: right; display: grid }
.pulse-compartment small { letter-spacing: 0.12em; text-transform: uppercase; color: var(--graphite-3); font-size: 10px }
.pulse-compartment b { font-family: var(--poster); font-size: 16px; color: var(--graphite) }
.bead-hull { flex-wrap: wrap; gap: 8px; display: flex }
.bead { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 6px; max-width: 100%; overflow-wrap: anywhere; min-height: 36px; padding: 6px 12px; border: 1px solid var(--thread); border-radius: 999px; background: var(--veneer); font-size: 14px }
.bead small { letter-spacing: 0.1em; text-transform: uppercase; color: var(--graphite-3); font-size: 10px }
.bead b, .bead a { font-weight: 500; color: var(--graphite) }
.bead a:hover { color: var(--highlight-2) }
.pellet-hull { flex-wrap: wrap; gap: 8px; display: flex }
.pellet { display: inline-flex; align-items: center; min-height: 34px; padding: 4px 14px; border-radius: 999px; font-size: 14px; border: 1px solid var(--graphite); transition: background-color var(--float), color var(--float) }
.pellet-prime { color: #fff; background: var(--graphite) }
.pellet-prime a { color: #fff }
.pellet-alt { color: var(--graphite); background: transparent }
.pellet:hover { border-color: var(--highlight-2); color: #fff; background: var(--highlight-2) }
.pellet:hover a { color: #fff }
.account-core { gap: 12px; max-width: 64ch; display: grid }
.account { max-width: 100% }
.account-core p:first-child { font-size: 18px; line-height: 1.5; color: var(--graphite) }
.signal { padding-top: 24px; border-top: 1px solid var(--thread); margin-top: calc(var(--dawn-spacing-piece) * 7) }
.signal-input { grid-template-columns: minmax(0, 1fr) auto; gap: 16px 24px; align-items: end; max-width: 840px; display: grid }
.signal-attr { margin: 0 }
.signal-outcome { font-size: 13px; color: var(--graphite-3); grid-column: 1 / -1 }

.folio-prime { flex: 1; padding: clamp(24px, 4vh, 48px) var(--dawn-sidegap) calc(var(--dawn-spacing-piece) * 8) }
.folio-text { max-width: 72ch; margin-inline: auto; display: grid; gap: 16px; font-size: 16px; line-height: 1.6; color: var(--graphite-2) }
.folio-text h1 { font-size: clamp(30px, 3vw, 44px); line-height: 1.1 }
.folio-text h2 { margin-top: 12px; font-size: 24px }
.folio-text a { text-decoration: underline; text-underline-offset: 3px }

[data-debut] { transform: translateY(14px); transition: opacity 500ms ease, transform 500ms ease; opacity: 0 }
[data-debut].is-in { transform: none; opacity: 1 }
@media (prefers-reduced-motion: reduce){
	[data-debut] { transform: none; transition: none; opacity: 1 }
	.skybar-col { animation: none }
	*:after, *:before, * { transition-duration: 0.01ms !important }
}

@media (min-width: 900px){
	.receiver-slab { border-radius: 0 }
}

@media (max-width: 1400px){
	.feed { gap: 0 24px; grid-template-columns: 260px minmax(0, 1fr) }
	.feed-prime { padding-inline: var(--dawn-sidegap-least) }

	.browse-raster { grid-template-columns: repeat(4, minmax(0, 256px)) }
}

@media (max-width: 1240px){
	.browse-raster { grid-template-columns: repeat(3, minmax(0, 256px)) }
}

@media (max-width: 799px){

	.sitemap-switch { display: inline-flex }
	.sitemap-switch-wording { width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); position: absolute }
	.topboard-course { position: relative }
	.sitemap-box { position: fixed; inset: 0; z-index: 90; background: var(--card); overflow-y: auto; padding: 72px var(--dawn-adaptable-breathing) 32px; border-top: 0; display: none }
	.sitemap-box.is-begin { display: block }
	.sitemap-box.is-begin .sitemap-leave { display: grid; position: absolute; top: 14px; right: var(--dawn-adaptable-breathing) }
	.sitemap-box.is-begin .sitemap-passage { font: 500 11px/1.4 var(--core); letter-spacing: 0.16em; text-transform: uppercase; color: var(--graphite-3); padding: 18px 0 6px; border-bottom: 1px solid var(--thread); display: block }
	.sitemap-box.is-begin .sitemap-papers { display: block }
	.listing-pathways { flex-direction: column; align-items: stretch; gap: 0; height: auto; max-height: none; padding: 0; display: flex }
	.pathways-cluster + .pathways-cluster { margin-left: 0 }
	.pathways-cluster { align-items: stretch; gap: 0; flex-direction: column }
	.sitemap-papers-lineup a, .pathways-cluster a { display: flex; min-height: 52px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--thread); font: 600 17px/1.2 var(--poster) }
	.pathways-cluster a:after { display: none }
}

@media (max-width: 1024px){
	.feed { gap: 0 24px; grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) }
	.browse-raster { grid-template-columns: repeat(2, minmax(0, 256px)) }
	.ground-array { grid-template-columns: 1fr 1fr }
	.ground-emblem { grid-column: 1 / -1 }
	.municipality-flyout { width: min(420px, 58vw) }
}

@media (max-width: 899px){
	.receiver-slab { grid-template-columns: 1fr; grid-template-areas: "head" "identity" "value" "actions"; gap: 14px; justify-items: center; padding-bottom: 24px }
	.receiver-moves { width: 100%; justify-content: center }
	.receiver-moves .click { flex: 1 }
	.passport-fifty { grid-template-columns: 1fr }
	.passport-stripe, .passport-artwork-stripe { display: contents }
	.passport-who { order: 1 }
	.correspondence-box { position: static; order: 2 }
	.gallery { order: 3 }
	.prices { order: 4 }
	.services { order: 5 }
	.account { order: 6 }
	.passport-stipulations { order: 7 }
	.passport-source { order: 8 }
	.gallery { justify-items: stretch }
	.gallery-trigger { width: 100% }
	.gallery-trigger img { max-height: 70vh; object-fit: contain; width: 100% }
	.gallery-item:first-child .gallery-trigger img { max-height: 70vh }
	.passport-artwork-stripe { width: auto }
}

@media (max-width: 767px){
	.feed { gap: 24px; grid-template-columns: 1fr }
	.flank { display: contents }
	.sorting { order: 1 }
	.feed-core { order: 2 }
	.readme-annotation { max-width: none; order: 3 }
	.vault-summit { align-items: start; grid-template-columns: 1fr }
	.signal-input { align-items: stretch; grid-template-columns: 1fr }
	.ground-array { grid-template-columns: 1fr }
	.ground-emblem { grid-column: auto }
	.ground { padding-inline: var(--dawn-adaptable-breathing) }
	.listing-pathways, .banner, .topboard-course, .folio-prime, .passport, .feed-prime { padding-inline: var(--dawn-adaptable-breathing) }
	.cap-language { width: auto; margin-top: 12px; background: transparent; padding: 0; position: static }
	.cap { max-width: none; aspect-ratio: auto }
	.cap-visual { max-width: calc(56vh * 2554 / 1344); margin-inline: auto; aspect-ratio: 2554 / 1344 }
	.cap-shot { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%) }
	.municipality-flyout { width: min(100%, 420px) }
}

@media (max-width: 599px){
	.sitemap-switch { display: inline-flex }
	.sitemap-switch-wording { width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); position: absolute }
	.discover-helm { display: inline-flex }
	.passport-discover { position: absolute; left: var(--dawn-adaptable-breathing); right: var(--dawn-adaptable-breathing); top: calc(100% + 8px); background: var(--veneer); padding: 12px 16px; border: 1px solid var(--thread); border-radius: var(--softness); width: auto; z-index: 5; display: none; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) }
	.passport-discover.is-begin { display: flex }
	.topboard-course { grid-template-columns: 1fr auto 1fr; position: relative }
	.emblem-badge { height: 32px; width: 32px }
	.emblem-tagname { font-size: 17px }
	.sitemap-box { position: fixed; inset: 0; z-index: 90; background: var(--card); overflow-y: auto; padding: 72px var(--dawn-adaptable-breathing) 32px; border-top: 0; display: none }
	.sitemap-box.is-begin { display: block }
	.sitemap-box.is-begin .sitemap-leave { display: grid; position: absolute; top: 14px; right: var(--dawn-adaptable-breathing) }
	.sitemap-box.is-begin .sitemap-passage { font: 500 11px/1.4 var(--core); letter-spacing: 0.16em; text-transform: uppercase; color: var(--graphite-3); padding: 18px 0 6px; border-bottom: 1px solid var(--thread); display: block }
	.sitemap-box.is-begin .sitemap-papers { display: block }
	.listing-pathways { flex-direction: column; align-items: stretch; gap: 0; height: auto; max-height: none; padding: 0; display: flex }
	.pathways-cluster + .pathways-cluster { margin-left: 0 }
	.pathways-cluster { align-items: stretch; gap: 0; flex-direction: column }
	.sitemap-papers-lineup a, .pathways-cluster a { display: flex; min-height: 52px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--thread); font: 600 17px/1.2 var(--poster) }
	.pathways-cluster a:after { display: none }
	.cap-visual { max-width: calc(56vh * 1200 / 1059); aspect-ratio: 1200 / 1059 }
	.browse-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 24px }
	.slip { max-width: none }
	.slip-tagname { font-size: 16px }
	.slip-tariff { font-size: 20px }
	.slip-receiver { margin-left: 0; width: max-content; flex-basis: 100% }
	.flank-switch { display: flex; width: 100%; justify-content: space-between; align-items: center; min-height: var(--dawn-gadget-rise); padding: 0 14px; background: var(--veneer); border: 1px solid var(--thread); border-radius: var(--softness); color: var(--graphite); font: 500 12px/1 var(--core); letter-spacing: 0.14em; text-transform: uppercase }
	.r1 [data-side-realm="upper"] { flex-wrap: wrap }
	.flank-switch { margin-top: 8px; flex-basis: 100% }
	.flank-categories:not(.is-begin) { display: none }
	.flank-leave-col { padding-top: 12px; display: block }
	.flank-leave { width: 100%; min-height: var(--dawn-gadget-rise); background: transparent; border: 1px solid var(--thread); border-radius: var(--softness); color: var(--graphite); font: 500 12px/1 var(--core); letter-spacing: 0.14em; text-transform: uppercase }
	.receiver-reading { font-size: 28px }
	.spectator-outlet { padding: 12px }
	.spectator-pane { max-width: 84vw; padding: 12px 12px 60px }
	.spectator-shot { max-width: calc(84vw - 24px); max-height: calc(100vh - 24px - 72px) }
	.vault-superscription { font-size: 32px }
	.banner { gap: 10px; font-size: 12px }
}

.readme-summit { gap: 0; display: grid }
.readme-annotation .overline { line-height: 1; font-size: 10px }
.source-kernel { gap: 8px; display: grid }
[data-topline-browse-sitenav] a:focus-visible, [data-topline-browse-sitenav] a:hover { color: var(--highlight-2); text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 1px }
[data-topline-browse-sitenav] a { transition: color var(--float), text-decoration-color var(--float) }