*, *::before, *::after { box-sizing: border-box; }
html {
	direction: rtl;
	overflow-x: clip;
	scroll-behavior: smooth;
	scrollbar-color: var(--color-paper-3) var(--color-paper);
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	overflow-x: clip;
	background: var(--color-paper);
	color: var(--color-ink);
	font-family: var(--font-body);
	font-size: var(--text-base);
	font-weight: 500;
	line-height: var(--leading-body);
	text-rendering: optimizeLegibility;
}
::selection { background: var(--c-accent, var(--color-accent-deep)); color: var(--color-ink-on-accent); }
:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; border-radius: var(--radius); }
a { color: inherit; text-decoration: none; }
p { margin: 0; text-wrap: pretty; }
h1, h2, h3, h4 {
	margin: 0;
	font-family: var(--font-display);
	font-weight: 700;
	line-height: var(--leading-display);
	text-wrap: balance;
	overflow-wrap: break-word;
	min-width: 0;
}
img, svg, video { display: block; max-width: 100%; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.latin { font-family: var(--font-body); direction: ltr; unicode-bidi: isolate; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.band { padding-block: var(--space-2xl) var(--space-3xl); background: var(--c-bg); color: var(--c-ink); }
.band--dark, .top, .foot, .skip {
	--c-bg: transparent;
	--c-ink: var(--color-ink);
	--c-muted: var(--color-muted);
	--c-rule: var(--color-rule);
	--c-accent: var(--color-accent);
	--c-tag-bg: var(--color-paper);
}
.band--light {
	--c-bg: var(--color-band);
	--c-ink: var(--color-band-ink);
	--c-muted: var(--color-band-muted);
	--c-rule: var(--color-band-rule);
	--c-accent: var(--color-accent-deep);
	--c-tag-bg: var(--color-band);
}

.band--light { position: relative; --develop: 0; overflow: clip; background: linear-gradient(var(--color-band-wash), var(--color-band-wash)), var(--img-paper) top center / 100% auto repeat-y var(--color-band); }
.hero.band--light { --develop: 0 !important; }
.band--light > .wrap { position: relative; z-index: var(--z-veil); }
.band--light::after { content: ""; position: absolute; inset: 0; z-index: var(--z-veil); background: var(--color-paper); opacity: var(--develop); pointer-events: none; }
.wrap { width: min(100% - 2 * var(--space-lg), 76rem); margin-inline: auto; }
main { position: relative; }

.loop { position: fixed; inset: 0; z-index: var(--z-loop); overflow: hidden; background: var(--color-paper) var(--img-smoke) center / cover no-repeat; pointer-events: none; }
.loop video { position: absolute; inset: -5%; width: 110%; max-width: none; height: 110%; object-fit: cover; opacity: 0; transition: opacity var(--dur-long) var(--ease-out); }
.loop video.is-playing { opacity: 1; }
.loop::after { content: ""; position: absolute; inset: 0; background: var(--img-gears-over) center / cover no-repeat, var(--scrim); }

.top { padding-block: var(--space-md); border-bottom: var(--rule) solid var(--c-rule); background: var(--color-paper) var(--img-nav) center / cover no-repeat; }
.top .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-sm) var(--space-xl); }

.mark { font-family: var(--font-mark); font-weight: 400; font-size: var(--text-xl); line-height: 1; font-feature-settings: "kern" 1; font-variation-settings: "MSHQ" var(--mark-mashq); }
.menu ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-md) var(--space-lg); }
.menu a {
	display: inline-flex; align-items: center; min-height: 2.75rem; padding: var(--space-sm) var(--space-xs); margin-inline: calc(-1 * var(--space-xs)); font-weight: 700; font-size: var(--text-sm); line-height: var(--leading-ui); color: var(--c-muted); white-space: nowrap;
	text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px;
	transition: color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out);
}
.menu a:hover, .menu a:focus-visible, .menu a:active { color: var(--c-ink); text-decoration-color: var(--c-muted); }
.menu a[aria-current="location"] { color: var(--c-ink); text-decoration-color: var(--c-accent); }

