:root {
	--dq-ink: #0b0b0b;
	--dq-paper: #ffffff;
	--dq-raise: #f1f1ee;
	--dq-muted: #505359;
	--dq-line: #0b0b0b;
	--dq-hair: #cfcfca;
	--dq-brown: #8b4513;
	--dq-brown-deep: #5e2f0d;
	--dq-night: #0b0b0b;
	--dq-night-muted: #b8babd;
	--dq-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--dq-mono: Menlo, Consolas, "Liberation Mono", monospace;
	--dq-max: 1280px;
	--dq-gut: 20px;
	--dq-col-gap: 24px;
	--dq-air: 72px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--dq-paper);
	color: var(--dq-ink);
	font-family: var(--dq-sans);
	font-size: 17px;
	line-height: 1.55;
}

h1, h2, h3 {
	margin: 0;
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: -0.04em;
	overflow-wrap: break-word;
}

h1 { font-size: clamp(2.6rem, 9vw, 6.5rem); }
h2 { font-size: clamp(1.9rem, 4.6vw, 3.4rem); }

h3 { font-size: 1.3rem; line-height: 1.15; letter-spacing: -0.02em; }

p { margin: 0 0 1em; max-width: 66ch; }

a { color: var(--dq-ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }

a:hover { color: var(--dq-brown-deep); }

a:focus-visible, button:focus-visible, summary:focus-visible {
	outline: 2px solid var(--dq-brown);
	outline-offset: 2px;
}

img { display: block; max-width: 100%; height: auto; }

table { border-collapse: collapse; width: 100%; }

.dq-skip {
	position: absolute;
	left: -9999px;
	top: 0;
	padding: 12px 16px;
	background: var(--dq-ink);
	color: var(--dq-paper);
	z-index: 50;
}

.dq-skip:focus { left: 12px; }

.dq-wrap {
	max-width: var(--dq-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--dq-gut);
	padding-right: var(--dq-gut);
}

.dq-consent {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 40;
	background: var(--dq-night);
	color: var(--dq-paper);
	border-bottom: 4px solid var(--dq-brown);
}

.dq-consent.is-open { display: block; }

.dq-consent__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.dq-consent__text { flex: 1 1 320px; margin: 0; font-size: 15px; }

.dq-consent__text a { color: var(--dq-paper); }

.dq-consent__actions { display: flex; gap: 12px; flex: 1 1 100%; }

.dq-consent__btn {
	flex: 1 1 0;
	min-height: 44px;
	padding: 12px 18px;
	border: 1px solid var(--dq-paper);
	background: transparent;
	color: var(--dq-paper);
	font: 700 13px/1 var(--dq-sans);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 140ms ease, color 140ms ease;
}

.dq-consent__btn:hover { background: var(--dq-paper); color: var(--dq-ink); }
.dq-top { border-bottom: 1px solid var(--dq-line); }

.dq-top__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.dq-top__logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: -0.05em;
	text-decoration: none;
}

.dq-top__logo::before {
	content: "";
	width: 18px;
	height: 18px;
	background: var(--dq-brown);
}

.dq-top__nav {
	display: flex;
	gap: 4px 22px;
	margin: 0;
	padding: 0;
	list-style: none;
	order: 3;
	flex: 1 1 100%;
	overflow-x: auto;
}

.dq-top__nav a {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	min-height: 44px;
	padding: 12px 0;
	white-space: nowrap;
	font-size: 15px;
	text-decoration: none;
}

.dq-top__nav a[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--dq-brown); }

.dq-top__num { font-family: var(--dq-mono); font-size: 12px; color: var(--dq-muted); }

.dq-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 14px 26px;
	border: 1px solid var(--dq-ink);
	background: var(--dq-paper);
	color: var(--dq-ink);
	font: 700 13px/1 var(--dq-sans);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
}

.dq-btn:hover { background: var(--dq-ink); color: var(--dq-paper); }

.dq-btn--brown {
	background: var(--dq-brown-deep);
	border-color: var(--dq-brown-deep);
	color: var(--dq-paper);
}

