:root {
	--danger-cyan: #0099fe;
	--danger-deep: #004a7c;
	--danger-light: #79d4ff;
	--danger-ink: #101113;
	--danger-paper: #ffffff;
	--danger-cool: #f2f4f6;
	--danger-line: #cdd4d9;
	--danger-muted: #5e6870;
	--danger-orange: #f37f04;
	--danger-yellow: #fde15f;
	--danger-safe-top: env(safe-area-inset-top, 0px);
	--danger-safe-right: env(safe-area-inset-right, 0px);
	--danger-safe-bottom: env(safe-area-inset-bottom, 0px);
	--danger-safe-left: env(safe-area-inset-left, 0px);
	--danger-header-content-height: 86px;
	--danger-header-height: calc(var(--danger-header-content-height) + var(--danger-safe-top));
	--danger-admin-offset: 0px;
	--danger-container: 1240px;
	--danger-gutter: 24px;
	--danger-progress-reserve: calc(72px + var(--danger-safe-bottom));
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	background: var(--danger-ink);
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	margin: 0;
	overflow-x: clip;
	background: var(--danger-paper);
	color: var(--danger-ink);
	font-family: "Outfit", "Avenir Next", Inter, "Segoe UI", sans-serif;
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

body.admin-bar {
	--danger-admin-offset: 32px;
}

img,
svg {
	max-width: 100%;
}

img {
	display: block;
	height: auto;
}

button,
a {
	font: inherit;
}

a {
	color: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

:focus-visible {
	outline: 3px solid var(--danger-cyan);
	outline-offset: 4px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	top: 10px;
	left: 10px;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 12px 16px;
	clip: auto;
	background: var(--danger-paper);
	color: var(--danger-ink);
}

.danger-container {
	width: min(calc(100% - (var(--danger-gutter) * 2)), var(--danger-container));
	margin-inline: auto;
}

.danger-story-shell {
	padding-top: var(--danger-header-height);
}

.danger-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 34px;
}

.danger-button,
.danger-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 52px;
	font-size: .86rem;
	font-weight: 800;
	letter-spacing: .07em;
	text-decoration: none;
	text-transform: uppercase;
}

.danger-button {
	padding: 0 24px;
	border: 2px solid currentColor;
	border-radius: 999px;
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.danger-button:hover,
.danger-button:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(16, 17, 19, .16);
}

.danger-button--ink {
	background: var(--danger-ink);
	color: var(--danger-paper);
}

.danger-link {
	min-height: 44px;
	border-bottom: 2px solid currentColor;
}

/* Approved Created by DANGER lockup. */
.danger-wordmark {
	--danger-created-width: 50.61%;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	width: max-content;
	max-width: 100%;
	line-height: 1;
}

.danger-wordmark__created {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--danger-created-width);
	margin: 0 0 .22em;
	padding: .28em .38em .29em;
	background: var(--danger-cyan);
	color: var(--danger-paper);
	font-family: "Comfortaa", "Trebuchet MS", sans-serif;
	font-size: .30em;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.danger-wordmark__danger {
	display: flex;
	color: var(--danger-cyan);
	font-family: "Orbitron", Eurostile, "Arial Black", sans-serif;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: .88;
	white-space: nowrap;
}

.danger-wordmark__dan,
.danger-wordmark__ger {
	display: inline-block;
}

.lavashade-wordmark {
	display: inline-block;
	padding-right: .08em;
	margin-right: -.08em;
	background: linear-gradient(30deg, #4a148c 0%, #4a148c 23%, #c000ff 28%, #c000ff 73%, #e71d36 78%, #e71d36 85%, #ff6a00 91%, #ff6a00 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: -.055em;
	line-height: .9;
}

/* Header remains the only fixed interface outside the story. */
.site-header {
	position: fixed;
	z-index: 1000;
	top: var(--danger-admin-offset);
	left: 0;
	width: 100%;
	height: var(--danger-header-height);
	background: var(--danger-paper);
	border-bottom: 1px solid rgba(16, 17, 19, .08);
	transition: background 240ms ease, box-shadow 240ms ease, transform 260ms ease;
}

.site-header.is-scrolled {
	background: rgba(255, 255, 255, .78);
	box-shadow: 0 10px 36px rgba(16, 17, 19, .09);
	-webkit-backdrop-filter: blur(22px) saturate(150%);
	backdrop-filter: blur(22px) saturate(150%);
}

.site-header.is-footer-visible {
	transform: translateY(calc(-100% - var(--danger-admin-offset) - 2px));
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	gap: 30px;
	padding-top: var(--danger-safe-top);
}

.site-header__brand {
	display: inline-flex;
	align-items: center;
	min-width: 178px;
	text-decoration: none;
}

.danger-wordmark--header {
	font-size: 1.75rem;
}

.site-header__nav {
	display: flex;
	align-items: center;
	gap: clamp(22px, 2.4vw, 38px);
}

.site-header__nav a {
	position: relative;
	padding: 12px 0;
	font-size: .89rem;
	font-weight: 750;
	text-decoration: none;
}

.site-header__nav a:not(.site-header__dynakat)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 2px;
	background: var(--danger-cyan);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 180ms ease;
}

.site-header__nav a:hover::after,
.site-header__nav a:focus-visible::after,
.site-header__nav a[aria-current="location"]::after {
	transform: scaleX(1);
}

.site-header__dynakat {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 12px 19px !important;
	border-radius: 999px;
	background: var(--danger-ink);
	color: var(--danger-paper);
	transition: transform 180ms ease, background 180ms ease;
}

.site-header__dynakat:hover,
.site-header__dynakat:focus-visible {
	background: var(--danger-deep);
	transform: translateY(-2px);
}

.site-header__toggle {
	display: none;
	width: 48px;
	height: 48px;
	padding: 12px;
	border: 0;
	border-radius: 14px;
	background: var(--danger-ink);
	cursor: pointer;
}

.site-header__toggle > span:not(.screen-reader-text) {
	display: block;
	width: 100%;
	height: 2px;
	margin: 5px 0;
	background: var(--danger-paper);
	transition: transform 180ms ease, opacity 180ms ease;
}

/* Static semantic layout is the baseline; desktop JS turns it into one stage. */
.danger-story {
	position: relative;
	background: var(--danger-ink);
	overscroll-behavior-x: none;
	touch-action: pan-y;
}

