*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	min-height: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-height: 100%;
	font-family: "Manrope", system-ui, sans-serif;
	line-height: 1.6;
	color: var(--ink);
	background:
		radial-gradient(circle at top left, rgba(212, 86, 169, 0.18), transparent 32%),
		radial-gradient(circle at right 12%, rgba(83, 160, 255, 0.16), transparent 28%),
		radial-gradient(circle at 56% 0%, rgba(215, 183, 122, 0.1), transparent 20%),
		linear-gradient(180deg, #090c12 0%, #0f141e 46%, #141a26 100%);
	overflow-x: hidden;
}

body.lightbox-open {
	overflow: hidden;
}

body.wallet-modal-open {
	overflow: hidden;
}

body::before,
body::after {
	content: "";
	position: fixed;
	inset: auto;
	width: 24rem;
	height: 24rem;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(80px);
	opacity: 0.35;
	z-index: 0;
}

body::before {
	top: -8rem;
	left: -8rem;
	background: rgba(212, 86, 169, 0.24);
}

body::after {
	right: -10rem;
	bottom: 10%;
	background: rgba(83, 160, 255, 0.2);
}

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

a {
	color: inherit;
}

button,
input,
textarea {
	font: inherit;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

:root {
	--bg: #0b0f16;
	--surface: rgba(18, 22, 32, 0.84);
	--surface-strong: #171d28;
	--surface-dark: #0b0f16;
	--ink: #f4efe8;
	--ink-muted: #9ca5b8;
	--line: rgba(255, 255, 255, 0.08);
	--line-strong: rgba(255, 255, 255, 0.14);
	--brand-magenta: #d456a9;
	--brand-violet: #845cff;
	--brand-amber: #d7b77a;
	--brand-teal: #54c7d1;
	--brand-blue: #53a0ff;
	--brand-gradient: linear-gradient(90deg, var(--brand-magenta) 0%, var(--brand-violet) 54%, var(--brand-blue) 100%);
	--brand-gradient-strong: linear-gradient(135deg, #d456a9 0%, #8c63ff 58%, #53a0ff 100%);
	--brand-gradient-cool: linear-gradient(135deg, #151925 0%, #34255a 52%, #15385f 100%);
	--accent: #d456a9;
	--accent-deep: #845cff;
	--accent-soft: rgba(132, 92, 255, 0.14);
	--warm: #d7b77a;
	--shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
	--shadow-strong: 0 28px 90px rgba(0, 0, 0, 0.34);
	--radius-xl: 32px;
	--radius-lg: 26px;
	--radius-md: 20px;
	--radius-sm: 16px;
}

::selection {
	background: var(--accent);
	color: #ffffff;
}

.html {
	position: relative;
	z-index: 1;
	width: min(calc(100% - 32px), 1280px);
	margin: 0 auto;
	padding-top: 120px;
	padding-bottom: 28px;
}

.body {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.m-block {
	position: relative;
}

.header {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: min(calc(100% - 32px), 1280px);
	z-index: 100;
	--scroll-progress: 0;
	transition: top 0.3s ease, width 0.3s ease;
}

.header-shell {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 24px;
	padding: 18px 24px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	background: rgba(14, 18, 27, 0.82);
	backdrop-filter: blur(20px);
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
	transition: padding 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-radius 0.3s ease;
}

.header-shell::after {
	content: "";
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 8px;
	height: 3px;
	border-radius: 999px;
	background: var(--brand-gradient);
	transform: scaleX(var(--scroll-progress));
	transform-origin: left center;
	opacity: 0.9;
	pointer-events: none;
}

.header.is-scrolled .header-shell {
	padding: 14px 20px;
	background: rgba(10, 14, 22, 0.96);
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.36);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 28px;
	border-bottom-right-radius: 28px;
}

.header.is-scrolled {
	top: 0;
	width: min(100%, 1280px);
}

.h-logo {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	font-size: clamp(1.08rem, 0.95rem + 0.7vw, 1.48rem);
	font-weight: 800;
	letter-spacing: 0.12em;
	font-style: italic;
	white-space: nowrap;
	color: var(--ink);
	transition: transform 0.25s ease;
}

.h-logo__mark {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	object-fit: contain;
	filter: drop-shadow(0 12px 24px rgba(125, 47, 209, 0.16));
	transition: transform 0.25s ease, filter 0.25s ease;
}

.h-logo__text {
	display: inline-flex;
	align-items: baseline;
	gap: 0.38rem;
}

.h-logo b {
	background: var(--brand-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.h-logo:hover {
	transform: translateY(-1px);
}

.h-logo:hover .h-logo__mark {
	transform: rotate(-5deg) scale(1.04);
	filter: drop-shadow(0 16px 28px rgba(125, 47, 209, 0.22));
}

.h-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.h-menu a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.72rem 1rem;
	border-radius: 999px;
	color: var(--ink-muted);
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.h-menu a::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 9px;
	width: 22px;
	height: 3px;
	border-radius: 999px;
	background: var(--brand-gradient);
	opacity: 0;
	transform: translateX(-50%) scaleX(0.3);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.h-menu a:hover,
.h-menu a.active {
	background: linear-gradient(135deg, #26152b 0%, #23213e 46%, #14344a 100%);
	color: #ffffff;
	box-shadow: 0 12px 24px rgba(17, 21, 29, 0.14);
}

.h-menu a.active::before,
.h-menu a[aria-current="true"]::before {
	opacity: 1;
	transform: translateX(-50%) scaleX(1);
}

.h-contacts ul {
	display: flex;
	align-items: center;
	gap: 10px;
}

.h-mobile-side {
	display: none;
	align-items: center;
	gap: 8px;
}

.h-con {
	display: inline-flex;
}

.h-con a {
	display: inline-flex;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--line);
	background-color: rgba(255, 255, 255, 0.72);
	background-size: 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0.84;
	transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, filter 0.25s ease, opacity 0.25s ease;
}

.h-con a:hover {
	transform: translateY(-2px);
	border-color: rgba(77, 163, 255, 0.32);
	background-color: rgba(255, 255, 255, 0.96);
	box-shadow: 0 12px 24px rgba(18, 22, 32, 0.12);
	filter: none;
	opacity: 1;
}

.h-con-phone a {
	background-image: url("/templates/M1LOY/images/icons/phone.png");
}

.h-con-instagram a {
	background-image: url("/templates/M1LOY/images/icons/instagram.png");
}

.h-con-threads a {
	background-image: url("/templates/M1LOY/images/icons/threads.png");
}

.h-con-telegram a {
	background-image: url("/templates/M1LOY/images/icons/telegram.png");
}

.h-mobile-link {
	display: inline-flex;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--line);
	background-color: rgba(255, 255, 255, 0.76);
	background-size: 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	box-shadow: 0 10px 24px rgba(18, 22, 32, 0.08);
	transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.h-mobile-link:hover {
	transform: translateY(-2px);
	border-color: rgba(77, 163, 255, 0.32);
	background-color: rgba(255, 255, 255, 0.98);
	box-shadow: 0 14px 26px rgba(18, 22, 32, 0.12);
}

.h-mobile-link--instagram {
	background-image: url("/templates/M1LOY/images/icons/instagram.png");
}

.h-mobile-link--threads {
	background-image: url("/templates/M1LOY/images/icons/threads.png");
}

.h-mobile-link--telegram {
	background-image: url("/templates/M1LOY/images/icons/telegram.png");
}

.h-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid var(--line);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.86);
	cursor: pointer;
}

.h-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: var(--ink);
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.header.menu-open .h-toggle span:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}

.header.menu-open .h-toggle span:nth-child(2) {
	opacity: 0;
}

.header.menu-open .h-toggle span:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

.hero-shell,
.about-shell,
.contact-card {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
	gap: 24px;
}

.hero-copy,
.section-shell,
.contact-block,
.contact-meta {
	padding: clamp(1.6rem, 2.8vw, 2.4rem);
	border-radius: var(--radius-xl);
	border: 1px solid rgba(255, 255, 255, 0.52);
	background: var(--surface);
	backdrop-filter: blur(18px);
	box-shadow: var(--shadow);
}

.hero-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hero-shell--immersive {
	grid-template-columns: 1fr;
	gap: 18px;
}

.hero-stage {
	position: relative;
	min-height: clamp(560px, 78vw, 860px);
	padding: 0;
	overflow: visible;
	border: none;
	border-radius: 0;
	background: transparent;
	backdrop-filter: none;
	box-shadow: none;
}

.hero-stage::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 34%;
	background: none;
	pointer-events: none;
	z-index: 1;
}

.hero-stage__kicker {
	display: none;
}

[data-reveal] {
	opacity: 1;
	transform: none;
	transition: none;
	will-change: auto;
}

[data-reveal="left"] {
	transform: none;
}

[data-reveal="fade"] {
	transform: none;
}

[data-reveal].is-visible {
	opacity: 1;
	transform: none;
}

.section-kicker,
.card-kicker {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	padding: 0.42rem 0.72rem;
	border-radius: 999px;
	background: var(--accent-soft);
	color: var(--accent-deep);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.card-kicker {
	background: rgba(255, 255, 255, 0.14);
	color: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(8px);
}

.card-kicker-light {
	background: rgba(77, 163, 255, 0.12);
	color: var(--accent-deep);
}

.m1-h1,
.section-head h2,
.about-copy h2,
.contact-block h2,
.about-card h3 {
	margin: 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	line-height: 0.96;
	letter-spacing: -0.02em;
}

.m1-h1 {
	margin-top: 1rem;
	font-size: clamp(3rem, 6vw, 6rem);
}

.hero-lead,
.section-head p,
.about-text p,
.contact-lead,
.blog-excerpt {
	color: var(--ink-muted);
}

.hero-lead {
	margin: 1rem 0 0;
	max-width: 32rem;
	font-size: 1.06rem;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 1.8rem;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 1.4rem;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.button:hover {
	transform: translateY(-2px);
}

.button-primary {
	background: var(--brand-gradient-strong);
	color: #ffffff;
	box-shadow: 0 20px 36px rgba(91, 74, 208, 0.24);
}

.button-secondary {
	border: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.78);
	color: var(--ink);
}

.hero-details {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 1.8rem;
}

.hero-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.74rem 0.98rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.78);
	color: var(--ink-muted);
	font-size: 0.92rem;
	font-weight: 600;
}

.hero-media {
	position: relative;
	display: flex;
	min-height: 640px;
}

.hero-copy--meta {
	position: relative;
	z-index: 4;
	width: min(100%, 860px);
	margin: 16px auto 0;
	padding: 0;
	border: none;
	background: transparent;
	backdrop-filter: none;
	box-shadow: none;
	align-items: center;
	text-align: center;
}

.hero-copy--meta .hero-lead {
	max-width: 40rem;
}

.hero-copy--meta .hero-actions,
.hero-copy--meta .hero-details {
	justify-content: center;
}

.m1-photo {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: var(--radius-xl);
	background: linear-gradient(180deg, #d8cfc2 0%, #f6f0e8 100%);
	box-shadow: var(--shadow-strong);
}

.m1-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.m1-photo--stage {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: clamp(500px, 74vw, 820px);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.m1-photo--stage img {
	width: min(100%, 780px);
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
	filter: saturate(0.98) contrast(1.02);
}

.hero-overlay {
	position: absolute;
	left: 50%;
	bottom: clamp(74px, 9vw, 122px);
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	width: min(calc(100% - 72px), 980px);
	z-index: 4;
	text-align: center;
}

.hero-overlay::before {
	display: none;
}

.hero-overlay .m1-h1 {
	margin: 0;
	max-width: none;
	margin-inline: auto;
	color: #ffffff;
	font-style: italic;
	font-size: clamp(3.2rem, 5.05vw, 5.4rem);
	line-height: 0.9;
	letter-spacing: -0.04em;
	text-shadow: 0 16px 36px rgba(10, 14, 20, 0.38), 0 8px 18px rgba(10, 14, 20, 0.16);
}

.hero-overlay .m1-h1 span {
	display: block;
	white-space: nowrap;
}

.hero-overlay .m1-h1::after {
	content: "";
	display: block;
	width: 148px;
	height: 4px;
	margin: 18px auto 0;
	border-radius: 999px;
	background: var(--brand-gradient);
	box-shadow: 0 12px 24px rgba(125, 47, 209, 0.2);
}

.hero-stage__subline {
	display: inline-flex;
	margin: 0;
	padding: 0.56rem 0.96rem;
	border-radius: 999px;
	border: 1px solid rgba(17, 21, 29, 0.08);
	background: rgba(17, 21, 29, 0.82);
	color: #ffffff;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: 0 12px 28px rgba(18, 22, 32, 0.16);
}

.hero-note {
	position: absolute;
	top: clamp(70px, 10vw, 112px);
	right: clamp(18px, 2vw, 28px);
	bottom: auto;
	max-width: 240px;
	padding: 1rem 1.08rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	background: rgba(16, 19, 25, 0.44);
	color: #ffffff;
	backdrop-filter: blur(18px);
	box-shadow: 0 18px 40px rgba(10, 14, 20, 0.12);
}

.hero-note span,
.about-card-label,
.contact-row span {
	display: block;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hero-note span {
	color: rgba(255, 255, 255, 0.54);
}

.hero-note strong {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.96rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.92);
}

.hero-panel {
	position: relative;
	z-index: 4;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
	gap: 24px;
	width: min(100%, 960px);
	margin: -20px auto 0;
	padding: 1.5rem;
	border: 1px solid rgba(255, 255, 255, 0.58);
	border-radius: calc(var(--radius-xl) - 4px);
	background:
		linear-gradient(140deg, rgba(255, 255, 255, 0.9) 0%, rgba(247, 244, 240, 0.84) 55%, rgba(240, 246, 255, 0.84) 100%);
	backdrop-filter: blur(20px);
	box-shadow: 0 26px 62px rgba(18, 22, 32, 0.14);
	overflow: hidden;
}

.hero-panel::before {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(77, 163, 255, 0) 0%, rgba(77, 163, 255, 0.36) 28%, rgba(255, 141, 99, 0.32) 72%, rgba(255, 141, 99, 0) 100%);
	opacity: 0.9;
}

.hero-panel__lead,
.hero-panel__aside {
	display: grid;
	gap: 18px;
}

.hero-panel__lead {
	align-content: center;
}

.hero-panel__aside {
	align-content: space-between;
}

.hero-panel__eyebrow {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	padding: 0.48rem 0.84rem;
	border-radius: 999px;
	background: rgba(37, 107, 217, 0.08);
	color: var(--accent-deep);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hero-panel .hero-lead {
	max-width: none;
	margin: 0;
	font-size: 1.08rem;
	line-height: 1.72;
}

.hero-panel .hero-actions {
	margin-top: 0.2rem;
}

.hero-panel__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.hero-chip {
	text-decoration: none;
	transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.hero-chip:hover {
	border-color: rgba(111, 147, 224, 0.26);
	background: #ffffff;
	color: var(--accent-deep);
	box-shadow: 0 14px 28px rgba(18, 22, 32, 0.08);
}

.hero-chip--accent {
	border-color: rgba(125, 47, 209, 0.14);
	background: var(--brand-gradient-strong);
	color: #ffffff;
	box-shadow: 0 16px 32px rgba(91, 74, 208, 0.22);
}

.hero-chip--accent:hover {
	color: #ffffff;
	background: linear-gradient(135deg, #d553ac 0%, #8456e3 58%, #659eff 100%);
}

.hero-summary {
	display: grid;
	gap: 12px;
	padding: 1.15rem 1.2rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	background: linear-gradient(155deg, rgba(39, 20, 46, 0.96) 0%, rgba(53, 35, 88, 0.94) 48%, rgba(33, 58, 101, 0.9) 100%);
	color: #ffffff;
	box-shadow: 0 20px 42px rgba(53, 35, 88, 0.18);
}

.hero-summary__label {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	padding: 0.36rem 0.68rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hero-summary strong {
	font-size: 1.22rem;
	line-height: 1.2;
}

.hero-summary p {
	margin: 0;
	color: rgba(255, 255, 255, 0.74);
	line-height: 1.6;
}

.hero-summary__link {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	gap: 8px;
	padding: 0.72rem 0.98rem;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-size: 0.88rem;
	font-weight: 800;
	text-decoration: none;
	transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.hero-summary__link::after {
	content: "\2192";
}

.hero-summary__link:hover {
	border-color: rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.12);
	box-shadow: 0 16px 32px rgba(8, 12, 18, 0.16);
}

.section-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 1.5rem;
}

.section-head > div {
	max-width: 38rem;
}

.section-head__aside {
	display: grid;
	gap: 14px;
	justify-items: end;
	margin-left: auto;
}

.section-head__aside p {
	max-width: 34rem;
	margin: 0;
	text-align: right;
}

.section-head h2,
.about-copy h2,
.contact-block h2 {
	margin-top: 0.9rem;
	font-size: clamp(2.4rem, 4vw, 4rem);
}

.section-head p {
	max-width: 34rem;
	margin: 0;
	font-size: 0.98rem;
}

.section-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0.76rem 1rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	color: var(--ink);
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, background 0.25s ease;
}

.section-link::after {
	content: "\2192";
	font-size: 0.92em;
}

.section-link:hover {
	transform: translateY(-2px);
	border-color: rgba(111, 147, 224, 0.28);
	background: #ffffff;
	color: var(--accent-deep);
	box-shadow: 0 16px 32px rgba(74, 45, 99, 0.12);
}

.section-accent .section-shell,
.about-card,
.contact-meta {
	color: #ffffff;
	background: linear-gradient(160deg, rgba(36, 17, 42, 0.96) 0%, rgba(42, 31, 72, 0.94) 52%, rgba(32, 50, 86, 0.92) 100%);
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: var(--shadow-strong);
}

.section-accent .section-kicker {
	background: rgba(232, 56, 150, 0.16);
	color: #ffd8ef;
}

.section-accent .section-head p {
	color: rgba(255, 255, 255, 0.72);
}

.section-accent .section-link {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}

.section-accent .section-link:hover {
	border-color: rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.photo-grid,
.music-grid,
.journal-grid {
	display: grid;
	gap: 16px;
}

.photo-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-flow: dense;
	align-items: stretch;
}

.photo-card {
	height: 100%;
}

.photo-grid > .photo-card:first-child {
	grid-column: span 2;
}

.photo-grid > .photo-card:first-child a,
.photo-grid > .photo-card:nth-child(2) a {
	min-height: clamp(360px, 32vw, 430px);
}

.photo-grid > .photo-card:nth-child(n+3) a {
	min-height: clamp(250px, 23vw, 314px);
}

.music-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.music-grid > .audio-card:first-child {
	grid-column: 1 / -1;
	grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
	padding: 22px;
}

.journal-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.journal-grid > .blog-card:first-child {
	grid-column: span 2;
}

.photo-card a,
.blog-image,
.audio-cover {
	position: relative;
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.photo-card a {
	height: 100%;
	aspect-ratio: auto;
	border-radius: var(--radius-lg);
	background: linear-gradient(135deg, #d4ccc2 0%, #ebe4db 100%);
	box-shadow: 0 18px 42px rgba(18, 22, 32, 0.1);
	transition: box-shadow 0.35s ease, filter 0.35s ease;
}

.photo-card a::before {
	content: "";
	position: absolute;
	inset: -30%;
	z-index: 1;
	background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.28) 48%, transparent 72%);
	transform: translateX(-120%) rotate(10deg);
	transition: transform 0.8s ease;
	pointer-events: none;
}

.photo-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.65s ease, filter 0.65s ease;
}

.photo-card__shadow {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(10, 10, 12, 0.06) 8%, rgba(10, 10, 12, 0.7) 100%);
	transition: opacity 0.35s ease;
}

.photo-card__content {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 18px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: #ffffff;
	transition: filter 0.35s ease, opacity 0.35s ease;
}

.photo-card__title {
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.25;
	text-shadow: 0 3px 12px rgba(0, 0, 0, 0.28);
}

.photo-grid > .photo-card:first-child .photo-card__title {
	font-size: clamp(1.3rem, 2vw, 1.85rem);
}

.photo-card__meta {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.82rem;
	font-weight: 700;
}

.photo-card__action {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	padding: 0.64rem 0.88rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 0.86rem;
	font-weight: 800;
	backdrop-filter: blur(8px);
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
	transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.photo-card__action::after {
	content: "\2192";
}

.photo-placeholder,
.audio-cover-placeholder,
.blog-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 1.5rem;
	font-size: 0.92rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-align: center;
	text-transform: uppercase;
}

.photo-card:hover img {
	transform: scale(1.04);
	filter: saturate(1.08);
}

.photo-card:hover a {
	box-shadow: 0 28px 56px rgba(18, 22, 32, 0.16);
}

.photo-card:hover a::before {
	transform: translateX(120%) rotate(10deg);
}

.photo-card:hover .photo-card__shadow {
	opacity: 0.86;
}

.photo-card:hover .photo-card__action {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.22);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

.audio-card {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 136px minmax(0, 1fr);
	gap: 18px;
	align-items: stretch;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(12px);
	transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.audio-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(77, 163, 255, 0.14) 0%, transparent 45%, rgba(255, 141, 99, 0.12) 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.audio-card:hover {
	border-color: rgba(77, 163, 255, 0.28);
	background: rgba(255, 255, 255, 0.08);
	box-shadow: 0 22px 48px rgba(11, 15, 22, 0.18);
}

.audio-card:hover::before {
	opacity: 1;
}

.audio-cover {
	min-height: 180px;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(77, 163, 255, 0.26) 0%, rgba(255, 141, 99, 0.2) 100%);
}

.audio-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}

.audio-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

.audio-title,
.blog-title {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.25;
}

.audio-title a,
.blog-title a {
	text-decoration: none;
}

.audio-excerpt {
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.94rem;
}

.music-grid > .audio-card:first-child .audio-title {
	font-size: clamp(1.5rem, 2.1vw, 2rem);
}

.audio-meta {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px;
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.82rem;
	font-weight: 700;
}

.audio-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.audio-open {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0.68rem 0.92rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.audio-open::after {
	content: "\2192";
}

.audio-open:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.14);
}

.audio-player {
	margin-top: auto;
}

.audio-excerpt:empty,
.audio-player:empty {
	display: none;
}

.audio-player .dleplyrplayer {
	width: 100% !important;
	max-width: 100% !important;
}

.audio-player audio {
	width: 100%;
	accent-color: var(--accent);
	border-radius: 999px;
}

.audio-player .dleplyrplayer audio {
	width: 100%;
}

.audio-card:hover .audio-cover img {
	transform: scale(1.05);
}

.blog-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--surface-strong);
	box-shadow: 0 18px 48px rgba(18, 22, 32, 0.08);
	transition: box-shadow 0.3s ease;
}

.blog-card::before {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	top: 0;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--accent) 0%, var(--warm) 100%);
	transform: scaleX(0.2);
	transform-origin: left center;
	opacity: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.blog-card:hover {
	box-shadow: 0 22px 56px rgba(18, 22, 32, 0.12);
}

.blog-card:hover::before {
	opacity: 1;
	transform: scaleX(1);
}

.blog-image {
	aspect-ratio: 16 / 10;
	background: linear-gradient(135deg, #d8cfc2 0%, #ebe4db 100%);
}

.blog-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.55s ease;
}

.blog-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px;
	flex: 1 1 auto;
}

.journal-grid > .blog-card:first-child .blog-content {
	padding: 24px;
}

.journal-grid > .blog-card:first-child .blog-title {
	font-size: clamp(1.45rem, 2vw, 1.95rem);
}

.blog-meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	color: var(--ink-muted);
	font-size: 0.84rem;
	font-weight: 700;
}

.blog-meta i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.5;
}

.blog-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.95rem;
}

.blog-readmore {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	color: var(--accent-deep);
	font-weight: 700;
	text-decoration: none;
}

.blog-readmore::after {
	content: "\2192";
	transition: transform 0.25s ease;
}

.blog-readmore:hover::after {
	transform: translateX(2px);
}

.blog-card:hover .blog-image img {
	transform: scale(1.05);
}

.about-shell {
	align-items: stretch;
}

.about-copy {
	padding: clamp(1.6rem, 2vw, 2rem);
}

.about-text {
	display: grid;
	gap: 14px;
	margin-top: 1.15rem;
}

.about-text p {
	margin: 0;
	font-size: 1rem;
}

.about-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 1.8rem;
}

.about-point {
	padding: 1rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.7);
}

.about-point span {
	display: block;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ink-muted);
}

.about-point strong {
	display: block;
	margin-top: 0.45rem;
	font-size: 0.98rem;
	line-height: 1.4;
}

.about-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 18px;
	padding: clamp(1.6rem, 2vw, 2rem);
  border-radius: 25px;
}

.about-card h3 {
	margin-top: 0.9rem;
	font-size: clamp(2rem, 3vw, 2.8rem);
}

.about-card__lead {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.7;
}

.about-list {
	display: grid;
	gap: 12px;
	margin-top: 0.2rem;
}

.about-list li {
	position: relative;
	padding-left: 20px;
	color: rgba(255, 255, 255, 0.82);
}

.about-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--accent);
}

.about-card__footer {
	display: grid;
	gap: 14px;
	margin-top: auto;
	padding-top: 1.15rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.about-card__meta {
	display: grid;
	gap: 6px;
}

.about-card__meta span {
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.about-card__meta strong {
	line-height: 1.5;
}

.about-card__link {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	gap: 8px;
	padding: 0.72rem 0.96rem;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.about-card__link::after {
	content: "\2192";
}

.about-card__link:hover {
	border-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.12);
	box-shadow: 0 16px 30px rgba(10, 14, 20, 0.16);
}

.pricing-shell {
	padding: clamp(1.5rem, 2.4vw, 2.2rem);
}

.pricing-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 1.5rem;
}

.pricing-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 1.3rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 243, 238, 0.86) 100%);
	box-shadow: 0 18px 48px rgba(18, 22, 32, 0.08);
}

.pricing-card--featured {
	border-color: rgba(37, 107, 217, 0.14);
	background: linear-gradient(155deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 246, 255, 0.92) 100%);
	box-shadow: 0 22px 54px rgba(18, 22, 32, 0.12);
}

.pricing-card__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.pricing-card__pill {
	display: inline-flex;
	align-items: center;
	padding: 0.4rem 0.72rem;
	border-radius: 999px;
	background: rgba(77, 163, 255, 0.12);
	color: var(--accent-deep);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pricing-card__price {
	font-size: 0.96rem;
	font-weight: 800;
	color: var(--ink);
}

.pricing-card h3 {
	margin: 0;
	font-size: 1.28rem;
	line-height: 1.15;
}

.pricing-card p {
	margin: 0;
	color: var(--ink-muted);
	line-height: 1.65;
}

.pricing-card__list {
	display: grid;
	gap: 10px;
}

.pricing-card__list li {
	position: relative;
	padding-left: 18px;
	line-height: 1.5;
}

.pricing-card__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.62rem;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--accent) 0%, var(--warm) 100%);
}

.pricing-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: fit-content;
	margin-top: auto;
	padding: 0.82rem 1rem;
	border-radius: 999px;
	background: #151b27;
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 16px 32px rgba(17, 21, 29, 0.14);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.pricing-card__link::after {
	content: "\2192";
}

.pricing-card__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(17, 21, 29, 0.18);
}

.pricing-note {
	display: grid;
	grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr);
	gap: 18px;
	margin-top: 1.4rem;
	padding: 1.35rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.74);
}

.pricing-note__intro h3 {
	margin: 0.8rem 0 0;
	font-size: clamp(1.7rem, 3vw, 2.5rem);
	line-height: 1;
}

.pricing-note__list {
	display: grid;
	gap: 12px;
	align-content: start;
}

.pricing-note__list li {
	position: relative;
	padding-left: 18px;
	color: var(--ink-muted);
	line-height: 1.6;
}

.pricing-note__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.68rem;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(37, 107, 217, 0.82);
}

.taycan-section {
	margin-top: -4px;
}

.taycan-shell {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
	gap: 28px;
	padding: clamp(1.5rem, 2.6vw, 2.3rem);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 36px;
	background:
		radial-gradient(circle at 10% 18%, rgba(94, 152, 255, 0.22) 0%, rgba(94, 152, 255, 0) 36%),
		radial-gradient(circle at 88% 12%, rgba(207, 162, 82, 0.22) 0%, rgba(207, 162, 82, 0) 34%),
		radial-gradient(circle at 72% 76%, rgba(195, 67, 147, 0.18) 0%, rgba(195, 67, 147, 0) 34%),
		linear-gradient(145deg, #0c1018 0%, #171d2a 42%, #1f1830 100%);
	box-shadow:
		0 34px 90px rgba(9, 12, 20, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	overflow: hidden;
}

.taycan-shell::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0.06) 1px, transparent 1px, transparent 100%);
	background-size: 140px 100%;
	opacity: 0.08;
	pointer-events: none;
}