.dq-btn--brown:hover {
	background: var(--dq-ink);
	border-color: var(--dq-ink);
	color: var(--dq-paper);
}

.dq-btn--small { padding: 12px 16px; font-size: 12px; }

.dq-crumbs { padding-top: 18px; font-size: 14px; color: var(--dq-muted); }

.dq-crumbs a {
	display: inline-block;
	padding: 12px 0;
	min-height: 44px;
	color: var(--dq-muted);
}

.dq-poster { padding-top: 40px; padding-bottom: var(--dq-air); }

.dq-poster__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px var(--dq-col-gap);
	border-top: 4px solid var(--dq-brown);
	padding-top: 22px;
}

.dq-poster__title { max-width: 15ch; }

.dq-poster__lede {
	font-size: 1.2rem;
	line-height: 1.45;
	max-width: 44ch;
	margin: 0;
}

.dq-poster__meta { margin: 0; font-size: 14px; color: var(--dq-muted); }

.dq-poster__meta b { color: var(--dq-ink); }

.dq-poster__actions { display: flex; flex-wrap: wrap; gap: 12px; }

.dq-poster__figure {
	margin: 0;
	font-size: clamp(3.2rem, 13vw, 9rem);
	font-weight: 700;
	line-height: 0.85;
	letter-spacing: -0.06em;
	color: var(--dq-brown);
	font-variant-numeric: tabular-nums;
}

.dq-poster__figure small {
	display: block;
	margin-top: 14px;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0;
	font-weight: 400;
	color: var(--dq-muted);
}

.dq-poster--cover { display: flex; flex-direction: column; justify-content: flex-end; }

.dq-poster--cover .dq-poster__title { max-width: 12ch; font-size: clamp(3rem, 12vw, 8.5rem); }
.dq-poster--question .dq-poster__title { max-width: 20ch; font-size: clamp(2.3rem, 6.6vw, 5rem); }

.dq-answer {
	margin: 0;
	padding: 4px 0 4px 22px;
	border-left: 8px solid var(--dq-brown);
	font-size: clamp(1.3rem, 2.6vw, 1.75rem);
	line-height: 1.3;
	letter-spacing: -0.01em;
	max-width: 40ch;
}

.dq-sec { padding-top: var(--dq-air); padding-bottom: var(--dq-air); }

.dq-sec__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px var(--dq-col-gap);
	margin-bottom: 36px;
	padding-top: 16px;
	border-top: 4px solid var(--dq-line);
}

.dq-sec__num {
	margin: 0;
	font-size: clamp(2.2rem, 5vw, 3.6rem);
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: -0.05em;
	color: var(--dq-brown-deep);
	font-variant-numeric: tabular-nums;
}

.dq-sec__title { max-width: 18ch; }

.dq-sec__intro { margin: 14px 0 0; color: var(--dq-muted); max-width: 52ch; }

.dq-sec__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px var(--dq-col-gap);
}

.dq-sec--band { background: var(--dq-raise); }
.dq-sec--band .dq-sec__head { border-top-color: var(--dq-brown); }

.dq-prose ul, .dq-prose ol { margin: 0 0 1em; padding-left: 1.2em; max-width: 64ch; }

.dq-prose li { margin-bottom: 0.45em; }
.dq-prose h2 { margin: 1.6em 0 0.5em; font-size: clamp(1.5rem, 3vw, 2.1rem); }
.dq-prose h3 { margin: 1.4em 0 0.4em; }

.dq-note {
	margin: 0;
	padding-top: 12px;
	border-top: 1px solid var(--dq-hair);
	font-size: 14px;
	font-style: italic;
	color: var(--dq-muted);
}

.dq-table-wrap { overflow-x: auto; border-top: 2px solid var(--dq-line); }

.dq-table { min-width: 640px; font-size: 15px; font-variant-numeric: tabular-nums; }

.dq-table caption {
	padding: 12px 0;
	text-align: left;
	font-weight: 700;
	font-size: 15px;
}

.dq-table th, .dq-table td {
	padding: 12px 14px 12px 0;
	border-bottom: 1px solid var(--dq-hair);
	text-align: left;
	vertical-align: top;
}