.head { display: grid; justify-items: center; text-align: center; gap: var(--space-sm); margin-bottom: var(--space-xl); padding-top: var(--space-xl); border-top: var(--rule) solid var(--c-rule); }
.head h2 { font-size: var(--text-2xl); }

.head__n { display: inline-block; font-family: var(--font-readout); font-weight: 700; font-size: var(--text-md); line-height: 1; letter-spacing: 0.15em; margin-inline-end: -0.15em; margin-bottom: var(--space-md); color: var(--c-accent); direction: ltr; }

.head::after { content: ""; width: 3rem; height: calc(var(--rule) * 3); margin-top: var(--space-sm); background: var(--c-accent); border-radius: 2px; }

@property --lit { syntax: '<number>'; inherits: true; initial-value: 1; }
.key, .tag, .plate {
	--lit: 1; --mesh: 0.06; --glow: 1; --cathode: 14%; --wall: 20%; --collar: 3px;
	--c-bg: transparent; --c-ink: var(--color-ink); --c-muted: var(--color-muted); --c-rule: var(--color-rule); --c-accent: var(--color-accent); --c-tag-bg: var(--color-paper);
	position: relative; isolation: isolate; overflow: hidden; border: 0; border-radius: var(--radius-glass);
	color: var(--c-ink);
	background:
		radial-gradient(120% 100% at 50% 72%, color-mix(in oklch, var(--glass-glow) calc(var(--lit) * var(--cathode)), transparent), color-mix(in oklch, var(--glass-haze) calc(var(--lit) * var(--wall)), transparent) 50%, transparent 78%),
		var(--glass);
	text-shadow: 0 0 0.35em color-mix(in oklch, var(--glass-glow) calc(var(--lit) * var(--glow) * 55%), transparent), 0 0 1em color-mix(in oklch, var(--glass-haze) calc(var(--lit) * var(--glow) * 45%), transparent);
	transition: --lit var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);
}
.key::before, .tag::before, .plate::before {
	content: ""; position: absolute; inset: 0; z-index: var(--z-veil); pointer-events: none; border-radius: inherit;
	background:
		linear-gradient(100deg, transparent 10%, var(--glass-sheen) 17%, transparent 25%),
		repeating-linear-gradient(0deg, color-mix(in oklch, var(--color-white) calc(var(--mesh) * 100%), transparent) 0 1px, transparent 1px var(--mesh-pitch)),
		repeating-linear-gradient(90deg, color-mix(in oklch, var(--color-white) calc(var(--mesh) * 100%), transparent) 0 1px, transparent 1px var(--mesh-pitch));
	box-shadow: inset 0 0 0 1px var(--glass-rim), inset 0 0 1.4rem color-mix(in oklch, var(--glass-haze) calc(var(--lit) * 40%), transparent), inset 0 calc(-1 * var(--collar)) 0 var(--glass-collar);
}

.key {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm);
	min-height: 3.25rem; padding: var(--space-sm) var(--space-lg);
	font-weight: 700; font-size: var(--text-sm); white-space: nowrap;
	--lit: 0.85; --cathode: 0%; --wall: 8%; --glow: 0;
}
@media (hover: hover) { .key:hover { --lit: 1; } }
.key:active { --lit: 0.6; }
.key:focus-visible { border-radius: var(--radius-glass); }

.key--primary { --glass-glow: var(--sg-red); --glass-haze: var(--sg-red-deep); --cathode: 72%; --wall: 60%; --lit: 1; --glow: 1; color: var(--color-ink-on-accent); }
@media (hover: hover) { .key--primary:hover { --glass-glow: var(--sg-orange); color: var(--color-ink-on-accent); } }
.key--primary:active { --lit: 0.8; }