.taycan-copy,
.taycan-visual {
	position: relative;
	z-index: 1;
	min-width: 0;
}

.taycan-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #ffffff;
}

.taycan-kicker {
	background: rgba(255, 232, 201, 0.12);
	color: #ffe4b3;
}

.taycan-subtitle {
	margin: 1rem 0 0;
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.taycan-copy h2 {
	margin: 0.9rem 0 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(2.6rem, 4.8vw, 4.8rem);
	font-weight: 600;
	line-height: 0.94;
	letter-spacing: -0.025em;
}

.taycan-lead {
	max-width: 36rem;
	margin: 1.15rem 0 0;
	color: rgba(255, 255, 255, 0.74);
	font-size: 1.04rem;
	line-height: 1.8;
}

.taycan-offer {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
	margin-top: 1.5rem;
}

.taycan-offer__price,
.taycan-fact,
.taycan-meta__card {
	position: relative;
	display: grid;
	align-content: start;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 22px;
	background: linear-gradient(155deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(12px);
}

.taycan-offer__price {
	max-width: 360px;
	min-height: 118px;
}

.taycan-offer__price span,
.taycan-fact span,
.taycan-meta__card span {
	display: block;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.54);
}

.taycan-offer__price strong {
	display: block;
	margin-top: 0.5rem;
	font-size: clamp(1.65rem, 2vw, 2rem);
	line-height: 1;
	color: #ffffff;
}

.taycan-offer__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(150px, 1fr));
	gap: 14px;
}

.taycan-fact strong,
.taycan-meta__card strong {
	display: block;
	margin-top: 0.48rem;
	font-size: 1.04rem;
	line-height: 1.25;
	color: #ffffff;
}

.taycan-list {
	display: grid;
	gap: 12px;
	margin-top: 1.45rem;
}

.taycan-list li {
	position: relative;
	padding-left: 22px;
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.6;
}

.taycan-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ed68bb 0%, #d7b16a 48%, #6ea8ff 100%);
	box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
}

.taycan-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.65rem;
}

.taycan-actions .story-action {
	box-shadow: none;
}

.taycan-actions .story-action:not(.story-action--secondary) {
	background: linear-gradient(135deg, #cf4ea9 0%, #8756e3 58%, #5f98ff 100%);
}

.taycan-actions .story-action:not(.story-action--secondary):hover {
	background: linear-gradient(135deg, #d95cb2 0%, #9260eb 58%, #6ca3ff 100%);
}

.taycan-actions .story-action--secondary {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}

.taycan-visual {
	display: grid;
	gap: 14px;
	align-content: start;
}

.taycan-stage {
	position: relative;
	min-height: 520px;
	padding: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 30px;
	background:
		radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 22%),
		radial-gradient(circle at 84% 20%, rgba(110, 168, 255, 0.24) 0%, rgba(110, 168, 255, 0) 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
	overflow: hidden;
}

.taycan-stage::before {
	content: "";
	position: absolute;
	inset: auto 6% 3% 6%;
	height: 82px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(16, 21, 32, 0.78) 0%, rgba(16, 21, 32, 0.12) 62%, rgba(16, 21, 32, 0) 100%);
	filter: blur(18px);
}

.taycan-stage__eyebrow {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.72rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	backdrop-filter: blur(10px);
}

.taycan-car {
	display: block;
	width: 100%;
	height: auto;
	user-select: none;
	pointer-events: none;
}

.taycan-car--front {
	position: absolute;
	left: 50%;
	bottom: 2%;
	width: min(760px, 94%);
	transform: translateX(-50%);
	filter:
		grayscale(0.22)
		saturate(0.38)
		hue-rotate(-24deg)
		brightness(1.08)
		contrast(1.06)
		drop-shadow(0 28px 42px rgba(0, 0, 0, 0.42));
}

.taycan-stage__front {
	position: absolute;
	left: 22px;
	bottom: 22px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(320px, 42%);
	padding: 0.8rem 1rem 0.3rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	background: linear-gradient(155deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 100%);
	backdrop-filter: blur(16px);
	box-shadow: 0 18px 38px rgba(10, 12, 20, 0.2);
}

.taycan-stage__front .taycan-car--side {
	filter:
		grayscale(0.24)
		saturate(0.32)
		hue-rotate(-24deg)
		brightness(1.1)
		contrast(1.08)
		drop-shadow(0 18px 24px rgba(0, 0, 0, 0.2));
}

.taycan-stage__badge {
	position: absolute;
	top: 22px;
	right: 22px;
	z-index: 2;
	display: grid;
	gap: 6px;
	padding: 0.9rem 1rem;
	border-radius: 20px;
	background: linear-gradient(145deg, rgba(18, 23, 34, 0.88), rgba(37, 26, 54, 0.82));
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

.taycan-stage__badge span {
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.54);
}

.taycan-stage__badge strong {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1.25;
}

.taycan-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	align-self: start;
	align-items: start;
}

.taycan-meta__card strong {
	font-size: 1.02rem;
}

.taycan-meta__card {
	min-height: 0;
	padding: 0.92rem 1rem 1rem;
}

.taycan-lane {
	position: relative;
	display: grid;
	align-content: start;
	gap: 1rem;
	min-height: 188px;
	padding: 1.08rem 1.12rem 1.15rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px;
	background:
		radial-gradient(circle at 14% 22%, rgba(106, 162, 255, 0.16) 0%, rgba(106, 162, 255, 0) 34%),
		radial-gradient(circle at 84% 78%, rgba(207, 162, 82, 0.14) 0%, rgba(207, 162, 82, 0) 34%),
		linear-gradient(155deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	overflow: hidden;
}

.taycan-lane::after {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 18px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(199, 74, 161, 0) 0%, rgba(199, 74, 161, 0.58) 20%, rgba(207, 162, 82, 0.48) 52%, rgba(96, 141, 255, 0.52) 100%);
	opacity: 0.5;
	filter: blur(0.35px);
}

.taycan-lane__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	flex-wrap: wrap;
}

.taycan-lane__label,
.taycan-lane__hint {
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.74rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.taycan-lane__label {
	background: rgba(255, 232, 201, 0.1);
	color: #ffe4b3;
}

.taycan-lane__hint {
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.72);
}

.taycan-lane__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.58rem;
}

.taycan-lane__tags span {
	display: inline-flex;
	align-items: center;
	padding: 0.48rem 0.82rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	background: rgba(13, 18, 28, 0.34);
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.taycan-lane p {
	margin: 0;
	max-width: 38ch;
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.95rem;
	line-height: 1.62;
}

.contact-block h2 {
	max-width: 12ch;
}

.contact-lead {
	margin: 1rem 0 0;
	max-width: 36rem;
}

.contact-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 1.7rem;
}

.field-full {
	grid-column: 1 / -1;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	padding: 1rem 1.05rem;
	border: 1px solid var(--line);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.86);
	color: var(--ink);
	outline: none;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.contact-form textarea {
	min-height: 150px;
	resize: vertical;
}

.contact-form input:focus,
.contact-form textarea:focus {
	border-color: rgba(77, 163, 255, 0.48);
	box-shadow: 0 0 0 4px rgba(77, 163, 255, 0.12);
	transform: translateY(-1px);
}

.contact-form button {
	grid-column: 1 / -1;
	padding: 1rem 1.25rem;
	border: none;
	border-radius: 999px;
	background: linear-gradient(135deg, #11151d 0%, #2c3240 100%);
	color: #ffffff;
	font-weight: 800;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contact-form button:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(17, 21, 29, 0.2);
}

.contact-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.8rem;
}

.contact-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.92rem 1.2rem;
	border-radius: 999px;
	font-weight: 800;
	text-decoration: none;
	transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.contact-action--primary {
	background: linear-gradient(135deg, #11151d 0%, #2c3240 100%);
	color: #ffffff;
	box-shadow: 0 16px 30px rgba(17, 21, 29, 0.18);
}

.contact-action--secondary {
	border: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.8);
	color: var(--ink);
}

.contact-checklist {
	display: grid;
	gap: 10px;
	margin-top: 1.6rem;
}

.contact-checklist li {
	position: relative;
	padding-left: 1.4rem;
	color: var(--ink-muted);
}

.contact-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72rem;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--accent) 0%, var(--warm) 100%);
	transform: translateY(-50%);
}

.contact-meta {
	display: grid;
	align-content: start;
	gap: 20px;
}

.contact-meta__intro {
	display: grid;
	gap: 10px;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-meta__intro span,
.contact-fact span {
	display: block;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.54);
}

.contact-meta__intro strong,
.contact-fact strong {
	line-height: 1.5;
}

.contact-meta__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.contact-fact {
	display: grid;
	gap: 8px;
	padding: 1rem 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-flow {
	display: grid;
	gap: 14px;
	counter-reset: flow;
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact-flow__item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.contact-flow__item > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-size: 0.82rem;
	font-weight: 800;
}

.contact-flow__item strong {
	display: block;
	font-size: 1rem;
	line-height: 1.4;
}

.contact-flow__item p {
	margin: 0.3rem 0 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.94rem;
}

.socials {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.68rem 0.96rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.socials a:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.18);
	box-shadow: 0 14px 28px rgba(10, 14, 20, 0.14);
}

.footer {
	margin-top: 20px;
}

.footer-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 10px;
	color: var(--ink-muted);
	font-size: 0.9rem;
}

.footer-shell p,
.footer-shell span {
	margin: 0;
}

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

	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}

	[data-reveal] {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 1120px) {
	.hero-shell,
	.about-shell,
	.contact-card {
		grid-template-columns: 1fr;
	}

	.hero-media {
		min-height: 560px;
	}

	.hero-copy--meta {
		margin-top: 12px;
	}

	.m1-photo--stage {
		min-height: clamp(460px, 70vw, 680px);
	}

	.photo-grid,
	.journal-grid,
	.about-points {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.music-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	.hero-panel {
		grid-template-columns: 1fr;
		width: min(100%, 860px);
	}

	.hero-panel__aside {
		gap: 16px;
	}

	.support-panel__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.story-related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pricing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pricing-note {
		grid-template-columns: 1fr;
	}

	.photo-grid,
	.journal-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.music-grid {
		grid-template-columns: 1fr;
	}

	.photo-grid > .photo-card:first-child,
	.journal-grid > .blog-card:first-child,
	.music-grid > .audio-card:first-child {
		grid-column: auto;
	}

	.photo-grid > .photo-card:first-child a,
	.photo-grid > .photo-card:nth-child(2) a {
		min-height: clamp(300px, 42vw, 380px);
	}

	.photo-grid > .photo-card:nth-child(n+3) a {
		min-height: clamp(240px, 34vw, 300px);
	}

	.music-grid > .audio-card:first-child {
		grid-template-columns: 136px minmax(0, 1fr);
		padding: 18px;
	}
}

@media (max-width: 820px) {
	body.menu-open {
		overflow: hidden;
	}

	.html,
	.header {
		width: min(calc(100% - 18px), 1280px);
	}

	.html {
		padding-top: 98px;
	}

	.header {
		top: 10px;
	}

	.header-shell {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 12px 14px 12px 16px;
	}

	.header.is-scrolled .header-shell {
		padding: 12px 14px 12px 16px;
	}

	.header.is-scrolled {
		width: 100%;
	}

	.header-shell::after {
		left: 14px;
		right: 14px;
	}

	.h-logo {
		flex: 0 1 auto;
		margin-right: auto;
		text-align: left;
		font-size: clamp(1rem, 3.4vw, 1.24rem);
		gap: 10px;
		letter-spacing: 0.1em;
	}

	.h-logo__mark {
		width: 34px;
		height: 34px;
		flex-basis: 34px;
	}

	.h-mobile-side {
		display: inline-flex;
		margin-left: auto;
		position: relative;
		z-index: 3;
	}

	.h-toggle {
		display: inline-flex;
		width: 44px;
		height: 44px;
	}

	.h-contacts {
		display: none;
	}

	.h-menu {
		position: absolute;
		top: calc(100% + 12px);
		left: 0;
		right: 0;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		pointer-events: none;
		transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
	}

	.header.menu-open .h-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.h-menu ul {
		flex-direction: column;
		align-items: stretch;
		padding: 14px;
		border: 1px solid rgba(255, 255, 255, 0.55);
		border-radius: 28px;
		background: rgba(255, 255, 255, 0.94);
		backdrop-filter: blur(18px);
		box-shadow: var(--shadow);
	}

	.h-menu a {
		justify-content: space-between;
		width: 100%;
	}

	.h-menu a::before {
		left: auto;
		right: 14px;
		bottom: auto;
		top: 50%;
		width: 16px;
		height: 2px;
		transform: translateY(-50%) scaleX(0.35);
	}

	.h-menu a.active::before,
	.h-menu a[aria-current="true"]::before {
		transform: translateY(-50%) scaleX(1);
	}

	.hero-note {
		display: none;
	}

	.section-head {
		margin-bottom: 1.2rem;
	}

	.section-head__aside {
		justify-items: start;
		margin-left: 0;
	}

	.section-head__aside p {
		text-align: left;
		max-width: none;
	}

	.hero-panel {
		padding: 1.2rem;
	}

	.pricing-grid,
	.story-related__grid {
		grid-template-columns: 1fr;
	}

	.support-panel__layout {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.support-panel__grid {
		grid-template-columns: 1fr;
	}

	.support-panel__actions {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.support-panel__actions .story-action {
		flex: 0 0 auto;
		width: 100%;
		min-height: 54px;
		padding: 0.82rem 0.95rem;
		border-radius: 18px;
	}

	.support-token {
		width: 100%;
		justify-content: flex-start;
	}

	.support-panel__column {
		width: 100%;
	}

	.support-panel__column--share .support-share__links {
		margin-top: 1rem;
	}

	.site-lightbox {
		padding: 16px;
	}

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

	.site-lightbox__close {
		top: 8px;
		right: 8px;
	}

	.site-lightbox__nav {
		display: none;
	}
}

@media (max-width: 640px) {
	.html {
		width: min(calc(100% - 14px), 1280px);
		padding-top: 92px;
	}

	.body {
		gap: 18px;
	}

	.hero-copy,
	.section-shell,
	.contact-block,
	.contact-meta,
	.about-card,
	.about-copy {
		padding: 1.3rem;
	}

	.m1-h1 {
		font-size: clamp(2.7rem, 14vw, 4.2rem);
	}

	.h-logo {
		gap: 8px;
		font-size: 0.9rem;
		letter-spacing: 0.08em;
	}

	.h-logo__mark {
		width: 30px;
		height: 30px;
		flex-basis: 30px;
	}

	.h-logo__text {
		gap: 0.28rem;
	}

	.h-mobile-side {
		gap: 6px;
	}

	.h-mobile-link {
		width: 34px;
		height: 34px;
		background-size: 16px;
	}

	.h-toggle {
		width: 40px;
		height: 40px;
	}

	.section-head h2,
	.about-copy h2,
	.contact-block h2,
	.about-card h3 {
		font-size: clamp(2rem, 12vw, 3rem);
	}

	.hero-media {
		min-height: 460px;
	}

	.hero-note {
		display: none;
	}

	.hero-copy--meta {
		width: 100%;
		margin-top: 10px;
	}

	.hero-stage {
		min-height: 456px;
	}

	.m1-photo--stage {
		min-height: 396px;
	}

	.hero-stage__kicker {
		position: static;
		transform: none;
		margin: 0 auto 0.75rem;
	}

	.hero-overlay {
		left: 50%;
		bottom: 32px;
		transform: translateX(-50%);
		align-items: center;
		width: calc(100% - 28px);
		text-align: center;
	}

	.hero-overlay::before {
		display: none;
	}

	.hero-overlay .m1-h1 {
		max-width: 100%;
		margin-inline: auto;
		font-size: clamp(2.85rem, 14vw, 4.35rem);
	}

	.hero-overlay .m1-h1 span {
		white-space: normal;
	}

	.hero-actions .button {
		width: 100%;
	}

	.hero-panel {
		width: 100%;
		padding: 0.3rem 1rem 1rem;
		margin-top: -22px;
	}

	.hero-panel__eyebrow {
		margin-top: 0;
	}

	.contact-actions {
		flex-direction: column;
	}

	.support-panel__grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.pricing-grid,
	.story-related__grid {
		grid-template-columns: 1fr;
	}

	.support-panel__column {
		padding: 1rem;
		border-radius: 20px;
	}

	.support-share__links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.photo-grid,
	.journal-grid,
	.about-points,
	.contact-form,
	.contact-meta__facts {
		grid-template-columns: 1fr;
	}

	.photo-card a,
	.photo-grid > .photo-card:first-child a {
		aspect-ratio: 1 / 1;
		min-height: 0;
	}

	.audio-card {
		grid-template-columns: 1fr;
	}

	.music-grid > .audio-card:first-child {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	.audio-cover {
		min-height: 220px;
	}

	.contact-action {
		width: 100%;
	}

	.comment-form__supporting,
	.comment-form__submit,
	.support-panel__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.pricing-card__link,
	.support-panel__actions .story-action {
		width: 100%;
	}

	.support-panel__actions .story-action {
		flex: 0 0 auto;
		min-height: 54px;
		padding: 0.82rem 0.95rem;
		border-radius: 18px;
		font-size: 0.94rem;
	}

	.comment-form__supporting,
	.comment-form__option,
	.comment-form__option label,
	.comment-form__option .checkbox,
	.comment-form__option .form-check-label,
	.comment-form__option > div {
		width: 100%;
	}

	.site-lightbox__image {
		max-height: 70vh;
		border-radius: 18px;
	}

	.footer-shell {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Inner Pages */

.page-inner .html {
	padding-top: 124px;
}

.body-inner {
	gap: 0;
}

.inner-page-shell {
	padding: 0;
}

.inner-feed {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 22px;
}

.page-hero,
.info-card,
.pagination-shell,
.fullstory-page,
.support-panel,
.story-related,
.story-neighbours,
.comments-shell,
.comment-form-card,
.static-page {
	grid-column: 1 / -1;
	width: 100%;
	min-width: 0;
}

#dle-comments-form {
	grid-column: 1 / -1;
	display: block;
	width: 100%;
	max-width: none;
	min-width: 0;
	justify-self: stretch;
	align-self: start;
}

.page-hero {
	padding: clamp(1.4rem, 2.4vw, 2rem);
	border: 1px solid rgba(255, 255, 255, 0.52);
	border-radius: var(--radius-xl);
	background: var(--surface);
	backdrop-filter: blur(18px);
	box-shadow: var(--shadow);
}

.page-hero__title,
.static-page__title,
.fullstory-page__title,
.comment-form-card__head h3,
.comments-shell__head h2 {
	margin: 0.85rem 0 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	line-height: 0.96;
	letter-spacing: -0.02em;
}

.page-hero__title,
.static-page__title,
.fullstory-page__title {
	font-size: clamp(2.7rem, 5vw, 4.8rem);
}

.page-hero__lead,
.static-page__lead,
.fullstory-page__lead,
.story-card__excerpt,
.info-card__text {
	margin: 1rem 0 0;
	color: var(--ink-muted);
}

.story-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.52);
	border-radius: var(--radius-xl);
	background: var(--surface);
	backdrop-filter: blur(18px);
	box-shadow: var(--shadow);
	overflow: hidden;
	transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
}

.story-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 28px 56px rgba(18, 22, 32, 0.14);
	border-color: rgba(77, 163, 255, 0.22);
}

.shortstory--photo {
	grid-column: span 4;
}

.shortstory--music,
.shortstory--blog,
.shortstory--default {
	grid-column: span 6;
}

.shortstory--photo.photo-card a {
	min-height: clamp(280px, 24vw, 360px);
}

.shortstory--photo.photo-card .photo-card__title {
	font-size: clamp(1.06rem, 0.96rem + 0.35vw, 1.34rem);
}

.shortstory--music.audio-card {
	min-height: 100%;
	border-color: rgba(38, 50, 74, 0.12);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 241, 233, 0.94) 100%);
	box-shadow: 0 22px 44px rgba(18, 22, 32, 0.08);
	backdrop-filter: none;
}

.shortstory--music.audio-card::before {
	opacity: 0.2;
}

.shortstory--music .card-kicker {
	background: rgba(77, 163, 255, 0.12);
	color: var(--accent-deep);
	backdrop-filter: none;
}

.shortstory--music .audio-title,
.shortstory--music .audio-title a {
	color: var(--text);
}

.shortstory--music .audio-meta {
	color: var(--muted);
}

.shortstory--music .audio-excerpt {
	color: var(--muted-dark);
}

.shortstory--music .audio-open {
	border-color: rgba(20, 32, 51, 0.08);
	background: #1b2231;
	color: #ffffff;
}

.shortstory--music .audio-open:hover {
	border-color: rgba(20, 32, 51, 0.12);
	background: #242c3d;
}

.story-card__split {
	display: grid;
	grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
	min-height: 100%;
}

.story-card__split--listing {
	grid-template-columns: minmax(220px, 252px) minmax(0, 1fr);
}

.story-card__media {
	position: relative;
	display: block;
	min-height: 260px;
	overflow: hidden;
	background: linear-gradient(135deg, #d8cfc2 0%, #eee7df 100%);
}

.story-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.story-card:hover .story-card__media img {
	transform: scale(1.05);
}

.story-card__media--square {
	aspect-ratio: 1 / 1;
	min-height: 0;
}

.story-card__media--wide {
	min-height: 100%;
}

.story-card__media--listing {
	min-height: 100%;
	height: 100%;
}

.story-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 10, 12, 0.12) 0%, rgba(10, 10, 12, 0.72) 100%);
}

.story-card__badge {
	position: absolute;
	left: 16px;
	top: 16px;
	z-index: 2;
	display: inline-flex;
	padding: 0.52rem 0.82rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.82);
	color: var(--ink);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.story-card__badge--dark {
	background: rgba(17, 21, 29, 0.82);
	color: #ffffff;
}

.story-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 14px;
	padding: 1.35rem;
}

.story-card__body--listing {
	gap: 12px;
	padding: 1.28rem 1.35rem;
}

.story-card__meta,
.fullstory-page__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	color: var(--ink-muted);
	font-size: 0.9rem;
}

.story-card__meta a,
.fullstory-page__meta a {
	color: var(--accent-deep);
	text-decoration: none;
}

.story-card__title {
	margin: 0;
	font-size: clamp(1.28rem, 1.12rem + 0.5vw, 1.7rem);
	line-height: 1.15;
}

.story-card__title a {
	text-decoration: none;
}

.story-card__excerpt {
	font-size: 0.96rem;
}

.story-card__excerpt--blog {
	max-width: 52rem;
}

.shortstory .story-card__title a,
.story-card__body--listing .story-card__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.shortstory .story-card__title a {
	-webkit-line-clamp: 2;
}

.story-card__body--listing .story-card__excerpt {
	-webkit-line-clamp: 4;
}

.shortstory--blog .story-card__excerpt,
.shortstory--default .story-card__excerpt {
	-webkit-line-clamp: 5;
}

.story-card__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-top: 0.35rem;
}

.story-card__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	color: var(--ink-muted);
	font-size: 0.88rem;
}

.story-card__link,
.story-neighbours__link,
.pagination-shell__arrow,
.comment-form__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.82rem 1.14rem;
	border-radius: 999px;
	background: linear-gradient(135deg, #11151d 0%, #2c3240 100%);
	color: #ffffff;
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.story-card__link:hover,
.story-neighbours__link:hover,
.pagination-shell__arrow:hover,
.comment-form__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(17, 21, 29, 0.18);
}

.story-card__pill {
	display: inline-flex;
	width: fit-content;
	padding: 0.46rem 0.76rem;
	border-radius: 999px;
	background: rgba(232, 56, 150, 0.12);
	color: var(--accent-deep);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.story-card__pill--accent {
	background: rgba(207, 162, 82, 0.16);
	color: #8f6b24;
}

.story-card__note {
	margin: 0;
	color: var(--ink-muted);
	font-size: 0.86rem;
}

.fullstory-page,
.static-page,
.info-card,
.comments-shell {
	padding: clamp(1.4rem, 2.6vw, 2.2rem);
	border: 1px solid rgba(255, 255, 255, 0.52);
	border-radius: var(--radius-xl);
	background: var(--surface);
	backdrop-filter: blur(18px);
	box-shadow: var(--shadow);
}

.fullstory-page__hero {
	display: grid;
	gap: 20px;
}

.fullstory-page__hero--split {
	grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1fr);
	align-items: stretch;
}

.fullstory-page__hero--music {
	grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
	align-items: center;
}

.fullstory-page__hero--blog {
	grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1fr);
	align-items: stretch;
}

.fullstory-page__cover,
.fullstory-page__banner {
	overflow: hidden;
	border-radius: calc(var(--radius-xl) - 6px);
	background: linear-gradient(135deg, #d8cfc2 0%, #eee7df 100%);
	box-shadow: 0 18px 48px rgba(18, 22, 32, 0.12);
}

.fullstory-page__cover img,
.fullstory-page__banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fullstory-page__cover--record {
	aspect-ratio: 1 / 1;
}

.fullstory-page__intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fullstory-page__hero--blog .fullstory-page__cover {
	min-height: clamp(320px, 34vw, 450px);
	order: 0;
}

.fullstory-page__hero--blog .fullstory-page__cover img {
	object-position: center center;
}

.fullstory-page__hero--blog .fullstory-page__intro {
	padding: clamp(0.35rem, 1vw, 0.8rem) 0;
	order: 1;
	gap: 0;
	align-self: center;
}

.fullstory-page__hero--blog .fullstory-page__lead {
	max-width: 38rem;
	font-size: 1.02rem;
	line-height: 1.76;
}

.fullstory-page__hero--blog .fullstory-page__title {
	margin: 0.5rem 0 0;
	line-height: 1.01;
}

.fullstory-page__hero--blog .fullstory-page__meta {
	margin-top: 0.55rem;
}

.fullstory-page--blog .blog-full-text > img:first-child,
.fullstory-page--blog .blog-full-text > figure:first-child,
.fullstory-page--blog .blog-full-text > p:first-child:has(> img:only-child),
.fullstory-page--blog .blog-full-text > div:first-child:has(> img:only-child) {
	display: none;
}

.fullstory-page__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.4rem;
}

.fullstory-page__actions--standalone {
	margin-top: 1.4rem;
}

.support-panel {
	margin-top: 1.6rem;
	padding: clamp(1.35rem, 2.4vw, 2rem);
	border: 1px solid var(--line);
	border-radius: var(--radius-xl);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(246, 242, 236, 0.82));
	box-shadow: var(--shadow);
}

.support-panel__head h2 {
	margin: 0.85rem 0 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(2rem, 3.8vw, 3.25rem);
	font-weight: 600;
	line-height: 0.98;
	letter-spacing: -0.02em;
}

.support-panel__head p {
	max-width: 44rem;
	margin: 0.95rem 0 0;
	color: var(--ink-muted);
}

.support-panel__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
	gap: 18px;
	align-items: stretch;
}

.support-panel__column {
	min-width: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1.15rem;
	border: 1px solid rgba(17, 21, 29, 0.08);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.support-panel__column--share {
	background: linear-gradient(165deg, rgba(24, 28, 38, 0.96) 0%, rgba(42, 34, 74, 0.9) 100%);
	color: #ffffff;
	box-shadow: 0 20px 42px rgba(17, 21, 29, 0.16);
}

.support-card__label {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	padding: 0.34rem 0.62rem;
	border-radius: 999px;
	background: rgba(77, 163, 255, 0.12);
	color: var(--accent-deep);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.support-panel__column--share .story-card__pill,
.support-panel__column--share .support-card__label {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.support-panel__column--share h3 {
	margin: 0.9rem 0 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(1.7rem, 3vw, 2.4rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
}

.support-panel__column--share p {
	color: rgba(255, 255, 255, 0.76);
}

.support-panel__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.25rem;
}

.support-panel__actions--support .story-action {
	flex: 1 1 260px;
	justify-content: center;
}

.support-panel__tokens {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 1.2rem;
}

.support-panel__column--share .support-share__links {
	margin-top: auto;
}

.support-token {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 0.82rem 1rem;
	border: 1px solid rgba(95, 152, 255, 0.42);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.86);
	color: var(--ink);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.support-token:hover,
.support-token:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(123, 82, 218, 0.52);
	box-shadow: 0 14px 26px rgba(91, 74, 208, 0.12);
}

.support-token__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.32rem 0.55rem;
	border-radius: 999px;
	background: rgba(95, 152, 255, 0.12);
	color: var(--accent-deep);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.support-token__name {
	line-height: 1.1;
}

.support-token__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	margin-left: auto;
	color: var(--accent-deep);
	font-size: 1rem;
	font-weight: 800;
}

.support-share__links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: 10px;
	margin-top: 1.2rem;
}

