/* ===========================================
   MIKA STERLING — Complete CSS (final)
   Replace ALL content in Additional CSS
   =========================================== */
/* ── GLOBAL DARK BACKGROUND ── */
html {
	background: #0c0b09 !important;
}

body,
.wp-site-blocks,
.is-root-container,
.wp-block-post-content,
.entry-content,
.page-content,
.hentry,
article,
main,
#main,
#content,
#page,
.site,
.site-content {
	background-color: #0c0b09 !important;
	color: #ede8d9 !important;
	font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Hide "Home" page title */
.entry-title,
.page-title,
.wp-block-post-title {
	display: none !important;
}

/* Custom HTML wrapper */
.wp-block-html,
.wp-block-html > div {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ── NAVIGATION ── */
.wp-block-navigation a,
.wp-block-navigation__container a {
	font-size: .72rem !important;
	font-weight: 400 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	color: rgba(237,232,217,0.65) !important;
	text-decoration: none !important;
}

.wp-block-navigation a:hover {
	color: #ede8d9 !important;
}

.wp-block-site-title a {
	color: #ede8d9 !important;
	letter-spacing: .25em !important;
}

header, .site-header, #masthead {
	background: transparent !important;
}

/* ── SHARED WRAP ── */
.ms-wrap, .ms2-wrap {
	background: #0c0b09;
	color: #ede8d9;
	width: 100%;
	overflow: hidden;
}

.ms-wrap *, .ms2-wrap * {
	box-sizing: border-box;
}

/* ── HERO ── */
.ms-hero {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 7rem 2rem 5rem;
	position: relative;
	background: radial-gradient(ellipse 60% 70% at 65% 50%, rgba(168,79,60,0.10) 0%, transparent 70%), #0c0b09;
}

.ms-hero-eye {
	font-size: .68rem;
	letter-spacing: .38em;
	text-transform: uppercase;
	color: #c4705e;
	margin-bottom: 2.5rem;
	font-family: Georgia, serif;
}

.ms-hero-title {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(5rem, 16vw, 10rem);
	font-weight: 300;
	font-style: italic;
	line-height: .88;
	letter-spacing: -.02em;
	color: #ede8d9;
	margin-bottom: .5rem;
}

.ms-hero-author {
	font-family: Georgia, serif;
	font-size: clamp(0.9rem, 2.5vw, 1.3rem);
	font-weight: 200;
	letter-spacing: .55em;
	text-transform: uppercase;
	color: #8a8070;
	margin-bottom: 2.5rem;
}

.ms-rule {
	width: 50px;
	height: 1px;
	background: #a84f3c;
	margin: 0 auto 2.5rem;
}

.ms-hero-blurb {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(1.1rem, 2.2vw, 1.4rem);
	font-style: italic;
	font-weight: 300;
	line-height: 1.65;
	color: rgba(237,232,217,0.72);
	max-width: 540px;
	margin: 0 auto 3rem;
}

.ms-cta-wrap {
	display: flex;
	gap: 1.25rem;
	justify-content: center;
	flex-wrap: wrap;
}

.ms-btn {
	font-size: .7rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	text-decoration: none;
	padding: .9rem 2.2rem;
	border: 1px solid;
	display: inline-block;
	transition: background 0.25s, color 0.25s, border-color .25s;
	font-family: Georgia, serif;
}

.ms-btn-primary {
	background: #a84f3c;
	border-color: #a84f3c;
	color: #fff !important;
}

.ms-btn-primary:hover {
	background: #c4705e;
	border-color: #c4705e;
	color: #fff !important;
}

.ms-btn-ghost {
	background: transparent;
	border-color: rgba(237,232,217,0.3);
	color: #ede8d9 !important;
}

.ms-btn-ghost:hover {
	border-color: #ede8d9;
}

.ms-scroll-hint {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: .6rem;
	letter-spacing: .35em;
	text-transform: uppercase;
	color: #8a8070;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .6rem;
}

.ms-scroll-hint::after {
	content: '';
	display: block;
	width: 1px;
	height: 36px;
	background: linear-gradient(to bottom, #8a8070, transparent);
}

/* ── BOOK SECTION ── */
.ms-section {
	padding: 7rem 5vw;
	background: #0c0b09;
}

.ms-label {
	font-size: .62rem;
	letter-spacing: .42em;
	text-transform: uppercase;
	color: #a84f3c;
	margin-bottom: 3rem;
	display: flex;
	align-items: center;
	gap: 1.2rem;
	font-family: Georgia, serif;
}

.ms-label::after {
	content: '';
	flex: 1;
	max-width: 70px;
	height: 1px;
	background: #a84f3c;
}

.ms-badge {
	display: inline-block;
	font-size: .62rem;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #c4705e;
	border: 1px solid rgba(196,112,94,0.35);
	padding: .45rem 1.1rem;
	margin-bottom: 2rem;
	font-family: Georgia, serif;
}

.ms-book-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5rem;
	align-items: center;
}

.ms-book-grid h2 {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(1.8rem, 3.5vw, 3rem);
	font-weight: 300;
	font-style: italic;
	line-height: 1.15;
	color: #ede8d9;
	margin-bottom: 1.75rem;
}

.ms-book-grid p {
	font-size: .97rem;
	line-height: 1.9;
	color: rgba(237,232,217,0.68);
	margin-bottom: 1.25rem;
}

.ms-img-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .85rem;
}