.key[aria-disabled="true"], .key:disabled { --lit: 0; --mesh: 0.04; color: var(--c-muted); cursor: not-allowed; pointer-events: none; }
.key svg { width: 1.1em; height: 1.1em; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.key .icon--brand { fill: currentColor; stroke: none; }

.skip { position: fixed; inset-inline-start: var(--space-lg); top: var(--space-md); z-index: var(--z-skip); transform: translateY(-200%); }
.skip:focus-visible { transform: none; }

.gate { --sheet: 1; position: fixed; inset: 0; z-index: var(--z-gate); display: none; place-items: center; background: color-mix(in oklch, var(--color-white) calc(var(--sheet) * 100%), transparent); }
html[data-gate] .gate { display: grid; }
.gate__logo { width: min(70vw, 22rem); height: auto; opacity: 0; will-change: transform, filter, opacity; }
html[data-gate] .hero__logo picture { visibility: hidden; }

.hero { position: relative; overflow: clip; min-height: calc(var(--screen-h, 100svh) - var(--top-h, 4.5rem) - var(--space-3xl)); padding-block: var(--space-xl) var(--space-2xl); display: grid; align-items: center; align-content: center; gap: var(--space-lg); background: var(--color-white); }

.hero__cue { position: absolute; inset-block-end: var(--space-md); inset-inline-start: 50%; width: 2px; height: 1.75rem; margin-inline-start: -1px; background: var(--color-band-ink); transform-origin: top; animation: cue 1.4s ease-in-out 3 both; }
html[data-gate] .hero__cue { animation-play-state: paused; }
@keyframes cue { 0% { transform: scaleY(0); opacity: 0; } 40% { opacity: 1; } 100% { transform: scaleY(1); opacity: 1; } }

.hero__art { position: absolute; inset: var(--space-xl) auto var(--space-2xl) max(0px, calc(50% - 38rem)); width: min(52%, 39.52rem); background: var(--img-cast15) center / contain no-repeat; pointer-events: none; }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 48fr) minmax(0, 52fr); align-items: center; }

.hero__logo { margin: 0; display: grid; justify-items: center; }
.hero__logo picture { display: block; width: min(100%, 36rem); margin-inline: auto; }
.hero__logo img { display: block; width: 100%; height: auto; }
.hero__logo .stand-in { font-family: var(--font-display); font-size: var(--text-display); line-height: 1.05; }

.meterband { padding-block: var(--space-2xl); }
.meterband .wrap { display: grid; justify-items: center; gap: var(--space-xl); }
@media (max-height: 860px) and (min-width: 961px) { .meterband { padding-top: var(--space-lg); } .meterband .wrap { gap: var(--space-lg); } }

.meter { display: flex; direction: ltr; width: min(100%, 40rem); border-radius: 4px; overflow: hidden; }
.meter .tube { display: block; width: 10%; height: auto; }

.choices { display: flex; flex-wrap: wrap; justify-content: center; align-items: start; gap: var(--space-md); width: min(100%, 40rem); }
.choices > * { flex: 1 1 18rem; }
.choices .key { width: 100%; min-height: 3.5rem; }
.choices > :is(.key--primary, :has(.key--primary)) { order: -1; }
.act { display: grid; gap: var(--space-sm); }
.act:has(.key[aria-disabled="true"]) { cursor: not-allowed; }
.key-note { margin: 0; font-size: var(--text-sm); font-weight: 500; line-height: var(--leading-ui); color: var(--c-muted); text-align: center; }

.plate { margin: 0; aspect-ratio: 16 / 9; --mesh: 0.10; --lit: 0.5; --glow: 0; }
.plate img, .plate video { width: 100%; height: 100%; object-fit: cover; }

.plate[data-placeholder]::after { position: absolute; z-index: var(--z-caption); inset-block-end: var(--space-md); inset-inline-start: var(--space-md); font-size: var(--text-sm); font-weight: 700; color: var(--c-muted); background: var(--c-tag-bg); padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-sm); text-shadow: none; }
.plate[data-placeholder]::after { content: attr(data-placeholder); }