.support-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0.82rem 0.92rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 700;
	cursor: pointer;
	min-height: 54px;
	transition: transform 0.22s ease, background-color 0.22s ease, border-color 0.22s ease;
}

.support-share__link:hover,
.support-share__link:focus-visible {
	transform: translateY(-1px);
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.22);
}

.support-share__link svg {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

.support-share__link.is-copied {
	background: rgba(95, 152, 255, 0.18);
	border-color: rgba(95, 152, 255, 0.38);
}

.story-action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0.82rem 1.02rem;
	border-radius: 999px;
	background: #151b27;
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 16px 32px rgba(17, 21, 29, 0.14);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.story-action::after {
	content: "\2192";
}

.story-action:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(17, 21, 29, 0.18);
}

.wallet-modal {
	position: fixed;
	inset: 0;
	z-index: 220;
	display: grid;
	place-items: center;
	padding: 18px;
}

.wallet-modal[hidden] {
	display: none;
}

.wallet-modal__backdrop {
	position: absolute;
	inset: 0;
	border: none;
	background: rgba(9, 11, 16, 0.56);
	backdrop-filter: blur(12px);
	cursor: pointer;
}

.wallet-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(100%, 720px);
	max-height: calc(100vh - 36px);
	overflow: auto;
	padding: clamp(1.2rem, 2.4vw, 1.8rem);
	border: 1px solid rgba(17, 21, 29, 0.08);
	border-radius: 28px;
	background: linear-gradient(155deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 243, 238, 0.94) 100%);
	box-shadow: 0 30px 60px rgba(17, 21, 29, 0.24);
	transform: translateY(16px) scale(0.98);
	opacity: 0;
	transition: transform 0.22s ease, opacity 0.22s ease;
}

.wallet-modal.is-open .wallet-modal__dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.wallet-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(17, 21, 29, 0.08);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.86);
	color: var(--ink);
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
}

.wallet-modal__head p {
	margin: 0.9rem 0 0;
	color: var(--ink-muted);
}

.wallet-modal__title {
	margin: 0.85rem 0 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
}

.wallet-modal__body {
	display: grid;
	grid-template-columns: minmax(190px, 220px) minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	margin-top: 1.2rem;
}

.wallet-modal__qr-shell {
	display: grid;
	place-items: center;
	padding: 1rem;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.wallet-modal__qr {
	width: 100%;
	max-width: 220px;
	aspect-ratio: 1 / 1;
	border-radius: 18px;
	background: #ffffff;
}

.wallet-modal__field-label {
	display: inline-flex;
	margin-bottom: 0.55rem;
	font-size: 0.84rem;
	font-weight: 700;
	color: var(--ink-muted);
}

.wallet-modal__field-row {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.wallet-modal__input {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	padding: 0.92rem 1rem;
	border: 1px solid rgba(17, 21, 29, 0.08);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.92);
	color: var(--ink);
	font: inherit;
}

.wallet-modal__copy {
	flex: 0 0 auto;
	padding: 0.92rem 1rem;
	border: none;
	border-radius: 16px;
	background: #151b27;
	color: #ffffff;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.wallet-modal__copy:hover {
	background: #0f1520;
}

.story-action--secondary {
	border: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.82);
	color: var(--ink);
	box-shadow: none;
}

.fullstory-page__body,
.static-page__body {
	margin-top: 1.6rem;
}

.full-text {
	color: var(--ink);
	font-size: 1rem;
	line-height: 1.8;
}

.full-text > *:first-child {
	margin-top: 0;
}

.full-text > *:last-child {
	margin-bottom: 0;
}

.full-text h2,
.full-text h3,
.full-text h4 {
	margin: 1.8rem 0 0.8rem;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	line-height: 1.04;
	letter-spacing: -0.02em;
}

.full-text h2 {
	font-size: clamp(2rem, 3vw, 2.8rem);
}

.full-text h3 {
	font-size: clamp(1.6rem, 2.4vw, 2.2rem);
}

.full-text p,
.full-text ul,
.full-text ol,
.full-text blockquote,
.full-text figure {
	margin: 0 0 1.1rem;
}

.full-text ul,
.full-text ol {
	padding-left: 1.25rem;
}

.full-text li {
	margin-bottom: 0.42rem;
}

.full-text a {
	color: var(--accent-deep);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.full-text blockquote {
	padding: 1.1rem 1.25rem;
	border-left: 3px solid var(--accent);
	border-radius: 0 var(--radius-md) var(--radius-md) 0;
	background: rgba(77, 163, 255, 0.08);
	color: #243445;
}

.full-text img,
.full-text iframe,
.full-text video {
	display: block;
	max-width: 100%;
	border-radius: var(--radius-md);
}

.full-text audio {
	width: 100%;
	margin: 1rem 0;
	accent-color: var(--accent);
}

.photo-full-text {
	--photo-gallery-gap: 1.15rem;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--photo-gallery-gap);
	align-items: start;
}

.photo-full-text img {
	margin: 1rem 0;
	box-shadow: 0 16px 38px rgba(18, 22, 32, 0.12);
}

.photo-full-text > :not(a:has(> img)):not(p:has(> a > img)) {
	grid-column: 1 / -1;
}

.photo-full-text > a:has(> img) {
	display: block;
	width: 100%;
	margin: 0;
	text-decoration: none;
	cursor: zoom-in;
}

.photo-full-text > a:has(> img) > img {
	width: 100%;
	height: auto;
	margin: 0;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.photo-full-text > p:has(> a > img) {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--photo-gallery-gap);
	margin: 0;
}

.photo-full-text > p:has(> a > img) > a {
	display: block;
	text-decoration: none;
	cursor: zoom-in;
}

.photo-full-text > p:has(> a > img) > a > img {
	width: 100%;
	height: auto;
	margin: 0;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.photo-full-text > a:has(> img):hover > img,
.photo-full-text > p:has(> a > img) > a:hover > img {
	transform: translateY(-4px);
	box-shadow: 0 22px 48px rgba(18, 22, 32, 0.16);
}

@media (max-width: 1100px) {
	.photo-full-text {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.photo-full-text > p:has(> a > img) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.photo-full-text {
		grid-template-columns: 1fr;
	}

	.photo-full-text > p:has(> a > img) {
		grid-template-columns: 1fr;
	}
}

.site-lightbox {
	position: fixed;
	inset: 0;
	z-index: 220;
	display: grid;
	place-items: center;
	padding: 24px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.22s ease, visibility 0.22s ease;
}

.site-lightbox.is-open {
	opacity: 1;
	visibility: visible;
}

.site-lightbox__backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(10, 14, 20, 0.86);
	cursor: pointer;
}

.site-lightbox__dialog {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	width: min(100%, 1200px);
}

.site-lightbox__figure {
	display: grid;
	gap: 12px;
	margin: 0;
}

.site-lightbox__image {
	display: block;
	max-width: min(100%, 920px);
	max-height: min(78vh, 860px);
	margin: 0 auto;
	border-radius: 24px;
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.site-lightbox__caption,
.site-lightbox__counter {
	color: #ffffff;
	text-align: center;
}

.site-lightbox__caption {
	font-size: 0.96rem;
	line-height: 1.5;
}

.site-lightbox__counter {
	grid-column: 1 / -1;
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.68);
}

.site-lightbox__close,
.site-lightbox__nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	cursor: pointer;
	backdrop-filter: blur(12px);
	transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.site-lightbox__close:hover,
.site-lightbox__nav:hover {
	transform: translateY(-2px);
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.24);
}

.site-lightbox__close {
	position: absolute;
	top: -72px;
	right: 0;
	font-size: 1.6rem;
}

.site-lightbox__nav {
	font-size: 1.75rem;
}

.music-full-text {
	max-width: 56rem;
}

.music-full-text audio,
.music-full-text iframe {
	margin: 1.2rem 0;
}

.static-page__body {
	max-width: 54rem;
}

.blog-full-text > ul,
.blog-full-text > ol,
.static-page__body > ul,
.static-page__body > ol {
	margin: 1.4rem 0 1.5rem;
	padding: 0;
	list-style: none;
}

.blog-full-text > ul,
.static-page__body > ul {
	display: grid;
	gap: 0.62rem;
}

.blog-full-text > ul > li,
.static-page__body > ul > li {
	position: relative;
	padding: 0.16rem 0 0.16rem 1.55rem;
	border: none;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.blog-full-text > ul > li::before,
.static-page__body > ul > li::before {
	content: "";
	position: absolute;
	left: 0.18rem;
	top: 0.78em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--accent) 0%, var(--warm) 100%);
	box-shadow: 0 0 0 3px rgba(95, 152, 255, 0.12);
}

.blog-full-text > ol,
.static-page__body > ol {
	display: grid;
	gap: 0.62rem;
	counter-reset: rich-list;
}

.blog-full-text > ol > li,
.static-page__body > ol > li {
	position: relative;
	padding: 0.12rem 0 0.12rem 2.4rem;
	border: none;
	border-radius: 0;
	background: none;
	box-shadow: none;
	counter-increment: rich-list;
}

.blog-full-text > ol > li::before,
.static-page__body > ol > li::before {
	content: counter(rich-list);
	position: absolute;
	left: 0;
	top: 0.06rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 50%;
	background: linear-gradient(135deg, #151b27 0%, #2c3240 100%);
	color: #ffffff;
	font-size: 0.86rem;
	font-weight: 800;
	box-shadow: 0 12px 24px rgba(17, 21, 29, 0.14);
}

.blog-full-text > ul > li > *:last-child,
.blog-full-text > ol > li > *:last-child,
.static-page__body > ul > li > *:last-child,
.static-page__body > ol > li > *:last-child {
	margin-bottom: 0;
}

.story-page-split {
	margin-top: 1.4rem;
	color: var(--ink-muted);
}

.story-neighbours {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 14px;
	grid-column: 1 / -1;
}

.story-neighbours__link--next {
	margin-left: auto;
}

.story-neighbours__link--prev::before,
.story-neighbours__link--next::after {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
}

.story-neighbours__link--prev::before {
	content: "\2190";
}

.story-neighbours__link--next::after {
	content: "\2192";
}

.story-related {
	margin-top: 1.5rem;
	padding: clamp(1.1rem, 2.2vw, 1.6rem);
	border: 1px solid var(--line);
	border-radius: var(--radius-xl);
	background: rgba(255, 255, 255, 0.76);
	box-shadow: var(--shadow);
}

.support-panel + .story-related,
.story-related + .story-neighbours,
.fullstory-page + .support-panel,
.fullstory-page + .story-related,
.story-neighbours + .comments-shell,
.story-neighbours + .pagination-shell,
.story-neighbours + .comment-form-card,
.pagination-shell + .comment-form-card,
.comments-shell + .pagination-shell,
.comments-shell + .comment-form-card {
	margin-top: 1.45rem;
}

.story-related__head {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
	gap: 14px;
}

.story-related__head h2 {
	margin: 0.8rem 0 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(1.85rem, 3.2vw, 2.8rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
}

.story-related__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 14px;
	margin-top: 1.2rem;
}

.related-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 0;
	border: 1px solid rgba(17, 21, 29, 0.1);
	border-radius: 22px;
	background: rgba(252, 249, 245, 0.98);
	overflow: hidden;
	box-shadow: 0 16px 30px rgba(18, 22, 32, 0.08);
}

.related-card .card-kicker {
	display: none;
}

.related-card__media {
	display: block;
	aspect-ratio: 1.08 / 0.9;
	background: linear-gradient(135deg, rgba(220, 214, 208, 0.92), rgba(241, 236, 230, 0.96));
	overflow: hidden;
}

.related-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.related-card__placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	color: var(--ink-muted);
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.related-card__body {
	display: grid;
	flex: 1 1 auto;
	align-content: start;
	gap: 10px;
	padding: 1rem 1rem 1.05rem;
}

.related-card__title {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.16;
}

.related-card__title a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
}

.related-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	color: var(--ink-muted);
	font-size: 0.84rem;
}

.related-card__excerpt {
	margin: 0;
	color: var(--ink-muted);
	font-size: 0.92rem;
	line-height: 1.55;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pagination-shell {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.pagination-shell__pages {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	color: var(--ink-muted);
	font-weight: 700;
}

.pagination-shell__pages span,
.pagination-shell__pages a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(34, 39, 52, 0.98) 0%, rgba(23, 28, 39, 0.96) 100%);
	color: #eef2f8;
	text-decoration: none;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.pagination-shell__pages a:hover {
	border-color: rgba(109, 137, 255, 0.28);
	background: linear-gradient(180deg, rgba(48, 54, 71, 0.98) 0%, rgba(28, 34, 46, 0.96) 100%);
	color: #ffffff;
}

.pagination-shell__pages span {
	border-color: rgba(109, 137, 255, 0.34);
	background: linear-gradient(135deg, rgba(73, 58, 116, 0.95) 0%, rgba(33, 53, 95, 0.95) 100%);
	color: #ffffff;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.06),
		0 10px 24px rgba(17, 23, 35, 0.28);
}

.info-card__title {
	display: block;
	font-size: 1.1rem;
}

.comments-shell__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.comments-shell__head span {
	display: inline-flex;
	min-width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(77, 163, 255, 0.12);
	color: var(--accent-deep);
	font-weight: 800;
}

.comments-shell__list {
	display: grid;
	gap: 16px;
	margin-top: 1.2rem;
}

.comments-shell--list {
	padding: clamp(1.2rem, 2.2vw, 1.8rem);
}

.comment-card,
.comment-form-card {
	padding: 1.2rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.78);
}

.comment-form-card,
.comment-form-card.addcomment {
	display: block;
	width: 100%;
	max-width: none;
	min-width: 0;
	float: none;
	clear: both;
	justify-self: stretch;
}

.comment-card {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 16px;
}

.comment-card__avatar {
	position: relative;
}

.comment-card__avatar-image {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid rgba(17, 21, 29, 0.08);
	overflow: hidden;
	text-indent: -9999px;
}

.comment-card__online {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background: #49c76f;
	font-size: 0;
}

.comment-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.comment-card__author strong {
	display: block;
	font-size: 1rem;
}

.comment-card__author time {
	color: var(--ink-muted);
	font-size: 0.88rem;
}

.comment-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.comment-card__action {
	display: inline-flex;
	padding: 0.46rem 0.72rem;
	border: 1px solid var(--line);
	border-radius: 999px;
	color: var(--ink-muted);
	font-size: 0.82rem;
	font-weight: 700;
}

.comment-card__text {
	margin-top: 0.85rem;
	line-height: 1.75;
}

.comment-card__media,
.comment-card__signature {
	margin-top: 0.95rem;
	color: var(--ink-muted);
	font-size: 0.92rem;
}

.comment-form-card__head h3 {
	font-size: clamp(1.8rem, 2.6vw, 2.4rem);
}

.comment-form-card__body {
	margin-top: 1rem;
	display: grid;
	gap: 18px;
}

.comment-form-card__head,
.comment-form-card__body,
.comment-form__editor,
.comment-form__supporting,
.comment-form__submit,
.comment-form__captcha {
	width: 100%;
	max-width: none;
	min-width: 0;
}

.comment-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.comment-form__field,
.comment-form__field--full {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.comment-form__field--full {
	margin-top: 14px;
}

.comment-form__field span,
.comment-form__field--full span {
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--ink-muted);
}

.comment-form-card input,
.comment-form-card textarea,
.comment-form-card select {
	width: 100%;
	padding: 0.95rem 1rem;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #ffffff;
	color: var(--ink);
}

.comment-form__editor {
	margin-top: 0;
	overflow: hidden;
	border: 1px solid rgba(17, 21, 29, 0.08);
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 239, 0.94) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.78),
		0 18px 36px rgba(18, 22, 32, 0.08);
}

.comment-form__editor textarea {
	min-height: 180px;
}

.comment-form__editor .tox.tox-tinymce {
	border: none !important;
	border-radius: 24px !important;
	background: transparent !important;
	box-shadow: none !important;
	width: 100% !important;
	max-width: none !important;
}

.comment-form__editor .tox-editor-container,
.comment-form__editor .tox-sidebar-wrap,
.comment-form__editor .tox-edit-area,
.comment-form__editor .tox-edit-area iframe {
	width: 100% !important;
	max-width: none !important;
}

.comment-form__editor .tox-editor-header,
.comment-form__editor .tox-toolbar-overlord,
.comment-form__editor .tox-toolbar__primary,
.comment-form__editor .tox-toolbar__overflow,
.comment-form__editor .tox-anchorbar,
.comment-form__editor .tox-bottom-anchorbar {
	background: linear-gradient(180deg, rgba(247, 244, 239, 0.96) 0%, rgba(255, 255, 255, 0.92) 100%) !important;
}

.comment-form__editor .tox-editor-header {
	border-bottom: 1px solid rgba(17, 21, 29, 0.08) !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.72);
}

.comment-form__editor .tox-toolbar__primary {
	padding: 0.45rem 0.5rem !important;
}

.comment-form__editor .tox-toolbar__group {
	padding: 0 !important;
}

.comment-form__editor .tox-tbtn {
	width: 34px !important;
	height: 34px !important;
	border-radius: 12px !important;
	transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.comment-form__editor .tox-tbtn:hover,
.comment-form__editor .tox-tbtn:focus-visible {
	background: rgba(77, 163, 255, 0.14) !important;
	box-shadow: inset 0 0 0 1px rgba(77, 163, 255, 0.16);
}

.comment-form__editor .tox-edit-area {
	padding: 0 0.35rem 0.35rem;
	background: transparent !important;
}

.comment-form__editor .tox-edit-area__iframe {
	background: #ffffff !important;
	border-radius: 18px;
}

.comment-form__upload,
.comment-form__option {
	margin-top: 0;
	color: var(--ink-muted);
}

.comment-form__supporting {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 16px;
	margin-top: 0;
}

.comment-form__supporting .comment-form__upload,
.comment-form__supporting .comment-form__option {
	margin-top: 0;
	min-width: 0;
}

.comment-form__option {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0.85rem 1rem;
	border: 1px solid var(--line);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.8);
}

.comment-form__option--subscribe {
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}

.comment-form__option--recaptcha {
	display: block;
	width: fit-content;
	max-width: 100%;
}

.comment-form__option *,
.comment-form__option label,
.comment-form__option .checkbox,
.comment-form__option .form-check-label {
	float: none !important;
}

.comment-form__option label,
.comment-form__option .checkbox,
.comment-form__option .form-check-label,
.comment-form__option > div {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}

.comment-form__option--subscribe .form-check-label,
.comment-form__option--subscribe .checkbox,
.comment-form__option--subscribe > div {
	align-items: center !important;
	justify-content: flex-start;
	gap: 12px;
	padding: 0.88rem 1rem;
	border: 1px solid rgba(17, 21, 29, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.84);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.74),
		0 14px 28px rgba(18, 22, 32, 0.06);
	color: var(--ink);
	font-weight: 700;
}

.comment-form__option--subscribe .form-check-label span,
.comment-form__option--subscribe .checkbox span {
	display: block;
	color: var(--ink);
	line-height: 1.45;
}

.comment-form__option input[type="checkbox"],
.comment-form__option input[type="radio"] {
	margin: 0;
	flex: 0 0 auto;
}

.comment-form__option--subscribe .form-check-input,
.comment-form__option--subscribe input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0 !important;
	accent-color: var(--accent-deep);
}

.comment-form__option br {
	display: none;
}

.comment-form__upload a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0.88rem 1rem;
	border: 1px solid rgba(17, 21, 29, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.84);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.74),
		0 14px 28px rgba(18, 22, 32, 0.06);
	color: var(--accent-deep);
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.comment-form__upload a:hover {
	border-color: rgba(77, 163, 255, 0.24);
	background: #ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.82),
		0 16px 30px rgba(18, 22, 32, 0.08);
}

.comment-form__upload #hidden-image-uploader {
	margin-top: 14px;
}

.comment-form__submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	margin-top: 18px;
}

.comment-form__captcha {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.comment-form__button {
	border: none;
	cursor: pointer;
}

.static-page__hero {
	display: grid;
	gap: 18px;
}

.static-page__hero--split {
	grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
	align-items: start;
}

.static-page {
	display: grid;
	gap: clamp(22px, 2.5vw, 34px);
}

.static-page__hero--showcase {
	gap: clamp(20px, 2.6vw, 38px);
}

.static-page__intro {
	display: grid;
	gap: 18px;
	align-content: start;
}

.static-page__intro--rich .static-page__lead {
	max-width: 46rem;
	font-size: 1.05rem;
	line-height: 1.65;
}

.static-page__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
}

.static-page__actions--compact .button {
	min-width: 0;
}

.static-page__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.static-page__chip {
	display: inline-flex;
	align-items: center;
	padding: 0.68rem 1rem;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.72);
	color: var(--ink-soft);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.25;
}

.static-page__aside {
	display: grid;
	gap: 12px;
	padding: 1.2rem;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.76);
}

.static-page__aside--dark {
	color: #ffffff;
	background: linear-gradient(160deg, rgba(16, 19, 25, 0.96) 0%, rgba(34, 42, 56, 0.92) 100%);
	border-color: rgba(255, 255, 255, 0.08);
}

.static-page__aside--feature {
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.86) 0%, rgba(247, 244, 240, 0.94) 100%);
	box-shadow: var(--shadow);
}

.static-page__fact {
	display: grid;
	gap: 6px;
}

.static-page__fact span {
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ink-muted);
}

.static-page__aside--dark .static-page__fact span {
	color: rgba(255, 255, 255, 0.58);
}

.static-page__fact strong,
.static-page__fact a {
	color: inherit;
	text-decoration: none;
	line-height: 1.45;
}

.static-page__grid,
.static-page__process,
.static-page__contact-grid {
	display: grid;
	gap: 18px;
}

.static-page__grid--three,
.static-page__process {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.static-page__contact-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.static-page__card,
.static-page__step,
.static-page__panel,
.static-page__contact-card,
.static-page__cta {
	position: relative;
	border: 1px solid var(--line);
	border-radius: var(--radius-xl);
	background: rgba(255, 255, 255, 0.82);
	box-shadow: var(--shadow);
}

.static-page__card,
.static-page__step,
.static-page__panel,
.static-page__contact-card {
	display: grid;
	gap: 12px;
	padding: clamp(1.25rem, 1.08rem + 0.55vw, 1.65rem);
}

.static-page__card h2,
.static-page__panel h2,
.static-page__cta h2 {
	margin: 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(1.65rem, 1.45rem + 0.95vw, 2.55rem);
	line-height: 1.04;
}

.static-page__step h3 {
	margin: 0;
	font-size: 1.18rem;
	line-height: 1.22;
}

.static-page__card p,
.static-page__step p,
.static-page__panel p,
.static-page__cta p,
.static-page__contact-card em {
	margin: 0;
	color: var(--ink-muted);
	font-style: normal;
	line-height: 1.62;
}

.static-page__step span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(232, 56, 150, 0.16) 0%, rgba(120, 133, 255, 0.18) 100%);
	color: var(--accent-deep);
	font-size: 0.94rem;
	font-weight: 800;
}

.static-page__split--accent {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(280px, 0.94fr);
	gap: 18px;
}

.static-page__panel--dark {
	color: #ffffff;
	background: linear-gradient(160deg, rgba(18, 22, 32, 0.96) 0%, rgba(42, 49, 65, 0.94) 100%);
	border-color: rgba(255, 255, 255, 0.08);
}

.static-page__panel--dark p,
.static-page__panel--dark .static-page__feature-list li {
	color: rgba(255, 255, 255, 0.78);
}

.static-page__feature-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.78rem;
}

.static-page__feature-list li {
	position: relative;
	padding-left: 1.3rem;
	color: var(--ink-soft);
	line-height: 1.58;
}

.static-page__feature-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e83896 0%, #7885ff 100%);
	box-shadow: 0 0 0 4px rgba(120, 133, 255, 0.12);
	transform: translateY(-50%);
}

.static-page__contact-card {
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.static-page__contact-card:hover {
	transform: translateY(-4px);
	border-color: rgba(77, 163, 255, 0.18);
	box-shadow: 0 24px 42px rgba(17, 21, 29, 0.12);
}

.static-page__contact-card span {
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--accent-deep);
}

.static-page__contact-card strong {
	color: var(--ink);
	font-size: 1.05rem;
	line-height: 1.35;
}

.static-page__cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 20px;
	align-items: end;
	padding: clamp(1.35rem, 1.08rem + 0.9vw, 1.85rem);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(246, 241, 236, 0.94) 100%);
}

.static-page__cta-copy {
	display: grid;
	gap: 12px;
}

.static-page__admin {
	margin-top: 1rem;
}

.static-page__admin a {
	color: var(--accent-deep);
	font-weight: 700;
	text-decoration: none;
}

@media (max-width: 1120px) {
	.shortstory--photo {
		grid-column: span 6;
	}

	.shortstory--music,
	.shortstory--blog,
	.shortstory--default {
		grid-column: span 12;
	}

	.taycan-shell {
		grid-template-columns: 1fr;
	}

	.taycan-stage {
		min-height: 460px;
	}

	.taycan-car--front {
		width: min(680px, 90%);
	}

	.fullstory-page__hero--music,
	.static-page__hero--split {
		grid-template-columns: 1fr;
	}

	.static-page__grid--three,
	.static-page__process,
	.static-page__contact-grid,
	.static-page__split--accent,
	.static-page__cta {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 920px) {
	.fullstory-page__hero--split {
		grid-template-columns: 1fr;
	}
}

/* Premium dark palette refresh */
.h-menu a {
	color: rgba(244, 239, 232, 0.78);
}

.h-menu a:hover {
	color: #ffffff;
}

.h-menu a.active,
.h-menu a[aria-current="true"] {
	color: #ffffff;
	background: linear-gradient(135deg, rgba(212, 86, 169, 0.18) 0%, rgba(83, 160, 255, 0.12) 100%);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}

.h-con-list a,
.h-mobile-link,
.h-toggle {
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(21, 26, 38, 0.84);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
}

.h-con-list a:hover,
.h-mobile-link:hover,
.h-toggle:hover {
	border-color: rgba(83, 160, 255, 0.22);
	background: rgba(28, 34, 48, 0.92);
}

.h-toggle span {
	background: rgba(244, 239, 232, 0.94);
}

.section-shell,
.contact-block,
.contact-meta,
.page-hero,
.info-card,
.pagination-shell,
.fullstory-page,
.support-panel,
.story-related,
.story-neighbours,
.comments-shell,
.comment-form-card,
.static-page,
.pricing-card,
.related-card,
.static-page__card,
.static-page__step,
.static-page__panel,
.static-page__contact-card,
.static-page__cta,
.wallet-modal__dialog {
	border-color: rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(17, 21, 31, 0.96) 0%, rgba(20, 25, 36, 0.9) 100%);
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
}

.section-accent .section-shell,
.about-card,
.contact-meta,
.support-panel__column--share,
.static-page__aside--dark,
.static-page__panel--dark,
.hero-summary,
.taycan-shell {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		radial-gradient(circle at top right, rgba(83, 160, 255, 0.12), transparent 34%),
		radial-gradient(circle at bottom left, rgba(212, 86, 169, 0.12), transparent 30%),
		linear-gradient(160deg, rgba(14, 18, 28, 0.98) 0%, rgba(22, 27, 40, 0.95) 58%, rgba(20, 31, 48, 0.92) 100%);
}

.hero-panel,
.pricing-note,
.static-page__aside--feature,
.static-page__fact,
.related-card__media,
.wallet-modal__copy,
.wallet-modal__input,
.comment-form__upload a,
.comment-form__option--subscribe .form-check-label,
.comment-form__option--subscribe .checkbox,
.comment-form__option--subscribe > div,
.button-secondary,
.hero-chip,
.story-action--secondary {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
	color: var(--ink);
	box-shadow: none;
}

.button-secondary:hover,
.hero-chip:hover,
.story-action--secondary:hover,
.comment-form__upload a:hover,
.wallet-modal__copy:hover {
	border-color: rgba(83, 160, 255, 0.22);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}

.button-primary,
.hero-chip--accent,
.pricing-card__link,
.comment-form__button,
.story-action:not(.story-action--secondary) {
	border-color: transparent;
	background: var(--brand-gradient-strong);
	color: #ffffff;
	box-shadow: 0 18px 34px rgba(74, 48, 132, 0.28);
}

