/* K.O.T. landing page */

:root {
	--kot-bg: #000000;
	--kot-brand: #dc2626;
	--kot-text: #dc2626;
	--kot-text-bright: #f87171;
	--kot-text-muted: rgba(220, 38, 38, 0.62);
	--kot-text-soft: #fca5a5;
	--kot-sign: #ef4444;
	--kot-chrome-h: 64px;
	--kot-glow: 0 0 28px rgba(220, 38, 38, 0.55), 0 0 56px rgba(220, 38, 38, 0.28);
	--kot-hero-shift: clamp(0.75rem, 2.8vw, 1.5rem);
}

body.kot-landing,
body.kot-legal {
	background-color: var(--kot-bg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cpath d='M 70 0 L 98 0 C 98 14, 112 14, 112 0 L 140 0' fill='none' stroke='rgba(220, 38, 38, 0.055)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M 0 70 L 28 70 C 28 84, 42 84, 42 70 L 70 70 L 98 70 C 98 56, 112 56, 112 70 L 140 70' fill='none' stroke='rgba(220, 38, 38, 0.055)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M 0 140 L 28 140 C 28 126, 42 126, 42 140 L 70 140' fill='none' stroke='rgba(220, 38, 38, 0.055)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M 0 0 L 0 28 C 14 28, 14 42, 0 42 L 0 70' fill='none' stroke='rgba(220, 38, 38, 0.055)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M 70 0 L 70 28 C 56 28, 56 42, 70 42 L 70 70 L 70 98 C 84 98, 84 112, 70 112 L 70 140' fill='none' stroke='rgba(220, 38, 38, 0.055)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M 140 70 L 140 98 C 126 98, 126 112, 140 112 L 140 140' fill='none' stroke='rgba(220, 38, 38, 0.055)' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 140px 140px;
	color: var(--kot-text);
}

body.kot-landing {
	min-height: 100vh;
	font-family: Georgia, serif;
	line-height: 1.7;
	overflow-x: clip;
}

#kot-page-wrap.kot-page-stack {
	position: relative;
	z-index: 1;
	isolation: isolate;
	overflow-x: clip;
}

#kot-bg-orbs {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

#kot-bg-orbs .kot-bg-orb {
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(480px, 52vw, 900px);
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	opacity: 0.38;
	filter: blur(72px) saturate(1.25);
	will-change: transform, background;
}

/* Chrome */
.kot-chrome {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	pointer-events: none;
}

.kot-chrome__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 32px;
	min-height: var(--kot-chrome-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	pointer-events: auto;
}

.kot-chrome__logo {
	flex-shrink: 0;
	text-decoration: none;
}

.kot-chrome__logo img {
	display: block;
	height: 40px;
	width: auto;
	max-width: 120px;
	object-fit: contain;
}

.kot-chrome__right {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.kot-chrome__right .kot-lang-dd {
	overflow: visible;
}

.kot-lang-dd {
	position: relative;
}

.kot-lang-dd__btn {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(220, 38, 38, 0.35);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.55);
	color: var(--kot-brand);
}

.kot-lang-dd__btn::-webkit-details-marker {
	display: none;
}

.kot-lang-dd__btn:hover,
.kot-lang-dd[open] .kot-lang-dd__btn {
	border-color: var(--kot-text-bright);
	color: var(--kot-text-bright);
}

.kot-lang-dd__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	color: inherit;
}

.kot-lang-dd__glyph {
	display: block;
	color: var(--kot-brand);
	stroke: var(--kot-brand);
}

.kot-lang-dd__btn:hover .kot-lang-dd__glyph,
.kot-lang-dd[open] .kot-lang-dd__btn .kot-lang-dd__glyph {
	color: var(--kot-text-bright);
	stroke: var(--kot-text-bright);
}

.kot-lang-dd__glyph path {
	stroke: inherit;
	fill: none;
}