.danger-story__anchor {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.danger-story__anchor[data-story-anchor="1"] { top: 100vh; top: 100svh; }
.danger-story__anchor[data-story-anchor="2"] { top: 200vh; top: 200svh; }
.danger-story__anchor[data-story-anchor="3"] { top: 300vh; top: 300svh; }
.danger-story__anchor[data-story-anchor="4"] { top: 400vh; top: 400svh; }

.danger-story__stage {
	position: relative;
	background: var(--danger-ink);
}

.danger-story__scenes {
	position: relative;
}

.danger-scene {
	position: relative;
	min-height: calc(100vh - var(--danger-header-height));
	min-height: calc(100svh - var(--danger-header-height));
	overflow: hidden;
	isolation: isolate;
}

.danger-story,
.danger-scene[id] {
	scroll-margin-top: calc(var(--danger-header-height) + var(--danger-admin-offset) + 18px);
}

.danger-scene__inner {
	position: relative;
	z-index: 4;
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	align-items: center;
	height: 100%;
	min-height: inherit;
	gap: clamp(46px, 7vw, 104px);
	padding-block: clamp(54px, 7vh, 88px) 136px;
}

.danger-scene__copy {
	position: relative;
	z-index: 5;
	width: min(100%, 620px);
}

.danger-scene__copy--light {
	color: var(--danger-paper);
}

.danger-scene__kicker {
	margin: 0 0 20px;
	color: currentColor;
	font-size: clamp(.72rem, 1vw, .84rem);
	font-weight: 800;
	letter-spacing: .19em;
	line-height: 1.4;
	text-transform: uppercase;
}

.danger-scene h1,
.danger-scene h2 {
	max-width: 850px;
	margin: 0;
	font-size: clamp(3.3rem, 6.1vw, 6.25rem);
	font-weight: 800;
	font-kerning: normal;
	letter-spacing: -.02em;
	line-height: 1;
	word-spacing: .08em;
	text-wrap: balance;
}

.danger-scene__lead {
	max-width: 670px;
	margin: 28px 0 0;
	font-size: clamp(1.05rem, 1.45vw, 1.28rem);
	font-weight: 500;
	line-height: 1.62;
}

/* Scene 01: opening thesis with generated cinematic artwork. */
.danger-scene--opening {
	background: var(--danger-cyan);
}

.danger-scene__inner--opening {
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	padding-bottom: clamp(156px, 18vh, 184px);
}

.danger-scene--opening .danger-scene__copy {
	width: min(100%, 700px);
}

.danger-scene--opening h1 {
	font-size: clamp(3.25rem, 5.5vw, 5.2rem);
	text-wrap: pretty;
}

.danger-scene__identity {
	margin: 0 0 32px;
}

.danger-wordmark--scene {
	font-size: clamp(2.45rem, 5vw, 5.2rem);
}

.danger-wordmark--scene .danger-wordmark__created {
	background: var(--danger-paper);
	color: var(--danger-cyan);
}

.danger-wordmark--scene .danger-wordmark__danger {
	color: var(--danger-paper);
}

.danger-scene__media--cinematic {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 64%;
	height: 100%;
	overflow: hidden;
}

.danger-scene__media--cinematic::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--danger-cyan) 0%, rgba(0, 153, 254, .98) 12%, rgba(0, 153, 254, .45) 34%, transparent 56%);
}

.danger-scene__media--cinematic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 58% center;
	transform: translate3d(calc(var(--scene-local, 0) * -3%), 0, 0) scale(calc(1.02 + (var(--scene-local, 0) * .035)));
}

.danger-format-marquee {
	position: absolute;
	z-index: 6;
	left: var(--danger-gutter);
	bottom: 88px;
	display: flex;
	align-items: center;
	gap: 36px;
	width: max-content;
	color: rgba(255, 255, 255, .88);
	font-size: clamp(.78rem, 1.15vw, .96rem);
	font-weight: 800;
	letter-spacing: .16em;
	transform: translate3d(calc((1 - var(--scene-local, 1)) * -18vw), 0, 0);
}

.danger-format-marquee span::after {
	content: "/";
	margin-left: 36px;
	color: var(--danger-ink);
}

/* Scene 02: produced. */
.danger-scene--produced {
	background: var(--danger-ink);
}

.danger-scene--produced .danger-scene__inner {
	grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
}

.danger-scene--produced h2 {
	font-size: clamp(3.15rem, 5vw, 5.1rem);
}

.danger-scene--produced .danger-scene__lead {
	margin-top: 22px;
	font-size: clamp(1rem, 1.3vw, 1.16rem);
}

.danger-scene--produced .danger-scene__kicker {
	color: var(--danger-light);
}

.danger-scene__production-field {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 62%;
	height: 100%;
	overflow: hidden;
}

.danger-scene__production-field::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--danger-ink) 0%, rgba(16, 17, 19, .9) 10%, rgba(16, 17, 19, .18) 54%, rgba(16, 17, 19, .05) 100%);
}

.danger-scene__production-field img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
	filter: saturate(.88) contrast(1.06);
	transform: translate3d(calc(var(--scene-local, 0) * -4%), 0, 0) scale(1.13);
}

.danger-production-target {
	position: absolute;
	z-index: 3;
	right: 11%;
	top: 13%;
	width: min(25vw, 340px);
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: 50%;
	box-shadow: 0 0 0 22px rgba(121, 212, 255, .12), 0 0 0 54px rgba(0, 74, 124, .18);
	transform: rotate(calc(var(--scene-local, 0) * 28deg));
}

.danger-production-target::before,
.danger-production-target::after {
	content: "";
	position: absolute;
	background: rgba(255, 255, 255, .62);
}

.danger-production-target::before {
	left: 50%;
	top: -42px;
	width: 1px;
	height: calc(100% + 84px);
}

.danger-production-target::after {
	left: -42px;
	top: 50%;
	width: calc(100% + 84px);
	height: 1px;
}

.danger-production-rail {
	position: absolute;
	z-index: 7;
	right: var(--danger-gutter);
	bottom: 88px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	width: min(50%, 720px);
	transform: translate3d(0, calc((1 - var(--scene-local, 1)) * 22px), 0);
}

.danger-production-rail span {
	display: grid;
	place-items: center;
	min-width: 0;
	height: 48px;
	padding-inline: 18px;
	border: 1px solid rgba(255, 255, 255, .25);
	background: rgba(0, 74, 124, .64);
	color: var(--danger-paper);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-align: center;
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

/* Scene 03: publishing. */
.danger-scene--publishing {
	background: var(--danger-cool);
}

.danger-scene--publishing .danger-scene__inner {
	grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

.danger-scene__publishing-field {
	position: absolute;
	z-index: 1;
	inset: 0;
	overflow: hidden;
}

.danger-scene__publishing-field::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, var(--danger-cool) 0%, rgba(242, 244, 246, .98) 18%, rgba(242, 244, 246, .78) 39%, rgba(242, 244, 246, .2) 61%, transparent 78%),
		linear-gradient(180deg, rgba(242, 244, 246, .1), transparent 42%, rgba(0, 74, 124, .08));
}

.danger-scene__publishing-field img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: saturate(.93) contrast(1.02);
	transform: translate3d(calc(var(--scene-local, 0) * -2%), 0, 0) scale(1.025);
}

.danger-scene--publishing .danger-scene__kicker {
	color: var(--danger-deep);
}

/* Scene 04: the brands become the visual field. */
.danger-scene--brands {
	background: var(--danger-paper);
}

.danger-brands-heading {
	position: absolute;
	z-index: 5;
	top: clamp(36px, 6vh, 64px);
	left: 50%;
	transform: translateX(-50%);
}

.danger-brands-heading .danger-scene__kicker {
	margin-bottom: 10px;
	color: var(--danger-deep);
}

.danger-brands-heading h2 {
	max-width: 760px;
	font-size: clamp(2.2rem, 4vw, 4.6rem);
	line-height: 1;
	text-wrap: balance;
}

.danger-brands-heading__lead {
	max-width: 760px;
	margin: 14px 0 0;
	color: var(--danger-muted);
	font-size: clamp(.9rem, 1.1vw, 1rem);
	font-weight: 600;
	line-height: 1.45;
}