.plate[data-placeholder] { --lit: 0; background: linear-gradient(135deg, transparent 49.5%, color-mix(in oklch, var(--c-rule) 35%, transparent) 49.5%, color-mix(in oklch, var(--c-rule) 35%, transparent) 50.5%, transparent 50.5%), var(--glass); }
.plate:has(img), .plate:has(video) { --mesh: 0; --lit: 0; --glow: 0; }
.plate--quad { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 2px; }
.plate--quad img { min-height: 0; }
.plate--duo, .plate--pair, .plate--trio { display: grid; gap: 2px; aspect-ratio: auto; }
.plate--pair, .plate--trio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plate--trio img:first-child { grid-column: 1 / -1; }
.plate--duo img, .plate--pair img, .plate--trio img { height: auto; }

.feats { list-style: none; margin: 0; padding: 0; }
.feat { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-2xl); align-items: start; padding-block: var(--space-xl); border-bottom: var(--rule) solid var(--c-rule); }
.feat:last-child { border-bottom: 0; }
.feat:nth-child(even) .feat__text { order: 2; }
.feat h3 { font-size: var(--text-lg); margin-bottom: var(--space-sm); text-wrap: pretty; }
.feat__list { list-style: none; margin: 0; padding: 0; max-width: var(--measure); display: grid; gap: var(--space-md); }
.feat__list li { position: relative; padding-inline-start: 1.25em; }
.feat__list li::before { content: ""; position: absolute; inset-inline-start: 0; top: 0.95em; width: 0.65em; height: var(--rule); background: var(--c-accent); }



.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.icon { display: inline-block; width: 1em; height: 1em; flex: none; vertical-align: -0.125em; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.icon--brand { fill: currentColor; stroke: none; }
.feat h3 .icon { color: var(--c-accent); }
.feat h3 .icon { width: 0.9em; height: 0.9em; vertical-align: -0.15em; margin-inline-end: 0.15em; }
.tag .icon { width: 1.1em; height: 1.1em; }

.lab { list-style: none; margin: 0; padding: 0; width: min(100%, 56rem); margin-inline: auto; }
.member { display: grid; grid-template-columns: 11rem minmax(0, 1fr); column-gap: var(--space-xl); align-items: baseline; padding-block: var(--space-md); border-bottom: var(--rule) solid var(--c-rule); }
.member:last-child { border-bottom: 0; }
.member h3 { font-size: var(--text-lg); line-height: var(--leading-display); }
.member h3 .latin { font-family: var(--font-body); }
.member__roles { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; column-gap: var(--space-sm); row-gap: var(--space-xs); align-items: baseline; }
.member__roles li { display: inline-flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-xs); }
.member__roles li:not(:last-child)::after { content: "·"; color: var(--c-muted); margin-inline-start: var(--space-sm); }
.member__roles .role { font-weight: 700; color: var(--c-ink); }
.member__roles small { font-size: var(--text-sm); color: var(--c-muted); line-height: var(--leading-ui); }
.lab__sub { margin: var(--space-2xl) 0 var(--space-xs); text-align: center; font-size: var(--text-lg); }
.lede--sub { margin-bottom: var(--space-lg); }
.lab--thanks { display: flex; flex-wrap: wrap; justify-content: center; column-gap: var(--space-xl); row-gap: var(--space-xs); }
.lab--thanks .member { display: block; padding-block: var(--space-xs); border-bottom: 0; }
.lab--thanks .member h3 { font-size: var(--text-md); }
.prose p a, .prose .sign a { text-decoration: underline; text-decoration-color: var(--c-muted); text-underline-position: under; text-underline-offset: 0.15em; text-decoration-thickness: 2px; transition: color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out); }
.prose .sign a:hover, .prose .sign a:focus-visible { color: var(--c-accent); text-decoration-color: var(--c-accent); }
.tag { display: inline-flex; align-items: center; gap: 0.3em; font-family: var(--font-body); font-size: var(--text-sm); line-height: var(--leading-ui); font-weight: 700; padding: 0 var(--space-sm); margin-inline-start: 0; vertical-align: middle; --lit: 0.8; --mesh: 0; --glow: 0.6; --collar: 2px; border-radius: 6px 6px 4px 4px; }

.prose { max-width: var(--measure); margin-inline: auto; }
.prose .byline { margin: 0 0 var(--space-md); font-size: var(--text-sm); font-weight: 700; color: var(--c-muted); display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-sm); align-items: center; }