.button-primary:hover,
.hero-chip--accent:hover,
.pricing-card__link:hover,
.comment-form__button:hover,
.story-action:not(.story-action--secondary):hover {
	background: linear-gradient(135deg, #e063b6 0%, #9468ff 58%, #5faeff 100%);
	color: #ffffff;
}

.story-card__pill,
.pricing-card__pill,
.card-kicker-light {
	background: rgba(215, 183, 122, 0.14);
	color: #f0d7a1;
}

.section-head p,
.hero-panel__lead,
.hero-summary p,
.pricing-card p,
.pricing-note p,
.related-card__meta,
.related-card__excerpt,
.story-copy p,
.story-copy li,
.fullstory-page p,
.fullstory-page li,
.static-page__card p,
.static-page__step p,
.static-page__panel p,
.static-page__cta p,
.comment-form__option,
.wallet-modal__copytext,
.support-panel__head p,
.support-panel__column p,
.support-token__address {
	color: var(--ink-muted);
}

.pricing-card h3,
.related-card__title a,
.fullstory-page h1,
.fullstory-page h2,
.fullstory-page h3,
.static-page h1,
.static-page h2,
.static-page h3,
.support-panel__head h2,
.story-related__head h2,
.comment-form-card h3,
.wallet-modal__title {
	color: var(--ink);
}

.contact-form input,
.contact-form textarea,
.wallet-modal__input,
.comment-form-card input[type="text"],
.comment-form-card input[type="email"],
.comment-form-card textarea,
.ui-form input:not([type="checkbox"]):not([type="radio"]),
.ui-form textarea,
.ui-form select {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
	color: var(--ink);
	box-shadow: none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder,
.wallet-modal__input::placeholder,
.comment-form-card input::placeholder,
.comment-form-card textarea::placeholder,
.ui-form input::placeholder,
.ui-form textarea::placeholder {
	color: rgba(156, 165, 184, 0.72);
}

.hero-note,
.page-hero__kicker,
.story-card__kicker,
.wallet-modal__token {
	background: rgba(215, 183, 122, 0.14);
	color: #f0d7a1;
}

.support-share__link {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.05);
	color: var(--ink);
}

.support-share__link:hover,
.support-share__link:focus-visible {
	border-color: rgba(83, 160, 255, 0.24);
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.support-token {
	border-color: rgba(132, 92, 255, 0.34);
	background: rgba(255, 255, 255, 0.03);
}

.support-token__badge {
	background: rgba(132, 92, 255, 0.14);
	color: #b79aff;
}

.story-nav__link {
	border-color: rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(18, 22, 32, 0.98) 0%, rgba(24, 29, 42, 0.96) 100%);
	color: var(--ink);
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
}

.story-nav__link:hover {
	background: linear-gradient(135deg, rgba(212, 86, 169, 0.18) 0%, rgba(83, 160, 255, 0.12) 100%);
	color: #ffffff;
}

.hero-details span,
.hero-panel__eyebrow,
.section-head__link,
.contact-actions a {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.05);
	color: var(--ink);
	box-shadow: none;
}

.hero-details span:hover,
.section-head__link:hover,
.contact-actions a:hover {
	border-color: rgba(83, 160, 255, 0.22);
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.pricing-card__pill,
.pricing-card__price,
.pricing-note__intro h3 {
	color: var(--ink);
}

.pricing-card__pill {
	background: rgba(215, 183, 122, 0.14);
}

.pricing-card__list li::before,
.pricing-note__list li::before {
	background: var(--brand-gradient-strong);
	box-shadow: 0 0 0 4px rgba(132, 92, 255, 0.08);
}

.pricing-card--featured,
.pricing-note,
.hero-panel {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		radial-gradient(circle at top right, rgba(83, 160, 255, 0.08), transparent 34%),
		radial-gradient(circle at bottom left, rgba(212, 86, 169, 0.08), transparent 30%),
		linear-gradient(160deg, rgba(16, 20, 30, 0.96) 0%, rgba(22, 28, 40, 0.92) 100%);
}

.wallet-modal__qr-shell {
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.04);
}

.wallet-modal__qr {
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.comment-form__option--subscribe .form-check-label,
.comment-form__option--subscribe .checkbox,
.comment-form__option--subscribe > div {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}

.comment-form__option--subscribe .form-check-label span,
.comment-form__option--subscribe .checkbox span {
	color: var(--ink);
}

.comment-form__option--subscribe .form-check-input,
.comment-form__option--subscribe input[type="checkbox"] {
	accent-color: var(--brand-violet);
}

.system-card.box,
.page_form__inner.system-card,
.system-auth-card,
.system-preview-card,
.system-vote-card,
.system-search-page fieldset,
.system-search-result,
.system-search-comment,
.statistics,
.statistics > div,
.stat_group,
.userstop,
.usinf li,
.system-login-dropdown,
.system-category-menu,
.system-category-menu__sub,
.ui-form,
.login_form,
.system-login-pane,
.system-search-page .searchtable,
.system-search-page .searchtable table,
.system-search-page .searchtable td {
	border-color: rgba(255, 255, 255, 0.08) !important;
	background: linear-gradient(180deg, rgba(17, 21, 31, 0.96) 0%, rgba(20, 25, 36, 0.9) 100%) !important;
	color: var(--ink);
	box-shadow: 0 22px 56px rgba(0, 0, 0, 0.22);
}

.system-card__head,
.system-card__head .title,
.system-card__head .heading,
.system-card__head .h1,
.system-card__head .user_tab a,
.system-card__head .grey,
.system-card__head a {
	background: linear-gradient(135deg, rgba(19, 23, 34, 0.98), rgba(39, 28, 66, 0.94)) !important;
	color: #ffffff !important;
}

.system-auth-card .grey,
.system-preview-card .grey,
.system-search-page fieldset legend,
.statistics .grey,
.ui-c1,
.ui-c2,
.system-search-page .search_result_num,
.system-search-page .searchcomment,
.usinf li span,
.usinf li small {
	color: var(--ink-muted) !important;
}

.ui-form input[type="text"],
.ui-form input[type="password"],
.ui-form input[type="email"],
.ui-form input[type="tel"],
.ui-form input[type="file"],
.ui-form textarea,
.ui-form select,
.login_form input[type="text"],
.login_form input[type="password"],
.page_form__form input[type="text"],
.page_form__form input[type="password"],
.page_form__form input[type="email"],
.page_form__form textarea,
.page_form__form select,
.addform textarea {
	background: rgba(255, 255, 255, 0.04) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	color: var(--ink) !important;
	box-shadow: none !important;
}

.ui-form input:focus,
.ui-form textarea:focus,
.ui-form select:focus,
.login_form input:focus,
.page_form__form input:focus,
.page_form__form textarea:focus,
.page_form__form select:focus {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(83, 160, 255, 0.28) !important;
	box-shadow: 0 0 0 0.28rem rgba(83, 160, 255, 0.12) !important;
}

.system-card .btn,
.system-card .bbcodes,
.system-card .ui-button,
.system-auth-card .btn,
.system-auth-card .bbcodes,
.system-auth-card .ui-button,
.system-login-dropdown .btn {
	background: var(--brand-gradient-strong) !important;
	color: #ffffff !important;
	box-shadow: 0 18px 36px rgba(74, 48, 132, 0.28) !important;
}

.system-card .btn:hover,
.system-card .bbcodes:hover,
.system-card .ui-button:hover,
.system-auth-card .btn:hover,
.system-auth-card .bbcodes:hover,
.system-auth-card .ui-button:hover,
.system-login-dropdown .btn:hover {
	background: linear-gradient(135deg, #e063b6 0%, #9468ff 58%, #5faeff 100%) !important;
}

.system-card .btn-border,
.system-auth-card .btn-border,
.system-login-dropdown .btn-border {
	border-color: rgba(255, 255, 255, 0.1) !important;
	background: rgba(255, 255, 255, 0.05) !important;
	color: var(--ink) !important;
	box-shadow: none !important;
}

.system-card .btn-border:hover,
.system-auth-card .btn-border:hover,
.system-login-dropdown .btn-border:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
}

@media (max-width: 820px) {
	.inner-feed {
		grid-template-columns: 1fr;
	}

	.taycan-offer {
		grid-template-columns: 1fr;
	}

	.taycan-offer__facts,
	.taycan-meta {
		grid-template-columns: 1fr;
	}

	.taycan-lane {
		min-height: 0;
	}

	.taycan-stage {
		min-height: 400px;
	}

	.taycan-stage__front {
		width: min(280px, 48%);
	}

	.hero-note {
		display: none;
	}

	.music-grid > .audio-card:first-child {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	.music-grid > .audio-card:first-child .audio-title {
		font-size: clamp(1.32rem, 4.8vw, 1.68rem);
	}

	.shortstory--photo,
	.shortstory--music,
	.shortstory--blog,
	.shortstory--default,
	.page-hero,
	.info-card,
	.pagination-shell,
	.fullstory-page,
	.support-panel,
	.story-related,
	.story-neighbours,
	.comments-shell,
	.comment-form-card,
	.static-page {
		grid-column: 1;
	}

	#dle-comments-form {
		grid-column: 1;
	}

	.story-card__split {
		grid-template-columns: 1fr;
	}

	.shortstory--photo.photo-card a {
		min-height: clamp(300px, 55vw, 380px);
	}

	.story-card__media--listing {
		min-height: 220px;
	}

	.static-page__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.static-page__actions .button {
		width: 100%;
		justify-content: center;
	}

	.static-page__contact-grid,
	.static-page__grid--three,
	.static-page__process {
		grid-template-columns: 1fr;
	}

	.comment-card {
		grid-template-columns: 1fr;
	}

	.comment-form__grid {
		grid-template-columns: 1fr;
	}

	.comment-form__supporting {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.page-inner .html {
		padding-top: 94px;
	}

	.taycan-shell {
		padding: 1.2rem;
		border-radius: 28px;
	}

	.taycan-copy h2 {
		font-size: clamp(2.2rem, 10vw, 3.4rem);
	}

	.taycan-lead {
		font-size: 0.98rem;
		line-height: 1.7;
	}

	.taycan-stage {
		min-height: 310px;
		padding: 0.85rem;
		border-radius: 24px;
	}

	.taycan-stage__eyebrow,
	.taycan-stage__badge {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin-bottom: 0.8rem;
		width: fit-content;
	}

	.taycan-stage__badge {
		margin-left: auto;
	}

	.taycan-car--front {
		position: relative;
		left: auto;
		bottom: auto;
		width: 112%;
		margin: 0.9rem -6% 0;
		transform: none;
	}

	.taycan-stage__front {
		position: relative;
		left: auto;
		bottom: auto;
		width: min(250px, 72%);
		margin: -0.2rem 0 0;
	}

	.taycan-stage__front .taycan-car--side {
		width: 120%;
		max-width: none;
		margin: 0 -10%;
	}

	.taycan-lane {
		padding: 0.95rem 0.95rem 1rem;
		gap: 0.8rem;
	}

	.taycan-lane__head {
		align-items: flex-start;
	}

	.taycan-lane p {
		max-width: none;
		font-size: 0.92rem;
		line-height: 1.58;
	}

	.taycan-actions {
		flex-direction: column;
	}

	.taycan-actions .story-action {
		width: 100%;
		justify-content: center;
	}

	.page-hero,
	.info-card,
	.pagination-shell,
	.fullstory-page,
	.support-panel,
	.story-related,
	.comments-shell,
	.comment-form-card,
	.static-page {
		padding: 1rem;
		border-radius: 24px;
	}

	.fullstory-page + .support-panel,
	.support-panel + .story-related,
	.story-related + .story-neighbours,
	.story-neighbours + .comments-shell,
	.story-neighbours + .comment-form-card,
	.comments-shell + .comment-form-card {
		margin-top: 1rem;
	}

	.support-panel__head h2,
	.story-related__head h2,
	.comment-form-card__head h3 {
		font-size: clamp(2rem, 9.5vw, 2.8rem);
		line-height: 0.98;
	}

	.support-panel__head p,
	.support-panel__column--share p {
		max-width: none;
		margin-top: 0.85rem;
		font-size: 0.95rem;
		line-height: 1.58;
	}

	.support-panel__layout {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.support-panel__column {
		width: 100%;
		padding: 1rem;
		border-radius: 22px;
	}

	.support-panel__column--share h3 {
		margin-top: 0.75rem;
		font-size: clamp(1.9rem, 8.8vw, 2.35rem);
		line-height: 0.98;
	}

	.support-panel__actions,
	.support-panel__actions--support {
		gap: 10px;
		margin-top: 1rem;
	}

	.support-panel__tokens {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 1rem;
	}

	.support-token {
		width: 100%;
		min-height: 54px;
		padding: 0.82rem 0.95rem;
		border-radius: 18px;
	}

	.support-token__name {
		font-size: 0.98rem;
	}

	.pagination-shell,
	.story-neighbours,
	.comment-form__submit {
		flex-direction: column;
		align-items: stretch;
	}

	.story-neighbours__link--next {
		margin-left: 0;
	}

	.story-neighbours {
		gap: 12px;
	}

	.story-neighbours__link {
		width: 100%;
		min-height: 54px;
		padding: 0.95rem 1.2rem;
		border-radius: 24px;
	}

	.story-related {
		overflow: hidden;
	}

	.story-related__head {
		align-items: center;
		gap: 12px;
	}

	.story-related__grid {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
		grid-auto-columns: auto;
		overflow: visible;
		overscroll-behavior-x: auto;
		scroll-snap-type: none;
		gap: 12px;
		margin-top: 1rem;
		padding-bottom: 0;
	}

	.story-related__grid::-webkit-scrollbar {
		display: none;
	}

	.related-card {
		scroll-snap-align: none;
		border-radius: 20px;
	}

	.related-card__media {
		aspect-ratio: 1 / 0.86;
	}

	.related-card__body {
		gap: 8px;
		padding: 0.88rem 0.92rem 0.96rem;
	}

	.related-card__title {
		font-size: clamp(1.06rem, 5vw, 1.34rem);
		line-height: 1.12;
	}

	.related-card__meta {
		gap: 6px 10px;
		font-size: 0.88rem;
	}

	.related-card__excerpt {
		font-size: 0.88rem;
		line-height: 1.45;
		-webkit-line-clamp: 2;
	}

	.comment-form-card__body {
		gap: 14px;
		margin-top: 0.9rem;
	}

	.comment-form__editor {
		border-radius: 20px;
	}

	.comment-form__supporting {
		gap: 12px;
	}

	.wallet-modal__body {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 1rem;
	}

	.wallet-modal__qr-shell {
		max-width: 220px;
		padding: 0.8rem;
		margin: 0 auto;
	}

	.story-card__footer,
	.comment-card__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.comment-form__option--subscribe .form-check-label,
	.comment-form__option--subscribe .checkbox,
	.comment-form__option--subscribe > div {
		width: 100%;
		min-height: 54px;
		padding: 0.88rem 1rem;
		border-radius: 18px;
	}

	.support-share__links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		margin-top: 1rem;
	}

	.support-share__link {
		width: 100%;
		min-height: 52px;
		justify-content: center;
		padding: 0.82rem 0.85rem;
		border-radius: 18px;
		font-size: 0.9rem;
	}

	.wallet-modal__field-row {
		flex-direction: column;
		gap: 8px;
	}

	.wallet-modal__field-row > * {
		width: 100%;
	}

	.wallet-modal__copy {
		width: 100%;
	}

	.wallet-modal {
		padding: 12px;
	}

	.wallet-modal__dialog {
		width: min(100%, 420px);
		max-height: calc(100vh - 24px);
		padding: 1rem;
		border-radius: 24px;
	}

	.wallet-modal__close {
		top: 10px;
		right: 10px;
		width: 38px;
		height: 38px;
	}

	.wallet-modal__title {
		font-size: clamp(1.8rem, 9vw, 2.4rem);
	}

	.wallet-modal__input,
	.wallet-modal__copy {
		border-radius: 14px;
	}

	.comment-form__upload a,
	.comment-form__button {
		width: 100%;
		min-height: 54px;
		justify-content: center;
	}
}

/* DLE System Templates */

.system-card.box,
.page_form__inner.system-card {
	margin-bottom: 2rem;
	border: 1px solid rgba(18, 28, 44, 0.08);
	border-radius: 2rem;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(245, 248, 252, 0.92));
	box-shadow: 0 28px 60px rgba(17, 24, 39, 0.12);
	overflow: hidden;
}

.system-card__head {
	background: linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(46, 55, 71, 0.94));
	color: #fff;
}

.system-card__head .title,
.system-card__head .heading,
.system-card__head .h1,
.system-card__head .user_tab a,
.system-card__head .grey,
.system-card__head a {
	color: inherit;
}

.system-card__body,
.page_form__form.system-card__body {
	position: relative;
	z-index: 1;
}

.system-page .title,
.system-auth-card .title,
.system-preview-card .title {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	font-size: clamp(2.2rem, 4vw, 3.75rem);
	line-height: 0.96;
	letter-spacing: -0.02em;
	color: #121926;
}

.system-page h3,
.system-auth-card h3,
.system-preview-card h3,
.system-page .heading,
.system-auth-card .heading {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(1.8rem, 3vw, 2.5rem);
	font-weight: 600;
	line-height: 1;
	color: #121926;
}

.system-page .grey,
.system-auth-card .grey,
.system-preview-card .grey {
	color: #6f7b90;
}

.system-form-page .addform,
.system-auth-card .page_form__form,
.system-search-page .searchtable,
.system-pm-page .addform,
.system-user-page .addform {
	margin-top: 1.5rem;
}

.ui-form,
.login_form,
.system-login-pane,
.system-category-menu,
.system-category-menu__sub,
.usinf,
.login_pane__menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-form {
	display: grid;
	gap: 1rem;
}

.form-group,
.ui-form > li,
.login_form > li,
.usinf > li,
.login_pane__menu > li {
	list-style: none;
}

.form-group label,
.page_form__form label,
.addform label,
.login_form label {
	display: block;
	margin-bottom: 0.55rem;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #516072;
}

.wide,
.ui-form input[type="text"],
.ui-form input[type="password"],
.ui-form input[type="email"],
.ui-form input[type="tel"],
.ui-form input[type="file"],
.ui-form textarea,
.ui-form select,
.login_form input[type="text"],
.login_form input[type="password"],
.page_form__form input[type="text"],
.page_form__form input[type="password"],
.page_form__form input[type="email"],
.page_form__form textarea,
.page_form__form select {
	width: 100%;
	min-height: 3.5rem;
	padding: 0.95rem 1.1rem;
	border-radius: 1.2rem;
	border: 1px solid rgba(20, 32, 51, 0.12);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
	color: #111827;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.wide:focus,
.ui-form input:focus,
.ui-form textarea:focus,
.ui-form select:focus,
.login_form input:focus,
.page_form__form input:focus,
.page_form__form textarea:focus,
.page_form__form select:focus {
	border-color: rgba(47, 110, 229, 0.52);
	background: #fff;
	box-shadow: 0 0 0 0.3rem rgba(47, 110, 229, 0.14);
}

.ui-form textarea,
.page_form__form textarea,
.addform textarea {
	min-height: 10rem;
	resize: vertical;
}

.combo {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.combo_field,
.login_check,
.c-captcha {
	min-width: 0;
}

.login_check {
	display: flex;
	gap: 0.8rem;
	align-items: center;
}

.login_check .wide {
	flex: 1 1 auto;
}

.form_submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.85rem;
	margin-top: 1.4rem;
}

.c-captcha {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.9rem;
	align-items: center;
}

.checkbox,
.form-check-label,
.checkbox label {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	color: #445266;
}

.checkbox input,
.form-check-input {
	margin-top: 0.12rem;
}

.admin_checkboxs,
.user_fields {
	display: grid;
	gap: 0.9rem;
}

.system-card .btn,
.system-card .bbcodes,
.system-card .ui-button,
.system-auth-card .btn,
.system-auth-card .bbcodes,
.system-auth-card .ui-button,
.system-login-dropdown .btn {
	background: #151b27;
	color: #fff;
	box-shadow: 0 18px 36px rgba(17, 24, 39, 0.16);
}

.system-card .btn:hover,
.system-card .bbcodes:hover,
.system-card .ui-button:hover,
.system-auth-card .btn:hover,
.system-auth-card .bbcodes:hover,
.system-auth-card .ui-button:hover,
.system-login-dropdown .btn:hover {
	background: #2f6ee5;
	color: #fff;
	transform: translateY(-1px);
}

.system-card .btn-border,
.system-auth-card .btn-border,
.system-login-dropdown .btn-border {
	border: 1px solid rgba(20, 32, 51, 0.12);
	background: rgba(255, 255, 255, 0.82) !important;
	color: #172033;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.system-card .btn-border:hover,
.system-auth-card .btn-border:hover,
.system-login-dropdown .btn-border:hover {
	background: #151b27 !important;
	color: #fff;
}

.system-auth-card {
	max-width: 56rem;
	margin-inline: auto;
	padding: clamp(1.4rem, 4vw, 2.2rem);
}

.regtext {
	margin-bottom: 1.3rem;
	padding: 1rem 1.15rem;
	border-radius: 1.2rem;
	background: rgba(20, 32, 51, 0.05);
	color: #4d596c;
}

.system-search-page .searchtable table,
.system-search-page .searchtable td {
	width: 100% !important;
}

.system-search-page fieldset {
	margin-bottom: 1rem;
	padding: 1.1rem 1.2rem 1.2rem;
	border: 1px solid rgba(20, 32, 51, 0.08);
	border-radius: 1.4rem;
	background: rgba(255, 255, 255, 0.68);
}

.system-search-page fieldset legend {
	padding: 0 0.55rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #2f6ee5;
}

.search_result_num {
	margin-top: 1.2rem;
	padding: 1rem 1.15rem;
	border-radius: 1.2rem;
	border: 1px solid rgba(20, 32, 51, 0.08);
	background: rgba(255, 255, 255, 0.72);
}

.system-search-result,
.system-search-comment {
	border-radius: 1.75rem;
}

.pm-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1rem;
	align-items: flex-end;
	padding-bottom: 1rem;
	margin-bottom: 1.4rem;
	border-bottom: 1px solid rgba(20, 32, 51, 0.08);
}

#pm-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
}

#pm-menu > * {
	display: inline-flex;
	padding: 0.75rem 1rem;
	border-radius: 999px;
	background: rgba(20, 32, 51, 0.06);
	color: #172033;
	font-weight: 700;
}

.pm_status {
	min-width: 14rem;
	padding: 0.9rem 1rem;
	border-radius: 1.1rem;
	background: rgba(20, 32, 51, 0.05);
	border: 1px solid rgba(20, 32, 51, 0.08);
	color: #516072;
}

.pmlist,
.comments .box {
	border-radius: 1.75rem;
	background: rgba(255, 255, 255, 0.76);
	border: 1px solid rgba(20, 32, 51, 0.08);
}

.statistics {
	display: grid;
	gap: 1rem;
}

.stat_group {
	padding: 1.15rem 1.2rem;
	border-radius: 1.4rem;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(20, 32, 51, 0.08);
}

.stat_group ul {
	list-style: none;
	padding: 0;
	margin: 0.9rem 0 0;
	display: grid;
	gap: 0.75rem;
}

.stat_group li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px dashed rgba(20, 32, 51, 0.1);
}

.stat_group li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.table_top_users {
	margin-top: 1.3rem;
	border-radius: 1.4rem;
	overflow: auto;
	border: 1px solid rgba(20, 32, 51, 0.08);
	background: rgba(255, 255, 255, 0.72);
}

.userstop {
	width: 100%;
	border-collapse: collapse;
}

.userstop td,
.userstop th {
	padding: 0.95rem 1rem;
	border-bottom: 1px solid rgba(20, 32, 51, 0.08);
	text-align: left;
}

.user_tab {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
}

.user_tab li {
	list-style: none;
}

.user_tab a,
.user_tab li.active a,
.user_tab li.active {
	display: inline-flex;
	align-items: center;
	padding: 0.75rem 1rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
}

.usinf {
	display: grid;
	gap: 0.75rem;
	margin-bottom: 1.1rem;
}

.usinf li {
	display: grid;
	grid-template-columns: minmax(10rem, 0.75fr) 1fr;
	gap: 0.9rem;
	padding: 1rem 1.05rem;
	border-radius: 1.2rem;
	background: rgba(20, 32, 51, 0.04);
}

.ui-c1 {
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ui-c2 {
	color: #172033;
	font-weight: 600;
}

.tag_list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.tag_list a {
	display: inline-flex;
	align-items: center;
	padding: 0.75rem 1rem;
	border-radius: 999px;
	background: rgba(20, 32, 51, 0.05);
	border: 1px solid rgba(20, 32, 51, 0.08);
	color: #172033;
	font-weight: 700;
}

.tag_list a:hover {
	background: #151b27;
	border-color: #151b27;
	color: #fff;
}

.system-vote-card {
	padding: 1.35rem 1.45rem;
	border-radius: 1.75rem;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 251, 0.9));
	border: 1px solid rgba(20, 32, 51, 0.08);
	box-shadow: 0 22px 48px rgba(17, 24, 39, 0.12);
}

.system-vote-card .title {
	margin: 0 0 0.8rem;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
}

.vote_more {
	margin-bottom: 0.5rem;
}

.vote_list {
	display: grid;
	gap: 0.7rem;
	margin-bottom: 1rem;
}

.vote_votes {
	color: #677387;
}

.system-popup-user {
	display: grid;
	grid-template-columns: 6rem 1fr;
	gap: 1rem;
	padding: 1.25rem;
	border-radius: 1.65rem;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(245, 248, 252, 0.92));
	border: 1px solid rgba(20, 32, 51, 0.08);
	box-shadow: 0 20px 40px rgba(17, 24, 39, 0.12);
}

.system-popup-user .avatar {
	width: 6rem;
	height: 6rem;
}

.system-popup-user .cover {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 1.3rem;
	background-color: rgba(20, 32, 51, 0.08);
	background-size: cover;
	background-position: center;
	color: transparent;
}

.system-popup-user ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0.45rem;
}

.system-speedbar {
	margin-bottom: 1.5rem;
}

.system-speedbar .over {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	padding: 0.9rem 1.15rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(20, 32, 51, 0.08);
	box-shadow: 0 14px 30px rgba(17, 24, 39, 0.08);
}

.system-speedbar a {
	color: #172033;
	font-weight: 700;
}

.system-splitnewsnavigation {
	margin-top: 1.3rem;
	padding: 1rem 1.15rem;
	border-radius: 1.2rem;
	background: rgba(255, 255, 255, 0.74);
	border: 1px solid rgba(20, 32, 51, 0.08);
	color: #6f7b90;
}

.system-attachment {
	display: block;
	padding: 1rem 1.1rem;
	border-radius: 1.1rem;
	background: rgba(20, 32, 51, 0.05);
	border: 1px solid rgba(20, 32, 51, 0.08);
	color: #172033;
}

.system-category-menu__item {
	list-style: none;
	margin-bottom: 0.55rem;
}

.system-category-menu__link {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	align-items: center;
	padding: 0.8rem 0.95rem;
	border-radius: 1.1rem;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(20, 32, 51, 0.08);
	color: #172033;
	font-weight: 700;
	transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.system-category-menu__link em {
	font-style: normal;
	color: #6f7b90;
}

.system-category-menu__active .system-category-menu__link,
.system-category-menu__link:hover {
	background: #151b27;
	color: #fff;
	transform: translateX(4px);
}

.system-category-menu__active .system-category-menu__link em,
.system-category-menu__link:hover em {
	color: rgba(255, 255, 255, 0.72);
}

.system-category-menu__sub {
	margin-top: 0.55rem;
	padding-left: 1rem;
}

.system-fastsearch {
	display: grid;
	gap: 0.32rem;
	padding: 0.95rem 1rem;
	border-radius: 1.15rem;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(20, 32, 51, 0.08);
	box-shadow: 0 12px 24px rgba(17, 24, 39, 0.08);
}

.system-fastsearch .searchheading {
	font-weight: 800;
	color: #172033;
}

.system-fastsearch span:last-child {
	color: #6f7b90;
	font-size: 0.92rem;
	line-height: 1.55;
}

.system-widget-list__item {
	list-style: none;
}

.system-widget-list__link,
.system-widget-list__title a {
	display: block;
	padding: 1rem 1.05rem;
	border-radius: 1.2rem;
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(20, 32, 51, 0.08);
	color: #172033;
	box-shadow: 0 12px 24px rgba(17, 24, 39, 0.08);
}

.system-widget-list__link b,
.system-widget-list__title {
	display: block;
	font-weight: 800;
}

.system-widget-list__link span,
.system-widget-list__text {
	display: block;
	margin-top: 0.4rem;
	color: #6f7b90;
}

.system-widget-list__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 999px;
	background: #151b27;
}