.danger-brand-split {
	position: absolute;
	inset: clamp(190px, 30%, 240px) 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.danger-brand-panel {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 60px;
	overflow: hidden;
}

.danger-brand-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .7;
}

.danger-brand-panel > * {
	position: relative;
	z-index: 2;
}

.danger-brand-panel--revol {
	background: #f7faef;
	border-right: 1px solid var(--danger-line);
	transform: translate3d(calc((1 - var(--scene-local, 1)) * -10%), 0, 0);
}

.danger-brand-panel--revol::before {
	background: radial-gradient(circle at 15% 85%, rgba(153, 229, 58, .34), transparent 32%), radial-gradient(circle at 85% 18%, rgba(195, 74, 255, .19), transparent 38%);
}

.danger-brand-panel--revol img {
	width: min(34%, 190px);
	max-height: 176px;
	object-fit: contain;
}

.danger-brand-panel__mark {
	display: grid;
	place-items: center;
	width: 100%;
	height: clamp(110px, 10vw, 145px);
}

.danger-brand-panel--lavashade {
	background: var(--danger-ink);
	color: var(--danger-paper);
	transform: translate3d(calc((1 - var(--scene-local, 1)) * 10%), 0, 0);
}

.danger-brand-panel--lavashade::before {
	background: radial-gradient(circle at 22% 24%, rgba(192, 0, 255, .24), transparent 34%), radial-gradient(circle at 88% 82%, rgba(255, 106, 0, .17), transparent 40%);
}

.lavashade-wordmark--scene {
	font-size: clamp(3.2rem, 6.3vw, 7.4rem);
}

.danger-brand-panel p {
	max-width: 390px;
	margin: 24px 0 0;
	font-size: clamp(.98rem, 1.3vw, 1.12rem);
	font-weight: 600;
	line-height: 1.55;
	text-align: center;
}

.danger-brand-panel__link {
	color: inherit;
	font-weight: 800;
	text-decoration-line: underline;
	text-decoration-thickness: .09em;
	text-underline-offset: .16em;
}

.danger-brand-panel__link:hover {
	text-decoration-thickness: .14em;
}

.danger-brand-panel__credit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: clamp(260px, 21vw, 300px);
	min-height: 42px;
	margin: 12px 0 0;
	padding: 9px 15px;
	border: 1px solid rgba(255, 255, 255, .56);
	background: var(--danger-cyan);
	box-shadow: 0 8px 22px rgba(0, 74, 124, .16);
	color: var(--danger-paper);
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.danger-brand-panel--revol .danger-brand-panel__credit {
	background: var(--danger-cyan);
	color: var(--danger-paper);
}

.danger-brand-panel--lavashade .danger-brand-panel__credit {
	background: var(--danger-cyan);
	color: var(--danger-paper);
}

.danger-brand-panel__credit-created {
	font-family: "Comfortaa", "Trebuchet MS", sans-serif;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
}

.danger-brand-panel__credit-danger {
	font-family: "Orbitron", "Arial Black", sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1;
}

.danger-brand-panel__number {
	position: absolute;
	top: 30px;
	left: 34px;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .16em;
}

/* Scene 05: relationship and ownership. */
.danger-scene--dynakat {
	background: var(--danger-yellow);
}

.danger-scene--dynakat::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: -10vw;
	top: -12vw;
	width: 52vw;
	aspect-ratio: 1;
	border: clamp(70px, 8vw, 130px) solid rgba(243, 127, 4, .74);
	border-radius: 50%;
	transform: translate3d(calc((1 - var(--scene-local, 1)) * 12%), 0, 0);
}

.danger-scene__inner--dynakat {
	grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
}

.danger-scene__copy--dynakat {
	width: min(100%, 610px);
}

.danger-scene--dynakat .danger-scene__kicker {
	color: #7a3b00;
}

.danger-ownership-map {
	position: relative;
	z-index: 3;
	isolation: isolate;
	justify-self: end;
	width: min(100%, 610px);
	padding: clamp(30px, 4vw, 54px);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .86);
	background: linear-gradient(140deg, rgba(255, 255, 255, .9) 0%, rgba(244, 246, 248, .78) 55%, rgba(224, 228, 232, .68) 100%);
	box-shadow: 0 30px 70px rgba(16, 17, 19, .17), inset 0 1px 0 rgba(255, 255, 255, .92);
	-webkit-backdrop-filter: blur(22px) saturate(125%);
	backdrop-filter: blur(22px) saturate(125%);
	color: var(--danger-ink);
}

.danger-ownership-map::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0;
	background: radial-gradient(circle at 12% 5%, rgba(255, 255, 255, .95), transparent 34%), linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, .32) 57%, transparent 72%);
	pointer-events: none;
}

.danger-ownership-map > * {
	position: relative;
	z-index: 1;
}