.dq-table thead th {
	border-bottom: 2px solid var(--dq-line);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--dq-muted);
}

.dq-table tbody th { font-weight: 700; }
.dq-table__num { text-align: right; white-space: nowrap; }
.dq-table thead .dq-table__num { text-align: right; }
.dq-table__hot { color: var(--dq-brown-deep); font-weight: 700; }

.dq-bars {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid var(--dq-line);
}

.dq-bars__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px 16px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--dq-hair);
}

.dq-bars__label { font-weight: 700; }
.dq-bars__value { font-variant-numeric: tabular-nums; text-align: right; }

.dq-bars__track { grid-column: 1 / -1; height: 14px; background: var(--dq-raise); }

.dq-bars__fill {
	display: block;
	height: 100%;
	width: var(--dq-w, 0%);
	background: var(--dq-ink);
}

.dq-bars__fill--brown { background: var(--dq-brown); }

.dq-figs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	border-top: 2px solid var(--dq-line);
}

.dq-figs__item { padding: 18px 16px 22px 0; border-bottom: 1px solid var(--dq-hair); }

.dq-figs__value {
	margin: 0;
	font-size: clamp(2.4rem, 7vw, 5.2rem);
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: -0.05em;
	font-variant-numeric: tabular-nums;
}

.dq-figs__value--brown { color: var(--dq-brown); }

.dq-figs__label { margin: 10px 0 0; font-size: 15px; color: var(--dq-muted); }

.dq-shot { margin: 0; }

.dq-shot img {
	width: 100%;
	filter: grayscale(1) contrast(1.08);
	border: 1px solid var(--dq-line);
}

.dq-shot__cap {
	margin-top: 10px;
	padding-left: 12px;
	border-left: 4px solid var(--dq-brown);
	font-size: 14px;
	line-height: 1.45;
	color: var(--dq-muted);
}

.dq-shot__cap b { color: var(--dq-brown-deep); }

.dq-gallery {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px var(--dq-col-gap);
	align-items: start;
}

.dq-gallery .dq-shot { max-width: 420px; }

.dq-zig {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 28px var(--dq-col-gap);
	align-items: start;
	padding-bottom: 56px;
	margin-bottom: 56px;
	border-bottom: 1px solid var(--dq-hair);
}

.dq-zig:last-child { margin-bottom: 0; border-bottom: 0; }

.dq-cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0 var(--dq-col-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: start;
}

.dq-cards__item { padding: 18px 0 26px; border-top: 2px solid var(--dq-line); }

.dq-cards__price {
	margin: 0 0 8px;
	font-size: clamp(2.2rem, 5vw, 3.6rem);
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: -0.05em;
	font-variant-numeric: tabular-nums;
}

.dq-cards__title { margin-bottom: 10px; }
.dq-cards__text { margin: 0; }

.dq-rows {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid var(--dq-line);
}

.dq-rows__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 6px var(--dq-col-gap);
	padding: 20px 0;
	border-bottom: 1px solid var(--dq-hair);
}

.dq-rows__name {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.dq-rows__tag {
	margin: 0;
	font-size: 14px;
	color: var(--dq-brown-deep);
	font-variant-numeric: tabular-nums;
}

.dq-rows__text { margin: 0; }

.dq-bento { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--dq-col-gap); }

.dq-bento__cell { padding: 22px; border: 1px solid var(--dq-line); min-width: 0; }

.dq-bento__cell--brown {
	background: var(--dq-brown-deep);
	border-color: var(--dq-brown-deep);
	color: var(--dq-paper);
}

.dq-bento__cell--brown a { color: var(--dq-paper); }
.dq-bento__cell--grey { background: var(--dq-raise); border-color: var(--dq-raise); }

.dq-bento__big {
	margin: 0 0 12px;
	font-size: clamp(3rem, 9vw, 6.4rem);
	font-weight: 700;
	line-height: 0.85;
	letter-spacing: -0.06em;
	font-variant-numeric: tabular-nums;
}