.lede { font-size: var(--text-md); max-width: var(--measure); margin: 0 auto var(--space-xl); text-align: center; }
.prose p, .prose li { line-height: var(--leading-prose); text-align: start; text-wrap: pretty; hyphens: manual; }
.prose p + p { margin-top: var(--space-md); }
.prose h3 { font-size: var(--text-lg); margin: var(--space-2xl) 0 var(--space-sm); padding-top: var(--space-lg); border-top: var(--rule) solid var(--c-rule); }
.prose .pull { font-family: var(--font-display); font-weight: 700; font-size: var(--text-md); line-height: var(--leading-display); color: var(--c-accent); text-wrap: balance; margin: var(--space-2xl) 0; padding: var(--space-lg) 0; border-block: var(--rule) solid var(--c-rule); }
.bulletin { max-width: none; display: grid; grid-template-columns: minmax(0, var(--measure-wide)); justify-content: center; gap: var(--space-lg) var(--space-2xl); }
.bulletin .head { margin-bottom: 0; }
.prose .bulletin__line { justify-content: center; margin: 0 0 var(--space-xl); }
.bulletin__toc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-md); }
.bulletin__toc li:not(:last-child)::after { content: "·"; color: var(--c-muted); margin-inline-start: var(--space-md); }
.bulletin__toc a { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 700; font-size: var(--text-sm); line-height: var(--leading-ui); color: var(--c-muted); text-decoration: underline; text-decoration-color: transparent; transition: color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out); }
.bulletin__toc a:hover, .bulletin__toc a:focus-visible, .bulletin__toc a:active { color: var(--c-ink); text-decoration-color: var(--c-muted); }
.bulletin__toc a[aria-current="location"] { color: var(--c-ink); text-decoration-color: var(--c-accent); }
.bulletin__body { min-width: 0; }
.bulletin__body :is(p, li) { font-size: var(--text-prose); }
.bulletin__body .by { font-size: var(--text-sm); font-weight: 700; color: var(--c-muted); line-height: var(--leading-ui); margin: 0 0 var(--space-lg); }
.part { scroll-margin-top: var(--space-xl); }
.part:first-child h3 { margin-top: 0; border-top: 0; padding-top: 0; }
.bulletin__body .sign { margin-top: var(--space-lg); line-height: var(--leading-ui); }
.list { list-style: arabic-indic; margin: var(--space-md) 0 var(--space-lg); padding-inline-start: 1.75em; }
.list li + li { margin-top: var(--space-md); }
.list li::marker { color: var(--c-accent); font-weight: 700; }
@media (min-width: 70em) {
	.bulletin { grid-template-columns: minmax(0, 1fr) minmax(0, var(--measure-wide)) minmax(0, 1fr); }
	.bulletin__head, .bulletin__line { grid-column: 1 / -1; }
	.bulletin__body { grid-column: 2; grid-row: 3; }
	.bulletin__toc { grid-column: 1; grid-row: 3; position: sticky; top: var(--space-xl); align-self: start; }
	.bulletin__toc ol { display: grid; justify-content: stretch; gap: 0; }
	.bulletin__toc li:not(:last-child)::after { content: none; }
}
.notes { list-style: none; margin: var(--space-md) 0 0; padding: 0; }
.notes li { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--space-sm); padding-block: var(--space-lg); border-bottom: var(--rule) solid var(--c-rule); }
.notes li:last-child { border-bottom: 0; }
.notes li:target { scroll-margin-top: var(--space-xl); }
.notes li p { margin: 0; }
.notes li p + p { margin-top: var(--space-md); }
.notes .n { display: inline-flex; align-items: flex-start; justify-content: center; min-height: 2.75rem; font-weight: 700; color: var(--c-accent); font-variant-numeric: tabular-nums; text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color var(--dur-short) var(--ease-out); }
.notes li:target .n, .notes .n:hover, .notes .n:focus-visible { text-decoration-color: var(--c-accent); }
.prose p a { text-decoration: underline; text-decoration-color: var(--c-muted); transition: color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out); }
.prose p a:hover, .prose p a:focus-visible { color: var(--c-accent); text-decoration-color: var(--c-accent); }
.menu a, .bulletin__toc a, .notes .n, .prose p a { text-underline-position: under; text-underline-offset: 0.15em; text-decoration-thickness: 2px; text-decoration-skip-ink: auto; }