.danger-ownership-map__company {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.danger-ownership-map__company img {
	width: min(58%, 270px);
}

.danger-ownership-map__company span {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 4px;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-align: right;
}

.danger-ownership-map__company strong,
.danger-ownership-map__company small,
.danger-ownership-map__brands strong,
.danger-ownership-map__brands small {
	display: block;
}

.danger-ownership-map__company small {
	color: var(--danger-muted);
	font-size: .56rem;
	letter-spacing: .1em;
}

.danger-ownership-map__line {
	height: 2px;
	margin: 28px 0;
	background: linear-gradient(90deg, var(--danger-ink), var(--danger-orange));
	transform: scaleX(var(--scene-local, 1));
	transform-origin: left;
}

.danger-ownership-map__brands {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.danger-ownership-map__brands span {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 4px;
	padding: 14px;
	border: 1px solid rgba(16, 17, 19, .12);
	background: rgba(255, 255, 255, .58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .07em;
}

.danger-ownership-map__brands small {
	color: var(--danger-muted);
	font-size: .53rem;
	letter-spacing: .08em;
	line-height: 1.3;
}

.danger-ownership-map__brands span:first-child {
	grid-column: 1 / -1;
	border-color: rgba(16, 17, 19, .16);
	background: rgba(220, 225, 230, .78);
	color: var(--danger-ink);
}

.danger-ownership-map__division {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.danger-ownership-map__division strong,
.danger-ownership-map__division small {
	font: inherit;
}

.danger-ownership-map__division small {
	color: #4d565e;
	font-size: .58rem;
	letter-spacing: .11em;
}

/* Persistent story navigation. */
.danger-story-progress {
	position: absolute;
	z-index: 50;
	left: 50%;
	bottom: 14px;
	width: min(calc(100% - 48px), 960px);
	padding: 12px 18px 10px;
	transform: translateX(-50%);
	background: rgba(16, 17, 19, .82);
	color: var(--danger-paper);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
	backdrop-filter: blur(18px) saturate(140%);
}

.danger-story-progress__track {
	height: 2px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, .18);
}

.danger-story-progress__track span {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--danger-cyan);
	transform: scaleX(var(--story-progress, 0));
	transform-origin: left center;
	will-change: transform;
}

.danger-story-progress ol {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.danger-story-progress a {
	display: flex;
	align-items: baseline;
	gap: 8px;
	color: rgba(255, 255, 255, .55);
	font-size: .67rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-decoration: none;
	text-transform: uppercase;
}

.danger-story-progress a span {
	color: var(--danger-paper);
}

.danger-story-progress a[aria-current="step"] {
	color: var(--danger-paper);
}

.danger-story__scroll-cue {
	position: absolute;
	z-index: 52;
	right: 24px;
	top: 50%;
	display: none;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: rgba(255, 255, 255, .76);
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .14em;
	transform: translateY(-50%) rotate(90deg) translateX(50%);
	transform-origin: right center;
	pointer-events: none;
	transition: opacity 180ms ease, visibility 180ms ease;
}

.js .danger-story__scroll-cue {
	opacity: 1;
	visibility: visible;
	transition: color 180ms ease, opacity 180ms ease, visibility 180ms ease;
}

.js .danger-story__stage[data-active-scene="2"] .danger-story__scroll-cue,
.js .danger-story__stage[data-active-scene="4"] .danger-story__scroll-cue {
	color: var(--danger-ink);
}

.js body.is-story-footer-handoff .danger-story__scroll-cue {
	opacity: 0;
	visibility: hidden;
}

.danger-story__scroll-cue span {
	display: block;
	width: 48px;
	height: 1px;
	background: currentColor;
}

/* Desktop scrollytelling: one pinned stage, every scene tied to scroll distance. */
@media (min-width: 821px) and (min-height: 720px) {
	.js .danger-story__scroll-cue {
		display: flex;
	}

	.js .danger-production-rail {
		right: calc(var(--danger-gutter) + 64px);
		width: min(calc(50% - 64px), 656px);
	}

	.js .danger-story {
		height: 500vh;
		height: 500svh;
	}

	.js .danger-story__stage {
		position: sticky;
		top: calc(var(--danger-header-height) + var(--danger-admin-offset));
		height: calc(100vh - var(--danger-header-height) - var(--danger-admin-offset));
		height: calc(100svh - var(--danger-header-height) - var(--danger-admin-offset));
		overflow: hidden;
	}

	.js .danger-story__scenes {
		position: absolute;
		inset: 0;
	}

	.js .danger-scene {
		position: absolute;
		inset: 0;
		min-height: 0;
		height: 100%;
		opacity: var(--scene-opacity, 0);
		pointer-events: none;
		transform: translate3d(0, calc(var(--scene-offset, 1) * 100%), 0);
		will-change: auto;
	}

	.js .danger-scene:first-child {
		--scene-offset: 0;
		--scene-opacity: 1;
	}

	.js .danger-scene[data-scene-state="active"] {
		pointer-events: auto;
	}

	.js .danger-scene--opening h1 {
		font-size: clamp(3.25rem, 5.5vw, 4rem);
	}

	.js .danger-scene--produced h2 {
		font-size: clamp(2.7rem, 4vw, 3.75rem);
	}

	.js .danger-scene--opening .danger-scene__inner,
	.js .danger-scene--produced .danger-scene__inner {
		padding-bottom: 220px;
	}

	.js .danger-brand-split {
		inset: clamp(260px, 38vh, 310px) 0 72px;
	}

	.js .danger-brand-panel {
		padding: 22px 36px 18px;
	}

	.js .danger-brand-panel__mark {
		height: clamp(100px, 8vw, 112px);
	}

	.js .danger-brand-panel--revol img {
		width: auto;
		max-width: 150px;
		max-height: 100%;
	}

	.js .danger-brand-panel p {
		margin-top: 16px;
	}

	.js .danger-scene--dynakat h2 {
		font-size: clamp(2.7rem, 4.2vw, 4rem);
	}

	.js .danger-scene--dynakat .danger-scene__lead {
		margin-top: 20px;
		font-size: 1rem;
		line-height: 1.45;
	}

	.js .danger-scene--dynakat .danger-actions {
		margin-top: 22px;
	}

	.js .danger-ownership-map {
		padding: clamp(24px, 2.5vw, 36px);
	}

	.js .danger-ownership-map__line {
		margin: 18px 0;
	}

	.js .danger-ownership-map__brands span {
		padding: 10px;
	}
}

/* Footer is the clean release from the story. */
.site-footer {
	position: relative;
	z-index: 20;
	padding: 0 0 calc(30px + var(--danger-safe-bottom));
	background: var(--danger-ink);
	color: var(--danger-paper);
	border-top: 0;
}

.site-footer__social-band {
	width: 100%;
	background: var(--danger-cyan);
	color: var(--danger-ink);
}

.site-footer__social-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 82px;
	gap: 32px;
	padding-block: 14px;
}

.site-footer__social-inner > p {
	margin: 0;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .16em;
	line-height: 1.2;
	text-transform: uppercase;
}

.site-footer__social ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	min-height: 48px;
	padding: 0;
	border: 1px solid rgba(16, 17, 19, .42);
	border-radius: 50%;
	color: var(--danger-ink);
	text-decoration: none;
	transition: background 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.site-footer__social svg {
	display: block;
	width: 21px;
	height: 21px;
	pointer-events: none;
}

.site-footer__social li:first-child svg {
	width: 18px;
	height: 18px;
}

.site-footer__social li:nth-child(3) svg {
	width: 20px;
	height: 20px;
}

.site-footer__social .site-footer__social-icon--tumblr {
	width: 19px;
	height: 19px;
}

.site-footer__social a:hover,
.site-footer__social a:focus-visible {
	border-color: var(--danger-ink);
	background: var(--danger-ink);
	color: var(--danger-paper);
	transform: translateY(-1px);
}

.site-footer__social a:focus-visible {
	outline: 3px solid var(--danger-ink);
	outline-offset: 3px;
}

.site-footer__top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 60px;
	align-items: start;
	padding-top: clamp(76px, 9vw, 120px);
}

.danger-wordmark--footer {
	font-size: clamp(1.8rem, 3.2vw, 3.25rem);
}

.site-footer__brand p {
	max-width: 520px;
	margin: 24px 0 0;
	color: #c7cbd0;
}

.site-footer__nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 13px 38px;
}

.site-footer__nav a {
	font-size: .86rem;
	font-weight: 700;
	text-decoration: none;
}

.site-footer__nav a:hover,
.site-footer__nav a:focus-visible {
	color: var(--danger-light);
}

.site-footer__portfolio {
	margin-top: 64px;
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, .16);
}

.site-footer__portfolio p {
	max-width: 840px;
	margin: 0;
	color: #c7cbd0;
}

.site-footer__legal {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 42px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: #90979d;
	font-size: .78rem;
}

.site-footer__legal p {
	margin: 0 auto 0 0;
}

.site-footer__legal a {
	text-decoration: none;
}

@media (max-width: 1060px) {
	.danger-scene__inner {
		grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
		gap: 36px;
	}

	.danger-scene h1,
	.danger-scene h2 {
		font-size: clamp(3rem, 6vw, 5.2rem);
	}

	.danger-scene--produced h2 {
		font-size: clamp(2.7rem, 5.4vw, 3.5rem);
	}

	.js .danger-scene__media--cinematic {
		width: 58%;
	}

	.danger-scene__inner--dynakat {
		grid-template-columns: minmax(0, 1fr) minmax(360px, .88fr);
	}
}