.dq-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 40px var(--dq-col-gap);
	align-items: start;
}

.dq-split__fixed, .dq-split__flow { min-width: 0; }

.dq-ladder {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: dq-ladder;
}

.dq-ladder__step { position: relative; padding: 0 0 48px 76px; counter-increment: dq-ladder; }

.dq-ladder__step::before {
	content: counter(dq-ladder, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--dq-ink);
	color: var(--dq-paper);
	font-weight: 700;
	font-size: 18px;
	font-variant-numeric: tabular-nums;
}

.dq-ladder__step::after {
	content: "";
	position: absolute;
	left: 25px;
	top: 52px;
	bottom: 0;
	width: 2px;
	background: var(--dq-brown);
}

.dq-ladder__step:last-child::after { display: none; }
.dq-ladder__title { margin-bottom: 14px; font-size: clamp(1.6rem, 3.6vw, 2.5rem); }

.dq-steps {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: dq-steps;
	border-top: 2px solid var(--dq-line);
}

.dq-steps__item {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 4px 16px;
	padding: 18px 0;
	border-bottom: 1px solid var(--dq-hair);
	counter-increment: dq-steps;
}

.dq-steps__item::before {
	content: counter(dq-steps);
	grid-row: span 2;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
	color: var(--dq-brown-deep);
	font-variant-numeric: tabular-nums;
}

.dq-steps__title { margin: 0; font-weight: 700; }
.dq-steps__text { margin: 0; }

.dq-work {
	margin: 0;
	padding: 22px;
	background: var(--dq-night);
	color: var(--dq-paper);
	font-family: var(--dq-mono);
	font-size: 14px;
	line-height: 1.6;
	overflow-x: auto;
}

.dq-work__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2px 20px;
	margin: 0;
	padding: 8px 0;
	max-width: none;
	border-bottom: 1px dashed #4a4d52;
}

.dq-work__row:last-child { border-bottom: 0; }
.dq-work__key { color: var(--dq-night-muted); }
.dq-work__row--result { color: #d9a878; }
.dq-scheme { margin: 0; }

.dq-scheme svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 760px;
}

.dq-scheme__cap {
	margin-top: 12px;
	font-size: 14px;
	color: var(--dq-muted);
	max-width: 66ch;
}

.dq-terms {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0 var(--dq-col-gap);
	margin: 0;
}

.dq-terms__item { padding: 16px 0; border-top: 1px solid var(--dq-line); }
.dq-terms dt { font-weight: 700; font-size: 1.1rem; }
.dq-terms dd { margin: 6px 0 0; color: var(--dq-muted); }

.dq-refuse { margin: 0; padding: 0; list-style: none; }

.dq-refuse__item {
	position: relative;
	padding: 14px 0 14px 40px;
	border-bottom: 1px solid var(--dq-hair);
}

.dq-refuse__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 26px;
	width: 22px;
	height: 3px;
	background: var(--dq-brown);
}

.dq-years {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid var(--dq-line);
}

.dq-years__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 4px var(--dq-col-gap);
	padding: 16px 0;
	border-bottom: 1px solid var(--dq-hair);
}

.dq-years__date {
	font-size: clamp(1.8rem, 4vw, 2.8rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	font-variant-numeric: tabular-nums;
}

.dq-years__text { margin: 0; }

.dq-myths { margin: 0; padding: 0; list-style: none; }

.dq-myths__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px var(--dq-col-gap);
	padding: 20px 0;
	border-top: 2px solid var(--dq-line);
}

.dq-myths__claim {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-decoration: line-through;
	text-decoration-color: var(--dq-brown);
	text-decoration-thickness: 3px;
}

.dq-myths__fact { margin: 0; }

.dq-myths__src { margin: 6px 0 0; font-size: 14px; color: var(--dq-muted); }

.dq-calc {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0 var(--dq-col-gap);
	margin: 0;
}

.dq-calc__item { padding: 18px 0; border-top: 2px solid var(--dq-line); }

.dq-calc dt { font-family: var(--dq-mono); font-size: 14px; color: var(--dq-muted); }