.kot-lang-dd__panel {
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 80;
	min-width: 88px;
	padding: 6px;
	border: 1px solid rgba(220, 38, 38, 0.35);
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.92);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.kot-lang-dd__opt {
	display: block;
	padding: 8px 12px;
	border-radius: 6px;
	color: var(--kot-text-muted);
	text-decoration: none;
	font-size: 0.85rem;
	letter-spacing: 0.1em;
	text-align: center;
}

.kot-lang-dd__opt:hover,
.kot-lang-dd__opt.is-current {
	color: var(--kot-text-bright);
	background: rgba(220, 38, 38, 0.12);
}

/* Main */
.kot-main {
	max-width: 56rem;
	margin: 0 auto;
	padding: calc(var(--kot-chrome-h) + 32px) 24px 48px;
}

/* 404 — full viewport shell, not the landing 56rem column */
body.kot-error404 #kot-page-wrap.kot-page-stack {
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding-top: var(--kot-chrome-h);
}

body.kot-error404 .kot-main {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 24px;
}

body.kot-error404 section.kot-error404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 1.25rem;
	width: auto;
	max-width: 100%;
	padding: 16px 0;
	flex: 0 0 auto;
}

body.kot-error404 .kot-error404__title {
	margin: 0;
	color: #fecaca;
	font-family: Georgia, serif;
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: normal;
	letter-spacing: 0.12em;
}

body.kot-error404 .kot-error404__code {
	margin: 0;
	color: rgba(248, 113, 113, 0.55);
	font-family: Georgia, serif;
	font-size: 0.95rem;
	letter-spacing: 0.18em;
}

body.kot-error404 .kot-error404__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.35rem;
	padding: 0.55rem 1.35rem;
	border: 1px solid rgba(248, 150, 150, 0.3);
	border-radius: 999px;
	font-family: Georgia, serif;
	font-size: 0.95rem;
	letter-spacing: 0.08em;
	color: rgba(248, 200, 200, 0.86);
	text-decoration: none;
}

body.kot-error404 .kot-error404__cta:hover,
body.kot-error404 .kot-error404__cta:focus-visible {
	border-color: #f87171;
	color: #f87171;
}

body.kot-error404 .kot-footer {
	flex-shrink: 0;
	margin-top: 0;
}

/* Hero */
.kot-hero {
	text-align: center;
	margin-bottom: 0;
}

.kot-hero__logo {
	display: block;
	margin: 0 auto 3.25rem;
	max-width: min(360px, 72vw);
	width: 100%;
	height: auto;
	position: relative;
	left: -1.75rem;
}

.kot-hero__title {
	position: relative;
	display: inline-block;
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: normal;
	letter-spacing: 0.12em;
	color: var(--kot-text-bright);
	margin-bottom: 1.5rem;
	margin-top: 0;
}