.system-login-dropdown {
	min-width: 19rem;
	padding: 1.05rem;
	border-radius: 1.5rem;
	border: 1px solid rgba(20, 32, 51, 0.08);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 22px 48px rgba(17, 24, 39, 0.16);
}

.system-login-dropdown .soc_links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-bottom: 1rem;
}

.system-login-dropdown .login_form {
	display: grid;
	gap: 0.75rem;
}

.system-login-dropdown .login_input-btn {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.65rem;
	align-items: end;
}

.system-login-dropdown .login_form__foot,
.login_pane__foot {
	display: flex;
	justify-content: space-between;
	gap: 0.8rem;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.login_pane__menu {
	display: grid;
	gap: 0.45rem;
	margin-top: 1rem;
}

.login_pane__menu a {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.8rem 0.9rem;
	border-radius: 1rem;
	background: rgba(20, 32, 51, 0.05);
	color: #172033;
}

@media (max-width: 920px) {
	.combo,
	.usinf li {
		grid-template-columns: 1fr;
	}

	.pm-box,
	.form_submit,
	.login_check,
	.c-captcha,
	.system-popup-user {
		grid-template-columns: 1fr;
		flex-direction: column;
		align-items: stretch;
	}

	.system-popup-user {
		display: flex;
	}

	.system-popup-user .avatar {
		width: 5.5rem;
		height: 5.5rem;
	}
}

@media (max-width: 640px) {
	.system-card.box,
	.page_form__inner.system-card,
	.system-vote-card {
		border-radius: 1.5rem;
	}

	.system-card__body,
	.page_form__form.system-card__body,
	.system-card.box > .box_in {
		padding: 1.2rem;
	}

	.system-page .title,
	.system-auth-card .title,
	.system-preview-card .title {
		font-size: clamp(2rem, 13vw, 3rem);
	}

	.system-login-dropdown {
		min-width: auto;
	}

	.system-login-dropdown .login_input-btn {
		grid-template-columns: 1fr;
	}
}

/* Premium dark cleanup pass */
.h-con-list a,
.h-mobile-link,
.h-toggle {
	border-color: rgba(255, 255, 255, 0.12);
	background:
		linear-gradient(180deg, rgba(27, 32, 44, 0.96) 0%, rgba(17, 21, 31, 0.94) 100%);
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.h-con-list a:hover,
.h-mobile-link:hover,
.h-toggle:hover {
	border-color: rgba(132, 92, 255, 0.3);
	background:
		linear-gradient(180deg, rgba(36, 41, 58, 0.98) 0%, rgba(21, 26, 38, 0.96) 100%);
	box-shadow:
		0 18px 36px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(83, 160, 255, 0.08);
}

.section-accent .section-link,
.section-head__link,
.contact-actions a,
.hero-details span,
.hero-chip:not(.hero-chip--accent),
.button-secondary,
.story-action--secondary {
	border-color: rgba(255, 255, 255, 0.12);
	background:
		linear-gradient(180deg, rgba(31, 36, 49, 0.96) 0%, rgba(20, 24, 34, 0.94) 100%);
	color: #f4efe8;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 12px 28px rgba(0, 0, 0, 0.2);
}

.section-accent .section-link:hover,
.section-head__link:hover,
.contact-actions a:hover,
.hero-details span:hover,
.hero-chip:not(.hero-chip--accent):hover,
.button-secondary:hover,
.story-action--secondary:hover {
	border-color: rgba(109, 137, 255, 0.34);
	background:
		linear-gradient(135deg, rgba(73, 49, 109, 0.9) 0%, rgba(28, 34, 49, 0.96) 55%, rgba(25,
				61, 96, 0.9) 100%);
	color: #ffffff;
}

.story-card__pill,
.pricing-card__pill,
.card-kicker-light,
.support-card__label {
	background:
		linear-gradient(135deg, rgba(215, 183, 122, 0.14) 0%, rgba(132, 92, 255, 0.08) 100%);
	color: #f2d9a0;
	box-shadow: inset 0 0 0 1px rgba(215, 183, 122, 0.16);
}

.about-point,
.static-page__fact,
.contact-meta__intro,
.contact-fact {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(180deg, rgba(30, 35, 47, 0.98) 0%, rgba(22, 26, 36, 0.94) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 32px rgba(0, 0, 0, 0.16);
}

.about-point span,
.static-page__fact span,
.contact-meta__intro span,
.contact-fact span {
	color: #dcbc78;
}

.about-point strong,
.static-page__fact strong,
.static-page__fact a,
.contact-meta__intro strong,
.contact-fact strong {
	color: #f6f2eb;
}

.contact-meta {
	background:
		linear-gradient(165deg, rgba(16, 21, 30, 0.98) 0%, rgba(25, 30, 43, 0.96) 58%, rgba(32,
				36, 56, 0.95) 100%);
	box-shadow:
		0 20px 46px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.contact-meta__intro,
.contact-fact {
	color: #f4efe8;
}

.contact-meta__intro strong a,
.contact-fact strong a {
	color: inherit;
}

.support-panel__layout > .support-panel__column:not(.support-panel__column--share) {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(165deg, rgba(16, 20, 30, 0.98) 0%, rgba(28, 31, 45, 0.94) 58%, rgba(41,
				28, 64, 0.9) 100%);
	box-shadow:
		0 20px 42px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.support-panel__layout > .support-panel__column:not(.support-panel__column--share) .story-card__pill,
.support-panel__layout > .support-panel__column:not(.support-panel__column--share) .support-card__label {
	background: rgba(215, 183, 122, 0.14);
	color: #f2d9a0;
}

.support-panel__layout > .support-panel__column:not(.support-panel__column--share) .support-panel__head p,
.support-panel__layout > .support-panel__column:not(.support-panel__column--share) p,
.support-panel__layout > .support-panel__column:not(.support-panel__column--share) .support-token__address {
	color: rgba(226, 232, 242, 0.74);
}

.support-token {
	border-color: rgba(132, 92, 255, 0.24);
	background:
		linear-gradient(180deg, rgba(24, 29, 40, 0.96) 0%, rgba(17, 22, 31, 0.92) 100%);
	color: #f4efe8;
}

.support-token__name,
.support-token__icon {
	color: #f4efe8;
}

.support-token__badge {
	background: rgba(132, 92, 255, 0.18);
	color: #c8b4ff;
}

.support-share__link {
	border-color: rgba(255, 255, 255, 0.1);
	background:
		linear-gradient(180deg, rgba(45, 47, 70, 0.88) 0%, rgba(35, 38, 56, 0.92) 100%);
	color: #f4efe8;
}

.support-share__link:hover,
.support-share__link:focus-visible {
	background:
		linear-gradient(135deg, rgba(77, 56, 117, 0.92) 0%, rgba(39, 44, 63, 0.96) 54%, rgba(26,
				61, 93, 0.92) 100%);
	color: #ffffff;
}

.shortstory--music.audio-card {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(145deg, rgba(17, 21, 31, 0.98) 0%, rgba(25, 28, 40, 0.96) 58%, rgba(39,
				28, 61, 0.9) 100%);
	box-shadow:
		0 20px 40px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.shortstory--music.audio-card::before {
	opacity: 0.72;
}

.shortstory--music .card-kicker {
	background: rgba(132, 92, 255, 0.18);
	color: #c6b4ff;
}

.shortstory--music .audio-title,
.shortstory--music .audio-title a {
	color: #f5f2eb;
}

.shortstory--music .audio-meta {
	color: rgba(223, 229, 239, 0.62);
}

.shortstory--music .audio-excerpt {
	color: rgba(223, 229, 239, 0.72);
}

.shortstory--music .audio-open {
	border-color: rgba(255, 255, 255, 0.1);
	background:
		linear-gradient(135deg, rgba(39, 45, 61, 0.98) 0%, rgba(23, 28, 39, 0.96) 100%);
	color: #ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 12px 24px rgba(0, 0, 0, 0.18);
}

.shortstory--music .audio-open:hover {
	border-color: rgba(109, 137, 255, 0.34);
	background:
		linear-gradient(135deg, rgba(77, 56, 117, 0.96) 0%, rgba(26, 61, 96, 0.92) 100%);
	color: #ffffff;
}

.wallet-modal__dialog {
	background:
		linear-gradient(180deg, rgba(14, 18, 27, 0.98) 0%, rgba(18, 23, 34, 0.96) 100%);
}

.wallet-modal__close {
	background: rgba(255, 255, 255, 0.08);
	color: #f4efe8;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.wallet-modal__close:hover {
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}

.wallet-modal__head p,
.wallet-modal__field-label {
	color: rgba(224, 230, 240, 0.78);
}

.wallet-modal__token {
	background: rgba(215, 183, 122, 0.12);
	color: #f2d9a0;
	box-shadow: inset 0 0 0 1px rgba(215, 183, 122, 0.14);
}

.wallet-modal__qr-shell {
	background:
		linear-gradient(180deg, rgba(26, 31, 43, 0.94) 0%, rgba(19, 24, 34, 0.94) 100%);
	border-color: rgba(255, 255, 255, 0.08);
}

.wallet-modal__input {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.05);
	color: #f4efe8;
}

.wallet-modal__input::placeholder {
	color: rgba(224, 230, 240, 0.42);
}

.wallet-modal__copy {
	border: none;
	background:
		linear-gradient(135deg, rgba(38, 43, 59, 0.98) 0%, rgba(24, 29, 39, 0.96) 100%);
	color: #ffffff;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.wallet-modal__copy:hover {
	border-color: rgba(109, 137, 255, 0.34);
	background:
		linear-gradient(135deg, rgba(77, 56, 117, 0.9) 0%, rgba(26, 61, 96, 0.9) 100%);
	color: #ffffff;
}

/* Premium dark component pass 2 */
.h-con a {
	border-color: rgba(255, 255, 255, 0.12);
	background:
		linear-gradient(180deg, rgba(30, 35, 47, 0.96) 0%, rgba(19, 23, 34, 0.94) 100%);
	box-shadow:
		0 12px 26px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
	opacity: 1;
}

.h-con a:hover {
	border-color: rgba(132, 92, 255, 0.34);
	background:
		linear-gradient(135deg, rgba(63, 40, 99, 0.96) 0%, rgba(25, 33, 48, 0.96) 58%, rgba(24,
				60, 95, 0.92) 100%);
	box-shadow:
		0 16px 34px rgba(0, 0, 0, 0.34),
		0 0 0 1px rgba(83, 160, 255, 0.08);
}

.section-link,
.hero-summary__link {
	border-color: rgba(255, 255, 255, 0.12);
	background:
		linear-gradient(180deg, rgba(31, 36, 49, 0.96) 0%, rgba(20, 24, 34, 0.94) 100%);
	color: #f4efe8;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 12px 28px rgba(0, 0, 0, 0.22);
}

.section-link:hover,
.hero-summary__link:hover {
	border-color: rgba(109, 137, 255, 0.34);
	background:
		linear-gradient(135deg, rgba(74, 52, 113, 0.94) 0%, rgba(29, 34, 49, 0.96) 55%, rgba(25,
				61, 96, 0.92) 100%);
	color: #ffffff;
}

.section-kicker,
.card-kicker,
.hero-summary__label,
.taycan-lane__tags span,
.contact-row span {
	color: #f0d8a4;
	background:
		linear-gradient(135deg, rgba(215, 183, 122, 0.14) 0%, rgba(132, 92, 255, 0.08) 100%);
	box-shadow: inset 0 0 0 1px rgba(215, 183, 122, 0.14);
}

.about-point,
.static-page__fact,
.contact-meta__intro,
.contact-fact {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(180deg, rgba(31, 36, 48, 0.98) 0%, rgba(20, 24, 34, 0.94) 100%);
	box-shadow:
		0 16px 34px rgba(0, 0, 0, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.about-point span,
.static-page__fact span,
.contact-meta__intro span,
.contact-fact span,
.about-card__meta span {
	color: rgba(240, 216, 164, 0.88);
}

.about-point strong,
.static-page__fact strong,
.static-page__fact a,
.contact-meta__intro strong,
.contact-fact strong,
.about-card__meta strong {
	color: #f6f2eb;
}

.support-panel {
	background:
		linear-gradient(180deg, rgba(12, 16, 24, 0.98) 0%, rgba(15, 20, 29, 0.96) 100%);
	border-color: rgba(255, 255, 255, 0.08);
}

.support-panel__column {
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow:
		0 18px 36px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.support-panel__column:not(.support-panel__column--share) {
	background:
		linear-gradient(165deg, rgba(16, 21, 30, 0.98) 0%, rgba(24, 29, 41, 0.96) 58%, rgba(35,
				27, 58, 0.9) 100%);
	color: #f4efe8;
}

.support-panel__column:not(.support-panel__column--share) .support-panel__head h2,
.support-panel__column:not(.support-panel__column--share) h3 {
	color: #f6f2eb;
}

.support-panel__column:not(.support-panel__column--share) .support-panel__head p,
.support-panel__column:not(.support-panel__column--share) p {
	color: rgba(226, 232, 242, 0.76);
}

.support-panel__column--share {
	background:
		linear-gradient(165deg, rgba(21, 25, 36, 0.98) 0%, rgba(36, 31, 58, 0.96) 100%);
}

.support-share__link {
	background:
		linear-gradient(180deg, rgba(43, 46, 67, 0.86) 0%, rgba(33, 36, 54, 0.94) 100%);
	color: #f5f2eb;
}

.support-share__link svg {
	color: #f3e2c0;
}

.support-token {
	background:
		linear-gradient(180deg, rgba(27, 32, 44, 0.96) 0%, rgba(18, 22, 31, 0.92) 100%);
	color: #f5f2eb;
}

.support-token__badge {
	background: rgba(132, 92, 255, 0.18);
	color: #ccb9ff;
}

.music-grid .shortstory--music.audio-card {
	background:
		linear-gradient(145deg, rgba(16, 20, 30, 0.98) 0%, rgba(22, 27, 38, 0.96) 58%, rgba(36,
				28, 56, 0.88) 100%);
	border-color: rgba(255, 255, 255, 0.08);
}

.music-grid .shortstory--music.audio-card::before {
	background:
		linear-gradient(135deg, rgba(112, 77, 196, 0.22) 0%, transparent 48%, rgba(83, 160, 255,
				0.14) 100%);
	opacity: 0.28;
}

.music-grid .shortstory--music .card-kicker {
	background: rgba(132, 92, 255, 0.16);
	color: #c9b7ff;
}

.music-grid .shortstory--music .audio-title,
.music-grid .shortstory--music .audio-title a {
	color: #f6f2eb;
}

.music-grid .shortstory--music .audio-meta {
	color: rgba(223, 229, 239, 0.64);
}

.music-grid .shortstory--music .audio-open {
	background:
		linear-gradient(135deg, rgba(37, 42, 58, 0.98) 0%, rgba(24, 29, 40, 0.96) 100%);
	border-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.music-grid .shortstory--music .audio-open:hover {
	background:
		linear-gradient(135deg, rgba(77, 56, 117, 0.94) 0%, rgba(25, 61, 96, 0.9) 100%);
	border-color: rgba(109, 137, 255, 0.34);
}

.wallet-modal__dialog {
	background:
		linear-gradient(180deg, rgba(13, 17, 26, 0.99) 0%, rgba(17, 22, 33, 0.97) 100%);
}

.wallet-modal__close {
	background:
		linear-gradient(180deg, rgba(42, 46, 59, 0.98) 0%, rgba(28, 32, 42, 0.96) 100%);
	color: #f5f2eb;
}

.wallet-modal__head p,
.wallet-modal__field-label {
	color: rgba(223, 229, 239, 0.78);
}

.wallet-modal__qr-shell {
	background:
		linear-gradient(180deg, rgba(23, 28, 39, 0.98) 0%, rgba(16, 20, 29, 0.96) 100%);
}

.wallet-modal__input {
	background: rgba(255, 255, 255, 0.06);
	color: #f4efe8;
	-webkit-text-fill-color: #f4efe8;
}

.wallet-modal__copy {
	background:
		linear-gradient(135deg, rgba(39, 44, 60, 0.98) 0%, rgba(24, 28, 39, 0.96) 100%);
	color: #ffffff;
}

/* Premium dark component pass 3 */
.h-con a,
.h-mobile-link {
	background-color: rgba(24, 28, 39, 0.94);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	box-shadow:
		0 12px 26px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.h-con a:hover,
.h-mobile-link:hover {
	background-color: rgba(32, 37, 51, 0.98);
}

.h-con-phone a {
	background-image: url("/templates/M1LOY/images/icons/phone.png");
}

.h-con-instagram a,
.h-mobile-link--instagram {
	background-image: url("/templates/M1LOY/images/icons/instagram.png");
}

.h-con-threads a {
	background-image: url("/templates/M1LOY/images/icons/threads.png");
}

.h-mobile-link--threads {
	background-image: url("/templates/M1LOY/images/icons/threads.png");
}

.h-con-telegram a,
.h-mobile-link--telegram {
	background-image: url("/templates/M1LOY/images/icons/telegram.png");
}

.contact-meta__intro,
.contact-fact {
	background:
		linear-gradient(180deg, rgba(29, 34, 46, 0.98) 0%, rgba(20, 24, 34, 0.96) 100%);
}

.contact-meta__intro span,
.contact-fact span {
	color: rgba(210, 217, 230, 0.56);
}

.contact-meta__intro strong,
.contact-fact strong {
	color: #f6f1ea;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}

.contact-meta__intro strong a,
.contact-fact strong a {
	color: #f6f1ea;
}

.contact-meta__intro strong:hover a,
.contact-fact strong:hover a {
	color: #ffffff;
}

.contact-meta__facts {
	border-top-color: rgba(255, 255, 255, 0.06);
}

.taycan-shell {
	border-color: rgba(255, 255, 255, 0.1);
	background:
		radial-gradient(circle at 12% 18%, rgba(214, 184, 123, 0.1), transparent 22%),
		radial-gradient(circle at 82% 15%, rgba(109, 137, 255, 0.16), transparent 26%),
		radial-gradient(circle at 62% 86%, rgba(198, 75, 157, 0.14), transparent 26%),
		linear-gradient(165deg, rgba(10, 14, 22, 0.99) 0%, rgba(16, 20, 30, 0.98) 44%, rgba(24, 21, 38, 0.98) 100%);
	box-shadow:
		0 26px 60px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		inset 0 0 0 1px rgba(214, 184, 123, 0.06);
}

.taycan-shell::before {
	background:
		radial-gradient(circle at 22% 18%, rgba(214, 184, 123, 0.12), transparent 24%),
		radial-gradient(circle at 84% 14%, rgba(109, 137, 255, 0.2), transparent 28%),
		radial-gradient(circle at 58% 88%, rgba(201, 73, 160, 0.18), transparent 24%);
	opacity: 1;
}

.taycan-kicker,
.taycan-lane__label {
	background:
		linear-gradient(135deg, rgba(214, 184, 123, 0.18) 0%, rgba(120, 84, 219, 0.08) 100%);
	color: #f3dca8;
	box-shadow: inset 0 0 0 1px rgba(214, 184, 123, 0.16);
}

.taycan-subtitle {
	color: rgba(243, 219, 170, 0.78);
}

.taycan-copy h2 {
	color: #fbf4eb;
	text-shadow: 0 2px 22px rgba(111, 150, 255, 0.06);
}

.taycan-lead,
.taycan-list li,
.taycan-lane p {
	color: rgba(229, 234, 242, 0.82);
}

.taycan-offer__price,
.taycan-fact,
.taycan-meta__card,
.taycan-lane,
.taycan-stage,
.taycan-stage__front,
.taycan-stage__badge {
	border-color: rgba(255, 255, 255, 0.1);
	background:
		linear-gradient(180deg, rgba(29, 34, 46, 0.96) 0%, rgba(20, 24, 34, 0.94) 100%);
	box-shadow:
		0 18px 34px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.taycan-stage {
	background:
		radial-gradient(circle at 50% 20%, rgba(255, 255, 255, 0.12), transparent 26%),
		radial-gradient(circle at 14% 22%, rgba(214, 184, 123, 0.14), transparent 20%),
		radial-gradient(circle at 82% 16%, rgba(109, 137, 255, 0.2), transparent 22%),
		linear-gradient(180deg, rgba(33, 39, 54, 0.94) 0%, rgba(18, 22, 32, 0.96) 100%);
}

.taycan-stage__front {
	background:
		linear-gradient(180deg, rgba(36, 40, 55, 0.94) 0%, rgba(18, 21, 30, 0.94) 100%);
}

.taycan-stage__badge,
.taycan-lane__hint {
	background:
		linear-gradient(135deg, rgba(61, 44, 97, 0.92) 0%, rgba(27, 31, 44, 0.96) 100%);
	color: rgba(244, 239, 232, 0.84);
}

.taycan-offer__price span,
.taycan-fact span,
.taycan-meta__card span,
.taycan-stage__badge span {
	color: rgba(243, 219, 170, 0.82);
}

.taycan-offer__price strong,
.taycan-fact strong,
.taycan-meta__card strong,
.taycan-stage__badge strong {
	color: #fbf4eb;
}

.taycan-lane__tags span {
	background:
		linear-gradient(135deg, rgba(214, 184, 123, 0.14) 0%, rgba(120, 84, 219, 0.1) 100%);
	color: #f4dfb4;
	box-shadow: inset 0 0 0 1px rgba(214, 184, 123, 0.12);
}

/* Premium component rescue pass 4 */
.h-con a,
.h-mobile-link {
	position: relative;
	background-image: none !important;
	background-color: rgba(24, 28, 39, 0.96);
}

.h-con a::before,
.h-mobile-link::before {
	content: "";
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 17px;
	opacity: 0.88;
	filter: grayscale(1) saturate(0) brightness(2.15) contrast(0.92);
	transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease;
}

.h-con a:hover::before,
.h-mobile-link:hover::before {
	opacity: 1;
	filter: grayscale(1) saturate(0) brightness(2.45) contrast(0.96);
	transform: scale(1.04);
}

.h-con-phone a::before {
	background-image: url("/templates/M1LOY/images/icons/phone.png");
}

.h-con-instagram a::before,
.h-mobile-link--instagram::before {
	background-image: url("/templates/M1LOY/images/icons/instagram.png");
}

.h-con-threads a::before {
	background-image: url("/templates/M1LOY/images/icons/threads.png");
}

.h-mobile-link--threads::before {
	background-image: url("/templates/M1LOY/images/icons/threads.png");
}

.h-con-telegram a::before,
.h-mobile-link--telegram::before {
	background-image: url("/templates/M1LOY/images/icons/telegram.png");
}

.contact-meta__intro,
.contact-fact {
	background: transparent !important;
	box-shadow: none !important;
}

.contact-meta__intro {
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.contact-fact {
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.contact-meta__facts {
	gap: 14px;
}

.contact-meta__intro span,
.contact-fact span {
	color: rgba(199, 207, 221, 0.5);
	letter-spacing: 0.09em;
}

.contact-meta__intro strong,
.contact-fact strong,
.contact-meta__intro strong a,
.contact-fact strong a {
	color: #f5f1ea;
}

.wallet-modal__field-row .wallet-modal__input,
input.wallet-modal__input {
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: rgba(248, 244, 236, 0.98) !important;
	color: #101722 !important;
	-webkit-text-fill-color: #101722 !important;
	opacity: 1 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.wallet-modal__field-row .wallet-modal__input::placeholder,
input.wallet-modal__input::placeholder {
	color: rgba(16, 23, 34, 0.46) !important;
	opacity: 1 !important;
}

.wallet-modal__copy {
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.08),
		0 12px 28px rgba(0, 0, 0, 0.24);
}

.taycan-shell {
	border-color: rgba(214, 184, 123, 0.18);
	background:
		radial-gradient(circle at 14% 18%, rgba(214, 184, 123, 0.14), transparent 24%),
		radial-gradient(circle at 82% 12%, rgba(113, 164, 255, 0.18), transparent 26%),
		radial-gradient(circle at 64% 82%, rgba(204, 73, 160, 0.16), transparent 24%),
		linear-gradient(165deg, rgba(8, 11, 18, 0.995) 0%, rgba(13, 17, 26, 0.99) 42%, rgba(18, 16, 31, 0.99) 100%);
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		inset 0 0 0 1px rgba(214, 184, 123, 0.06);
}

.taycan-shell::before {
	background:
		radial-gradient(circle at 18% 20%, rgba(214, 184, 123, 0.14), transparent 26%),
		radial-gradient(circle at 86% 14%, rgba(113, 164, 255, 0.24), transparent 28%),
		radial-gradient(circle at 58% 88%, rgba(204, 73, 160, 0.2), transparent 24%);
	opacity: 1;
}

.taycan-stage {
	border-color: rgba(255, 255, 255, 0.1);
	background:
		radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.12), transparent 24%),
		radial-gradient(circle at 18% 24%, rgba(214, 184, 123, 0.16), transparent 18%),
		radial-gradient(circle at 84% 18%, rgba(113, 164, 255, 0.2), transparent 22%),
		linear-gradient(180deg, rgba(33, 39, 55, 0.96) 0%, rgba(16, 20, 30, 0.97) 100%);
}

.taycan-stage__front,
.taycan-stage__badge,
.taycan-offer__price,
.taycan-fact,
.taycan-meta__card,
.taycan-lane {
	background:
		linear-gradient(180deg, rgba(34, 39, 53, 0.96) 0%, rgba(19, 23, 33, 0.95) 100%);
	border-color: rgba(255, 255, 255, 0.1);
}

.taycan-stage__badge,
.taycan-lane__hint {
	background:
		linear-gradient(135deg, rgba(63, 45, 100, 0.92) 0%, rgba(28, 31, 45, 0.96) 100%);
	color: rgba(244, 239, 232, 0.88);
}

/* Final pagination + wallet modal polish */
.pagination-shell__pages a,
.pagination-shell__pages span {
	color: #eef2f8;
}

.wallet-modal__dialog {
	width: min(100%, 560px);
}

.wallet-modal__body {
	grid-template-columns: 1fr;
	gap: 16px;
	align-items: start;
}

.wallet-modal__qr-shell {
	width: min(65%, 360px);
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.wallet-modal__field {
	width: 100%;
}

.wallet-modal__field-row {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.wallet-modal__field-row > * {
	width: 100%;
}

.wallet-modal__input,
input.wallet-modal__input {
	display: block;
	flex: none;
	width: 100% !important;
	max-width: none;
	box-sizing: border-box;
}

.wallet-modal__qr {
	width: 100%;
	max-width: none;
	box-shadow: none;
}

.wallet-modal__copy {
	justify-content: center;
}

@media (max-width: 768px) {
	.wallet-modal__dialog {
		width: min(100%, 420px);
	}
}

/* 2026-04-10 Graphite interior premium pass */
:root {
	--bg: #15181d;
	--surface: rgba(24, 28, 34, 0.9);
	--surface-strong: #1f242b;
	--surface-dark: #121419;
	--surface-light: rgba(34, 39, 47, 0.92);
	--ink: #f2ede5;
	--ink-soft: #d9d1c6;
	--muted: #a8a29a;
	--line: rgba(241, 233, 221, 0.08);
	--line-strong: rgba(241, 233, 221, 0.14);
	--brand-magenta: #ba744e;
	--brand-violet: #c8a37d;
	--brand-amber: #d8be9e;
	--brand-teal: #8e99a5;
	--brand-blue: #98a4b1;
	--brand-gradient:
		linear-gradient(
			90deg,
			#b8734c 0%,
			#c8ab86 48%,
			#9aa4ae 100%
		);
	--brand-gradient-strong:
		linear-gradient(
			135deg,
			#b56f49 0%,
			#d1b28d 54%,
			#949fac 100%
		);
}

body {
	background:
		radial-gradient(circle at 16% 14%, rgba(205, 168, 133, 0.09), transparent 22%),
		radial-gradient(circle at 82% 16%, rgba(152, 164, 176, 0.08), transparent 24%),
		radial-gradient(circle at 54% 88%, rgba(184, 120, 78, 0.08), transparent 20%),
		linear-gradient(180deg, #171a20 0%, #12151b 100%) !important;
	color: var(--ink);
}

.page-shell::before {
	background:
		radial-gradient(circle at 20% 16%, rgba(208, 174, 142, 0.12), transparent 24%),
		radial-gradient(circle at 84% 18%, rgba(147, 161, 173, 0.12), transparent 26%),
		radial-gradient(circle at 64% 84%, rgba(184, 116, 78, 0.08), transparent 18%) !important;
	opacity: 1 !important;
}

.header-shell,
.header.is-scrolled .header-shell {
	background:
		linear-gradient(180deg, rgba(24, 28, 34, 0.96) 0%, rgba(18, 21, 27, 0.96) 100%) !important;
	border-color: rgba(232, 220, 207, 0.08) !important;
	box-shadow:
		0 18px 46px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.header-shell::after {
	background:
		linear-gradient(
			90deg,
			rgba(184, 116, 78, 0.9) 0%,
			rgba(206, 181, 149, 0.92) 52%,
			rgba(145, 157, 171, 0.92) 100%
		) !important;
}

.h-logo b {
	background: var(--brand-gradient) !important;
	-webkit-background-clip: text;
	background-clip: text;
}

.h-con a,
.h-mobile-link,
.h-toggle {
	background:
		linear-gradient(180deg, rgba(30, 34, 42, 0.96) 0%, rgba(22, 25, 31, 0.96) 100%) !important;
	border-color: rgba(234, 222, 209, 0.08) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 10px 24px rgba(0, 0, 0, 0.18) !important;
}

.h-con a::before,
.h-mobile-link::before {
	opacity: 0.9 !important;
	filter: saturate(0.82) brightness(0.96) contrast(1.03) !important;
}

.h-con a:hover,
.h-mobile-link:hover,
.h-toggle:hover {
	border-color: rgba(201, 174, 143, 0.22) !important;
	background:
		linear-gradient(180deg, rgba(35, 40, 48, 0.98) 0%, rgba(25, 29, 36, 0.98) 100%) !important;
}

.h-con a:hover::before,
.h-mobile-link:hover::before {
	opacity: 1 !important;
	filter: saturate(0.92) brightness(1.02) contrast(1.04) !important;
	transform: none !important;
}

.h-toggle span {
	background: #ece4d8 !important;
}

.hero-summary,
.story-card,
.pricing-card,
.about-point,
.contact-fact,
.contact-meta,
.contact-meta__intro,
.support-panel__column,
.story-related,
.comment-form-card,
.wallet-modal__dialog,
.static-page__card,
.static-page__fact,
.search-page__box,
.stats-box,
.profile-card,
.vote-box,
.page-form,
.page-card,
.story-card--dark {
	background:
		linear-gradient(180deg, rgba(29, 33, 40, 0.94) 0%, rgba(22, 25, 31, 0.94) 100%) !important;
	border-color: rgba(234, 223, 211, 0.08) !important;
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.story-card,
.pricing-card,
.about-point,
.contact-fact,
.contact-meta__intro,
.static-page__fact {
	background:
		linear-gradient(180deg, rgba(36, 40, 48, 0.94) 0%, rgba(28, 31, 38, 0.95) 100%) !important;
}

.story-card__pill,
.pricing-card__pill,
.card-kicker-light,
.support-card__label,
.static-page__chip,
.story-card__chip,
.card-kicker {
	background: rgba(194, 168, 135, 0.12) !important;
	color: #dfc4a3 !important;
	box-shadow: inset 0 0 0 1px rgba(216, 194, 165, 0.14) !important;
}

.section-link,
.hero-summary__link,
.hero-chip:not(.hero-chip--accent),
.button-secondary,
.story-action--secondary,
.section-head__link,
.contact-actions a,
.hero-details span,
.contact-row span {
	background:
		linear-gradient(180deg, rgba(40, 44, 52, 0.96) 0%, rgba(31, 35, 42, 0.96) 100%) !important;
	color: #f1e9df !important;
	border-color: rgba(232, 219, 204, 0.1) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 10px 22px rgba(0, 0, 0, 0.16) !important;
}

.section-link:hover,
.hero-summary__link:hover,
.button-secondary:hover,
.story-action--secondary:hover,
.section-head__link:hover,
.contact-actions a:hover {
	border-color: rgba(201, 172, 138, 0.22) !important;
	background:
		linear-gradient(180deg, rgba(45, 49, 57, 0.98) 0%, rgba(34, 38, 45, 0.98) 100%) !important;
}

.button-primary,
.story-action--primary,
.hero-chip--accent,
.contact-cta a:first-child,
.support-panel__actions .story-action:first-child {
	background: var(--brand-gradient-strong) !important;
	color: #fbf6ef !important;
	border-color: transparent !important;
	box-shadow:
		0 18px 38px rgba(122, 79, 49, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.button-primary:hover,
.story-action--primary:hover,
.hero-chip--accent:hover,
.contact-cta a:first-child:hover,
.support-panel__actions .story-action:first-child:hover {
	filter: brightness(1.03);
}

.about-point span,
.contact-fact span,
.contact-meta__intro span,
.static-page__fact span,
.pricing-card__pill,
.support-card__label,
.taycan-offer__price span,
.taycan-fact span,
.taycan-meta__card span,
.taycan-stage__badge span,
.wallet-modal__field-label,
.wallet-modal__subtitle {
	color: rgba(214, 202, 188, 0.62) !important;
}

.about-point strong,
.contact-fact strong,
.contact-meta__intro strong,
.contact-fact strong a,
.contact-meta__intro strong a,
.static-page__fact strong,
.pricing-card h3,
.story-card h3,
.story-card h2,
.static-page__lead strong,
.support-panel__column strong,
.support-share__title,
.wallet-modal__title,
.wallet-modal__copy,
.wallet-modal__input,
.wallet-modal__input::placeholder,
.wallet-modal__copy,
.wallet-modal__close,
.audio-card__title,
.audio-title {
	color: #f3ede4 !important;
}

.hero-summary p,
.pricing-card p,
.story-card p,
.static-page__lead,
.support-panel__column p,
.support-share__desc,
.contact-meta__body,
.contact-fact p,
.about-point p,
.audio-excerpt,
.audio-meta,
.wallet-modal__desc,
.wallet-modal__field-label,
.wallet-modal__subtitle {
	color: #b7b0a7 !important;
}

.contact-meta__intro,
.contact-fact {
	border: 1px solid rgba(233, 221, 207, 0.06) !important;
	background:
		linear-gradient(180deg, rgba(34, 38, 46, 0.96) 0%, rgba(27, 31, 38, 0.96) 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 14px 28px rgba(0, 0, 0, 0.16) !important;
}

.contact-meta__facts {
	gap: 12px !important;
}

.support-panel__column--share {
	background:
		linear-gradient(180deg, rgba(28, 33, 42, 0.97) 0%, rgba(24, 28, 35, 0.98) 100%) !important;
}

.support-panel__column:not(.support-panel__column--share) {
	background:
		linear-gradient(180deg, rgba(36, 40, 46, 0.96) 0%, rgba(27, 31, 37, 0.96) 100%) !important;
}

.support-share__link,
.support-token,
.support-panel__actions .story-action {
	border-color: rgba(232, 220, 205, 0.08) !important;
}

.support-share__link {
	background:
		linear-gradient(180deg, rgba(46, 51, 62, 0.9) 0%, rgba(37, 42, 52, 0.92) 100%) !important;
	color: #f1ebe1 !important;
}

.support-share__link:hover {
	background:
		linear-gradient(180deg, rgba(53, 59, 71, 0.96) 0%, rgba(41, 46, 56, 0.96) 100%) !important;
}

.support-token {
	background:
		linear-gradient(180deg, rgba(40, 45, 54, 0.96) 0%, rgba(31, 35, 42, 0.96) 100%) !important;
	color: #f0e6da !important;
}

.shortstory--music.audio-card,
.music-grid .shortstory--music.audio-card {
	background:
		linear-gradient(180deg, rgba(31, 35, 42, 0.97) 0%, rgba(23, 26, 32, 0.97) 100%) !important;
	border-color: rgba(234, 221, 206, 0.08) !important;
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.shortstory--music .card-kicker,
.shortstory--music .audio-meta,
.shortstory--music .audio-excerpt,
.shortstory--music .audio-open {
	color: #ece5da !important;
}

.shortstory--music .audio-meta,
.shortstory--music .audio-excerpt {
	color: #b6afa6 !important;
}

.shortstory--music .audio-open {
	background:
		linear-gradient(180deg, rgba(33, 37, 45, 0.98) 0%, rgba(25, 29, 36, 0.98) 100%) !important;
	border-color: rgba(232, 220, 205, 0.08) !important;
}

.pagination-shell__arrow,
.pagination-shell__pages a,
.pagination-shell__pages span {
	background:
		linear-gradient(180deg, rgba(36, 40, 47, 0.96) 0%, rgba(28, 31, 38, 0.96) 100%) !important;
	color: #ece5da !important;
	border-color: rgba(232, 220, 205, 0.08) !important;
}

.pagination-shell__pages span,
.pagination-shell__pages a:hover,
.pagination-shell__arrow:hover {
	background: var(--brand-gradient) !important;
	color: #15181d !important;
	border-color: transparent !important;
}

.wallet-modal__dialog {
	background:
		radial-gradient(circle at 18% 18%, rgba(209, 176, 145, 0.08), transparent 22%),
		radial-gradient(circle at 84% 16%, rgba(148, 160, 173, 0.09), transparent 22%),
		linear-gradient(180deg, rgba(20, 23, 29, 0.985) 0%, rgba(16, 19, 25, 0.985) 100%) !important;
	border-color: rgba(233, 221, 207, 0.08) !important;
}

.wallet-modal__close {
	background:
		linear-gradient(180deg, rgba(41, 45, 53, 0.96) 0%, rgba(31, 35, 42, 0.96) 100%) !important;
	border-color: rgba(233, 221, 207, 0.08) !important;
	color: #f1ebe1 !important;
}

.wallet-modal__field-row .wallet-modal__input,
input.wallet-modal__input {
	background: rgba(244, 239, 231, 0.98) !important;
	color: #1b1e24 !important;
	-webkit-text-fill-color: #1b1e24 !important;
	border-color: rgba(224, 211, 196, 0.45) !important;
}

.wallet-modal__copy {
	background:
		linear-gradient(180deg, rgba(38, 42, 50, 0.98) 0%, rgba(29, 33, 40, 0.98) 100%) !important;
	border-color: rgba(233, 221, 207, 0.08) !important;
	color: #f3ece2 !important;
}

.taycan-shell {
	border-color: rgba(215, 190, 158, 0.14) !important;
	background:
		radial-gradient(circle at 18% 18%, rgba(188, 121, 81, 0.14), transparent 24%),
		radial-gradient(circle at 86% 16%, rgba(154, 165, 176, 0.15), transparent 24%),
		radial-gradient(circle at 68% 84%, rgba(219, 197, 168, 0.08), transparent 18%),
		linear-gradient(165deg, rgba(16, 19, 24, 0.995) 0%, rgba(20, 24, 30, 0.995) 44%, rgba(26, 28, 34, 0.995) 100%) !important;
	box-shadow:
		0 34px 72px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		inset 0 0 0 1px rgba(215, 190, 158, 0.05) !important;
}

.taycan-shell::before {
	background:
		radial-gradient(circle at 16% 18%, rgba(184, 116, 78, 0.18), transparent 22%),
		radial-gradient(circle at 86% 16%, rgba(151, 163, 176, 0.16), transparent 22%),
		radial-gradient(circle at 72% 84%, rgba(227, 206, 179, 0.08), transparent 16%) !important;
	opacity: 1 !important;
}

.taycan-stage {
	border-color: rgba(234, 220, 204, 0.08) !important;
	background:
		radial-gradient(circle at 50% 18%, rgba(255, 247, 236, 0.12), transparent 20%),
		radial-gradient(circle at 20% 24%, rgba(183, 117, 78, 0.16), transparent 18%),
		radial-gradient(circle at 84% 18%, rgba(149, 162, 176, 0.18), transparent 20%),
		linear-gradient(180deg, rgba(40, 45, 53, 0.98) 0%, rgba(21, 24, 30, 0.98) 100%) !important;
}

.taycan-stage__front,
.taycan-offer__price,
.taycan-fact,
.taycan-meta__card,
.taycan-lane {
	background:
		linear-gradient(180deg, rgba(35, 39, 47, 0.96) 0%, rgba(26, 30, 37, 0.96) 100%) !important;
	border-color: rgba(234, 220, 204, 0.08) !important;
}

.taycan-stage__badge,
.taycan-lane__hint {
	background:
		linear-gradient(135deg, rgba(58, 49, 42, 0.98) 0%, rgba(37, 40, 48, 0.98) 100%) !important;
	border-color: rgba(216, 194, 166, 0.12) !important;
	color: #f2ebe1 !important;
}

.taycan-lane__tags span {
	background: rgba(205, 180, 148, 0.08) !important;
	color: #e4c59c !important;
	box-shadow: inset 0 0 0 1px rgba(217, 192, 164, 0.12) !important;
}

/* 2026-04-10 Wet asphalt / hi-tech interior pass */
:root {
	--bg: #1f2328;
	--surface: rgba(32, 36, 42, 0.94);
	--surface-strong: #292d33;
	--surface-dark: #181b20;
	--surface-light: #e7dfd4;
	--surface-light-strong: #d9cebf;
	--ink: #f2ece4;
	--ink-muted: #aaa39a;
	--ink-dark: #23272c;
	--ink-dark-muted: #625d56;
	--line: rgba(239, 229, 218, 0.08);
	--line-strong: rgba(239, 229, 218, 0.14);
	--accent: #d97935;
	--accent-deep: #b45d22;
	--warm: #c79d74;
	--brand-gradient: linear-gradient(90deg, #976744 0%, #c89b72 46%, #e6ddd1 100%);
	--brand-gradient-strong: linear-gradient(135deg, #d67534 0%, #c99365 52%, #ddd4ca 100%);
	--brand-gradient-cool: linear-gradient(135deg, #2a2e34 0%, #3a403f 58%, #8e7860 100%);
	--shadow: 0 28px 62px rgba(0, 0, 0, 0.22);
}

body {
	background:
		radial-gradient(circle at 12% 16%, rgba(183, 118, 70, 0.12), transparent 24%),
		radial-gradient(circle at 82% 18%, rgba(154, 160, 167, 0.1), transparent 26%),
		linear-gradient(180deg, #202328 0%, #171a1e 100%) !important;
	color: var(--ink);
}

body::before {
	background: rgba(182, 116, 70, 0.12) !important;
	opacity: 0.72 !important;
}

body::after {
	background: rgba(153, 160, 168, 0.1) !important;
	opacity: 0.7 !important;
}

.h-header {
	border-color: rgba(239, 229, 218, 0.08) !important;
	background:
		linear-gradient(180deg, rgba(35, 39, 45, 0.97) 0%, rgba(28, 31, 36, 0.98) 100%) !important;
	box-shadow:
		0 26px 58px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.h-logo {
	gap: 0 !important;
	color: #f4efe8 !important;
}

.h-logo__text {
	gap: 0.4rem !important;
}

.h-logo b {
	background: linear-gradient(90deg, #d27532 0%, #d6aa7e 58%, #ece5db 100%) !important;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.h-menu a {
	color: rgba(241, 235, 226, 0.86) !important;
}

.h-menu a:hover,
.h-menu li.is-active a,
.h-menu a.active {
	color: #ffffff !important;
}

.h-menu a::after {
	background: linear-gradient(90deg, #d37533 0%, #d0b293 100%) !important;
}

.h-con a,
.h-mobile-link,
.h-toggle {
	background:
		linear-gradient(180deg, rgba(43, 47, 54, 0.98) 0%, rgba(31, 35, 40, 0.98) 100%) !important;
	border-color: rgba(239, 229, 218, 0.1) !important;
	box-shadow:
		0 14px 30px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.h-con a::before,
.h-mobile-link::before {
	opacity: 1 !important;
	filter: none !important;
}

.h-con a:hover,
.h-mobile-link:hover,
.h-toggle:hover {
	border-color: rgba(211, 160, 116, 0.24) !important;
	background:
		linear-gradient(180deg, rgba(49, 54, 61, 0.98) 0%, rgba(36, 40, 46, 0.98) 100%) !important;
}

.h-con a:hover::before,
.h-mobile-link:hover::before {
	filter: none !important;
	transform: none !important;
}

.section-shell,
.contact-meta,
.support-panel,
.story-related,
.story-neighbours,
.comments-shell,
.comment-form-card,
.wallet-modal__dialog,
.pagination-shell,
.page-hero,
.story-card {
	border-color: rgba(239, 229, 218, 0.08) !important;
	background:
		linear-gradient(180deg, rgba(31, 35, 40, 0.98) 0%, rgba(24, 27, 31, 0.98) 100%) !important;
	box-shadow:
		0 24px 56px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.hero-panel,
.pricing-shell,
.studios-shell,
.contact-block,
.about-copy,
.about-point,
.pricing-card,
.static-page__card,
.static-page__fact,
.static-page__panel:not(.static-page__panel--dark),
.support-panel__column:not(.support-panel__column--share) {
	border-color: rgba(88, 70, 51, 0.12) !important;
	background:
		linear-gradient(180deg, rgba(233, 225, 214, 0.98) 0%, rgba(217, 206, 191, 0.98) 100%) !important;
	box-shadow:
		0 24px 52px rgba(0, 0, 0, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

.hero-panel::before {
	background: linear-gradient(90deg, transparent, rgba(199, 125, 65, 0.7), transparent) !important;
	opacity: 0.7 !important;
}

.hero-panel__eyebrow,
.pricing-card__pill,
.card-kicker-light,
.studios-shell .section-kicker,
.pricing-shell .section-kicker,
.contact-block .section-kicker,
.about-copy .section-kicker {
	background: rgba(203, 132, 76, 0.14) !important;
	color: #8b5229 !important;
	box-shadow: inset 0 0 0 1px rgba(176, 111, 60, 0.14) !important;
}

.section-kicker,
.card-kicker,
.hero-summary__label,
.story-card__pill,
.support-card__label,
.support-token__badge {
	background: rgba(206, 160, 114, 0.12) !important;
	color: #d7b287 !important;
	box-shadow: inset 0 0 0 1px rgba(206, 160, 114, 0.14) !important;
}

.hero-panel .hero-lead,
.hero-panel .hero-lead strong,
.hero-panel .hero-panel__lead,
.hero-panel .hero-panel__lead p,
.hero-panel .hero-panel__aside p,
.hero-panel .hero-summary strong,
.hero-panel .hero-summary__link,
.pricing-shell h2,
.pricing-shell p,
.pricing-card h3,
.pricing-card__price,
.pricing-card p,
.pricing-card__list li,
.about-copy h2,
.about-copy p,
.about-point strong,
.about-point p,
.contact-block h2,
.contact-block p,
.contact-checklist li,
.studios-shell h2,
.studios-shell p,
.studio-card__title a,
.studio-card__excerpt,
.studio-card__meta,
.static-page__card h1,
.static-page__card h2,
.static-page__card h3,
.static-page__card p,
.static-page__fact strong,
.static-page__fact p,
.support-panel__column:not(.support-panel__column--share) h2,
.support-panel__column:not(.support-panel__column--share) h3,
.support-panel__column:not(.support-panel__column--share) strong,
.support-panel__column:not(.support-panel__column--share) p,
.support-panel__column:not(.support-panel__column--share) .support-token__name,
.support-panel__column:not(.support-panel__column--share) .support-token__address {
	color: var(--ink-dark) !important;
}

.hero-panel .hero-summary,
.contact-meta,
.support-panel__column--share {
	border-color: rgba(239, 229, 218, 0.08) !important;
	background:
		linear-gradient(180deg, rgba(33, 37, 43, 0.98) 0%, rgba(24, 27, 31, 0.99) 100%) !important;
	box-shadow:
		0 22px 48px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.hero-summary strong,
.hero-summary__link,
.contact-meta__intro strong,
.contact-fact strong,
.contact-meta__intro strong a,
.contact-fact strong a,
.support-panel__column--share h3,
.support-panel__column--share strong,
.support-share__title {
	color: #f4eee5 !important;
}

.hero-summary p,
.contact-meta__body,
.support-panel__column--share p,
.support-share__desc,
.support-share__links,
.contact-meta__intro span,
.contact-fact span,
.contact-meta__intro p,
.contact-fact p {
	color: #afa89d !important;
}

.contact-meta__intro,
.contact-fact {
	border-color: rgba(239, 229, 218, 0.06) !important;
	background: rgba(255, 255, 255, 0.02) !important;
	box-shadow: none !important;
}

.contact-flow__item > span {
	background: rgba(214, 117, 52, 0.12) !important;
	color: #d69058 !important;
	box-shadow: inset 0 0 0 1px rgba(214, 117, 52, 0.16) !important;
}

.hero-chip:not(.hero-chip--accent),
.section-link,
.hero-summary__link,
.button-secondary,
.story-action--secondary,
.contact-action--secondary,
.support-token,
.support-share__link,
.audio-open,
.studio-card__action {
	border-color: rgba(239, 229, 218, 0.12) !important;
	background:
		linear-gradient(180deg, rgba(45, 50, 57, 0.98) 0%, rgba(33, 37, 43, 0.98) 100%) !important;
	color: #f2ece4 !important;
	box-shadow:
		0 14px 28px rgba(0, 0, 0, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.hero-chip:not(.hero-chip--accent):hover,
.section-link:hover,
.hero-summary__link:hover,
.button-secondary:hover,
.story-action--secondary:hover,
.contact-action--secondary:hover,
.support-token:hover,
.support-share__link:hover,
.audio-open:hover,
.studio-card__action:hover {
	border-color: rgba(211, 160, 116, 0.22) !important;
	background:
		linear-gradient(180deg, rgba(51, 56, 64, 0.98) 0%, rgba(38, 42, 48, 0.98) 100%) !important;
	color: #ffffff !important;
}

.hero-chip--accent,
.contact-action--primary,
.pricing-card__link,
.comment-form__button,
.story-action:not(.story-action--secondary),
.support-panel__actions .story-action:first-child,
.section-link--studio {
	border-color: transparent !important;
	background: var(--brand-gradient-strong) !important;
	color: #1b1f24 !important;
	box-shadow:
		0 18px 36px rgba(115, 74, 40, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.hero-chip--accent:hover,
.contact-action--primary:hover,
.pricing-card__link:hover,
.comment-form__button:hover,
.story-action:not(.story-action--secondary):hover,
.support-panel__actions .story-action:first-child:hover,
.section-link--studio:hover {
	filter: brightness(1.03);
	color: #171b20 !important;
}

.section-shell:not(.studios-shell):not(.pricing-shell) .section-link {
	background:
		linear-gradient(180deg, rgba(43, 47, 54, 0.98) 0%, rgba(31, 35, 40, 0.98) 100%) !important;
	color: #f2ece4 !important;
	border-color: rgba(239, 229, 218, 0.12) !important;
}

.section-shell:not(.studios-shell):not(.pricing-shell) .section-link:hover {
	background:
		linear-gradient(180deg, rgba(50, 55, 62, 0.98) 0%, rgba(36, 40, 46, 0.98) 100%) !important;
}

.pricing-card--featured {
	border-color: rgba(207, 126, 64, 0.2) !important;
	background:
		linear-gradient(180deg, rgba(239, 229, 217, 0.98) 0%, rgba(225, 211, 193, 0.98) 100%) !important;
	box-shadow:
		0 26px 58px rgba(110, 74, 42, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.pricing-card__list li::before,
.pricing-note__list li::before,
.contact-checklist li::before {
	background: linear-gradient(180deg, #d87a35 0%, #c39065 100%) !important;
	box-shadow: 0 0 0 4px rgba(216, 122, 53, 0.08) !important;
}

.pricing-shell .section-head__aside p,
.contact-block .contact-lead,
.about-copy .about-text p,
.pricing-card p,
.pricing-card__list li,
.studio-card__excerpt,
.studio-card__meta {
	color: #5f5b54 !important;
}

.hero-summary__link::after,
.section-link::after,
.pricing-card__link::after,
.studio-card__action::after {
	color: inherit;
}

.studios-shell {
	background:
		linear-gradient(180deg, rgba(233, 224, 211, 0.98) 0%, rgba(217, 205, 189, 0.98) 100%) !important;
}

.studios-shell .section-head__aside p,
.studios-shell .section-head h2 {
	color: #23272c !important;
}

.studio-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.studio-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(180px, 0.92fr) minmax(0, 1fr);
	align-items: stretch;
	border: 1px solid rgba(88, 70, 51, 0.1);
	border-radius: 30px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.64) 0%, rgba(245, 237, 228, 0.9) 100%) !important;
	box-shadow:
		0 18px 34px rgba(72, 58, 42, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.36);
}

.studio-card::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background: linear-gradient(90deg, #d87b37 0%, #c89b72 42%, #929ca4 100%);
	opacity: 0.92;
}

.studio-card__media {
	position: relative;
	display: block;
	min-height: 100%;
	background:
		linear-gradient(145deg, rgba(69, 74, 81, 0.98) 0%, rgba(34, 38, 43, 0.98) 100%);
}

.studio-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.studio-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	padding: 1rem;
	color: rgba(242, 236, 226, 0.88);
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.studio-card__body {
	display: grid;
	align-content: start;
	gap: 12px;
	padding: 1.25rem 1.3rem 1.3rem;
}

.studio-card__title {
	margin: 0;
	font-size: clamp(1.16rem, 1.65vw, 1.45rem);
	line-height: 1.1;
}

.studio-card__title a {
	text-decoration: none;
}

.studio-card__excerpt {
	margin: 0;
	line-height: 1.68;
}

.studio-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 0.94rem;
}

.studio-card__action {
	margin-top: 2px;
	width: fit-content;
	text-decoration: none;
}

.support-panel {
	background:
		linear-gradient(180deg, rgba(27, 31, 36, 0.98) 0%, rgba(21, 24, 29, 0.99) 100%) !important;
}

.support-panel__column--share {
	background:
		linear-gradient(180deg, rgba(35, 39, 46, 0.98) 0%, rgba(26, 30, 35, 0.99) 100%) !important;
}

.support-panel__column:not(.support-panel__column--share) .story-card__pill,
.support-panel__column:not(.support-panel__column--share) .support-card__label {
	background: rgba(206, 132, 77, 0.14) !important;
	color: #935326 !important;
	box-shadow: inset 0 0 0 1px rgba(177, 113, 64, 0.14) !important;
}

.support-panel__column:not(.support-panel__column--share) .support-token {
	border-color: rgba(88, 70, 51, 0.12) !important;
	background:
		linear-gradient(180deg, rgba(40, 44, 50, 0.96) 0%, rgba(31, 35, 41, 0.98) 100%) !important;
	color: #f2ece4 !important;
}

.support-panel__column:not(.support-panel__column--share) .support-token__badge {
	background: rgba(206, 160, 114, 0.12) !important;
	color: #d3b089 !important;
}

.support-share__link {
	background: rgba(255, 255, 255, 0.03) !important;
	border-color: rgba(239, 229, 218, 0.08) !important;
	color: #f2ece4 !important;
}

.support-share__link:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(216, 156, 103, 0.18) !important;
}

.shortstory--music.audio-card,
.music-grid .shortstory--music.audio-card,
.fullstory-page__hero--music .fullstory-page__cover,
.fullstory-page__hero--music .fullstory-page__cover--record {
	border-color: rgba(239, 229, 218, 0.08) !important;
	background:
		linear-gradient(180deg, rgba(35, 39, 45, 0.98) 0%, rgba(27, 30, 35, 0.99) 100%) !important;
	box-shadow:
		0 24px 50px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.shortstory--music.audio-card::before,
.music-grid .shortstory--music.audio-card::before {
	background:
		linear-gradient(135deg, rgba(215, 121, 53, 0.16) 0%, transparent 48%, rgba(197, 165, 133, 0.12) 100%) !important;
	opacity: 0.34 !important;
}

.shortstory--music .card-kicker,
.fullstory-page--music .story-card__pill--accent {
	background: rgba(207, 132, 76, 0.14) !important;
	color: #d4a06e !important;
	box-shadow: inset 0 0 0 1px rgba(207, 132, 76, 0.14) !important;
}

.shortstory--music .audio-title,
.shortstory--music .audio-title a,
.fullstory-page--music .fullstory-page__title,
.fullstory-page--music .fullstory-page__meta {
	color: #f3ede4 !important;
}

.shortstory--music .audio-meta,
.shortstory--music .audio-excerpt,
.fullstory-page--music .fullstory-page__lead {
	color: #aca59b !important;
}

.shortstory--music .audio-open,
.fullstory-page--music .story-action:not(.story-action--secondary) {
	background: var(--brand-gradient-strong) !important;
	color: #1b1f24 !important;
	border-color: transparent !important;
}

.shortstory--music .audio-open:hover,
.fullstory-page--music .story-action:not(.story-action--secondary):hover {
	filter: brightness(1.03);
}

.pagination-shell__pages a,
.pagination-shell__pages span,
.pagination-shell__arrow {
	background:
		linear-gradient(180deg, rgba(44, 48, 55, 0.98) 0%, rgba(31, 35, 41, 0.98) 100%) !important;
	color: #f0e8dd !important;
	border-color: rgba(239, 229, 218, 0.1) !important;
}

.pagination-shell__pages span,
.pagination-shell__pages a:hover,
.pagination-shell__arrow:hover {
	background: linear-gradient(135deg, #d57734 0%, #c89a6d 56%, #dfd5ca 100%) !important;
	color: #1a1e22 !important;
	border-color: transparent !important;
}

.wallet-modal__dialog {
	background:
		linear-gradient(180deg, rgba(27, 31, 36, 0.99) 0%, rgba(20, 23, 28, 0.995) 100%) !important;
	border-color: rgba(239, 229, 218, 0.08) !important;
}

.wallet-modal__close {
	background:
		linear-gradient(180deg, rgba(43, 47, 54, 0.98) 0%, rgba(31, 35, 40, 0.98) 100%) !important;
	border-color: rgba(239, 229, 218, 0.08) !important;
	color: #f3ece2 !important;
}

.wallet-modal__field-row .wallet-modal__input,
input.wallet-modal__input {
	background: rgba(244, 238, 229, 0.99) !important;
	color: #1d2126 !important;
	-webkit-text-fill-color: #1d2126 !important;
	border-color: rgba(208, 189, 168, 0.42) !important;
}

.wallet-modal__copy {
	background:
		linear-gradient(180deg, rgba(46, 50, 57, 0.98) 0%, rgba(34, 38, 44, 0.98) 100%) !important;
	border-color: rgba(239, 229, 218, 0.08) !important;
	color: #f3ece2 !important;
}

.taycan-shell {
	border-color: rgba(211, 183, 153, 0.14) !important;
	background:
		radial-gradient(circle at 16% 18%, rgba(179, 117, 72, 0.14), transparent 24%),
		radial-gradient(circle at 82% 16%, rgba(161, 169, 177, 0.12), transparent 24%),
		linear-gradient(165deg, rgba(24, 27, 32, 0.995) 0%, rgba(31, 35, 41, 0.995) 48%, rgba(22, 24, 29, 0.995) 100%) !important;
	box-shadow:
		0 34px 72px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		inset 0 0 0 1px rgba(211, 183, 153, 0.04) !important;
}

.taycan-shell::before {
	background:
		radial-gradient(circle at 18% 16%, rgba(194, 120, 69, 0.16), transparent 22%),
		radial-gradient(circle at 86% 14%, rgba(156, 163, 170, 0.14), transparent 22%),
		radial-gradient(circle at 72% 84%, rgba(225, 214, 200, 0.08), transparent 16%) !important;
	opacity: 1 !important;
}

.taycan-stage {
	border-color: rgba(239, 229, 218, 0.08) !important;
	background:
		radial-gradient(circle at 50% 18%, rgba(248, 241, 233, 0.12), transparent 20%),
		radial-gradient(circle at 20% 24%, rgba(181, 117, 72, 0.14), transparent 18%),
		radial-gradient(circle at 84% 18%, rgba(155, 163, 171, 0.16), transparent 20%),
		linear-gradient(180deg, rgba(44, 48, 55, 0.98) 0%, rgba(25, 28, 33, 0.98) 100%) !important;
}

.taycan-stage__front,
.taycan-offer__price,
.taycan-fact,
.taycan-meta__card,
.taycan-lane {
	background:
		linear-gradient(180deg, rgba(42, 47, 54, 0.98) 0%, rgba(31, 35, 41, 0.98) 100%) !important;
	border-color: rgba(239, 229, 218, 0.08) !important;
}

.taycan-stage__badge,
.taycan-lane__hint {
	background: rgba(205, 159, 113, 0.08) !important;
	border-color: rgba(205, 159, 113, 0.16) !important;
	color: #dfbf95 !important;
}

.taycan-lane__tags span {
	background: rgba(255, 255, 255, 0.04) !important;
	color: #d5b088 !important;
	box-shadow: inset 0 0 0 1px rgba(215, 187, 156, 0.12) !important;
}

@media (max-width: 1100px) {
	.studio-grid {
		grid-template-columns: 1fr;
	}

	.studio-card {
		grid-template-columns: 1fr;
	}

	.studio-card__media {
		aspect-ratio: 1.35 / 1;
	}
}

@media (max-width: 640px) {
	.studio-card__body {
		padding: 1rem;
	}
}

/* 2026-04-10 Hi-tech asphalt cleanup pass */
:root {
	--brand-gradient: linear-gradient(90deg, #bf733d 0%, #d59a69 54%, #ebe1d4 100%);
	--brand-gradient-strong: linear-gradient(180deg, #d08b57 0%, #be723b 100%);
	--accent: #d08b57;
	--accent-deep: #9a5f36;
	--warm: #d6a071;
}

.h-logo,
.h-logo:hover {
	transform: none;
}

.h-logo__text {
	color: #f4ede4 !important;
}

.h-logo b {
	background: none !important;
	color: #ce9365 !important;
	-webkit-text-fill-color: currentColor !important;
	text-shadow: none !important;
}

.h-menu a {
	color: rgba(242, 234, 223, 0.78) !important;
}

.h-menu a::before {
	background: linear-gradient(90deg, rgba(255, 245, 232, 0.82) 0%, rgba(255, 255, 255, 0.16) 100%) !important;
}

.h-menu a:hover,
.h-menu a.active,
.h-menu a[aria-current="true"],
.h-menu li.is-active a {
	background: linear-gradient(180deg, #ca8450 0%, #a96539 100%) !important;
	color: #fff8f1 !important;
	box-shadow:
		0 16px 28px rgba(104, 66, 38, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

.h-con a,
.h-mobile-link {
	background:
		linear-gradient(180deg, rgba(48, 53, 60, 0.98) 0%, rgba(34, 38, 44, 0.98) 100%) !important;
	border-color: rgba(233, 221, 207, 0.12) !important;
	box-shadow:
		0 14px 28px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.h-con a::before,
.h-mobile-link::before {
	opacity: 0.92 !important;
	filter: grayscale(1) saturate(0) brightness(1.72) contrast(1.08) !important;
}

.h-con a:hover,
.h-mobile-link:hover {
	background:
		linear-gradient(180deg, rgba(57, 63, 71, 0.98) 0%, rgba(40, 45, 52, 0.98) 100%) !important;
	border-color: rgba(214, 160, 111, 0.24) !important;
}

.h-con a:hover::before,
.h-mobile-link:hover::before {
	filter: grayscale(1) saturate(0) brightness(1.98) contrast(1.12) !important;
	transform: none !important;
}

.button-primary,
.hero-chip--accent,
.contact-action--primary,
.pricing-card__link,
.comment-form__button,
.story-action:not(.story-action--secondary),
.support-panel__actions .story-action:first-child,
.section-link--studio {
	background: linear-gradient(180deg, #d08b57 0%, #bd713b 100%) !important;
	color: #fff8f1 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	box-shadow:
		0 18px 34px rgba(121, 74, 41, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
	overflow: hidden;
}

.button-primary:hover,
.hero-chip--accent:hover,
.contact-action--primary:hover,
.pricing-card__link:hover,
.comment-form__button:hover,
.story-action:not(.story-action--secondary):hover,
.support-panel__actions .story-action:first-child:hover,
.section-link--studio:hover {
	background: linear-gradient(180deg, #d79460 0%, #c37842 100%) !important;
	color: #fffaf5 !important;
	filter: none !important;
}

.section-link,
.hero-summary__link,
.button-secondary,
.story-action--secondary,
.contact-action--secondary,
.support-token,
.support-share__link,
.audio-open,
.studio-card__action,
.story-neighbours__link,
.pagination-shell__arrow,
.pagination-shell__pages a,
.pagination-shell__pages span {
	background:
		linear-gradient(180deg, rgba(50, 55, 62, 0.98) 0%, rgba(35, 39, 45, 0.98) 100%) !important;
	color: #f2ebe1 !important;
	border-color: rgba(233, 221, 207, 0.12) !important;
	box-shadow:
		0 14px 26px rgba(0, 0, 0, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.section-link:hover,
.hero-summary__link:hover,
.button-secondary:hover,
.story-action--secondary:hover,
.contact-action--secondary:hover,
.support-token:hover,
.support-share__link:hover,
.audio-open:hover,
.studio-card__action:hover,
.story-neighbours__link:hover,
.pagination-shell__arrow:hover,
.pagination-shell__pages a:hover {
	background:
		linear-gradient(180deg, rgba(58, 64, 72, 0.98) 0%, rgba(41, 46, 52, 0.98) 100%) !important;
	color: #fff8f2 !important;
	border-color: rgba(214, 160, 111, 0.2) !important;
	transform: none !important;
}

.pagination-shell__pages span {
	background: linear-gradient(180deg, #d08b57 0%, #bd713b 100%) !important;
	color: #fff8f1 !important;
	border-color: transparent !important;
}

.hero-summary {
	border-color: rgba(233, 221, 207, 0.08) !important;
	background:
		linear-gradient(180deg, rgba(46, 51, 58, 0.98) 0%, rgba(33, 37, 43, 0.98) 100%) !important;
	box-shadow:
		0 18px 34px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.hero-summary__label {
	background: rgba(208, 139, 87, 0.12) !important;
	color: #d9a474 !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

.hero-summary strong,
.hero-summary__link {
	color: #f6eee4 !important;
}

.hero-summary p {
	color: #b8b1a7 !important;
}

.hero-summary__link {
	padding-inline: 1.02rem !important;
}

.section-shell:not(.studios-shell):not(.pricing-shell) .section-link,
.pricing-shell .section-link {
	background:
		linear-gradient(180deg, rgba(50, 55, 62, 0.98) 0%, rgba(35, 39, 45, 0.98) 100%) !important;
	color: #f2ebe1 !important;
	border-color: rgba(233, 221, 207, 0.12) !important;
}

.section-shell:not(.studios-shell):not(.pricing-shell) .section-link:hover,
.pricing-shell .section-link:hover {
	background:
		linear-gradient(180deg, rgba(58, 64, 72, 0.98) 0%, rgba(41, 46, 52, 0.98) 100%) !important;
	color: #fff8f2 !important;
}

.about-copy,
.about-card {
	border-radius: 32px !important;
}

.about-point {
	border-radius: 28px !important;
	padding: 1.12rem !important;
	background:
		linear-gradient(180deg, rgba(236, 228, 217, 0.98) 0%, rgba(221, 210, 194, 0.98) 100%) !important;
	border-color: rgba(95, 75, 54, 0.1) !important;
}

.about-point span {
	color: #ab6c3e !important;
}

.about-point strong {
	color: #26292f !important;
}

.contact-meta__intro,
.contact-fact {
	padding: 1rem 1.08rem !important;
	border: 1px solid rgba(233, 221, 207, 0.08) !important;
	border-radius: 26px !important;
	background:
		linear-gradient(180deg, rgba(39, 43, 50, 0.96) 0%, rgba(29, 33, 39, 0.96) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.contact-meta__intro span,
.contact-fact span {
	color: #c79668 !important;
}

.contact-meta__intro strong,
.contact-fact strong,
.contact-fact strong a {
	color: #f3ece2 !important;
}

.contact-meta__intro p,
.contact-fact p {
	color: #aea79d !important;
}

.support-panel {
	border-color: rgba(233, 221, 207, 0.08) !important;
	background: transparent !important;
	box-shadow: none !important;
}

.support-panel__column--donate {
	border-color: rgba(95, 75, 54, 0.1) !important;
	background:
		linear-gradient(180deg, rgba(236, 228, 217, 0.98) 0%, rgba(221, 210, 194, 0.98) 100%) !important;
	box-shadow:
		0 22px 48px rgba(0, 0, 0, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.support-panel__column--donate .story-card__pill {
	background: rgba(208, 139, 87, 0.12) !important;
	color: #9e6137 !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

.support-panel__column--donate h2,
.support-panel__column--donate h3,
.support-panel__column--donate strong,
.support-panel__column--donate .support-token__name,
.support-panel__column--donate .support-token__address {
	color: #25292e !important;
}

.support-panel__column--donate p,
.support-panel__column--donate .support-panel__head p {
	color: #6a635b !important;
}

.support-panel__column--share {
	border-color: rgba(233, 221, 207, 0.08) !important;
	background:
		linear-gradient(180deg, rgba(36, 41, 47, 0.98) 0%, rgba(28, 31, 37, 0.98) 100%) !important;
}

.support-panel__column--share .story-card__pill {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #f3ede3 !important;
}

.support-panel__column--share h3,
.support-share__title {
	color: #f5eee5 !important;
}

.support-panel__column--share p,
.support-share__desc {
	color: #b5aea4 !important;
}

.support-panel__actions .story-action,
.support-token {
	min-height: 52px;
}

.support-token__badge {
	background: rgba(208, 139, 87, 0.12) !important;
	color: #d29b6d !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

.support-token__name,
.support-token__icon {
	color: #f1ebe2 !important;
}

.support-share__link svg {
	color: #d7a06f !important;
}

.studio-card {
	background:
		linear-gradient(180deg, rgba(238, 231, 221, 0.98) 0%, rgba(224, 214, 201, 0.98) 100%) !important;
	border-color: rgba(94, 76, 56, 0.1) !important;
}

.card-kicker-light,
.studio-card .card-kicker-light {
	background: rgba(208, 139, 87, 0.12) !important;
	color: #9a6037 !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

.studio-card__title,
.studio-card__title a {
	color: #25292e !important;
}

.studio-card__excerpt,
.studio-card__meta {
	color: #6b645c !important;
}

.studio-card__action {
	padding: 0.76rem 1rem !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.shortstory--music.audio-card,
.music-grid .shortstory--music.audio-card {
	background:
		linear-gradient(180deg, rgba(36, 41, 47, 0.98) 0%, rgba(27, 31, 36, 0.98) 100%) !important;
	border-color: rgba(233, 221, 207, 0.08) !important;
	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.shortstory--music.audio-card::before,
.music-grid .shortstory--music.audio-card::before {
	background:
		linear-gradient(135deg, rgba(208, 139, 87, 0.14) 0%, transparent 48%, rgba(201, 177, 147, 0.1) 100%) !important;
	opacity: 0.34 !important;
}

.shortstory--music .card-kicker {
	background: rgba(208, 139, 87, 0.14) !important;
	color: #d5a06e !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

.shortstory--music .audio-title,
.shortstory--music .audio-title a {
	color: #f2ebe1 !important;
}

.shortstory--music .audio-meta,
.shortstory--music .audio-excerpt {
	color: #b5aea4 !important;
}

.pagination-shell,
.story-neighbours {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

.story-neighbours__link {
	min-width: 224px;
}

.wallet-modal__dialog {
	border-color: rgba(233, 221, 207, 0.08) !important;
	background:
		linear-gradient(180deg, rgba(27, 31, 36, 0.99) 0%, rgba(20, 23, 28, 0.995) 100%) !important;
}

.wallet-modal__input,
input.wallet-modal__input {
	background: rgba(245, 240, 232, 0.98) !important;
	color: #1d2126 !important;
	-webkit-text-fill-color: #1d2126 !important;
}

.wallet-modal__copy {
	color: #f3ece2 !important;
}

.static-page__card,
.static-page__fact,
.static-page__panel:not(.static-page__panel--dark),
.static-page__contact-card,
.static-page__cta {
	background:
		linear-gradient(180deg, rgba(236, 228, 217, 0.98) 0%, rgba(221, 210, 194, 0.98) 100%) !important;
	border-color: rgba(94, 76, 56, 0.1) !important;
}

.static-page__card h1,
.static-page__card h2,
.static-page__card h3,
.static-page__card p,
.static-page__card li,
.static-page__fact strong,
.static-page__fact a,
.static-page__fact p,
.static-page__panel:not(.static-page__panel--dark) h2,
.static-page__panel:not(.static-page__panel--dark) h3,
.static-page__panel:not(.static-page__panel--dark) p,
.static-page__panel:not(.static-page__panel--dark) li,
.static-page__contact-card h2,
.static-page__contact-card h3,
.static-page__contact-card p,
.static-page__cta h2,
.static-page__cta p {
	color: #25292e !important;
}

.static-page__fact span,
.static-page__panel:not(.static-page__panel--dark) .story-card__pill,
.static-page__card .story-card__pill {
	color: #a8693d !important;
	background: rgba(208, 139, 87, 0.12) !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

/* 2026-04-10 Final hi-tech asphalt stabilization */
:root {
	--brand-gradient: linear-gradient(180deg, #d89b64 0%, #c27a44 100%);
	--brand-gradient-strong: linear-gradient(180deg, #dd9f69 0%, #c57d46 100%);
	--accent: #c98049;
	--accent-deep: #9f6339;
}

.h-logo,
.h-logo__text {
	color: #f3eee7 !important;
}

.h-logo b {
	background: none !important;
	color: #cb9368 !important;
	-webkit-background-clip: border-box !important;
	-webkit-text-fill-color: #cb9368 !important;
}

.h-con a,
.h-mobile-link,
.h-toggle {
	background: linear-gradient(180deg, rgba(50, 55, 62, 0.98) 0%, rgba(34, 38, 44, 0.98) 100%) !important;
	border-color: rgba(234, 224, 210, 0.1) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 10px 22px rgba(0, 0, 0, 0.2) !important;
}

.h-con a::before,
.h-mobile-link::before {
	opacity: 0.94 !important;
	filter: grayscale(1) saturate(0) brightness(1.88) contrast(1.02) !important;
}

.h-con a:hover,
.h-mobile-link:hover,
.h-toggle:hover {
	border-color: rgba(216, 163, 111, 0.28) !important;
	background: linear-gradient(180deg, rgba(58, 64, 72, 0.98) 0%, rgba(40, 44, 50, 0.98) 100%) !important;
}

.h-con a:hover::before,
.h-mobile-link:hover::before {
	filter: grayscale(1) saturate(0) brightness(2.02) contrast(1.04) !important;
}

.h-menu a:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #f4eee6 !important;
	box-shadow: none !important;
}

.h-menu a.active,
.h-menu a[aria-current="true"] {
	background: linear-gradient(180deg, #d79a63 0%, #c37b45 100%) !important;
	color: #1f2328 !important;
	box-shadow:
		0 12px 24px rgba(91, 58, 33, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.h-menu a.active::before,
.h-menu a[aria-current="true"]::before {
	background: linear-gradient(90deg, rgba(255, 246, 236, 0.92) 0%, rgba(242, 199, 155, 0.9) 100%) !important;
}

.button-primary,
.hero-chip--accent,
.contact-action--primary,
.pricing-card__link,
.comment-form__button,
.story-action:not(.story-action--secondary),
.support-panel__actions .story-action:first-child {
	background: linear-gradient(180deg, #d99d68 0%, #c07843 100%) !important;
	color: #1f2328 !important;
	border: 1px solid rgba(102, 68, 44, 0.14) !important;
	background-clip: padding-box !important;
	box-shadow:
		0 14px 28px rgba(75, 48, 28, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.button-primary:hover,
.hero-chip--accent:hover,
.contact-action--primary:hover,
.pricing-card__link:hover,
.comment-form__button:hover,
.story-action:not(.story-action--secondary):hover,
.support-panel__actions .story-action:first-child:hover {
	background: linear-gradient(180deg, #dfa673 0%, #c8824e 100%) !important;
	color: #1c2025 !important;
}

.section-link,
.hero-summary__link,
.button-secondary,
.story-action--secondary,
.contact-action--secondary,
.support-token,
.support-share__link,
.audio-open,
.studio-card__action,
.section-link--studio,
.story-neighbours__link,
.pagination-shell__arrow,
.pagination-shell__pages a {
	background: linear-gradient(180deg, rgba(51, 56, 63, 0.98) 0%, rgba(35, 39, 45, 0.98) 100%) !important;
	color: #f3ede4 !important;
	border: 1px solid rgba(233, 223, 210, 0.12) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 12px 24px rgba(0, 0, 0, 0.14) !important;
}

.section-link:hover,
.hero-summary__link:hover,
.button-secondary:hover,
.story-action--secondary:hover,
.contact-action--secondary:hover,
.support-token:hover,
.support-share__link:hover,
.audio-open:hover,
.studio-card__action:hover,
.section-link--studio:hover,
.story-neighbours__link:hover,
.pagination-shell__arrow:hover,
.pagination-shell__pages a:hover {
	background: linear-gradient(180deg, rgba(60, 66, 74, 0.98) 0%, rgba(43, 48, 55, 0.98) 100%) !important;
	color: #fffaf3 !important;
	border-color: rgba(216, 163, 111, 0.18) !important;
}

.hero-summary {
	background: linear-gradient(180deg, rgba(39, 44, 50, 0.98) 0%, rgba(29, 33, 38, 0.98) 100%) !important;
	border-color: rgba(233, 223, 210, 0.08) !important;
	box-shadow:
		0 18px 36px rgba(0, 0, 0, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.hero-summary__label,
.hero-summary strong {
	color: #f2ede5 !important;
}

.hero-summary p,
.hero-summary__meta,
.hero-summary__meta span {
	color: #bbb3a8 !important;
}

.hero-summary__link::after,
.section-link::after,
.pricing-card__link::after,
.studio-card__action::after,
.story-action::after {
	color: inherit !important;
}

.about-copy {
	background: linear-gradient(180deg, rgba(237, 229, 218, 0.98) 0%, rgba(221, 211, 197, 0.98) 100%) !important;
	border: 1px solid rgba(116, 90, 65, 0.12) !important;
	border-radius: 34px !important;
	box-shadow: 0 24px 42px rgba(18, 22, 27, 0.08) !important;
}

.about-copy h2,
.about-copy p {
	color: #2a2d31 !important;
}

.about-card {
	background: linear-gradient(180deg, rgba(31, 36, 42, 0.98) 0%, rgba(22, 26, 31, 0.99) 100%) !important;
	border-color: rgba(233, 223, 210, 0.08) !important;
	border-radius: 34px !important;
}

.about-card h3,
.about-card strong,
.about-card li,
.about-card p,
.about-card__meta strong {
	color: #f3ece2 !important;
}

.about-card__meta span,
.about-card .story-card__pill {
	color: #d19a6c !important;
}

.about-point {
	background: linear-gradient(180deg, rgba(241, 234, 224, 0.98) 0%, rgba(227, 216, 201, 0.98) 100%) !important;
	border: 1px solid rgba(120, 93, 68, 0.12) !important;
	border-radius: 28px !important;
	box-shadow: 0 16px 32px rgba(18, 21, 26, 0.08) !important;
}

.about-point span {
	color: #ac6c41 !important;
	background: none !important;
	box-shadow: none !important;
}

.about-point strong,
.about-point p {
	color: #292d31 !important;
}

.contact-meta {
	border-color: rgba(233, 223, 210, 0.08) !important;
}

.contact-meta__intro,
.contact-fact {
	padding: 1rem 1.08rem !important;
	border: 1px solid rgba(233, 223, 210, 0.08) !important;
	border-radius: 24px !important;
	background: linear-gradient(180deg, rgba(41, 46, 53, 0.98) 0%, rgba(29, 33, 38, 0.98) 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 14px 28px rgba(0, 0, 0, 0.14) !important;
}

.contact-meta__intro span,
.contact-fact span {
	color: #cf9567 !important;
	background: none !important;
	box-shadow: none !important;
}

.contact-meta__intro strong,
.contact-meta__intro strong a,
.contact-fact strong,
.contact-fact strong a {
	color: #f3ece2 !important;
}

.contact-meta__intro p,
.contact-fact p {
	color: #c3baaf !important;
}

.card-kicker-light {
	background: rgba(208, 139, 87, 0.12) !important;
	color: #a7683d !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

.studio-card {
	background: linear-gradient(180deg, rgba(239, 231, 221, 0.98) 0%, rgba(223, 212, 198, 0.98) 100%) !important;
	border-color: rgba(120, 93, 68, 0.12) !important;
	box-shadow: 0 20px 38px rgba(17, 21, 26, 0.08) !important;
}

.studio-card__title,
.studio-card__title a,
.studio-card__meta,
.studio-card__excerpt {
	color: #2b2e33 !important;
}

.studio-card__meta {
	color: #756d64 !important;
}

.support-panel__column--donate {
	background: linear-gradient(180deg, rgba(238, 230, 219, 0.98) 0%, rgba(224, 214, 199, 0.98) 100%) !important;
	border-color: rgba(120, 93, 68, 0.12) !important;
}

.support-panel__column--donate .story-card__pill,
.support-panel__column--donate .support-card__label {
	background: rgba(208, 139, 87, 0.12) !important;
	color: #a7683d !important;
}

.support-panel__column--donate h2,
.support-panel__column--donate h3,
.support-panel__column--donate p,
.support-panel__column--donate strong {
	color: #292d31 !important;
}

.support-panel__column--donate p {
	color: #6d665e !important;
}

.support-panel__column--donate .support-token {
	background: linear-gradient(180deg, rgba(51, 56, 63, 0.98) 0%, rgba(35, 39, 45, 0.98) 100%) !important;
	border-color: rgba(120, 93, 68, 0.18) !important;
}

.support-panel__column--donate .support-token__badge {
	background: rgba(208, 139, 87, 0.14) !important;
	color: #d29b6d !important;
}

.support-panel__column--donate .support-token__name,
.support-panel__column--donate .support-token__icon,
.support-panel__column--donate .support-token__address {
	color: #f3ece2 !important;
}

.support-panel__column--share {
	background: linear-gradient(180deg, rgba(30, 35, 42, 0.99) 0%, rgba(20, 24, 30, 0.99) 100%) !important;
	border-color: rgba(233, 223, 210, 0.08) !important;
}

.support-panel__column--share h3,
.support-panel__column--share p,
.support-panel__column--share strong {
	color: #f3ece2 !important;
}

.support-panel__column--share p {
	color: #c4bbaf !important;
}

.support-share__link {
	color: #f3ece2 !important;
}

.support-share__link svg {
	color: #d39d6f !important;
}

.pagination-shell,
.story-neighbours {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

.pagination-shell__pages span {
	background: linear-gradient(180deg, #d89b64 0%, #c27a44 100%) !important;
	color: #1d2126 !important;
	border: 1px solid rgba(104, 68, 44, 0.12) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 12px 24px rgba(77, 48, 28, 0.18) !important;
}

.shortstory--music.audio-card,
.music-grid .shortstory--music.audio-card {
	background: linear-gradient(180deg, rgba(39, 44, 50, 0.98) 0%, rgba(29, 33, 38, 0.98) 100%) !important;
	border-color: rgba(233, 223, 210, 0.08) !important;
	box-shadow:
		0 20px 38px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.shortstory--music.audio-card::before,
.music-grid .shortstory--music.audio-card::before {
	background: linear-gradient(135deg, rgba(208, 139, 87, 0.12) 0%, transparent 52%, rgba(228, 215, 199, 0.08) 100%) !important;
	opacity: 0.32 !important;
}

.shortstory--music .card-kicker {
	background: rgba(208, 139, 87, 0.14) !important;
	color: #d49d6f !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

.shortstory--music .audio-title,
.shortstory--music .audio-title a {
	color: #f2ece3 !important;
}

.shortstory--music .audio-meta,
.shortstory--music .audio-excerpt {
	color: #beb6ab !important;
}

.wallet-modal__dialog {
	background: linear-gradient(180deg, rgba(28, 32, 38, 0.995) 0%, rgba(18, 21, 26, 0.995) 100%) !important;
	border-color: rgba(233, 223, 210, 0.08) !important;
	box-shadow: 0 28px 54px rgba(0, 0, 0, 0.28) !important;
}

.wallet-modal__close {
	background: linear-gradient(180deg, rgba(57, 62, 69, 0.98) 0%, rgba(41, 45, 51, 0.98) 100%) !important;
	border-color: rgba(233, 223, 210, 0.1) !important;
	color: #f3ece2 !important;
}

.wallet-modal__copy {
	background: linear-gradient(180deg, rgba(51, 56, 63, 0.98) 0%, rgba(35, 39, 45, 0.98) 100%) !important;
	color: #f3ece2 !important;
	border-color: rgba(233, 223, 210, 0.12) !important;
}

.wallet-modal__input,
input.wallet-modal__input {
	background: rgba(245, 240, 232, 0.98) !important;
	color: #1d2126 !important;
	-webkit-text-fill-color: #1d2126 !important;
}

.static-page__card,
.static-page__fact,
.static-page__panel:not(.static-page__panel--dark),
.static-page__contact-card,
.static-page__cta {
	background: linear-gradient(180deg, rgba(237, 229, 218, 0.98) 0%, rgba(221, 211, 197, 0.98) 100%) !important;
	border-color: rgba(120, 93, 68, 0.12) !important;
	box-shadow: 0 20px 38px rgba(17, 21, 26, 0.08) !important;
}

.static-page__card h1,
.static-page__card h2,
.static-page__card h3,
.static-page__card p,
.static-page__card li,
.static-page__fact strong,
.static-page__fact a,
.static-page__fact p,
.static-page__panel:not(.static-page__panel--dark) h2,
.static-page__panel:not(.static-page__panel--dark) h3,
.static-page__panel:not(.static-page__panel--dark) p,
.static-page__panel:not(.static-page__panel--dark) li,
.static-page__contact-card h2,
.static-page__contact-card h3,
.static-page__contact-card p,
.static-page__cta h2,
.static-page__cta p {
	color: #282c31 !important;
}

.static-page__fact span,
.static-page__panel:not(.static-page__panel--dark) .story-card__pill,
.static-page__card .story-card__pill,
.static-page__contact-card .story-card__pill,
.static-page__cta .story-card__pill {
	color: #ab6c41 !important;
	background: rgba(208, 139, 87, 0.12) !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.14) !important;
}

/* 2026-04-10 mobile readability fixes */
.h-con a::before,
.h-mobile-link::before {
	filter: none !important;
	opacity: 1 !important;
}

.hero-panel .hero-summary strong {
	color: #f4eee5 !important;
}

.hero-panel .hero-summary p {
	color: #c3baae !important;
}

.hero-panel .hero-summary__link {
	background: linear-gradient(180deg, rgba(53, 58, 65, 0.98) 0%, rgba(37, 41, 47, 0.98) 100%) !important;
	color: #f5efe6 !important;
	border-color: rgba(233, 223, 210, 0.12) !important;
}

.hero-panel .hero-summary__link:hover {
	background: linear-gradient(180deg, rgba(61, 67, 75, 0.98) 0%, rgba(43, 48, 55, 0.98) 100%) !important;
	color: #fff9f2 !important;
}

.studio-card .card-kicker-light {
	display: inline-flex !important;
	width: fit-content !important;
	max-width: max-content !important;
	padding: 0.42rem 0.82rem !important;
	border-radius: 999px !important;
	margin-bottom: 2px !important;
}

.studio-card__action {
	display: inline-flex !important;
	width: fit-content !important;
	max-width: max-content !important;
	padding: 0.82rem 1.08rem !important;
	border-radius: 999px !important;
}

.support-panel__column--donate .support-token,
.support-panel__column--donate .support-token .support-token__name,
.support-panel__column--donate .support-token .support-token__icon,
.support-panel__column--donate .support-token .support-token__address {
	color: #f4eee5 !important;
	-webkit-text-fill-color: #f4eee5 !important;
	opacity: 1 !important;
}

.button-primary:hover,
.contact-actions .contact-action--primary:hover,
.static-page__actions .button-primary:hover,
.pricing-card__link:hover,
.story-action:not(.story-action--secondary):hover,
.support-panel__actions .story-action:first-child:hover {
	color: #fffaf5 !important;
	-webkit-text-fill-color: #fffaf5 !important;
}

.support-panel__column--donate .support-panel__tokens {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.support-panel__column--donate .support-token {
	width: 100% !important;
	min-width: 0 !important;
	justify-content: flex-start !important;
	gap: 7px !important;
	padding: 0.72rem 0.62rem !important;
}

.support-panel__column--donate .support-token__badge {
	flex: 0 0 auto !important;
	padding: 0.28rem 0.42rem !important;
	font-size: 0.68rem !important;
}

.support-panel__column--donate .support-token__name {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	font-size: 0.9rem !important;
}

.support-panel__column--donate .support-token__icon {
	flex: 0 0 auto !important;
	width: 1rem !important;
	height: 1rem !important;
	font-size: 0.92rem !important;
}

@media (max-width: 860px) {
	.support-panel__column--donate .support-panel__tokens {
		grid-template-columns: 1fr !important;
	}

	.support-panel__column--donate .support-token {
		gap: 12px !important;
		padding: 0.82rem 0.95rem !important;
	}
}

@media (max-width: 860px) {
	.h-menu {
		background: none !important;
	}

	.h-menu ul {
		border: 1px solid rgba(233, 223, 210, 0.08) !important;
		border-radius: 28px !important;
		background: linear-gradient(180deg, rgba(35, 39, 45, 0.99) 0%, rgba(24, 28, 33, 0.995) 100%) !important;
		box-shadow:
			0 22px 40px rgba(0, 0, 0, 0.28),
			inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
	}

	.h-menu a {
		color: #f3ece3 !important;
	}

	.h-menu a:hover {
		background: rgba(255, 255, 255, 0.05) !important;
		color: #fff8f1 !important;
	}

	.h-menu a.active,
	.h-menu a[aria-current="true"] {
		background: linear-gradient(180deg, #d89b64 0%, #c27a44 100%) !important;
		color: #1d2126 !important;
	}

	.support-panel__actions,
	.support-panel__actions--support {
		gap: 10px !important;
	}

	.support-panel__actions .story-action {
		width: 100% !important;
		height: 52px !important;
		min-height: 52px !important;
		max-height: 52px !important;
		padding: 0 1rem !important;
		border-radius: 18px !important;
	}

	.support-token {
		min-height: 52px !important;
		height: 52px !important;
		padding: 0.75rem 0.95rem !important;
		border-radius: 18px !important;
	}

	.support-token__name,
	.support-token__icon,
	.support-token__address {
		color: #f4eee5 !important;
		-webkit-text-fill-color: #f4eee5 !important;
		opacity: 1 !important;
	}
}

@media (max-width: 640px) {
	.h-mobile-link {
		background: linear-gradient(180deg, rgba(50, 55, 62, 0.98) 0%, rgba(34, 38, 44, 0.98) 100%) !important;
		border-color: rgba(233, 223, 210, 0.12) !important;
	}

	.h-mobile-link::before {
		filter: none !important;
		opacity: 1 !important;
	}

	.support-panel__actions .story-action {
		height: 52px !important;
		min-height: 52px !important;
		max-height: 52px !important;
		padding: 0 1rem !important;
	}

	.support-token {
		height: 52px !important;
		min-height: 52px !important;
		max-height: 52px !important;
	}

	.taycan-stage__front {
		margin: 0 auto !important;
	}

	.taycan-stage__front .taycan-car--side {
		margin: 0 auto !important;
	}

	.taycan-car--front {
		display: block !important;
		width: min(112%, 360px) !important;
		margin: 0.9rem auto 0 !important;
		left: auto !important;
		right: auto !important;
	}
}

/* About page refresh */
.static-page--about.about-page {
	max-width: 1280px;
	margin-inline: auto;
	gap: 44px !important;
	color: #f4eee6;
}

.static-page--about .about-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.78fr);
	gap: 58px;
	align-items: center;
	min-height: min(720px, calc(100svh - 160px));
	padding: 64px;
	border: 1px solid rgba(233, 223, 210, 0.09);
	border-radius: 30px;
	background:
		linear-gradient(135deg, rgba(18, 22, 30, 0.98) 0%, rgba(9, 13, 20, 0.97) 58%, rgba(26, 35, 50, 0.94) 100%);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.32);
	overflow: hidden;
}

.static-page--about .about-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(216, 155, 100, 0.12) 0%, transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, transparent 38%);
	pointer-events: none;
}

.static-page--about .about-hero__copy,
.static-page--about .about-hero__visual {
	position: relative;
	z-index: 1;
}

.static-page--about .about-hero__copy {
	display: grid;
	gap: 18px;
	max-width: 760px;
}

.static-page--about .about-hero .story-card__pill,
.static-page--about .about-flow .story-card__pill,
.static-page--about .about-cta .story-card__pill {
	width: fit-content;
	color: #d79b68 !important;
	background: rgba(216, 155, 100, 0.12) !important;
	box-shadow: inset 0 0 0 1px rgba(216, 155, 100, 0.18) !important;
}

.static-page--about .about-hero__eyebrow {
	margin: 0;
	color: rgba(237, 222, 205, 0.68);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.static-page--about .about-hero__title {
	margin: 0;
	max-width: 760px;
	color: #fff7ee;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 5.2rem;
	font-weight: 600;
	line-height: 0.92;
	letter-spacing: 0;
}

.static-page--about .about-hero__lead {
	max-width: 680px;
	margin: 0;
	color: rgba(244, 238, 230, 0.78);
	font-size: 1.12rem;
	line-height: 1.72;
}

.static-page--about .about-hero__actions,
.static-page--about .about-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.static-page--about .about-hero__actions {
	margin-top: 4px;
}

.static-page--about .about-hero__actions .button,
.static-page--about .about-cta__actions .button {
	min-width: 0;
	white-space: nowrap;
}

.static-page--about .about-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.static-page--about .about-hero__tags span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 14px;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.055);
	color: rgba(244, 238, 230, 0.78);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.2;
}

.static-page--about .about-hero__visual {
	display: grid;
	min-height: 560px;
	margin: 0;
	border: 1px solid rgba(233, 223, 210, 0.12);
	border-radius: 26px;
	background: #10151d;
	box-shadow: 0 28px 72px rgba(0, 0, 0, 0.34);
	overflow: hidden;
}

.static-page--about .about-hero__visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.static-page--about .about-hero__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 45%, rgba(8, 11, 16, 0.82) 100%);
	pointer-events: none;
}

.static-page--about .about-hero__visual figcaption {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 8px;
	padding: 24px;
	border-top: 1px solid rgba(233, 223, 210, 0.12);
	background: linear-gradient(180deg, rgba(13, 17, 24, 0) 0%, rgba(13, 17, 24, 0.9) 100%);
}

.static-page--about .about-hero__visual figcaption span {
	color: #d79b68;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.static-page--about .about-hero__visual figcaption strong {
	max-width: 30rem;
	color: #fff7ee;
	font-size: 1.05rem;
	line-height: 1.45;
}

.static-page--about .about-statement {
	max-width: 1080px;
	margin-inline: auto;
	padding: 8px 18px 34px;
	border-bottom: 1px solid rgba(233, 223, 210, 0.11);
}

.static-page--about .about-statement p {
	margin: 0;
	color: #f5eee5;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2.7rem;
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: 0;
	text-align: center;
}

.static-page--about .about-principles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 26px;
	background: rgba(12, 16, 24, 0.62);
	overflow: hidden;
}

.static-page--about .about-principles article {
	display: grid;
	gap: 14px;
	align-content: start;
	min-height: 270px;
	padding: 30px;
	border-right: 1px solid rgba(233, 223, 210, 0.1);
}

.static-page--about .about-principles article:last-child {
	border-right: 0;
}

.static-page--about .about-principles span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(216, 155, 100, 0.14);
	color: #d79b68;
	font-weight: 900;
}

.static-page--about .about-principles h2,
.static-page--about .about-flow h2,
.static-page--about .about-formats h2,
.static-page--about .about-cta h2 {
	margin: 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	letter-spacing: 0;
}

.static-page--about .about-principles h2 {
	color: #fff7ee;
	font-size: 2.15rem;
	line-height: 1.04;
}

.static-page--about .about-principles p {
	margin: 0;
	color: rgba(244, 238, 230, 0.72);
	line-height: 1.62;
}

.static-page--about .about-flow {
	display: grid;
	grid-template-columns: minmax(260px, 0.58fr) minmax(0, 1fr);
	gap: 36px;
	align-items: start;
	padding: 36px;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 26px;
	background: rgba(19, 24, 34, 0.7);
}

.static-page--about .about-flow__head {
	display: grid;
	gap: 16px;
}

.static-page--about .about-flow h2 {
	color: #fff7ee;
	font-size: 2.9rem;
	line-height: 1.02;
}

.static-page--about .about-flow__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 20px;
	overflow: hidden;
}

.static-page--about .about-flow__list li {
	display: grid;
	gap: 10px;
	min-height: 220px;
	padding: 24px 20px;
	border-right: 1px solid rgba(233, 223, 210, 0.1);
	background: rgba(255, 255, 255, 0.035);
}

.static-page--about .about-flow__list li:last-child {
	border-right: 0;
}

.static-page--about .about-flow__list strong {
	color: #fff7ee;
	font-size: 1.02rem;
	line-height: 1.25;
}

.static-page--about .about-flow__list p {
	margin: 0;
	color: rgba(244, 238, 230, 0.68);
	line-height: 1.58;
}

.static-page--about .about-formats {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.74fr);
	gap: 30px;
	align-items: center;
	padding: 42px;
	border-radius: 26px;
	background:
		linear-gradient(135deg, rgba(236, 228, 217, 0.99) 0%, rgba(218, 207, 190, 0.98) 100%);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.2);
}

.static-page--about .about-formats__copy {
	display: grid;
	gap: 14px;
}

.static-page--about .about-formats .story-card__pill {
	width: fit-content;
	color: #9f6339 !important;
	background: rgba(208, 139, 87, 0.14) !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.18) !important;
}

.static-page--about .about-formats h2 {
	max-width: 760px;
	color: #20242a;
	font-size: 2.8rem;
	line-height: 1.03;
}

.static-page--about .about-formats p {
	max-width: 680px;
	margin: 0;
	color: rgba(32, 36, 42, 0.72);
	font-size: 1rem;
	line-height: 1.72;
}

.static-page--about .about-formats__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.static-page--about .about-formats__list span {
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 0 18px;
	border-radius: 18px;
	background: linear-gradient(180deg, #2f353d 0%, #20252b 100%);
	color: #fff7ee;
	font-weight: 800;
	line-height: 1.25;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.static-page--about .about-page__body {
	display: none !important;
}

.static-page--about .about-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 30px;
	align-items: end;
	padding: 42px;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 26px;
	background: linear-gradient(135deg, rgba(17, 22, 31, 0.96) 0%, rgba(29, 40, 58, 0.92) 100%);
}

.static-page--about .about-cta > div:first-child {
	display: grid;
	gap: 14px;
}

.static-page--about .about-cta h2 {
	max-width: 790px;
	color: #fff7ee;
	font-size: 2.95rem;
	line-height: 1.02;
}

.static-page--about .about-cta p {
	max-width: 680px;
	margin: 0;
	color: rgba(244, 238, 230, 0.72);
	line-height: 1.65;
}

.static-page--about .story-page-split {
	margin: 0;
}

@media (max-width: 1120px) {
	.static-page--about .about-hero {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 42px;
	}

	.static-page--about .about-hero__title {
		font-size: 4.25rem;
	}

	.static-page--about .about-hero__visual {
		min-height: 520px;
	}

	.static-page--about .about-flow {
		grid-template-columns: 1fr;
	}

	.static-page--about .about-flow__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.static-page--about .about-flow__list li:nth-child(2) {
		border-right: 0;
	}

	.static-page--about .about-flow__list li:nth-child(-n + 2) {
		border-bottom: 1px solid rgba(233, 223, 210, 0.1);
	}
}

@media (max-width: 820px) {
	.static-page--about.about-page {
		gap: 28px !important;
	}

	.static-page--about .about-hero,
	.static-page--about .about-flow,
	.static-page--about .about-formats,
	.static-page--about .about-cta {
		padding: 24px;
		border-radius: 22px;
	}

	.static-page--about .about-hero__title {
		font-size: 3.3rem;
	}

	.static-page--about .about-hero__lead {
		font-size: 1rem;
	}

	.static-page--about .about-hero__visual {
		min-height: 430px;
		border-radius: 20px;
	}

	.static-page--about .about-statement {
		padding-inline: 0;
	}

	.static-page--about .about-statement p {
		font-size: 2.1rem;
		text-align: left;
	}

	.static-page--about .about-principles,
	.static-page--about .about-formats,
	.static-page--about .about-cta {
		grid-template-columns: 1fr;
	}

	.static-page--about .about-principles article {
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid rgba(233, 223, 210, 0.1);
		padding: 24px;
	}

	.static-page--about .about-principles article:last-child {
		border-bottom: 0;
	}

	.static-page--about .about-principles h2 {
		font-size: 1.85rem;
	}

	.static-page--about .about-flow h2,
	.static-page--about .about-formats h2,
	.static-page--about .about-cta h2 {
		font-size: 2.2rem;
	}

	.static-page--about .about-cta {
		align-items: start;
	}

	.static-page--about .about-cta__actions .button {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.static-page--about .about-hero__title {
		font-size: 2.65rem;
	}

	.static-page--about .about-hero__actions .button,
	.static-page--about .about-cta__actions .button {
		width: 100%;
	}

	.static-page--about .about-hero__tags span {
		width: 100%;
		justify-content: center;
	}

	.static-page--about .about-hero__visual {
		min-height: 360px;
	}

	.static-page--about .about-flow__list,
	.static-page--about .about-formats__list {
		grid-template-columns: 1fr;
	}

	.static-page--about .about-flow__list li,
	.static-page--about .about-flow__list li:nth-child(2) {
		border-right: 0;
		border-bottom: 1px solid rgba(233, 223, 210, 0.1);
	}

	.static-page--about .about-flow__list li:last-child {
		border-bottom: 0;
	}
}

/* Contact page refresh */
.static-page--contact.contact-page {
	max-width: 1280px;
	margin-inline: auto;
	gap: 42px !important;
	color: #f4eee6;
}

.static-page--contact .contact-page__hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 0.78fr);
	gap: 56px;
	align-items: stretch;
	min-height: min(690px, calc(100svh - 160px));
	padding: 62px;
	border: 1px solid rgba(233, 223, 210, 0.09);
	border-radius: 30px;
	background:
		linear-gradient(135deg, rgba(18, 22, 30, 0.98) 0%, rgba(9, 13, 20, 0.98) 56%, rgba(31, 40, 55, 0.94) 100%);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.32);
	overflow: hidden;
}

.static-page--contact .contact-page__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(216, 155, 100, 0.14) 0%, transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, transparent 40%);
	pointer-events: none;
}

.static-page--contact .contact-page__copy,
.static-page--contact .contact-page__visual {
	position: relative;
	z-index: 1;
}

.static-page--contact .contact-page__copy {
	display: grid;
	align-content: center;
	gap: 18px;
	max-width: 760px;
}

.static-page--contact .story-card__pill {
	width: fit-content;
	color: #d79b68 !important;
	background: rgba(216, 155, 100, 0.12) !important;
	box-shadow: inset 0 0 0 1px rgba(216, 155, 100, 0.18) !important;
}

.static-page--contact .contact-page__eyebrow {
	margin: 0;
	color: rgba(237, 222, 205, 0.68);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.static-page--contact .contact-page__title {
	margin: 0;
	max-width: 780px;
	color: #fff7ee;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 5rem;
	font-weight: 600;
	line-height: 0.92;
	letter-spacing: 0;
}

.static-page--contact .contact-page__lead {
	max-width: 640px;
	margin: 0;
	color: rgba(244, 238, 230, 0.78);
	font-size: 1.12rem;
	line-height: 1.72;
}

.static-page--contact .contact-page__actions,
.static-page--contact .contact-page__cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 6px;
}

.static-page--contact .contact-page__actions .button,
.static-page--contact .contact-page__cta-actions .button {
	min-width: 0;
	white-space: nowrap;
}

.static-page--contact .contact-page__visual {
	min-height: 520px;
	margin: 0;
	border: 1px solid rgba(233, 223, 210, 0.12);
	border-radius: 26px;
	background: #10151d;
	box-shadow: 0 28px 72px rgba(0, 0, 0, 0.34);
	overflow: hidden;
}

.static-page--contact .contact-page__visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
	transition: transform 0.55s ease;
}

.static-page--contact .contact-page__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 38%, rgba(8, 11, 16, 0.84) 100%);
	pointer-events: none;
}

.static-page--contact .contact-page__visual:hover img {
	transform: scale(1.025);
}

.static-page--contact .contact-page__visual figcaption {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 8px;
	padding: 26px;
	border-top: 1px solid rgba(233, 223, 210, 0.12);
	background: linear-gradient(180deg, rgba(13, 17, 24, 0) 0%, rgba(13, 17, 24, 0.9) 100%);
}

.static-page--contact .contact-page__visual figcaption span {
	color: #d79b68;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.static-page--contact .contact-page__visual figcaption strong {
	color: #fff7ee;
	font-size: 1.35rem;
	line-height: 1.25;
}

.static-page--contact .contact-page__visual figcaption p {
	max-width: 29rem;
	margin: 0;
	color: rgba(244, 238, 230, 0.74);
	line-height: 1.58;
}

.static-page--contact .contact-page__channels {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.static-page--contact .contact-channel {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	min-height: 190px;
	padding: 24px;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 24px;
	background: rgba(18, 23, 32, 0.72);
	color: #f4eee6;
	text-decoration: none;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
	transition: transform 0.26s ease, border-color 0.26s ease, background 0.26s ease, box-shadow 0.26s ease;
}

.static-page--contact .contact-channel:hover {
	transform: translateY(-5px);
	border-color: rgba(216, 155, 100, 0.28);
	background: rgba(27, 33, 43, 0.84);
	box-shadow: 0 28px 58px rgba(0, 0, 0, 0.24);
}

.static-page--contact .contact-channel__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(233, 223, 210, 0.12);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(55, 61, 69, 0.98) 0%, rgba(36, 41, 48, 0.98) 100%);
}

.static-page--contact .contact-channel__icon img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.static-page--contact .contact-channel__body {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.static-page--contact .contact-channel__body > span {
	color: #d79b68;
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.static-page--contact .contact-channel__body strong {
	color: #fff7ee;
	font-size: 1.18rem;
	line-height: 1.28;
	word-break: break-word;
}

.static-page--contact .contact-channel__body em {
	color: rgba(244, 238, 230, 0.68);
	font-style: normal;
	line-height: 1.58;
}

.static-page--contact .contact-page__brief {
	display: grid;
	grid-template-columns: minmax(280px, 0.58fr) minmax(0, 1fr);
	gap: 34px;
	align-items: start;
	padding: 38px;
	border-radius: 26px;
	background:
		linear-gradient(135deg, rgba(236, 228, 217, 0.99) 0%, rgba(218, 207, 190, 0.98) 100%);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.2);
}

.static-page--contact .contact-page__brief-copy {
	position: sticky;
	top: 118px;
	display: grid;
	gap: 14px;
}

.static-page--contact .contact-page__brief .story-card__pill {
	color: #9f6339 !important;
	background: rgba(208, 139, 87, 0.14) !important;
	box-shadow: inset 0 0 0 1px rgba(208, 139, 87, 0.18) !important;
}

.static-page--contact .contact-page__brief h2,
.static-page--contact .contact-page__workflow h2,
.static-page--contact .contact-page__cta h2 {
	margin: 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	letter-spacing: 0;
}

.static-page--contact .contact-page__brief h2 {
	color: #20242a;
	font-size: 3rem;
	line-height: 1.02;
}

.static-page--contact .contact-page__brief p {
	margin: 0;
	color: rgba(32, 36, 42, 0.7);
	line-height: 1.68;
}

.static-page--contact .contact-page__brief-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.static-page--contact .contact-page__brief-list li {
	display: grid;
	gap: 9px;
	min-height: 178px;
	padding: 22px;
	border: 1px solid rgba(115, 91, 67, 0.12);
	border-radius: 20px;
	background: rgba(255, 250, 243, 0.48);
}

.static-page--contact .contact-page__brief-list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(32, 36, 42, 0.08);
	color: #9f6339;
	font-weight: 900;
}

.static-page--contact .contact-page__brief-list strong {
	color: #20242a;
	font-size: 1.05rem;
	line-height: 1.3;
}

.static-page--contact .contact-page__workflow {
	display: grid;
	grid-template-columns: minmax(0, 0.76fr) minmax(0, 1fr);
	gap: 34px;
	align-items: start;
	padding: 36px;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 26px;
	background: rgba(17, 22, 31, 0.76);
}

.static-page--contact .contact-page__workflow-head {
	display: grid;
	gap: 16px;
}

.static-page--contact .contact-page__workflow h2 {
	color: #fff7ee;
	font-size: 2.95rem;
	line-height: 1.02;
}

.static-page--contact .contact-page__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 20px;
	overflow: hidden;
}

.static-page--contact .contact-page__steps li {
	display: grid;
	gap: 10px;
	min-height: 198px;
	padding: 24px 20px;
	border-right: 1px solid rgba(233, 223, 210, 0.1);
	background: rgba(255, 255, 255, 0.035);
}

.static-page--contact .contact-page__steps li:last-child {
	border-right: 0;
}

.static-page--contact .contact-page__steps strong {
	color: #fff7ee;
	font-size: 1.02rem;
	line-height: 1.25;
}

.static-page--contact .contact-page__steps p {
	margin: 0;
	color: rgba(244, 238, 230, 0.68);
	line-height: 1.58;
}

.static-page--contact .contact-page__body {
	display: none !important;
}

.static-page--contact .contact-page__cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 30px;
	align-items: end;
	padding: 42px;
	border: 1px solid rgba(233, 223, 210, 0.1);
	border-radius: 26px;
	background: linear-gradient(135deg, rgba(17, 22, 31, 0.96) 0%, rgba(29, 40, 58, 0.92) 100%);
}

.static-page--contact .contact-page__cta > div:first-child {
	display: grid;
	gap: 14px;
}

.static-page--contact .contact-page__cta h2 {
	max-width: 780px;
	color: #fff7ee;
	font-size: 2.95rem;
	line-height: 1.02;
}

.static-page--contact .contact-page__cta p {
	max-width: 620px;
	margin: 0;
	color: rgba(244, 238, 230, 0.72);
	line-height: 1.65;
}

.static-page--contact .story-page-split {
	margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.static-page--contact .contact-page__copy,
	.static-page--contact .contact-page__visual,
	.static-page--contact .contact-channel {
		animation: contactReveal 0.62s ease both;
	}

	.static-page--contact .contact-page__visual {
		animation-delay: 0.08s;
	}

	.static-page--contact .contact-channel:nth-child(2) {
		animation-delay: 0.05s;
	}

	.static-page--contact .contact-channel:nth-child(3) {
		animation-delay: 0.1s;
	}
}

@keyframes contactReveal {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 1120px) {
	.static-page--contact .contact-page__hero,
	.static-page--contact .contact-page__brief,
	.static-page--contact .contact-page__workflow {
		grid-template-columns: 1fr;
	}

	.static-page--contact .contact-page__hero {
		min-height: 0;
		padding: 42px;
	}

	.static-page--contact .contact-page__title {
		font-size: 4.15rem;
	}

	.static-page--contact .contact-page__visual {
		min-height: 520px;
	}

	.static-page--contact .contact-page__channels {
		grid-template-columns: 1fr;
	}

	.static-page--contact .contact-channel {
		min-height: 0;
	}

	.static-page--contact .contact-page__brief-copy {
		position: static;
	}
}

@media (max-width: 820px) {
	.static-page--contact.contact-page {
		gap: 28px !important;
	}

	.static-page--contact .contact-page__hero,
	.static-page--contact .contact-page__brief,
	.static-page--contact .contact-page__workflow,
	.static-page--contact .contact-page__cta {
		padding: 24px;
		border-radius: 22px;
	}

	.static-page--contact .contact-page__title {
		font-size: 3.3rem;
	}

	.static-page--contact .contact-page__lead {
		font-size: 1rem;
	}

	.static-page--contact .contact-page__visual {
		min-height: 430px;
		border-radius: 20px;
	}

	.static-page--contact .contact-page__brief-list,
	.static-page--contact .contact-page__steps,
	.static-page--contact .contact-page__cta {
		grid-template-columns: 1fr;
	}

	.static-page--contact .contact-page__brief h2,
	.static-page--contact .contact-page__workflow h2,
	.static-page--contact .contact-page__cta h2 {
		font-size: 2.2rem;
	}

	.static-page--contact .contact-page__steps li {
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid rgba(233, 223, 210, 0.1);
	}

	.static-page--contact .contact-page__steps li:last-child {
		border-bottom: 0;
	}

	.static-page--contact .contact-page__cta {
		align-items: start;
	}

	.static-page--contact .contact-page__cta-actions .button {
		width: 100%;
	}
}

@media (max-width: 560px) {
	.static-page--contact .contact-page__title {
		font-size: 2.58rem;
	}

	.static-page--contact .contact-page__actions .button,
	.static-page--contact .contact-page__cta-actions .button {
		width: 100%;
	}

	.static-page--contact .contact-page__visual {
		min-height: 360px;
	}

	.static-page--contact .contact-channel {
		grid-template-columns: 1fr;
	}

.static-page--contact .contact-channel__icon {
		width: 48px;
		height: 48px;
	}
}

/* Main contact location card */
.contact-fact p {
	margin: 0;
	line-height: 1.5;
}

.contact-fact__details {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.contact-fact__details li {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 0.64rem;
	border: 1px solid rgba(216, 155, 100, 0.16);
	border-radius: 999px;
	background: rgba(216, 155, 100, 0.1);
	color: #e2b27f;
	font-size: 0.74rem;
	font-weight: 800;
	line-height: 1.2;
}