@media (max-width: 820px), (max-height: 719px) {
	:root {
		--danger-header-content-height: 74px;
		--danger-gutter: 18px;
	}

	.site-header.is-scrolled {
		background: rgba(255, 255, 255, .92);
		-webkit-backdrop-filter: blur(16px) saturate(120%);
		backdrop-filter: blur(16px) saturate(120%);
	}

	.site-header__toggle {
		display: block;
	}

	.site-header__nav {
		position: fixed;
		top: calc(var(--danger-header-height) + var(--danger-admin-offset));
		left: 0;
		display: grid;
		width: 100%;
		max-height: calc(100dvh - var(--danger-header-height) - var(--danger-admin-offset));
		padding: 22px 18px 28px;
		overflow-y: auto;
		background: rgba(255, 255, 255, .96);
		box-shadow: 0 22px 40px rgba(16, 17, 19, .12);
		opacity: 0;
		overscroll-behavior: contain;
		pointer-events: none;
		transform: translateY(-14px);
		transition: opacity 180ms ease, transform 180ms ease;
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
	}

	body.menu-open .site-header__nav {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	.site-header__nav a {
		padding: 12px 6px;
		font-size: 1rem;
	}

	.site-header__dynakat {
		justify-content: center;
		margin-top: 6px;
	}

	body.menu-open .site-header__toggle > span:nth-child(2) {
		transform: translateY(7px) rotate(45deg);
	}

	body.menu-open .site-header__toggle > span:nth-child(3) {
		opacity: 0;
	}

	body.menu-open .site-header__toggle > span:nth-child(4) {
		transform: translateY(-7px) rotate(-45deg);
	}

	.danger-story__anchor,
	.danger-story-progress,
	.danger-story__scroll-cue {
		display: none;
	}

	.danger-story__stage,
	.danger-story__scenes {
		position: relative;
		height: auto;
		overflow: visible;
	}

	.danger-scene {
		min-height: 0;
		padding: 82px 0;
	}

	.danger-scene__inner,
	.danger-scene__inner--opening,
	.danger-scene__inner--dynakat {
		display: block;
		min-height: 0;
		padding-block: 0;
	}

	.danger-scene__copy,
	.danger-scene--opening .danger-scene__copy,
	.danger-scene__copy--dynakat {
		width: 100%;
	}

	.danger-scene h1,
	.danger-scene h2 {
		font-size: clamp(2.75rem, 11.5vw, 5rem);
		letter-spacing: -.015em;
		line-height: 1.02;
		word-spacing: .09em;
	}

	.danger-scene__lead {
		font-size: 1.05rem;
	}

	.danger-scene--opening {
		display: flex;
		flex-direction: column;
		padding-bottom: 0;
	}

	.danger-scene--opening .danger-scene__inner {
		order: 1;
	}

	.danger-scene__media--cinematic {
		position: relative;
		order: 2;
		width: 100%;
		height: min(64vw, 420px);
		margin-top: 58px;
	}

	.danger-scene__media--cinematic::after {
		background: linear-gradient(180deg, var(--danger-cyan), transparent 35%);
	}

	.danger-scene__media--cinematic img {
		object-position: 70% center;
		transform: none;
	}

	.danger-format-marquee {
		position: relative;
		order: 3;
		left: auto;
		bottom: auto;
		flex-wrap: wrap;
		justify-content: center;
		gap: 12px 24px;
		width: 100%;
		margin-top: -1px;
		padding: 18px var(--danger-gutter);
		background: var(--danger-ink);
		text-align: center;
		transform: none;
	}

	.danger-format-marquee span::after {
		margin-left: 24px;
	}

	.danger-format-marquee span:last-child::after {
		display: none;
	}

	.danger-scene--produced {
		display: flex;
		flex-direction: column;
		padding-bottom: 0;
	}

	.danger-scene--produced .danger-scene__inner {
		order: 1;
	}

	.danger-scene__production-field {
		position: relative;
		order: 2;
		width: 100%;
		height: min(72vw, 480px);
		margin-top: 52px;
	}

	.danger-scene__production-field::after {
		background: linear-gradient(180deg, var(--danger-ink), transparent 36%);
	}

	.danger-production-target {
		width: 42vw;
	}

	.danger-production-rail {
		position: relative;
		order: 3;
		right: auto;
		bottom: auto;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		width: 100%;
		padding: 14px 18px 26px;
		background: var(--danger-ink);
		transform: none;
	}

	.danger-production-rail span {
		min-width: 0;
		height: 62px;
	}

	.danger-scene--publishing {
		display: flex;
		flex-direction: column;
		padding-bottom: 0;
	}

	.danger-scene--publishing .danger-scene__inner {
		order: 1;
	}

	.danger-scene__publishing-field {
		position: relative;
		order: 2;
		width: 100%;
		height: min(72vw, 480px);
		margin-top: 52px;
	}

	.danger-scene__publishing-field::after {
		background: linear-gradient(180deg, var(--danger-cool), rgba(242, 244, 246, .12) 34%, transparent 66%);
	}

	.danger-scene__publishing-field img {
		object-position: 56% center;
		transform: none;
	}

	.danger-brands-heading {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}

	.danger-brand-split {
		position: relative;
		inset: auto;
		display: grid;
		grid-template-columns: 1fr;
		margin-top: 46px;
	}

	.danger-brand-panel {
		min-height: 420px;
		padding: 50px 28px;
		transform: none;
	}

	.danger-brand-panel--revol {
		border-right: 0;
		border-bottom: 1px solid var(--danger-line);
	}

	.danger-brand-panel--revol img {
		width: 150px;
	}

	.danger-scene--dynakat::after {
		display: none;
	}

	.danger-ownership-map {
		width: 100%;
		margin-top: 50px;
	}

	.site-footer__top {
		grid-template-columns: 1fr;
		gap: 46px;
	}

	.site-footer__nav {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 782px) {
	body.admin-bar {
		--danger-admin-offset: 46px;
	}
}

@media (max-width: 640px) {
	.site-footer__social-inner {
		align-items: center;
		flex-direction: column;
		min-height: 0;
		gap: 12px;
		padding-block: 16px 18px;
	}

	.site-footer__social-inner > p {
		width: 100%;
		text-align: center;
	}

	.site-footer__social {
		width: 100%;
	}

	.site-footer__social ul {
		display: flex;
		justify-content: center;
		width: 100%;
		gap: 10px;
	}

	.site-footer__social a {
		width: 44px;
		height: 44px;
		min-height: 44px;
	}

	.site-footer__top {
		padding-top: 66px;
	}
}

@media (max-width: 520px) {
	:root {
		--danger-gutter: 13px;
	}

	.site-header__brand {
		min-width: 158px;
	}

	.danger-wordmark--header {
		font-size: 1.55rem;
	}

	.danger-wordmark--header .danger-wordmark__created {
		font-size: .34em;
	}

	.danger-scene {
		padding: 66px 0;
	}

	.danger-wordmark--scene {
		font-size: clamp(2rem, 11.5vw, 3.25rem);
	}

	.danger-scene__identity {
		margin-bottom: 24px;
	}

	.danger-scene__publishing-field {
		height: 340px;
	}

	.danger-brand-panel {
		min-height: 350px;
	}

	.lavashade-wordmark--scene {
		font-size: clamp(2.8rem, 17vw, 5.2rem);
	}

	.danger-ownership-map {
		padding: 24px 18px;
	}

	.danger-ownership-map__division {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.danger-production-rail span {
		padding-inline: 10px;
		font-size: .68rem;
		letter-spacing: .1em;
	}

	.danger-ownership-map__company {
		align-items: flex-start;
		flex-direction: column;
	}

	.danger-ownership-map__company img {
		width: 210px;
	}

	.danger-ownership-map__brands {
		grid-template-columns: 1fr;
	}

	.danger-ownership-map__brands span:first-child {
		grid-column: auto;
	}

	.danger-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.danger-button,
	.danger-link {
		width: 100%;
		text-align: center;
	}

	.site-footer__nav {
		grid-template-columns: 1fr;
	}

	.site-footer__legal {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.site-footer__legal p {
		width: 100%;
		margin-right: 0;
	}
}

/* Eligible portrait phones retain the same pinned, vertical story as desktop.
   JavaScript locks this mode so browser toolbar resizing cannot switch layouts mid-scroll. */
@media (max-width: 820px) and (prefers-reduced-motion: no-preference) {
	.js .danger-story {
		--danger-progress-reserve: calc(88px + var(--danger-safe-bottom));
		height: 500vh;
		height: 500svh;
	}

	.js .danger-story__stage {
		position: sticky;
		top: calc(var(--danger-header-height) + var(--danger-admin-offset));
		height: calc(100vh - var(--danger-header-height) - var(--danger-admin-offset));
		height: calc(100svh - var(--danger-header-height) - var(--danger-admin-offset));
		overflow: hidden;
	}

	.js .danger-story__scenes {
		position: absolute;
		inset: 0;
		height: 100%;
		overflow: hidden;
	}

	.js .danger-scene {
		position: absolute;
		inset: 0;
		display: block;
		min-height: 0;
		height: 100%;
		padding: 0;
		opacity: var(--scene-opacity, 0);
		pointer-events: none;
		transform: translate3d(0, calc(var(--scene-offset, 1) * 100%), 0);
		will-change: auto;
	}

	.js .danger-scene:first-child {
		--scene-offset: 0;
		--scene-opacity: 1;
	}

	.js .danger-scene[data-scene-state="active"] {
		pointer-events: auto;
	}

	.js .danger-story__anchor {
		display: none;
	}

	.js .danger-story__scroll-cue {
		right: 6px;
		top: 51%;
		display: flex;
		gap: 7px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		font-size: .48rem;
		letter-spacing: .1em;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.js .danger-story__scroll-cue span {
		width: 26px;
	}

	.js .danger-story-progress {
		left: var(--danger-gutter);
		right: var(--danger-gutter);
		bottom: calc(7px + var(--danger-safe-bottom));
		display: block;
		width: auto;
		padding: 8px 10px 7px;
		transform: none;
	}

	.js .danger-story-progress__track {
		margin-bottom: 6px;
	}

	.js .danger-story-progress ol {
		gap: 3px;
	}

	.js .danger-story-progress a {
		justify-content: center;
		gap: 0;
		min-height: 44px;
		font-size: .58rem;
	}

	.js .danger-story-progress a b {
		display: none;
	}

	.js .danger-scene__inner,
	.js .danger-scene__inner--opening,
	.js .danger-scene__inner--dynakat {
		display: block;
		height: 100%;
		min-height: 0;
		padding-block: clamp(30px, 5vh, 44px) 68px;
	}

	.js .danger-scene__copy,
	.js .danger-scene--opening .danger-scene__copy,
	.js .danger-scene__copy--dynakat {
		width: min(84%, 360px);
	}

	.js .danger-scene h1,
	.js .danger-scene h2,
	.js .danger-scene--produced h2 {
		font-size: clamp(2.35rem, 10.5vw, 3.35rem);
		letter-spacing: -.015em;
		line-height: 1.02;
		word-spacing: .09em;
	}

	.js .danger-scene--produced h2 {
		font-size: clamp(2.15rem, 9vw, 2.7rem);
	}

	.js .danger-scene__kicker {
		margin-bottom: 12px;
		font-size: .64rem;
		letter-spacing: .16em;
	}

	.js .danger-scene__lead,
	.js .danger-scene--produced .danger-scene__lead {
		margin-top: 17px;
		font-size: clamp(.88rem, 3.55vw, .98rem);
		line-height: 1.48;
	}

	.js .danger-scene--opening,
	.js .danger-scene--produced {
		display: block;
		padding: 0;
	}

	.js .danger-scene__identity {
		margin-bottom: 16px;
	}

	.js .danger-wordmark--scene {
		font-size: clamp(1.95rem, 9.4vw, 2.8rem);
	}

	.js .danger-scene__media--cinematic {
		position: absolute;
		top: 0;
		right: 0;
		order: initial;
		width: 78%;
		height: 100%;
		margin: 0;
	}

	.js .danger-scene__media--cinematic::after {
		background: linear-gradient(90deg, var(--danger-cyan) 0%, rgba(0, 153, 254, .94) 28%, rgba(0, 153, 254, .18) 70%, transparent 100%);
	}

	.js .danger-scene__media--cinematic img {
		object-position: 69% center;
		transform: translate3d(calc(var(--scene-local, 0) * -2%), 0, 0) scale(1.05);
	}

	.js .danger-format-marquee {
		position: absolute;
		left: var(--danger-gutter);
		right: var(--danger-gutter);
		bottom: var(--danger-progress-reserve);
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px 8px;
		width: auto;
		margin: 0;
		padding: 8px 10px;
		background: rgba(16, 17, 19, .78);
		font-size: .52rem;
		letter-spacing: .09em;
		text-align: center;
		transform: translate3d(0, calc((1 - var(--scene-local, 1)) * 10px), 0);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}

	.js .danger-format-marquee span::after {
		display: none;
	}

	.js .danger-scene__production-field {
		position: absolute;
		inset: 0;
		order: initial;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.js .danger-scene__production-field::after {
		background: linear-gradient(90deg, var(--danger-ink) 0%, rgba(16, 17, 19, .96) 35%, rgba(16, 17, 19, .32) 72%, rgba(16, 17, 19, .08) 100%);
	}

	.js .danger-scene__production-field img {
		object-position: 71% center;
		transform: translate3d(calc(var(--scene-local, 0) * -2%), 0, 0) scale(1.06);
	}

	.js .danger-production-target {
		right: -8%;
		top: 40%;
		width: min(34vw, 142px);
		opacity: .55;
		transform: rotate(calc(var(--scene-local, 0) * 12deg));
	}

	.js .danger-production-rail {
		position: absolute;
		left: var(--danger-gutter);
		right: calc(var(--danger-gutter) + 36px);
		bottom: var(--danger-progress-reserve);
		order: initial;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
		width: auto;
		padding: 0;
		background: transparent;
		transform: translate3d(0, calc((1 - var(--scene-local, 1)) * 16px), 0);
	}

	.js .danger-production-rail span {
		height: 35px;
		padding-inline: 6px;
		font-size: .56rem;
		letter-spacing: .08em;
	}

	.js .danger-scene--publishing .danger-scene__copy {
		width: min(90%, 360px);
	}

	.js .danger-scene__publishing-field {
		position: absolute;
		inset: 0;
		order: initial;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.js .danger-scene__publishing-field::after {
		background: linear-gradient(90deg, var(--danger-cool) 0%, rgba(242, 244, 246, .96) 46%, rgba(242, 244, 246, .46) 70%, rgba(242, 244, 246, .08) 100%);
	}

	.js .danger-scene__publishing-field img {
		object-position: 34% center;
		transform: translate3d(calc(var(--scene-local, 0) * -1.5%), 0, 0) scale(1.06);
	}

	.js .danger-brands-heading {
		position: absolute;
		top: 30px;
		left: var(--danger-gutter);
		right: var(--danger-gutter);
		width: auto;
		transform: none;
	}

	.js .danger-brands-heading h2 {
		font-size: clamp(1.95rem, 8.6vw, 2.5rem);
		line-height: 1;
		text-wrap: balance;
	}

	.js .danger-brands-heading__lead {
		max-width: 360px;
		margin-top: 8px;
		font-size: .7rem;
		line-height: 1.35;
	}

	.js .danger-brand-split {
		position: absolute;
		inset: 36% 0 var(--danger-progress-reserve);
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin: 0;
	}

	.js .danger-brand-panel {
		min-height: 0;
		padding: 24px 10px 18px;
		transition: transform 180ms linear;
	}

	.js .danger-brand-panel--revol {
		border-right: 1px solid var(--danger-line);
		border-bottom: 0;
		transform: translate3d(calc((1 - var(--scene-local, 1)) * -16px), 0, 0);
	}

	.js .danger-brand-panel--lavashade {
		transform: translate3d(calc((1 - var(--scene-local, 1)) * 16px), 0, 0);
	}

	.js .danger-brand-panel--revol img {
		width: min(52%, 96px);
		max-height: 96px;
	}

	.js .danger-brand-panel__mark {
		height: 74px;
	}

	.js .lavashade-wordmark--scene {
		font-size: clamp(1.6rem, 8.2vw, 2.3rem);
	}

	.js .danger-brand-panel p {
		margin-top: 16px;
		font-size: .7rem;
		line-height: 1.35;
		text-wrap: balance;
	}

	.js .danger-brand-panel__credit {
		gap: 3px;
		width: min(100%, 162px);
		min-height: 32px;
		margin-top: 10px;
		padding: 6px 8px;
		box-shadow: none;
	}

	.js .danger-brand-panel__credit-created {
		font-size: .68rem;
	}

	.js .danger-brand-panel__credit-danger {
		font-size: .85rem;
	}

	.js .danger-brand-panel__number {
		top: 13px;
		left: 13px;
		font-size: .58rem;
	}

	.js .danger-scene--dynakat::after {
		display: block;
		right: -38vw;
		top: 11vh;
		width: 112vw;
		border-width: 54px;
	}

	.js .danger-scene--dynakat .danger-scene__copy {
		width: min(100%, 360px);
	}

	.js .danger-scene--dynakat .danger-actions {
		align-items: stretch;
		flex-flow: row nowrap;
		gap: 8px;
		margin-top: 16px;
	}

	.js .danger-scene--dynakat .danger-button,
	.js .danger-scene--dynakat .danger-link {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		min-height: 44px;
		padding: 6px 8px;
		font-size: .57rem;
		line-height: 1.25;
		white-space: normal;
	}

	.js .danger-ownership-map {
		position: absolute;
		left: 0;
		right: 0;
		bottom: var(--danger-progress-reserve);
		width: auto;
		margin: 0;
		padding: 14px;
		background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(242, 244, 246, .93));
		box-shadow: 0 18px 42px rgba(16, 17, 19, .18), inset 0 1px 0 rgba(255, 255, 255, .94);
		-webkit-backdrop-filter: blur(18px) saturate(105%);
		backdrop-filter: blur(18px) saturate(105%);
	}

	.js .danger-ownership-map__company {
		align-items: center;
		flex-direction: row;
	}

	.js .danger-ownership-map__company img {
		width: min(48%, 150px);
	}

	.js .danger-ownership-map__company span {
		font-size: .58rem;
	}

	.js .danger-ownership-map__company small {
		font-size: .48rem;
	}

	.js .danger-ownership-map__line {
		margin: 11px 0;
	}

	.js .danger-ownership-map__brands {
		grid-template-columns: 1fr 1fr;
		gap: 5px;
	}

	.js .danger-ownership-map__brands span {
		padding: 7px;
		font-size: .56rem;
	}

	.js .danger-ownership-map__brands small {
		font-size: .46rem;
		line-height: 1.2;
	}

	.js .danger-ownership-map__brands span:first-child {
		grid-column: 1 / -1;
	}

	.js .danger-ownership-map__division {
		align-items: center;
		flex-direction: row;
		gap: 8px;
	}

	.js .danger-ownership-map__division small {
		font-size: .48rem;
	}
}

/* Keep the final DynaKat chapter clear of its bottom-anchored ownership panel. */
@media (max-width: 820px) and (prefers-reduced-motion: no-preference) {
	.js .danger-scene--dynakat h2 {
		font-size: clamp(2.5rem, 6.5vw, 2.65rem);
	}

	.js .danger-scene--dynakat .danger-scene__lead {
		margin-top: 14px;
		font-size: .86rem;
		line-height: 1.38;
	}
}

/* Wider mobile screens can keep both DynaKat actions on one compact row. */
@media (min-width: 521px) and (max-width: 820px) and (prefers-reduced-motion: no-preference) {
	.js .danger-scene--dynakat .danger-scene__copy {
		width: min(100%, 450px);
	}

	.js .danger-scene--dynakat .danger-actions {
		align-items: center;
		flex-flow: row nowrap;
		gap: 10px;
		margin-top: 16px;
	}

	.js .danger-scene--dynakat .danger-button,
	.js .danger-scene--dynakat .danger-link {
		width: auto;
		min-height: 44px;
		padding-inline: 11px;
		white-space: normal;
	}

	.js .danger-scene--dynakat .danger-button {
		flex: 0 0 auto;
	}

	.js .danger-scene--dynakat .danger-link {
		flex: 1 1 auto;
	}
}

/* Compact pinned composition for shorter and narrower Android viewports.
   The same five-scene story remains intact; only redundant decorative detail
   and excess vertical spacing are reduced. */
@media (max-width: 820px) and (prefers-reduced-motion: no-preference) {
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__inner,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__inner--opening,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__inner--dynakat {
		padding-block: 18px var(--danger-progress-reserve);
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__copy,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--opening .danger-scene__copy,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__copy--dynakat {
		width: min(90%, 340px);
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene h1,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene h2,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--produced h2,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--dynakat h2 {
		font-size: clamp(1.9rem, 8.4vw, 2.15rem);
		line-height: 1;
		word-spacing: .04em;
		text-wrap: wrap;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__kicker {
		margin-bottom: 7px;
		font-size: .56rem;
		line-height: 1.2;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__lead,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--produced .danger-scene__lead,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--dynakat .danger-scene__lead {
		margin-top: 10px;
		font-size: .76rem;
		line-height: 1.32;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene__identity {
		margin-bottom: 9px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-wordmark--scene {
		font-size: clamp(1.7rem, 7.8vw, 2rem);
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-format-marquee {
		gap: 4px 6px;
		padding: 6px 8px;
		font-size: .46rem;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-production-rail {
		right: calc(var(--danger-gutter) + 24px);
		gap: 4px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-production-rail span {
		height: 28px;
		padding-inline: 4px;
		font-size: .49rem;
		letter-spacing: .06em;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brands-heading {
		top: 18px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brands-heading h2 {
		font-size: clamp(1.55rem, 7vw, 1.8rem);
		line-height: 1;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brands-heading__lead {
		margin-top: 6px;
		font-size: .62rem;
		line-height: 1.25;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-split {
		inset: 34% 0 var(--danger-progress-reserve);
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-panel {
		padding: 14px 6px 10px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-panel__mark {
		height: 58px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-panel--revol img {
		width: min(50%, 78px);
		max-height: 58px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .lavashade-wordmark--scene {
		font-size: clamp(1.4rem, 7vw, 1.75rem);
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-panel__credit {
		min-height: 28px;
		margin-top: 6px;
		padding: 4px 6px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-panel__credit-created {
		font-size: .58rem;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-panel__credit-danger {
		font-size: .72rem;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-brand-panel p {
		margin-top: 8px;
		font-size: .62rem;
		line-height: 1.25;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--dynakat::after {
		right: -62vw;
		top: 18%;
		width: 116vw;
		border-width: 42px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--dynakat .danger-actions {
		gap: 6px;
		margin-top: 8px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--dynakat .danger-button,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-scene--dynakat .danger-link {
		min-height: 44px;
		padding: 5px 6px;
		font-size: .54rem;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map {
		padding: 8px 10px;
		box-shadow: 0 12px 30px rgba(16, 17, 19, .15), inset 0 1px 0 rgba(255, 255, 255, .94);
		-webkit-backdrop-filter: blur(12px) saturate(105%);
		backdrop-filter: blur(12px) saturate(105%);
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__company {
		gap: 10px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__company img {
		width: min(40%, 112px);
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__company span {
		gap: 2px;
		font-size: .54rem;
		letter-spacing: .11em;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__company small,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__division small {
		font-size: .44rem;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__line {
		margin: 6px 0;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__brands {
		gap: 3px;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__brands span {
		gap: 2px;
		padding: 4px 6px;
		font-size: .54rem;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__brands small {
		font-size: .44rem;
		line-height: 1.15;
	}

	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__division {
		gap: 4px;
	}
}

@media (max-width: 380px) and (prefers-reduced-motion: no-preference) {
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__company small,
	.js .danger-story[data-scroll-mode="scrolly"][data-mobile-layout="compact"] .danger-ownership-map__brands small {
		display: none;
	}
}

.js .danger-scene[data-scene-near] {
	will-change: transform, opacity;
}

/* Short portrait phones keep a readable document flow, then reveal each chapter
   with the same restrained vertical language as the pinned story. */
@media (max-width: 820px) and (prefers-reduced-motion: no-preference) {
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="pending"] .danger-scene__copy,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="pending"] .danger-brands-heading,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="pending"] .danger-scene__media,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="pending"] .danger-scene__production-field,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="pending"] .danger-scene__publishing-field,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="pending"] .danger-brand-panel,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="pending"] .danger-ownership-map {
		opacity: 0;
		transform: translate3d(0, 22px, 0) scale(.99);
	}

	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-scene__copy,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-brands-heading,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-scene__media,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-scene__production-field,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-scene__publishing-field,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-brand-panel,
	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-ownership-map {
		opacity: 1;
		transform: none;
		transition: opacity 360ms ease, transform 420ms cubic-bezier(.2, .7, .2, 1);
	}

	.has-js .danger-story[data-scroll-mode="static"][data-motion-tier="reveal"] .danger-scene[data-reveal-state="entered"] .danger-brand-panel--lavashade {
		transition-delay: 90ms;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}

	.danger-scene__media img,
	.danger-scene__production-field img,
	.danger-scene__publishing-field img,
	.danger-production-target,
	.danger-brand-panel,
	.danger-scene--dynakat::after,
	.danger-ownership-map__line {
		transform: none !important;
		will-change: auto !important;
	}

	.danger-story {
		height: auto !important;
	}

	.danger-story__stage,
	.danger-story__scenes,
	.danger-scene {
		position: relative !important;
		top: auto !important;
		height: auto !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.danger-scene {
		pointer-events: auto !important;
	}

	.danger-story-progress,
	.danger-story__scroll-cue,
	.danger-story__anchor {
		display: none !important;
	}

	.site-footer__social a:hover,
	.site-footer__social a:focus-visible {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) and (min-width: 821px) and (min-height: 650px) {
	.danger-story__stage,
	.danger-story__scenes {
		overflow: visible !important;
	}

	.danger-scene {
		min-height: 760px !important;
	}
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
	.site-header.is-scrolled {
		background: rgba(255, 255, 255, .97);
	}

	.danger-ownership-map {
		background: #f4f6f8;
	}

	.danger-ownership-map::before {
		display: none;
	}

	.danger-ownership-map__brands span {
		background: #ffffff;
	}

	.danger-ownership-map__brands span:first-child {
		background: #e7eaed;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.site-header.is-scrolled,
	.site-header__nav,
	.danger-story-progress,
	.danger-format-marquee,
	.danger-production-rail span {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.site-header.is-scrolled,
	.site-header__nav {
		background: #ffffff;
	}

	.danger-ownership-map {
		background: #f4f6f8;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.danger-ownership-map::before {
		display: none;
	}

	.danger-ownership-map__brands span {
		background: #ffffff;
	}

	.danger-ownership-map__brands span:first-child {
		background: #e7eaed;
	}
}

@media (forced-colors: active) {
	.site-header,
	.site-footer,
	.danger-scene,
	.danger-story-progress,
	.danger-brand-panel,
	.danger-ownership-map {
		forced-color-adjust: auto;
		background: Canvas !important;
		color: CanvasText !important;
	}

	.danger-scene__media,
	.danger-scene__production-field,
	.danger-scene__publishing-field,
	.danger-production-target,
	.danger-scene::before,
	.danger-scene::after {
		display: none !important;
	}

	.danger-brand-panel,
	.danger-ownership-map {
		border: 2px solid CanvasText;
	}

	.danger-ownership-map {
		box-shadow: none !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	.danger-ownership-map::before,
	.danger-ownership-map__company img {
		display: none !important;
	}

	.danger-ownership-map__company strong,
	.danger-ownership-map__company small,
	.danger-ownership-map__brands strong,
	.danger-ownership-map__brands small {
		color: CanvasText !important;
	}

	.danger-ownership-map__line {
		background: CanvasText !important;
	}

	.danger-ownership-map__brands span {
		border: 1px solid CanvasText !important;
		background: Canvas !important;
		box-shadow: none !important;
		color: CanvasText !important;
	}

	.site-footer__social-band {
		border-block: 1px solid CanvasText;
		background: Canvas !important;
		color: CanvasText !important;
	}

	.site-footer__social a {
		border: 1px solid currentColor;
		color: inherit;
	}
}

@media print {
	.site-header,
	.site-footer__social-band,
	.danger-story-progress,
	.danger-story__scroll-cue,
	.danger-scene__media,
	.danger-scene__production-field,
	.danger-scene__publishing-field,
	.danger-production-target {
		display: none !important;
	}

	.danger-story-shell {
		padding: 0;
	}

	.danger-story {
		height: auto !important;
	}

	.danger-story__stage,
	.danger-story__scenes,
	.danger-scene {
		position: relative !important;
		top: auto !important;
		height: auto !important;
		min-height: 0 !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.danger-scene {
		padding: 32pt 0;
		break-inside: avoid;
		background: #fff !important;
		color: #000 !important;
	}

	.site-footer {
		padding: 28pt 0;
		background: #fff !important;
		color: #000 !important;
		border-top: 2pt solid #000;
	}
}