.kot-hero__title-base {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.kot-hero__title-glitch {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	white-space: nowrap;
}

.kot-hero__title-glitch--a {
	color: #fca5a5;
	text-shadow: 2px 0 #dc2626, -1px 0 #7f1d1d;
}

.kot-hero__title-glitch--b {
	color: #f87171;
	text-shadow: -2px 0 #450a0a, 1px 0 #ef4444;
}

.kot-hero__title--glitch .kot-hero__title-base {
	animation: kot-title-glitch-base 0.48s steps(3, end);
}

.kot-hero__title--glitch .kot-hero__title-glitch {
	opacity: 0.9;
}

.kot-hero__title--glitch .kot-hero__title-glitch--a {
	animation: kot-title-glitch-a 0.48s steps(4, end);
}

.kot-hero__title--glitch .kot-hero__title-glitch--b {
	animation: kot-title-glitch-b 0.48s steps(4, end);
}

@keyframes kot-title-glitch-base {
	0%,
	100% {
		transform: translate(0);
		opacity: 1;
	}
	15% {
		transform: translate(-3px, 1px);
		opacity: 0.82;
	}
	35% {
		transform: translate(3px, -2px);
		opacity: 1;
	}
	55% {
		transform: translate(-2px, -1px);
		opacity: 0.9;
	}
	75% {
		transform: translate(2px, 1px);
		opacity: 1;
	}
}

@keyframes kot-title-glitch-a {
	0%,
	100% {
		clip-path: inset(0 0 100% 0);
		transform: translate(0);
	}
	12% {
		clip-path: inset(8% 0 52% 0);
		transform: translate(-4px, 0);
	}
	28% {
		clip-path: inset(42% 0 18% 0);
		transform: translate(3px, -1px);
	}
	44% {
		clip-path: inset(18% 0 48% 0);
		transform: translate(-2px, 1px);
	}
	60% {
		clip-path: inset(55% 0 12% 0);
		transform: translate(4px, 0);
	}
	76% {
		clip-path: inset(5% 0 62% 0);
		transform: translate(-3px, -1px);
	}
}

@keyframes kot-title-glitch-b {
	0%,
	100% {
		clip-path: inset(100% 0 0 0);
		transform: translate(0);
	}
	18% {
		clip-path: inset(58% 0 8% 0);
		transform: translate(4px, 1px);
	}
	34% {
		clip-path: inset(22% 0 44% 0);
		transform: translate(-3px, 0);
	}
	50% {
		clip-path: inset(68% 0 6% 0);
		transform: translate(2px, -1px);
	}
	66% {
		clip-path: inset(12% 0 58% 0);
		transform: translate(-4px, 1px);
	}
	82% {
		clip-path: inset(48% 0 22% 0);
		transform: translate(3px, 0);
	}
}

.kot-hero__desc {
	font-size: 0.95rem;
	letter-spacing: 0.06em;
	color: var(--kot-text);
	line-height: 1.75;
	max-width: 38rem;
	margin: 0 auto 2rem;
	text-align: center;
}

.kot-hero__desc p:nth-child(2),
.kot-hero__desc p:nth-child(4) {
	transform: translateX(calc(-1 * var(--kot-hero-shift)));
}

.kot-hero__desc p:nth-child(3) {
	transform: translateX(var(--kot-hero-shift));
}

.kot-rotating-word {
	font-size: clamp(1.25rem, 3vw, 1.65rem);
	letter-spacing: 0.14em;
	color: var(--kot-text-bright);
	min-height: 2.2em;
	margin: 2.5rem auto 0;
	overflow: visible;
	text-align: center;
	transform: translateX(var(--kot-hero-shift));
}

.kot-rotating-word .kot-rt-ch {
	display: inline-block;
	will-change: transform, opacity;
}

.kot-hero-media-gap {
	margin: 3.5rem auto 3.75rem;
	max-width: 100%;
}

.kot-text-bright,
.kot-hero__desc strong {
	color: var(--kot-text-bright);
	font-weight: normal;
}

/* Media section */
.kot-media {
	margin-bottom: 5.5rem;
}

.kot-media__grid {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: 28px;
	align-items: center;
}

.kot-media__video {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.kot-media__video-wrap {
	position: relative;
	width: 100%;
	max-width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid rgba(220, 38, 38, 0.25);
	margin-inline: auto;
}

.kot-media__video-wrap iframe,
.kot-youtube-lite__thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.kot-youtube-lite__activate {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: #111;
	cursor: pointer;
}

.kot-youtube-lite__activate:focus-visible {
	outline: 2px solid #ef4444;
	outline-offset: 2px;
}

.kot-youtube-lite__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(220, 38, 38, 0.88);
	color: #fff;
	box-shadow: var(--kot-glow);
	padding-left: 3px;
}

.kot-youtube-lite__icon {
	display: block;
	width: 28px;
	height: 28px;
}

.kot-youtube-lite__activate:hover .kot-youtube-lite__play,
.kot-youtube-lite__activate:focus-visible .kot-youtube-lite__play {
	background: #ef4444;
}

.kot-youtube-lite--playing {
	background: #000;
}

.kot-media__poem {
	font-size: 0.92rem;
	letter-spacing: 0.05em;
	color: var(--kot-text);
	line-height: 1.8;
	white-space: normal;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.kot-hero__desc p,
.kot-media__poem p,
.kot-album__teaser p {
	margin: 0 0 1.15em;
}

.kot-hero__desc p:last-child,
.kot-media__poem p:last-child,
.kot-album__teaser p:last-child {
	margin-bottom: 0;
}

.kot-poem__sign {
	display: inline-block;
	font-size: 1.05rem;
	letter-spacing: 0.22em;
	color: var(--kot-sign);
}

/* Streaming */
.kot-streaming {
	margin-bottom: 5rem;
	padding-inline: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.kot-streaming__frame {
	--orbit-r: clamp(108px, 24vw, 158px);
	--orbit-size: calc(var(--orbit-r) * 2 + 72px);
	width: min(100%, calc(var(--orbit-size) + 40px));
	margin: 2rem auto;
}

.kot-streaming__defs {
	position: absolute;
	overflow: hidden;
}

.kot-streaming__arc {
	display: block;
	width: 66%;
	max-width: 320px;
	height: 28px;
	margin-inline: auto;
	pointer-events: none;
	transform-origin: center center;
}

.kot-streaming__arc--top {
	margin-bottom: 0.15rem;
	animation: kot-stream-arc-top-breathe 7s ease-in-out infinite;
}

.kot-streaming__arc--bottom {
	margin-top: 0.15rem;
	animation: kot-stream-arc-bottom-breathe 7s ease-in-out infinite;
}

@keyframes kot-stream-arc-top-breathe {
	0%,
	100% {
		transform: translateY(-7px);
		width: 62%;
		opacity: 0.78;
	}
	50% {
		transform: translateY(9px);
		width: 71%;
		opacity: 1;
	}
}

@keyframes kot-stream-arc-bottom-breathe {
	0%,
	100% {
		transform: translateY(7px);
		width: 62%;
		opacity: 0.78;
	}
	50% {
		transform: translateY(-9px);
		width: 71%;
		opacity: 1;
	}
}

.kot-stream-orbit {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	width: var(--orbit-size);
	height: var(--orbit-size);
	max-width: 100%;
	margin-inline: auto;
	isolation: isolate;
}

.kot-stream-orbit__spin {
	grid-area: 1 / 1;
	position: relative;
	width: 100%;
	height: 100%;
	animation: kot-stream-orbit-spin 110s linear infinite;
	pointer-events: none;
	will-change: transform;
}

.kot-stream-orbit__node {
	--orbit-angle: calc(360deg / var(--orbit-count) * var(--orbit-i));
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin: 0;
	transform: rotate(var(--orbit-angle)) translateX(var(--orbit-r));
}

.kot-stream-orbit__node .kot-streaming__link--orbit {
	pointer-events: auto;
}

.kot-stream-orbit__core {
	grid-area: 1 / 1;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(12px, 2.4vw, 20px);
	pointer-events: none;
}

.kot-stream-orbit__core .kot-streaming__link {
	pointer-events: auto;
}

@keyframes kot-stream-orbit-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.kot-streaming__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	color: var(--kot-brand);
	text-decoration: none;
	isolation: isolate;
	transition: color 0.2s ease, transform 0.2s ease;
}

.kot-streaming__link::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	opacity: 0;
	background: rgba(220, 38, 38, 0.18);
	box-shadow:
		0 0 8px rgba(248, 113, 113, 0.65),
		0 0 22px rgba(220, 38, 38, 0.5),
		0 0 42px rgba(220, 38, 38, 0.28);
	transition: opacity 0.2s ease;
}

.kot-streaming__link:hover,
.kot-streaming__link:focus-visible {
	color: var(--kot-text-bright);
	transform: scale(1.08);
	outline: none;
}

.kot-streaming__link:hover::before,
.kot-streaming__link:focus-visible::before {
	opacity: 1;
}

.kot-stream-icon {
	position: relative;
	z-index: 1;
	display: block;
	width: 34px;
	height: 34px;
}

.kot-streaming__link--core {
	width: 62px;
	height: 62px;
}

.kot-streaming__link--core .kot-stream-icon {
	width: 42px;
	height: 42px;
}

.kot-streaming__link--orbit {
	width: 48px;
	height: 48px;
}

.kot-streaming__link--orbit .kot-stream-icon {
	width: 30px;
	height: 30px;
}

.kot-streaming__link--orbit.kot-streaming__link--glitch {
	transition: none;
	animation: kot-orbit-icon-glitch 0.46s steps(3, end);
}

.kot-streaming__link--orbit.kot-streaming__link--glitch::before {
	opacity: 1;
}

@keyframes kot-orbit-icon-glitch {
	0%,
	100% {
		transform: translate(0, 0) scale(1);
		filter: none;
	}
	18% {
		transform: translate(-3px, 1px) scale(1.04);
		filter: drop-shadow(2px 0 #dc2626);
	}
	38% {
		transform: translate(3px, -2px) scale(0.96);
		filter: drop-shadow(-2px 0 #7f1d1d);
	}
	58% {
		transform: translate(-2px, -1px) scale(1.03);
		filter: drop-shadow(1px 0 #ef4444);
	}
	78% {
		transform: translate(2px, 1px) scale(0.98);
		filter: drop-shadow(-1px 0 #dc2626);
	}
}

@media (prefers-reduced-motion: reduce) {
	.kot-stream-orbit__spin,
	.kot-streaming__arc--top,
	.kot-streaming__arc--bottom {
		animation: none;
	}
}

/* Album */
.kot-album {
	margin-bottom: 32px;
}

.kot-album__teaser {
	text-align: center;
	font-size: 0.95rem;
	letter-spacing: 0.06em;
	color: var(--kot-text);
	line-height: 1.75;
	max-width: 32rem;
	margin: 2.5rem auto 3rem;
}

.kot-album__covers {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	gap: clamp(28px, 4vw, 40px);
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.kot-album__covers img {
	display: block;
	flex: 1 1 0;
	width: calc(50% - clamp(14px, 2vw, 20px));
	max-width: 420px;
	min-width: 0;
	height: auto;
	border-radius: 4px;
	box-shadow: var(--kot-glow);
	filter: blur(3px);
	transition: filter 0.22s ease;
}

.kot-album__covers--glitch img {
	filter: blur(0);
}

.kot-album__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	pointer-events: none;
}

.kot-album__soon {
	position: relative;
	display: inline-block;
	font-size: clamp(1.5rem, 4vw, 2rem);
	letter-spacing: 0.2em;
	color: var(--kot-text-bright);
	text-transform: uppercase;
}

.kot-album__soon-base {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.kot-album__soon-glitch {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	white-space: nowrap;
}

.kot-album__soon-glitch--a {
	color: #fca5a5;
	text-shadow: 2px 0 #dc2626, -1px 0 #7f1d1d;
}

.kot-album__soon-glitch--b {
	color: #f87171;
	text-shadow: -2px 0 #450a0a, 1px 0 #ef4444;
}

.kot-album__soon--glitch .kot-album__soon-base {
	animation: kot-title-glitch-base 0.48s steps(3, end) 3;
}

.kot-album__soon--glitch .kot-album__soon-glitch {
	opacity: 0.9;
}

.kot-album__soon--glitch .kot-album__soon-glitch--a {
	animation: kot-title-glitch-a 0.48s steps(4, end) 3;
}

.kot-album__soon--glitch .kot-album__soon-glitch--b {
	animation: kot-title-glitch-b 0.48s steps(4, end) 3;
}

/* Dividers */
.kot-divider {
	border: 0;
	height: 1px;
	width: 100%;
	margin: 0;
	background: linear-gradient(90deg, transparent, var(--kot-brand), transparent);
}

.kot-divider--narrow {
	max-width: 42%;
	margin-inline: auto;
}

/* Footer */
.kot-footer {
	padding: 0 24px 28px;
	text-align: center;
}

.kot-footer .site-footer {
	position: static;
	padding: 20px 0 16px;
	font-size: 0.8rem;
	letter-spacing: 0.1em;
}

.kot-footer .site-footer a {
	color: var(--kot-text-muted);
	text-decoration: none;
}

.kot-footer .site-footer a:hover {
	color: var(--kot-text-bright);
	text-decoration: underline;
}

.kot-footer-copy {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.35em 0.5em;
	margin: 16px 0 0;
	text-align: center;
	font-size: 12px;
	color: var(--kot-brand);
}

.kot-footer-copy__symbol {
	font-size: 1.55em;
	font-weight: 900;
	line-height: 1;
}

.kot-footer-copy a {
	color: var(--kot-text-bright);
	text-decoration: none;
}

.kot-footer-copy a:hover {
	color: var(--kot-text-soft);
	text-decoration: underline;
}

/* Legal pages — updated colors */
body.kot-legal {
	min-height: 100vh;
	font-family: Georgia, serif;
	color: var(--kot-text);
	line-height: 1.6;
	padding: 48px 24px 80px;
}

body.kot-legal a {
	color: var(--kot-text-bright);
}

body.kot-legal a:hover {
	color: var(--kot-text-soft);
}

body.kot-legal h1 {
	color: var(--kot-text-bright);
}

body.kot-legal .kot-entry-content p,
body.kot-legal .kot-entry-content td,
body.kot-legal .kot-entry-content small {
	color: var(--kot-text-muted);
}

body.kot-legal .kot-entry-content strong {
	color: var(--kot-text-bright);
}

body.kot-legal .kot-back {
	color: var(--kot-text-muted);
}

body.kot-legal .legal-lang-link {
	border-color: rgba(220, 38, 38, 0.35);
	color: var(--kot-text-muted);
}

body.kot-legal .legal-lang-link:hover,
body.kot-legal .legal-lang-link.is-active {
	border-color: var(--kot-text-bright);
	color: var(--kot-text-bright);
}


@media (max-width: 1024px) {
	.kot-chrome__inner {
		padding: 0 16px;
		gap: 8px;
	}

	.kot-chrome__logo {
		flex: 1 1 auto;
		min-width: 0;
		max-width: min(46vw, 120px);
	}

	.kot-chrome__logo img {
		max-width: 100%;
		height: auto;
		max-height: 40px;
	}

	.kot-chrome__right .kot-lang-dd__btn {
		width: 38px;
		height: 38px;
	}
}

@media (max-width: 768px) {
	.kot-hero__logo {
		left: 0;
	}

	.kot-hero__desc p:nth-child(2),
	.kot-hero__desc p:nth-child(3),
	.kot-hero__desc p:nth-child(4),
	.kot-rotating-word {
		transform: none;
	}

	.kot-media__grid {
		grid-template-columns: 1fr;
	}

	.kot-streaming__frame {
		--orbit-r: clamp(92px, 34vw, 124px);
	}

	.kot-streaming__arc {
		width: 72%;
		height: 22px;
	}

	.kot-streaming__link--core {
		width: 54px;
		height: 54px;
	}

	.kot-streaming__link--core .kot-stream-icon {
		width: 36px;
		height: 36px;
	}

	.kot-streaming__link--orbit {
		width: 44px;
		height: 44px;
	}

	.kot-album__covers {
		flex-direction: column;
		align-items: center;
	}

	.kot-album__covers img {
		flex: 0 0 auto;
		width: min(320px, 88vw);
		max-width: none;
	}
}

@media (max-width: 480px) {
	.kot-chrome__inner {
		padding: 0 12px;
	}

	.kot-chrome__right .kot-lang-dd__btn {
		width: 36px;
		height: 36px;
	}
}