.steps { list-style: none; width: min(100%, 52rem); margin: 0 auto var(--space-md); padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-lg); text-align: center; }
.steps li { display: grid; justify-items: center; align-content: start; gap: var(--space-xs); padding: var(--space-md) var(--space-sm) 0; border-top: var(--rule) solid var(--c-rule); }
.steps__n { font-family: var(--font-display); font-weight: 700; font-size: var(--text-lg); line-height: 1.2; color: var(--c-accent); }
.steps p { max-width: 16rem; text-wrap: balance; }
.steps__note { width: min(100%, var(--measure)); margin: 0 auto var(--space-xl); text-align: center; font-size: var(--text-sm); line-height: var(--leading-ui); color: var(--c-muted); }
.steps .path { display: block; margin-top: var(--space-xs); font-size: var(--text-sm); color: var(--c-muted); }
.choices--download { margin-inline: auto; }

.foot { padding-block: var(--space-3xl) var(--space-2xl); text-align: center; border-top: var(--rule) solid var(--c-rule); color: var(--c-ink); }
.foot__statement { font-family: var(--font-display); font-weight: 700; font-size: var(--text-2xl); line-height: var(--leading-display); margin-bottom: var(--space-xl); }
.foot__statement .latin { display: block; font-size: var(--text-sm); letter-spacing: 0.3em; margin-inline-end: -0.3em; color: var(--c-muted); margin-top: var(--space-sm); }
.foot small { display: block; color: var(--c-muted); font-size: var(--text-sm); line-height: var(--leading-ui); max-width: 48rem; margin-inline: auto; }
.foot small > span { display: block; text-wrap: balance; }
.foot .follow { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-sm); margin-bottom: var(--space-xl); }

.word { display: inline-block; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: 0ms !important; animation: none !important; }
}

@media (max-width: 60em) {
	.hero__art { position: relative; inset: auto; width: 100%; height: clamp(18rem, 100vw, 34rem); background-position: center top; background-size: contain; order: 2; }
	.hero .wrap { grid-template-columns: minmax(0, 1fr); }
	.feat { grid-template-columns: minmax(0, 1fr); gap: var(--space-lg); }
	.feat { padding-block: var(--space-xl); }
	.feat:nth-child(even) .feat__text { order: 0; }
	.plate[data-placeholder]:not(:has(img)) { aspect-ratio: 21 / 9; }
}
@media (max-width: 37.5em) {
	:root { --text-display: clamp(2.5rem, 12vw, 3.5rem); --text-prose: var(--text-base); }
	.band { padding-block: var(--space-2xl); }
	.foot { padding-top: var(--space-2xl); }
	.head h2, .foot__statement { font-size: var(--text-xl); }
	.top { padding-block: var(--space-sm); }
	.hero { padding-block: var(--space-xl) var(--space-2xl); }
	.top .wrap { flex-direction: column; align-items: flex-start; gap: var(--space-sm); }

	.loop video { display: none; }
	.loop { background-image: var(--img-night-sp); }
	.band--light:not(.hero) { background-image: linear-gradient(var(--color-band-wash), var(--color-band-wash)), var(--img-paper-sp); }
	.prose .pull { display: none; }
	.notes li { grid-template-columns: 2.25rem minmax(0, 1fr); }
	.member { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-sm); }
	.member__roles { flex-direction: column; }
	.member__roles li:not(:last-child)::after { content: none; }
	.steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.steps li { padding-bottom: var(--space-md); }
}
@media (max-width: 29em) {
	.bulletin__toc ol { column-gap: var(--space-xl); }
	.bulletin__toc li:not(:last-child)::after { content: none; }
}
@media (pointer: coarse) {
	.mark { display: flex; align-items: center; min-height: 2.75rem; }
}