.dq-calc dd { margin: 6px 0 0; }

.dq-calc__result {
	display: block;
	font-size: clamp(2rem, 5vw, 3.4rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	font-variant-numeric: tabular-nums;
}

.dq-errors {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: dq-errors;
}

.dq-errors__item {
	padding: 18px 0 18px 64px;
	position: relative;
	border-top: 1px solid var(--dq-line);
	counter-increment: dq-errors;
}

.dq-errors__item::before {
	content: "E" counter(dq-errors);
	position: absolute;
	left: 0;
	top: 18px;
	font-weight: 700;
	font-size: 1.3rem;
	color: var(--dq-brown-deep);
}

.dq-errors__title { margin: 0 0 6px; font-weight: 700; }
.dq-errors__text { margin: 0; }
.dq-faq { border-top: 2px solid var(--dq-line); }
.dq-faq__item { border-bottom: 1px solid var(--dq-hair); }

.dq-faq__q {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	min-height: 44px;
	padding: 18px 0;
	font-weight: 700;
	font-size: 1.1rem;
	cursor: pointer;
	list-style: none;
}

.dq-faq__q::-webkit-details-marker { display: none; }

.dq-faq__q::after {
	content: "+";
	color: var(--dq-brown-deep);
	font-size: 1.5rem;
	line-height: 1;
}

.dq-faq__item[open] .dq-faq__q::after { content: "−"; }
.dq-faq__a { padding-bottom: 18px; }
.dq-faq__a p:last-child { margin-bottom: 0; }

.dq-store {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	padding: 20px 0;
	border-top: 2px solid var(--dq-line);
	border-bottom: 2px solid var(--dq-line);
}

.dq-store__note { margin: 0; font-size: 14px; color: var(--dq-muted); }

.dq-band {
	background: var(--dq-brown-deep);
	color: var(--dq-paper);
	padding-top: 56px;
	padding-bottom: 56px;
}

.dq-band__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px var(--dq-col-gap);
	align-items: end;
}

.dq-band__title { max-width: 16ch; font-size: clamp(2.2rem, 6vw, 4.4rem); }
.dq-band__text { margin: 0 0 16px; max-width: 46ch; }
.dq-band__text a { color: var(--dq-paper); }

.dq-band .dq-btn {
	border-color: var(--dq-paper);
}

.dq-band .dq-btn:hover {
	background: var(--dq-ink);
	border-color: var(--dq-ink);
	color: var(--dq-paper);
}

.dq-foot {
	background: var(--dq-night);
	color: var(--dq-paper);
	padding-top: 40px;
	padding-bottom: 40px;
}

.dq-foot a { color: var(--dq-paper); }

.dq-foot__word {
	margin: 0 0 32px;
	font-size: clamp(4.2rem, 19vw, 16rem);
	font-weight: 700;
	line-height: 0.8;
	letter-spacing: -0.07em;
	max-width: none;
}

.dq-foot__cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px var(--dq-col-gap);
	padding-top: 20px;
	border-top: 1px solid #3a3c40;
}

.dq-foot__title {
	margin: 0 0 8px;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--dq-night-muted);
}

.dq-foot__col p { margin: 0 0 6px; font-size: 15px; }

.dq-foot__links { margin: 0; padding: 0; list-style: none; }

.dq-foot__links a {
	display: inline-block;
	min-height: 44px;
	padding: 12px 0;
	font-size: 15px;
}

.dq-foot__copy {
	margin: 28px 0 0;
	font-size: 13px;
	color: var(--dq-night-muted);
	max-width: none;
}

.dq-legal { padding-top: 24px; padding-bottom: var(--dq-air); }

.dq-legal__head { padding-top: 18px; margin-bottom: 32px; border-top: 4px solid var(--dq-brown); }

.dq-legal__head h1 { font-size: clamp(2.4rem, 7vw, 4.6rem); }

.dq-legal__date { margin: 14px 0 0; font-size: 14px; color: var(--dq-muted); }

.dq-legal__data {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin: 0 0 1em;
	max-width: 64ch;
	border-top: 2px solid var(--dq-line);
}