.ms-img-grid img {
	width: 100%;
	display: block;
	object-fit: cover;
	filter: grayscale(15%);
	transition: filter .4s, transform .4s;
}

.ms-img-grid img:hover {
	filter: grayscale(0%);
	transform: scale(1.02);
}

.ms-img-tall {
	aspect-ratio: 3/4;
}

.ms-img-wide {
	grid-column: span 2;
	aspect-ratio: 16/7;
}

/* ── QUOTE BAND ── */
.ms-quote-band {
	background: rgba(237,232,217,0.025);
	border-top: 1px solid rgba(237,232,217,0.12);
	border-bottom: 1px solid rgba(237,232,217,0.12);
	padding: 5rem 5vw;
	text-align: center;
}

.ms-quote-band blockquote {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(1.3rem, 2.8vw, 2rem);
	font-style: italic;
	font-weight: 300;
	line-height: 1.55;
	color: rgba(237,232,217,0.82);
	max-width: 780px;
	margin: 0 auto 1.5rem;
	border: none;
	padding: 0;
}

.ms-quote-band cite {
	font-size: .68rem;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #8a8070;
	font-style: normal;
}

/* ── POST CARDS ── */
.ms-whatsnew {
	padding: 7rem 5vw;
	background: #0c0b09;
	border-top: 1px solid rgba(237,232,217,0.12);
}

.ms-label-center {
	justify-content: center;
}

.ms-label-center::after {
	display: none;
}

.ms-posts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	margin-bottom: 3.5rem;
}

.ms-post-card {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(237,232,217,0.12);
	position: relative;
	overflow: hidden;
	transition: background .3s, border-color .3s;
}

.ms-post-card:hover {
	background: rgba(237,232,217,0.03);
	border-color: rgba(237,232,217,0.25);
}

.ms-post-card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #a84f3c;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .35s;
}

.ms-post-card:hover::after {
	transform: scaleX(1);
}

.ms-post-img-wrap {
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
}

.ms-post-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: grayscale(25%);
	transition: filter .4s, transform .4s;
}

.ms-post-card:hover .ms-post-img-wrap img {
	filter: grayscale(0%);
	transform: scale(1.03);
}

