/* Adventure Times on the site. Header already has the SEIK mark. News CSS only. */

@font-face {
	font-family: "SEIKSerifNews";
	src: url("fonts/SEIKSerifExtraboldItalicPro.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SEIKNews";
	src: url("fonts/SEIK-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.seik-news-page #main {
	background: #fff;
}

body.seik-news-page .widget_archive,
body.seik-news-page .widget_block:has(.wp-block-archives) {
	display: none;
}

.seik-news {
	--seik-news-ink: #141414;
	--seik-news-muted: #5c584f;
	--seik-news-line: #141414;
	--seik-news-serif: "SEIKSerif", Georgia, "Times New Roman", serif;
	--seik-news-italic: "SEIKSerifNews", "SEIKSerif", Georgia, "Times New Roman", serif;
	--seik-news-sans: "SEIKNews", "SEIK", "Helvetica Neue", Arial, sans-serif;
	--seik-news-blush: #f7d5de;
	--seik-news-rose: #e48aa4;
	max-width: 1120px;
	margin: 0 auto;
	padding: 22px 22px 80px;
	color: var(--seik-news-ink);
	background: #fff;
}

.seik-news a {
	color: inherit;
	text-decoration: none;
}

.seik-news a:focus-visible {
	outline: 2px solid var(--seik-news-ink);
	outline-offset: 3px;
}

.seik-news-mast {
	padding-top: 6px;
}

.seik-news-paper {
	margin: 0;
	color: var(--seik-news-ink);
	font-family: var(--seik-news-italic);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(48px, 8vw, 92px);
	line-height: 1.05;
	padding: 0.5em 0 0.52em;
	letter-spacing: -0.03em;
	text-align: center;
}

.seik-news-flag {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	margin-top: 8px;
	padding: 8px 0 7px;
	border-top: 3px solid var(--seik-news-line);
	border-bottom: 1px solid var(--seik-news-line);
}

.seik-news-season,
.seik-news-slogan {
	margin: 0;
	color: var(--seik-news-ink);
	font-family: var(--seik-news-sans);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.seik-news-slogan {
	text-align: right;
}

.seik-news-cats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 18px;
	padding: 10px 0 12px;
	border-bottom: 1px solid var(--seik-news-line);
	color: var(--seik-news-ink);
	font-family: var(--seik-news-sans);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.seik-news-cats a[aria-current="page"] {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.seik-news-empty {
	margin: 48px 0;
	text-align: center;
	font-family: var(--seik-news-serif);
	font-size: 28px;
}

.seik-news-stream {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 34px 22px;
	padding-top: 22px;
}

.seik-news-story.is-wide {
	grid-column: 1 / -1;
}

.seik-news-story.is-pair {
	grid-column: span 3;
}

.seik-news-story.is-triple {
	grid-column: span 2;
}

.seik-news-link {
	display: block;
}

.seik-news-media {
	display: block;
	overflow: hidden;
	background: #efece6;
	margin-bottom: 12px;
}

.seik-news-media img,
.seik-news-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.seik-news-story.is-wide .seik-news-media {
	aspect-ratio: 16 / 9;
	margin-bottom: 16px;
}

.seik-news-story.is-pair .seik-news-media {
	aspect-ratio: 3 / 2;
}

.seik-news-story.is-triple .seik-news-media {
	aspect-ratio: 4 / 5;
}

.seik-news-cat {
	display: block;
	margin-bottom: 6px;
	font-family: var(--seik-news-sans);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--seik-news-muted);
}

.seik-news-hed {
	margin: 0;
	color: var(--seik-news-ink);
	font-family: var(--seik-news-serif);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	padding: 0.08em 0 0.04em;
}

.seik-news-story.is-wide .seik-news-hed {
	font-size: clamp(46px, 5.6vw, 72px);
	max-width: 16em;
}

.seik-news-story.is-pair .seik-news-hed {
	font-size: clamp(32px, 3.4vw, 46px);
}

.seik-news-story.is-triple .seik-news-hed {
	font-size: 30px;
}

.seik-news-link:hover .seik-news-hed,
.seik-news-link:focus-visible .seik-news-hed {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.seik-news-deck {
	margin: 10px 0 0;
	max-width: 38em;
	font-family: var(--seik-news-sans);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
	color: #222;
}

.seik-news-story.is-wide .seik-news-deck {
	font-size: 19px;
	line-height: 1.5;
	max-width: 42em;
}

.seik-news-more {
	margin: 28px 0 0;
	text-align: center;
}

.seik-news-more a {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid var(--seik-news-line);
	font-family: var(--seik-news-sans);
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.seik-news-more.is-loading a {
	opacity: 0.45;
}

.seik-news-btn {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid var(--seik-news-line);
	font-family: var(--seik-news-sans);
	font-size: 11px;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.seik-news-ad {
	grid-column: 1 / -1;
}

.seik-news-ad-link {
	color: inherit;
}

.seik-news-ad.is-band .seik-news-ad-link {
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	border: 1px solid var(--seik-news-line);
	padding: 12px;
}

.seik-news-ad-media img,
.seik-news-ad-media .seik-news-img {
	display: block;
	width: 100%;
	height: 120px;
	object-fit: cover;
}

.seik-news-ad-kicker,
.seik-news-rail-label {
	display: block;
	margin: 0 0 6px;
	font-family: var(--seik-news-sans);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--seik-news-muted);
}

.seik-news-ad-name {
	display: block;
	font-family: var(--seik-news-serif);
	font-weight: 700;
	font-size: 22px;
	line-height: 1.15;
}

.seik-news-ad-price {
	display: block;
	margin: 6px 0 10px;
	font-family: var(--seik-news-sans);
	font-size: 15px;
}

.seik-news-ad-price .amount {
	font-weight: 400;
}

.seik-news-sheet {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 28px 32px;
	align-items: start;
	padding-top: 22px;
}

.seik-news-single .seik-news-paper {
	font-size: clamp(40px, 6vw, 68px);
	padding: 0.16em 0 0.08em;
}

.seik-news-cat-btn {
	margin: 0 0 10px;
}

.seik-news-title {
	margin: 0 0 16px;
	font-family: var(--seik-news-serif);
	font-weight: 700;
	font-size: clamp(42px, 5vw, 64px);
	line-height: 1.12;
}

.seik-news-lead {
	margin: 0 0 18px;
}

.seik-news-lead img {
	display: block;
	width: 100%;
	height: auto;
}

.seik-news-story.is-blush {
	background: var(--seik-news-blush);
	padding: 12px;
}

.seik-news-article {
	background: #fff;
	padding: 26px 32px 40px;
}

.seik-news-single .seik-news-cat-btn {
	border: 0;
	padding: 0;
	letter-spacing: 0.14em;
}

.seik-news-body {
	font-family: var(--seik-news-sans);
	font-size: 21px;
	line-height: 1.65;
}

.seik-news-body p,
.seik-news-body ul,
.seik-news-body ol {
	margin: 0 0 1.05em;
}

.seik-news-body h2 {
	margin: 1.35em 0 0.35em;
	font-family: var(--seik-news-serif);
	font-weight: 700;
	font-size: clamp(30px, 3.2vw, 40px);
	line-height: 1.12;
}

.seik-news-body h3 {
	margin: 1.2em 0 0.3em;
	font-family: var(--seik-news-italic);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(24px, 2.4vw, 30px);
	line-height: 1.15;
}

.seik-news-body h2 + p,
.seik-news-body h3 + p {
	margin-top: 0;
}

.seik-news-body a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.seik-news-body img,
.seik-news-body figure img,
.seik-news-body .wp-block-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0.6em 0 0.35em;
}

.seik-news-body figure,
.seik-news-body .wp-block-image,
.seik-news-body .wp-caption {
	margin: 1.3em 0 1.5em;
}

.seik-news-body figcaption,
.seik-news-body .wp-caption-text,
.seik-news-body .wp-element-caption {
	margin-top: 8px;
	font-family: var(--seik-news-sans);
	font-size: 13px;
	letter-spacing: 0.08em;
	line-height: 1.35;
	text-transform: uppercase;
	color: var(--seik-news-muted);
}

.seik-news-body .wp-block-gallery,
.seik-news-body .gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 1.3em 0 1.5em;
}

.seik-news-body .wp-block-gallery img,
.seik-news-body .gallery img {
	margin: 0;
}

.seik-news-body blockquote {
	margin: 1.4em 0;
	padding: 0.15em 0 0.15em 18px;
	border-left: 4px solid var(--seik-news-rose);
	font-family: var(--seik-news-serif);
	font-size: 1.22em;
	line-height: 1.35;
}

.seik-news-body li {
	margin: 0.3em 0;
}

.seik-news-rail {
	position: sticky;
	top: 16px;
	padding: 4px 4px 12px 8px;
}

.seik-news-mini {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0;
	padding: 8px 0;
	border: 0;
}

.seik-news-mini-media {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 8px;
}

.seik-news-mini-media img {
	display: block;
	width: 52px;
	height: 52px;
	object-fit: cover;
}

.seik-news-mini-title {
	font-family: var(--seik-news-serif);
	font-weight: 700;
	font-size: 18px;
	line-height: 1.15;
}

.seik-news-top {
	background: var(--seik-news-blush);
	padding: 14px 14px 4px;
}

.seik-news-top-title {
	margin: 0 0 10px;
	font-family: var(--seik-news-italic);
	font-style: italic;
	font-weight: 400;
	font-size: 40px;
	line-height: 0.95;
}

.seik-news-top-list {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}

.seik-news-top-list li {
	margin: 0;
}

.seik-news-top-list a {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 6px 0;
}

.seik-news-top-n {
	flex: 0 0 28px;
	font-family: var(--seik-news-italic);
	font-style: italic;
	font-size: 26px;
	line-height: 1;
	color: var(--seik-news-rose);
}

.seik-news-top-media {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 50%;
}

.seik-news-top-media img {
	display: block;
	width: 42px;
	height: 42px;
	object-fit: cover;
}

.seik-news-top-name {
	font-family: var(--seik-news-sans);
	font-size: 15px;
	line-height: 1.25;
}

.seik-news-new {
	margin: 0 0 18px;
}

.seik-news-new-link {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 5px 0;
	font-family: var(--seik-news-sans);
	font-size: 15px;
	line-height: 1.25;
}

.seik-news-new-media {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	border-radius: 8px;
}

.seik-news-new-media img {
	display: block;
	width: 36px;
	height: 36px;
	object-fit: cover;
}

.seik-news-ad.is-stack {
	margin-top: 18px;
}

.seik-news-ad.is-stack .seik-news-ad-link {
	display: block;
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid var(--seik-news-line);
}

.seik-news-ad.is-stack .seik-news-ad-media img,
.seik-news-ad.is-stack .seik-news-ad-media .seik-news-img {
	height: 140px;
	margin-bottom: 10px;
}

@media (max-width: 800px) {
	.seik-news {
		padding: 16px 14px 56px;
	}

	.seik-news-paper {
		font-size: 46px;
		text-align: left;
	}

	.seik-news-flag {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	.seik-news-slogan {
		text-align: left;
	}

	.seik-news-stream {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.seik-news-story.is-wide,
	.seik-news-story.is-pair,
	.seik-news-story.is-triple {
		grid-column: 1 / -1;
	}

	.seik-news-article {
		padding: 8px 0 24px;
	}

	.seik-news-sheet {
		grid-template-columns: 1fr;
	}

	.seik-news-rail {
		position: static;
	}

	.seik-news-ad.is-band .seik-news-ad-link {
		grid-template-columns: 1fr;
	}
}