.dq-legal__data div {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--dq-hair);
}

.dq-legal__data dt { font-weight: 700; }
.dq-legal__data dd { margin: 0; }
.dq-lost { padding-top: 40px; padding-bottom: var(--dq-air); }

.dq-lost__code {
	margin: 0;
	font-size: clamp(7rem, 34vw, 22rem);
	font-weight: 700;
	line-height: 0.8;
	letter-spacing: -0.08em;
	color: var(--dq-brown);
}

@media (min-width: 560px) {
	.dq-consent__actions { flex: 0 0 auto; }
	.dq-consent__btn { flex: 0 0 auto; }
	.dq-figs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dq-work__row { grid-template-columns: 170px minmax(0, 1fr); }
}

@media (min-width: 760px) {
	:root { --dq-gut: 32px; --dq-air: 104px; }
	.dq-top__nav { order: 0; flex: 0 1 auto; }
	.dq-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dq-poster--cover { min-height: 86vh; }
	.dq-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dq-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dq-calc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dq-years__item { grid-template-columns: 180px minmax(0, 1fr); }
	.dq-rows__item { grid-template-columns: 260px minmax(0, 1fr) 150px; }
	.dq-myths__item { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dq-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dq-foot__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); }

}

@media (min-width: 960px) {
	.dq-poster__grid,
	.dq-sec__head,
	.dq-sec__body,
	.dq-zig,
	.dq-band__grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.dq-poster__title { grid-column: 1 / 12; }
	.dq-poster__lede { grid-column: 1 / 7; }
	.dq-poster__meta { grid-column: 9 / 13; align-self: end; }
	.dq-poster__actions { grid-column: 1 / 7; }

	.dq-poster__figure {
		grid-column: 7 / 13;
		grid-row: 2 / 4;
		align-self: end;
		text-align: right;
	}

	.dq-sec__num { grid-column: 1 / 3; }
	.dq-sec__head > div { grid-column: 3 / 13; }
	.dq-sec__main { grid-column: 3 / 10; }
	.dq-sec__wide { grid-column: 1 / 13; }
	.dq-sec__aside { grid-column: 10 / 13; }
	.dq-sec--span-a .dq-sec__main { grid-column: 2 / 10; }
	.dq-sec--span-b .dq-sec__main { grid-column: 1 / 8; }
	.dq-sec--span-b .dq-sec__aside { grid-column: 8 / 13; }
	.dq-sec--span-c .dq-sec__main { grid-column: 5 / 13; }
	.dq-sec--span-c .dq-sec__aside { grid-column: 1 / 5; grid-row: 1; }
	.dq-ladder .dq-sec__main { grid-column: 1 / 9; }
	.dq-ladder .dq-sec__aside { grid-column: 9 / 13; }
	.dq-poster__grid .dq-answer { grid-column: 1 / 9; }
	.dq-zig .dq-cards { grid-template-columns: minmax(0, 1fr); }
	.dq-zig .dq-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dq-zig__text { grid-column: 1 / 7; }
	.dq-zig__media { grid-column: 8 / 13; }
	.dq-zig--flip .dq-zig__text { grid-column: 7 / 13; }
	.dq-zig--flip .dq-zig__media { grid-column: 1 / 6; grid-row: 1; }
	.dq-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dq-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dq-bento { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.dq-bento__cell--wide { grid-column: span 2; }
	.dq-bento__cell--tall { grid-row: span 2; }
	.dq-bento__cell--full { grid-column: 1 / -1; }
	.dq-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.dq-split__fixed { position: sticky; top: 24px; }
	.dq-band__title { grid-column: 1 / 8; }
	.dq-band__side { grid-column: 8 / 13; }
	.dq-steps__item { grid-template-columns: 80px minmax(0, 1fr); }
}

@media (min-width: 1100px) {
	.dq-ladder__step { padding-left: 120px; }

	.dq-ladder__step::before { width: 72px; height: 72px; font-size: 24px; }

	.dq-ladder__step::after { left: 35px; top: 72px; }
}

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