.ms-post-body {
	padding: 1.75rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.ms-post-date {
	font-size: .62rem;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: #8a8070;
	margin-bottom: .85rem;
}

.ms-post-title {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 1.25;
	color: #ede8d9;
	margin-bottom: .85rem;
}

.ms-post-excerpt {
	font-size: .88rem;
	line-height: 1.75;
	color: rgba(237,232,217,0.55);
	flex: 1;
	margin-bottom: 1.25rem;
}

.ms-post-read {
	font-size: .62rem;
	letter-spacing: .25em;
	text-transform: uppercase;
	color: #c4705e;
}

.ms-posts-more {
	text-align: center;
}

/* ── ABOUT ── */
.ms2-section {
	padding: 7rem 5vw;
	background: #0c0b09;
}

.ms2-label {
	font-size: .62rem;
	letter-spacing: .42em;
	text-transform: uppercase;
	color: #a84f3c;
	margin-bottom: 3rem;
	display: flex;
	align-items: center;
	gap: 1.2rem;
	font-family: Georgia, serif;
}

.ms2-label::after {
	content: '';
	flex: 1;
	max-width: 70px;
	height: 1px;
	background: #a84f3c;
}

.ms2-about-grid {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 5rem;
	align-items: start;
}

.ms2-about-img {
	width: 100%;
	aspect-ratio: 4/5;
	object-fit: cover;
	object-position: top center;
	display: block;
	filter: grayscale(10%);
}

.ms2-about-caption {
	margin-top: .9rem;
	font-size: .62rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #8a8070;
	text-align: center;
}

.ms2-about-text h2 {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(2rem,4vw,3.2rem);
	font-weight: 300;
	line-height: 1.12;
	color: #ede8d9;
	margin-bottom: 2rem;
}

.ms2-about-text p {
	font-size: .97rem;
	line-height: 1.95;
	color: rgba(237,232,217,0.68);
	margin-bottom: 1.35rem;
}

.ms2-socials {
	display: flex;
	gap: 2rem;
	margin-top: 2.25rem;
	list-style: none;
	padding: 0;
}

.ms2-socials a {
	font-size: .65rem;
	letter-spacing: .25em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(237,232,217,0.5);
	border-bottom: 1px solid rgba(237,232,217,0.25);
	padding-bottom: .15rem;
	transition: color .2s;
}

.ms2-socials a:hover {
	color: #ede8d9;
}

/* ── NEWSLETTER ── */
.ms2-newsletter {
	margin: 0 5vw 7rem;
	padding: 5rem 3rem;
	text-align: center;
	background: rgba(168,79,60,0.07);
	border: 1px solid rgba(168,79,60,0.22);
}

.ms2-newsletter h2 {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: clamp(1.8rem,3.5vw,2.8rem);
	font-weight: 300;
	font-style: italic;
	color: #ede8d9;
	margin-bottom: .85rem;
}

.ms2-newsletter p {
	font-size: .92rem;
	line-height: 1.8;
	color: rgba(237,232,217,0.58);
	max-width: 480px;
	margin: 0 auto 2rem;
}

/* ── FOOTER ── */
footer, .site-footer, #colophon {
	background: #0c0b09 !important;
	border-top: 1px solid rgba(237,232,217,0.12) !important;
}

footer a, .site-footer a {
	color: #8a8070 !important;
	font-size: .68rem !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
}

footer a:hover {
	color: #ede8d9 !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 820px) {
	.ms-book-grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	
	.ms-posts-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	
	.ms2-about-grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	
	.ms2-newsletter {
		margin: 0 0 5rem;
		padding: 3.5rem 1.5rem;
	}
}

.ms-hero-title {
	max-width: 100% !important;
}

.ms-hero {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}

.ms-hero-blurb {
	max-width: 680px !important;
}

/* ── BLOG POST HERO IMAGE — fixed parallax ── */
.single .post-thumbnail,
.single .wp-block-post-featured-image {
	height: 70vh !important;
	overflow: hidden !important;
	margin-bottom: 0 !important;
	position: relative !important;
}

.single .post-thumbnail img,
.single .wp-block-post-featured-image img {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center !important;
	filter: grayscale(20%) brightness(0.75) !important;
	position: sticky !important;
	top: 0 !important;
}

/* ── POST HEADER — centered over image ── */
.single .entry-header,
.single .wp-block-post-title {
	position: relative !important;
	z-index: 2 !important;
	padding: 6rem 2rem 3rem !important;
	text-align: center !important;
	background: linear-gradient(to bottom, rgba(12,11,9,0.5) 0%, rgba(12,11,9,0.2) 100%) !important;
}

/* ── HIDE CLUTTER — keep only date ── */
.byline,
.cat-links,
.entry-footer .cat-links {
	display: none !important;
}

.posted-on,
.entry-date,
.wp-block-post-date {
	font-size: .62rem !important;
	letter-spacing: .3em !important;
	text-transform: uppercase !important;
	color: #8a8070 !important;
	display: block !important;
	text-align: center !important;
	margin-bottom: 1rem !important;
}

/* ── TAGS — styled as small pills at bottom ── */
.entry-footer {
	max-width: 680px !important;
	margin: 4rem auto 0 !important;
	padding-top: 2rem !important;
	border-top: 1px solid rgba(237,232,217,0.1) !important;
	text-align: center !important;
}

.tags-links {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: .5rem !important;
	justify-content: center !important;
}

.tags-links a {
	border: 1px solid rgba(196,112,94,0.35) !important;
	padding: .3rem .85rem !important;
	color: #c4705e !important;
	font-size: .58rem !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: border-color 0.2s, color .2s !important;
}

.tags-links a:hover {
	color: #ede8d9 !important;
	border-color: rgba(237,232,217,0.4) !important;
}