/*
Theme Name: Alexa Scordato
Theme URI: https://alexascordato.com
Author: Alexa Scordato
Description: A warm, editorial block theme for alexascordato.com — built around the Airport Terminal design model with a multi-color stripe bar signature, Playfair Display headlines, and five category destinations (AI, Work, Leadership, Women & Motherhood, Travel).
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: alexascordato
*/

:root {
	--color-bg: #F2EAE0;
	--color-oat: #E0D0BE;
	--color-card: #FDF8F3;
	--color-surface: #EDE4D8;
	--color-border: rgba(44, 32, 22, 0.1);
	--color-border-strong: rgba(44, 32, 22, 0.12);
	--color-border-soft: rgba(44, 32, 22, 0.08);
	--color-text-primary: #1E1810;
	--color-text-body: #3E2C1A;
	--color-text-muted: #5C4030;
	--color-text-meta: #A08060;
	--color-accent-walnut: #7A5C3A;
	--color-accent-tan: #C4A882;

	--color-ai: #3A6A8A;
	--color-ai-tint: #EAF0F5;
	--color-ai-deep: #1A4A6A;
	--color-work: #7A5C3A;
	--color-work-tint: #F0EBE3;
	--color-leadership: #4A8A5C;
	--color-leadership-tint: #EAF2EC;
	--color-leadership-deep: #1E2E20;
	--color-women: #A85C6A;
	--color-women-tint: #FDF0F2;
	--color-women-deep: #7A2A3A;
	--color-travel: #C4863A;
	--color-travel-tint: #F5EEE5;
	--color-travel-deep: #8B5A1A;
	--color-plum: #6A5A96;

	--font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

	--shell-padding-x: clamp(20px, 4vw, 32px);
	--content-max: 1240px;
}

/* === reset & base === */

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

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--color-bg);
	color: var(--color-text-body);
	font-family: var(--font-body);
	font-weight: 300;
	font-size: 15px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "kern" 1, "liga" 1;
	overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; transition: color 180ms ease, opacity 180ms ease; }
a:hover { color: var(--color-accent-walnut); }

::selection { background: var(--color-accent-tan); color: var(--color-text-primary); }

hr.wp-block-separator { border: none; border-top: 0.5px solid var(--color-border); margin: 32px 0; }

/* fine vertical grain texture, very subtle */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background:
		radial-gradient(1200px 600px at 80% -10%, rgba(196, 168, 130, 0.12), transparent 60%),
		radial-gradient(800px 500px at -10% 110%, rgba(122, 92, 58, 0.06), transparent 60%);
	mix-blend-mode: multiply;
}

.wp-site-blocks { position: relative; z-index: 1; }

/* === typography === */

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	font-family: var(--font-display);
	font-weight: 400;
	color: var(--color-text-primary);
	line-height: 1.15;
	margin: 0 0 0.4em;
	letter-spacing: -0.005em;
}

h1, .wp-block-heading.h1 { font-size: clamp(2rem, 4.5vw, 2.875rem); }
h2 { font-size: clamp(1.625rem, 3vw, 2.125rem); }
h3 { font-size: clamp(1.125rem, 2vw, 1.375rem); }

p { margin: 0 0 1em; font-weight: 300; }
p:last-child { margin-bottom: 0; }

strong, b { font-weight: 500; color: var(--color-text-primary); }

em, i { font-style: italic; }

blockquote {
	margin: 24px 0;
	padding: 4px 0 4px 22px;
	border-left: 2px solid var(--color-accent-tan);
	font-family: var(--font-display);
	font-style: italic;
	font-size: 1.1rem;
	color: var(--color-text-muted);
}

.section-label,
.eyebrow,
.hero-eyebrow,
.now-eyebrow {
	font-family: var(--font-body);
	font-size: 10px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-text-meta);
	font-weight: 500;
}

.section-label {
	padding: 32px var(--shell-padding-x) 14px;
	margin: 0;
}

ul, ol { padding-left: 22px; }
ul li, ol li { margin-bottom: 6px; }

/* === layout shell === */

.site-header,
.site-main,
.site-footer {
	width: 100%;
	max-width: var(--content-max);
	margin-left: auto;
	margin-right: auto;
}

.site-main { display: block; }

.site-main > .wp-block-group,
.site-main > .wp-block-query,
.site-main > .wp-block-paragraph,
.site-main > .wp-block-heading {
	padding-left: 0;
	padding-right: 0;
}

.wp-site-blocks { padding: 0 !important; }

/* empty state */
.empty-state {
	padding: 60px var(--shell-padding-x);
	text-align: center;
	font-family: var(--font-display);
	font-style: italic;
	color: var(--color-text-meta);
	font-size: 1.05rem;
}

/* pagination */
.query-pagination {
	padding: 36px var(--shell-padding-x);
	border-top: 0.5px solid var(--color-border);
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--color-text-meta);
}
.query-pagination a { color: var(--color-accent-walnut); }
.query-pagination .wp-block-query-pagination-numbers { display: flex; gap: 14px; }

/* === navigation === */

.site-header { position: relative; z-index: 5; }

.site-nav-wrap {
	border-bottom: 0.5px solid var(--color-border-strong);
	background: var(--color-bg);
}

.site-nav {
	max-width: var(--content-max);
	margin: 0 auto;
	padding: 16px var(--shell-padding-x);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.site-nav .nav-name,
.site-nav .wp-block-site-title {
	font-family: var(--font-display);
	font-size: 17px;
	color: var(--color-text-primary);
	font-weight: 400;
	letter-spacing: 0.005em;
}
.site-nav .wp-block-site-title a { color: inherit; }
.site-nav .wp-block-site-title a:hover { color: var(--color-accent-walnut); }

.site-nav .nav-links {
	display: flex !important;
	flex-wrap: wrap;
	gap: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.site-nav .nav-link {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1;
}
.site-nav .nav-link a {
	color: inherit;
	display: inline-block;
	padding: 4px 0;
	border-bottom: 1.5px solid transparent;
	transition: border-color 200ms ease, color 200ms ease;
}
.site-nav .nav-link a:hover { border-bottom-color: currentColor; color: inherit; }

.nav-link--ai { color: var(--color-ai); }
.nav-link--work { color: var(--color-work); }
.nav-link--leadership { color: var(--color-leadership); }
.nav-link--women { color: var(--color-women); }
.nav-link--travel { color: var(--color-travel); }
.nav-link--about { color: var(--color-text-meta); }

body.category-ai .nav-link--ai a,
body.category-work .nav-link--work a,
body.category-leadership .nav-link--leadership a,
body.category-women-motherhood .nav-link--women a,
body.category-travel .nav-link--travel a {
	border-bottom-color: currentColor;
}

/* === stripe bar === */

.stripe-bar-wrap { width: 100%; }

.stripe-bar {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	height: 5px;
	width: 100%;
	max-width: var(--content-max);
	margin: 0 auto !important;
	padding: 0 !important;
	overflow: hidden;
}

.stripe-bar .stripe-seg {
	flex: 1 1 0;
	height: 100%;
	min-width: 0;
	padding: 0 !important;
	margin: 0 !important;
	transform-origin: left center;
	transform: scaleX(0);
	animation: stripe-grow 700ms cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
	animation-delay: calc(var(--stripe-index, 0) * 60ms + 120ms);
}

@keyframes stripe-grow { to { transform: scaleX(1); } }

/* default: homepage stripe (5 categories + linen + plum + tan) */
.stripe-bar .s1 { background: var(--color-ai); }
.stripe-bar .s2 { background: var(--color-work); }
.stripe-bar .s3 { background: var(--color-bg); }
.stripe-bar .s4 { background: var(--color-leadership); }
.stripe-bar .s5 { background: var(--color-bg); }
.stripe-bar .s6 { background: var(--color-women); }
.stripe-bar .s7 { background: var(--color-accent-tan); }
.stripe-bar .s8 { background: var(--color-travel); }
.stripe-bar .s9 { background: var(--color-bg); }
.stripe-bar .s10 { background: var(--color-plum); }

/* AI archive stripe — teals and blues */
body.category-ai .stripe-bar .s1 { background: var(--color-ai); flex: 3 1 0; }
body.category-ai .stripe-bar .s2 { background: #6A95B3; flex: 1 1 0; }
body.category-ai .stripe-bar .s3 { background: #8AAEC5; flex: 1 1 0; }
body.category-ai .stripe-bar .s4 { background: var(--color-bg); flex: 1 1 0; }
body.category-ai .stripe-bar .s5 { background: #2A5A7A; flex: 2 1 0; }
body.category-ai .stripe-bar .s6 { background: #B0CFE0; flex: 1 1 0; }
body.category-ai .stripe-bar .s7 { background: var(--color-bg); flex: 1 1 0; }
body.category-ai .stripe-bar .s8 { background: var(--color-ai-deep); flex: 1 1 0; }
body.category-ai .stripe-bar .s9 { background: var(--color-ai); flex: 1 1 0; }
body.category-ai .stripe-bar .s10 { background: #5A85A3; flex: 1 1 0; }

/* Work archive stripe */
body.category-work .stripe-bar .s1 { background: var(--color-work); flex: 3 1 0; }
body.category-work .stripe-bar .s2 { background: var(--color-text-meta); flex: 1 1 0; }
body.category-work .stripe-bar .s3 { background: var(--color-bg); flex: 1 1 0; }
body.category-work .stripe-bar .s4 { background: var(--color-text-muted); flex: 2 1 0; }
body.category-work .stripe-bar .s5 { background: var(--color-accent-tan); flex: 1 1 0; }
body.category-work .stripe-bar .s6 { background: var(--color-bg); flex: 1 1 0; }
body.category-work .stripe-bar .s7 { background: #3E2C1A; flex: 1 1 0; }
body.category-work .stripe-bar .s8 { background: #D4BFA0; flex: 1 1 0; }
body.category-work .stripe-bar .s9 { background: var(--color-work); flex: 1 1 0; }
body.category-work .stripe-bar .s10 { background: var(--color-bg); flex: 1 1 0; }

/* Leadership archive stripe */
body.category-leadership .stripe-bar .s1 { background: var(--color-leadership); flex: 3 1 0; }
body.category-leadership .stripe-bar .s2 { background: #6AA075; flex: 1 1 0; }
body.category-leadership .stripe-bar .s3 { background: #8AB895; flex: 1 1 0; }
body.category-leadership .stripe-bar .s4 { background: var(--color-bg); flex: 1 1 0; }
body.category-leadership .stripe-bar .s5 { background: #3A7048; flex: 2 1 0; }
body.category-leadership .stripe-bar .s6 { background: #B0D0B8; flex: 1 1 0; }
body.category-leadership .stripe-bar .s7 { background: var(--color-bg); flex: 1 1 0; }
body.category-leadership .stripe-bar .s8 { background: var(--color-leadership-deep); flex: 1 1 0; }
body.category-leadership .stripe-bar .s9 { background: var(--color-leadership); flex: 1 1 0; }
body.category-leadership .stripe-bar .s10 { background: #5A9568; flex: 1 1 0; }

/* Women & Motherhood archive stripe */
body.category-women-motherhood .stripe-bar .s1 { background: var(--color-women); flex: 3 1 0; }
body.category-women-motherhood .stripe-bar .s2 { background: #C48090; flex: 1 1 0; }
body.category-women-motherhood .stripe-bar .s3 { background: #D8A4B0; flex: 1 1 0; }
body.category-women-motherhood .stripe-bar .s4 { background: var(--color-bg); flex: 1 1 0; }
body.category-women-motherhood .stripe-bar .s5 { background: #8A4050; flex: 2 1 0; }
body.category-women-motherhood .stripe-bar .s6 { background: #EBC4CC; flex: 1 1 0; }
body.category-women-motherhood .stripe-bar .s7 { background: var(--color-bg); flex: 1 1 0; }
body.category-women-motherhood .stripe-bar .s8 { background: var(--color-women-deep); flex: 1 1 0; }
body.category-women-motherhood .stripe-bar .s9 { background: var(--color-women); flex: 1 1 0; }
body.category-women-motherhood .stripe-bar .s10 { background: #B47080; flex: 1 1 0; }

/* Travel archive stripe — saffron tones */
body.category-travel .stripe-bar .s1 { background: var(--color-travel); flex: 3 1 0; }
body.category-travel .stripe-bar .s2 { background: #E8C87A; flex: 1 1 0; }
body.category-travel .stripe-bar .s3 { background: #C4A060; flex: 1 1 0; }
body.category-travel .stripe-bar .s4 { background: var(--color-bg); flex: 1 1 0; }
body.category-travel .stripe-bar .s5 { background: #A07840; flex: 2 1 0; }
body.category-travel .stripe-bar .s6 { background: #D4A050; flex: 1 1 0; }
body.category-travel .stripe-bar .s7 { background: var(--color-bg); flex: 1 1 0; }
body.category-travel .stripe-bar .s8 { background: var(--color-travel-deep); flex: 1 1 0; }
body.category-travel .stripe-bar .s9 { background: var(--color-travel); flex: 1 1 0; }
body.category-travel .stripe-bar .s10 { background: #E5C898; flex: 1 1 0; }

/* === hero === */

.hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 240px;
	gap: 0 !important;
	border-bottom: 0.5px solid var(--color-border);
	min-height: 320px;
	padding: 0 !important;
}

.hero-text {
	padding: 56px var(--shell-padding-x) 52px !important;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}

.hero-eyebrow {
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-text-meta);
	font-weight: 500;
	margin-bottom: 20px;
}

.hero-name {
	font-family: var(--font-display);
	font-size: clamp(2rem, 5.2vw, 3rem) !important;
	color: var(--color-text-primary);
	line-height: 1.06;
	font-weight: 400;
	margin: 0 0 22px;
	letter-spacing: -0.01em;
}
.hero-name em {
	font-style: italic;
	color: var(--color-accent-walnut);
}

.hero-bio {
	font-size: 14.5px;
	line-height: 1.85;
	color: var(--color-text-body);
	font-weight: 300;
	max-width: 56ch;
}
.hero-bio strong { font-weight: 500; color: var(--color-text-primary); }

.hero-photo {
	background:
		radial-gradient(120% 80% at 30% 30%, #D8C0A4, #A88460 75%),
		#C8B49A;
	border-left: 0.5px solid var(--color-border);
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding: 16px !important;
	position: relative;
	min-height: 320px;
	overflow: hidden;
}
.hero-photo::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10%;
	width: 220px;
	height: 260px;
	transform: translateX(-50%);
	background:
		radial-gradient(ellipse 60px 75px at 50% 30%, #B8A08A 0 60%, transparent 61%),
		linear-gradient(to top, #B8A08A 25%, transparent 26%);
	border-radius: 110px 110px 0 0;
	mix-blend-mode: multiply;
	opacity: 0.7;
}
.hero-photo::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(0deg, rgba(0,0,0,0.015) 0 1px, transparent 1px 3px);
	pointer-events: none;
}
.photo-label {
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(44, 32, 22, 0.45);
	font-weight: 500;
	position: relative;
	z-index: 1;
}

/* === destinations === */

.destinations {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0 !important;
	border-bottom: 0.5px solid var(--color-border);
	padding: 0 !important;
}

.dest {
	padding: 22px 20px 20px !important;
	border-right: 0.5px solid var(--color-border);
	position: relative;
	transition: transform 280ms ease, box-shadow 280ms ease;
	overflow: hidden;
}
.dest:last-child { border-right: none; }
.dest:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 30px -10px rgba(44, 32, 22, 0.18);
	z-index: 2;
}
.dest::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 2px;
	background: currentColor;
	opacity: 0;
	transform: scaleX(0.2);
	transform-origin: left center;
	transition: opacity 280ms ease, transform 320ms ease;
}
.dest:hover::after { opacity: 0.8; transform: scaleX(1); }

.dest--ai { background: var(--color-ai-tint); color: var(--color-ai); }
.dest--work { background: var(--color-work-tint); color: var(--color-work); }
.dest--leadership { background: var(--color-leadership-tint); color: var(--color-leadership); }
.dest--women { background: var(--color-women-tint); color: var(--color-women); }
.dest--travel { background: var(--color-travel-tint); color: var(--color-travel); }

.dest-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50%;
	background: currentColor;
	margin: 0 0 12px !important;
	padding: 0 !important;
}

.dest-title {
	font-family: var(--font-display) !important;
	font-size: 15px !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	margin: 0 0 6px !important;
	letter-spacing: 0;
}
.dest-title a { color: inherit; }
.dest-title a:hover { color: currentColor; }

.dest-sub {
	font-size: 11px !important;
	line-height: 1.55;
	color: var(--color-accent-walnut);
	font-weight: 300;
	margin: 0 !important;
}

.dest-count {
	font-size: 10px !important;
	color: var(--color-text-meta);
	margin: 12px 0 0 !important;
	font-weight: 500;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

/* === field notes === */

.fn-block { padding: 0 var(--shell-padding-x) 32px; }
.fn-block--home { padding-top: 0; }

.fn-grid {
	display: grid !important;
	gap: 12px !important;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
.fn-grid--home { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); }
.fn-grid--archive { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.fn-card {
	background: var(--color-card) !important;
	border: 0.5px solid var(--color-border);
	border-radius: 12px;
	overflow: hidden;
	display: flex !important;
	flex-direction: column;
	padding: 0 !important;
	transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 320ms ease, border-color 240ms ease;
	position: relative;
}
.fn-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px -16px rgba(44, 32, 22, 0.22);
	border-color: var(--color-border-strong);
}

.fn-card .fn-img,
.fn-card .wp-block-post-featured-image {
	margin: 0;
	background: linear-gradient(160deg, #D4C4B0, #B8A484);
	aspect-ratio: 16/10;
	overflow: hidden;
	display: block;
}
.fn-card .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms ease;
}
.fn-card:hover .wp-block-post-featured-image img { transform: scale(1.04); }

.fn-card .fn-body {
	padding: 16px 18px 18px !important;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.fn-pill,
.fn-card .wp-block-post-terms {
	display: inline-block !important;
	font-size: 9px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 500;
	padding: 4px 9px;
	border-radius: 12px;
	background: var(--color-surface);
	color: var(--color-accent-walnut);
	margin: 0 0 10px;
	width: fit-content;
	max-width: max-content;
	line-height: 1.4;
}
.fn-card .wp-block-post-terms a { color: inherit; text-decoration: none; }

.fn-title,
.fn-card .wp-block-post-title {
	font-family: var(--font-display) !important;
	font-size: 15px !important;
	color: var(--color-text-primary) !important;
	line-height: 1.32 !important;
	margin: 0 0 8px !important;
	font-weight: 400 !important;
	letter-spacing: -0.005em;
}
.fn-card .wp-block-post-title a { color: inherit; }
.fn-card:hover .wp-block-post-title a { color: var(--color-accent-walnut); }

.fn-excerpt,
.fn-card .wp-block-post-excerpt,
.fn-card .wp-block-post-excerpt__excerpt {
	font-size: 11.5px !important;
	line-height: 1.65 !important;
	color: var(--color-accent-walnut) !important;
	font-weight: 300 !important;
	margin: 0 0 12px !important;
}
.fn-card .wp-block-post-excerpt__more-text { display: none; }

.fn-date,
.fn-card .wp-block-post-date {
	font-size: 10px !important;
	color: var(--color-text-meta) !important;
	margin: auto 0 0 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: 500;
}

/* category-specific pill colors — works on cards, archives, and single posts */
.wp-block-post-terms.fn-pill:has(a[href*="/category/ai"]),
.fn-pill--ai { background: var(--color-ai-tint) !important; color: var(--color-ai-deep) !important; }
.wp-block-post-terms.fn-pill:has(a[href*="/category/work"]),
.fn-pill--work { background: var(--color-work-tint) !important; color: var(--color-work) !important; }
.wp-block-post-terms.fn-pill:has(a[href*="/category/leadership"]),
.fn-pill--leadership { background: var(--color-leadership-tint) !important; color: var(--color-leadership-deep) !important; }
.wp-block-post-terms.fn-pill:has(a[href*="/category/women"]),
.fn-pill--women { background: var(--color-women-tint) !important; color: var(--color-women-deep) !important; }
.wp-block-post-terms.fn-pill:has(a[href*="/category/travel"]),
.fn-pill--travel { background: var(--color-travel-tint) !important; color: var(--color-travel-deep) !important; }
.wp-block-post-terms.fn-pill a { color: inherit !important; }

/* equal-height cards */
.fn-grid--archive,
.fn-grid--home {
	align-items: stretch !important;
}
.fn-grid > .wp-block-post,
.fn-grid > * {
	display: flex !important;
	align-self: stretch !important;
}
.fn-grid > .wp-block-post > .fn-card,
.fn-grid > .fn-card { flex: 1 1 auto; }

/* The first card in home grid spans bigger image */
.fn-grid--home .fn-card:first-child .wp-block-post-featured-image { aspect-ratio: 16/9; }

/* === annual words === */

.now-bar {
	margin: 8px var(--shell-padding-x) 40px !important;
	background: var(--color-card) !important;
	border: 0.5px solid var(--color-border-strong);
	border-radius: 12px;
	padding: 24px 28px !important;
	display: flex !important;
	flex-wrap: wrap;
	gap: 20px !important;
	align-items: center !important;
	justify-content: space-between !important;
	position: relative;
	overflow: hidden;
}
.now-bar::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 4px;
	height: 100%;
	background: var(--color-travel);
}

.now-bar-text { padding: 0 !important; flex: 1 1 360px; }

.now-accent {
	width: 36px !important;
	height: 3px !important;
	border-radius: 2px;
	background: var(--color-travel);
	margin: 0 0 12px !important;
	padding: 0 !important;
}

.now-eyebrow {
	font-size: 10px !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	margin: 0 0 8px !important;
}

.now-words {
	font-family: var(--font-display) !important;
	font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	margin: 0 0 6px !important;
	line-height: 1.25;
}
.now-words em {
	color: var(--color-travel) !important;
	font-style: italic;
}

.now-sub {
	font-size: 12px !important;
	color: var(--color-accent-walnut) !important;
	font-weight: 300 !important;
	margin: 0 !important;
}

.now-link {
	margin: 0 !important;
	flex-shrink: 0;
}
.now-link a {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--color-accent-walnut);
	font-weight: 500;
	border: 0.5px solid rgba(122, 92, 58, 0.35);
	padding: 10px 16px;
	border-radius: 6px;
	transition: background 220ms ease, color 220ms ease, border-color 220ms ease;
}
.now-link a:hover {
	background: var(--color-accent-walnut);
	color: var(--color-card);
	border-color: var(--color-accent-walnut);
}

/* === category header === */

.is-archive .cat-header {
	padding: 36px var(--shell-padding-x) 28px !important;
	border-bottom: 0.5px solid var(--color-border);
	position: relative;
	overflow: hidden;
}

.is-archive .breadcrumb {
	font-size: 11px;
	color: var(--color-text-meta);
	margin: 0 0 14px !important;
	letter-spacing: 0.04em;
}
.is-archive .breadcrumb .breadcrumb-current { color: var(--color-accent-walnut); display: none; }
.is-archive .breadcrumb::after {
	content: attr(data-current);
	color: var(--color-accent-walnut);
}

body.category-ai .breadcrumb::after { content: "AI"; }
body.category-work .breadcrumb::after { content: "Work"; }
body.category-leadership .breadcrumb::after { content: "Leadership"; }
body.category-women-motherhood .breadcrumb::after { content: "Women & Motherhood"; }
body.category-travel .breadcrumb::after { content: "Travel"; }

.is-archive .cat-title,
.is-archive .wp-block-query-title {
	font-family: var(--font-display) !important;
	font-size: clamp(1.875rem, 4vw, 2.5rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	margin: 0 0 12px !important;
	line-height: 1.1;
	letter-spacing: -0.005em;
}
.is-archive .cat-title em,
.is-archive .wp-block-query-title em {
	font-style: italic;
	color: var(--color-accent-walnut);
}

body.category-ai .cat-title em,
body.category-ai .wp-block-query-title em { color: var(--color-ai); }
body.category-work .cat-title em,
body.category-work .wp-block-query-title em { color: var(--color-work); }
body.category-leadership .cat-title em,
body.category-leadership .wp-block-query-title em { color: var(--color-leadership); }
body.category-women-motherhood .cat-title em,
body.category-women-motherhood .wp-block-query-title em { color: var(--color-women); }
body.category-travel .cat-title em,
body.category-travel .wp-block-query-title em { color: var(--color-travel); }

.is-archive .cat-desc,
.is-archive .wp-block-term-description {
	font-size: 13.5px !important;
	line-height: 1.75 !important;
	color: var(--color-text-muted) !important;
	font-weight: 300 !important;
	margin: 0 !important;
	max-width: 580px;
}
.is-archive .cat-desc p,
.is-archive .wp-block-term-description p { margin: 0 0 8px; }
.is-archive .cat-desc p:last-child,
.is-archive .wp-block-term-description p:last-child { margin-bottom: 0; }

/* atmospheric tint band behind each archive header */
.is-archive.is-archive .cat-header::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.5;
	background: linear-gradient(120deg, transparent 30%, currentColor 130%);
	z-index: -1;
}
body.category-ai .cat-header { background: linear-gradient(180deg, var(--color-ai-tint), transparent 80%); }
body.category-work .cat-header { background: linear-gradient(180deg, var(--color-work-tint), transparent 80%); }
body.category-leadership .cat-header { background: linear-gradient(180deg, var(--color-leadership-tint), transparent 80%); }
body.category-women-motherhood .cat-header { background: linear-gradient(180deg, var(--color-women-tint), transparent 80%); }
body.category-travel .cat-header { background: linear-gradient(180deg, var(--color-travel-tint), transparent 80%); }

/* archive section labels match home rhythm */
.is-archive .section-label { padding-top: 32px; }

/* === work timeline === */

/* resume actions bar */
.is-archive .resume-actions {
	padding: 14px var(--shell-padding-x) !important;
	border-bottom: 0.5px solid var(--color-border);
	background: var(--color-surface);
	margin: 0 !important;
	gap: 12px !important;
}
.is-archive .resume-hint {
	font-size: 11px !important;
	color: var(--color-text-meta);
	font-weight: 300;
	font-style: italic;
	margin: 0 !important;
}
.is-archive .resume-dl {
	margin: 0 !important;
}
.is-archive .resume-dl a {
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-work);
	font-weight: 500;
	border: 0.5px solid rgba(122, 92, 58, 0.35);
	padding: 8px 14px;
	border-radius: 6px;
	display: inline-block;
	transition: background 220ms ease, color 220ms ease;
}
.is-archive .resume-dl a:hover {
	background: var(--color-work);
	color: var(--color-card);
}

/* status bar */
.status-bar {
	margin: 22px var(--shell-padding-x) 0 !important;
	background: var(--color-card) !important;
	border: 0.5px solid var(--color-border);
	border-radius: 12px;
	padding: 20px 24px !important;
	gap: 18px !important;
	position: relative;
	overflow: hidden;
}
.status-bar::before {
	content: "";
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, var(--color-work), var(--color-accent-tan));
}
.status-left {
	gap: 14px !important;
	flex: 1 1 auto;
	padding: 0 !important;
	align-items: center !important;
}
.status-pulse {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50%;
	background: var(--color-travel);
	flex-shrink: 0;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	animation: status-pulse 2.4s ease-in-out infinite;
}
.status-pulse::after {
	content: "";
	position: absolute;
	inset: -4px;
	border-radius: 50%;
	border: 1px solid var(--color-travel);
	opacity: 0;
	animation: status-pulse-ring 2.4s ease-out infinite;
}
@keyframes status-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(0.85); }
}
@keyframes status-pulse-ring {
	0% { transform: scale(1); opacity: 0.8; }
	100% { transform: scale(2.2); opacity: 0; }
}
.status-type {
	font-size: 10px !important;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	margin: 0 !important;
	white-space: nowrap;
}
.status-divider {
	width: 0.5px !important;
	height: 36px !important;
	background: var(--color-border-strong);
	margin: 0 4px !important;
	padding: 0 !important;
	flex-shrink: 0;
}
.status-message-wrap { padding: 0 !important; }
.status-message {
	font-family: var(--font-display) !important;
	font-size: clamp(1rem, 1.5vw, 1.125rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	margin: 0 0 4px !important;
	line-height: 1.35;
}
.status-message em { font-style: italic; color: var(--color-work); }
.status-sub {
	font-size: 11px !important;
	color: var(--color-text-meta) !important;
	font-weight: 300 !important;
	margin: 0 !important;
}
.status-cta {
	margin: 0 !important;
	flex-shrink: 0;
}
.status-cta a {
	display: inline-block;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-work);
	font-weight: 500;
	border: 0.5px solid rgba(122, 92, 58, 0.35);
	padding: 9px 14px;
	border-radius: 6px;
	transition: background 220ms ease, color 220ms ease;
}
.status-cta a:hover { background: var(--color-work); color: var(--color-card); }

/* timeline */
.timeline {
	padding: 0 var(--shell-padding-x) !important;
	display: flex !important;
	flex-direction: column;
	gap: 0 !important;
}

.role-row {
	display: grid !important;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.role-left {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	padding: 8px 0 0 !important;
	gap: 0 !important;
}
.role-dot {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50%;
	background: var(--color-work);
	border: 2px solid var(--color-bg);
	flex-shrink: 0;
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: 0 0 0 0.5px var(--color-border-strong);
}
.role-dot.is-current,
.timeline .is-current-role .role-dot {
	background: var(--color-travel);
	animation: status-pulse 2.4s ease-in-out infinite;
}

/* The query wraps each project in a <li> by default — strip the list styling */
.timeline ul.wp-block-post-template {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column;
	gap: 0 !important;
}
.timeline ul.wp-block-post-template > li {
	margin: 0 !important;
	padding: 0 !important;
}
.timeline ul.wp-block-post-template > li:last-child .role-line {
	display: none;
}

/* Date-range pill rendered from post meta via block bindings */
.role-dates[class*="role-dates"]:empty::before {
	content: "—";
	color: var(--color-text-meta);
	opacity: 0.5;
}

/* role-card-body wraps post-content output (role-title + bullets + tags) */
.role-card-body { margin: 0 !important; padding: 0 !important; }
.role-card-body > .role-title,
.role-card-body > .role-bullets,
.role-card-body > .role-tags { margin-left: 0; }
.role-line {
	width: 1.5px !important;
	background: var(--color-border-strong);
	flex: 1;
	min-height: 16px;
	margin: 4px 0 0 !important;
	padding: 0 !important;
}

.role-card {
	background: var(--color-card) !important;
	border: 0.5px solid var(--color-border);
	border-radius: 12px;
	margin: 0 0 12px !important;
	padding: 0 !important;
	overflow: hidden;
	transition: transform 280ms ease, box-shadow 280ms ease;
}
.role-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 28px -16px rgba(44, 32, 22, 0.18);
}

.role-card-top { padding: 20px 22px 16px !important; }

.role-header {
	gap: 16px !important;
	margin: 0 0 12px !important;
	align-items: flex-start;
	padding: 0 !important;
}
.role-header-left { flex: 1 1 auto; padding: 0 !important; }
.role-co-name {
	font-family: var(--font-display) !important;
	font-size: 19px !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	margin: 0 !important;
	letter-spacing: 0;
}
.role-context {
	font-size: 11px !important;
	color: var(--color-text-meta) !important;
	font-weight: 300 !important;
	font-style: italic;
	margin: 4px 0 0 !important;
}
.role-dates {
	font-size: 10px !important;
	letter-spacing: 0.08em;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	text-align: right;
	margin: 4px 0 0 !important;
	white-space: nowrap;
	text-transform: uppercase;
}
.role-title {
	font-size: 11px !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 500 !important;
	color: var(--color-work) !important;
	margin: 0 0 12px !important;
}
.role-bullets {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 14px !important;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.role-bullets li {
	font-size: 13px;
	line-height: 1.65;
	color: var(--color-text-muted);
	font-weight: 300;
	padding-left: 16px;
	position: relative;
	margin: 0;
}
.role-bullets li::before {
	content: "—";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--color-accent-tan);
}
.role-tags {
	gap: 6px !important;
	flex-wrap: wrap;
	padding: 0 !important;
	margin: 0 !important;
}
.role-tag {
	font-size: 9px !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 3px 9px !important;
	border-radius: 10px;
	font-weight: 500 !important;
	background: var(--color-surface);
	color: var(--color-work);
	margin: 0 !important;
	line-height: 1.5;
}

.role-footer {
	border-top: 0.5px solid var(--color-border-soft);
	padding: 12px 22px !important;
	margin: 0 !important;
	gap: 12px !important;
}
.role-write-link {
	font-size: 10px !important;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	margin: 0 !important;
}
.role-write-link.live { color: var(--color-work) !important; }
.role-write-link a { color: inherit; }
.role-write-link a:hover { color: var(--color-text-primary); }
.role-expand {
	font-size: 10px !important;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	margin: 0 !important;
	cursor: pointer;
	transition: color 200ms ease;
}
.role-expand:hover { color: var(--color-work) !important; }

/* education row */
.education-row {
	background: var(--color-surface);
	border: 0.5px solid var(--color-border);
	border-radius: 12px;
	padding: 16px 22px !important;
	margin: 0 0 12px 64px !important;
	gap: 12px !important;
}
.education-left { padding: 0 !important; }
.edu-school {
	font-family: var(--font-display) !important;
	font-size: 16px !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	margin: 0 !important;
}
.edu-degree {
	font-size: 11px !important;
	color: var(--color-work) !important;
	font-weight: 300 !important;
	margin: 4px 0 0 !important;
}
.edu-year {
	font-size: 10px !important;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 !important;
	white-space: nowrap;
}

/* === travel === */

.places-index {
	padding: 16px var(--shell-padding-x) !important;
	border-bottom: 0.5px solid var(--color-border);
	background: linear-gradient(180deg, transparent, rgba(196, 134, 58, 0.04));
	gap: 18px !important;
	margin: 0 !important;
	font-size: 12px;
}
.places-label {
	font-size: 10px !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	margin: 0 14px 0 0 !important;
	white-space: nowrap;
}
.place-link {
	margin: 0 !important;
	font-size: 12px;
	font-weight: 400;
}
.place-link a {
	color: var(--color-accent-walnut);
	display: inline-block;
	padding: 4px 0;
	border-bottom: 1.5px solid transparent;
	transition: border-color 200ms ease, color 200ms ease;
}
.place-link a:hover {
	color: var(--color-travel-deep);
	border-bottom-color: var(--color-travel);
}
.place-link.is-active a {
	color: var(--color-travel-deep);
	border-bottom-color: var(--color-travel);
	font-weight: 500;
}

/* featured travel card */
.travel-feature {
	display: grid !important;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: 0 !important;
	margin: 0 var(--shell-padding-x) 8px !important;
	background: var(--color-card) !important;
	border: 0.5px solid var(--color-border);
	border-radius: 14px;
	overflow: hidden;
	transition: transform 320ms ease, box-shadow 320ms ease;
}
.travel-feature:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px -20px rgba(139, 90, 26, 0.25);
}
.travel-feature-img {
	background:
		radial-gradient(120% 100% at 20% 20%, #E8C87A, transparent 60%),
		linear-gradient(160deg, #C4A060, #8B5A1A);
	min-height: 280px;
	position: relative;
	padding: 18px !important;
	display: flex !important;
	align-items: flex-end;
	overflow: hidden;
}
.travel-feature-img::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(0deg, rgba(0,0,0,0.02) 0 1px, transparent 1px 3px);
	pointer-events: none;
}
.location-badge {
	display: inline-block;
	font-size: 10px !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-card) !important;
	background: rgba(44, 32, 22, 0.45);
	backdrop-filter: blur(4px);
	padding: 5px 11px !important;
	border-radius: 20px;
	font-weight: 500 !important;
	margin: 0 !important;
	position: relative;
	z-index: 1;
}
.travel-feature-body {
	padding: 30px 32px !important;
	display: flex !important;
	flex-direction: column;
	gap: 0 !important;
}
.travel-feature-meta {
	font-size: 10px !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-travel-deep);
	font-weight: 500 !important;
	margin: 0 0 14px !important;
	opacity: 0.85;
}
.travel-feature-title {
	font-family: var(--font-display) !important;
	font-size: clamp(1.375rem, 2.4vw, 1.75rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	line-height: 1.22;
	margin: 0 0 14px !important;
	letter-spacing: -0.005em;
}
.travel-feature-title em { font-style: italic; color: var(--color-travel); }
.travel-feature-excerpt {
	font-size: 13.5px !important;
	line-height: 1.75;
	color: var(--color-text-muted) !important;
	font-weight: 300 !important;
	margin: 0 0 18px !important;
}
.travel-feature-cta { margin: auto 0 0 !important; }
.travel-feature-cta a {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-travel-deep);
	font-weight: 500;
	border: 0.5px solid rgba(139, 90, 26, 0.4);
	padding: 10px 16px;
	border-radius: 6px;
	transition: background 220ms ease, color 220ms ease;
}
.travel-feature-cta a:hover {
	background: var(--color-travel);
	color: var(--color-card);
	border-color: var(--color-travel);
}

/* photo moments strip */
.photos-strip {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
	gap: 8px !important;
	padding: 0 var(--shell-padding-x) !important;
	margin: 0 0 36px !important;
}
.photo-sq {
	aspect-ratio: 1;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 320ms ease;
	cursor: pointer;
	padding: 0 !important;
	position: relative;
}
.photo-sq::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.18));
	opacity: 0;
	transition: opacity 280ms ease;
}
.photo-sq:hover { transform: scale(1.03); }
.photo-sq:hover::after { opacity: 1; }

.photo-sq--1 { background: linear-gradient(160deg, #C4A870, #8A6030); }
.photo-sq--2 { background: linear-gradient(160deg, #8AA8B8, #4A6878); }
.photo-sq--3 { background: linear-gradient(160deg, #B8C890, #6A8050); }
.photo-sq--4 { background: linear-gradient(160deg, #D4A890, #A07050); }
.photo-sq--5 { background: linear-gradient(160deg, #A890B0, #604870); }
.photo-sq--6 { background: linear-gradient(160deg, #C8B078, #8A6840); }

/* === leadership === */

.principles-band {
	margin: 32px var(--shell-padding-x) !important;
	background: linear-gradient(135deg, #1E2E20, #122016) !important;
	border-radius: 16px;
	padding: 36px 36px 40px !important;
	color: #E0E8E2;
	position: relative;
	overflow: hidden;
}
.principles-band::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 4px;
	height: 100%;
	background: var(--color-leadership);
}
.principles-label {
	font-size: 10px !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #8FB99A !important;
	font-weight: 500 !important;
	margin: 0 0 24px !important;
}
.principles-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px !important;
	padding: 0 !important;
}
.principle {
	padding: 0 0 0 16px !important;
	border-left: 0.5px solid rgba(143, 185, 154, 0.25);
	display: flex !important;
	flex-direction: column;
	gap: 10px;
}
.principle-num {
	font-family: var(--font-display) !important;
	font-size: 13px !important;
	letter-spacing: 0.1em;
	color: var(--color-leadership) !important;
	font-style: italic;
	font-weight: 400 !important;
	margin: 0 !important;
}
.principle-title {
	font-family: var(--font-display) !important;
	font-size: 16px !important;
	color: #F2EAE0 !important;
	font-weight: 400 !important;
	line-height: 1.3;
	margin: 0 !important;
	letter-spacing: -0.005em;
}
.principle-body {
	font-size: 12px !important;
	line-height: 1.65;
	color: #C0CCC4 !important;
	font-weight: 300 !important;
	margin: 0 !important;
}

.mentoring-band {
	margin: 32px var(--shell-padding-x) 24px !important;
	background: var(--color-leadership-tint) !important;
	border: 0.5px solid rgba(74, 138, 92, 0.18);
	border-radius: 14px;
	padding: 28px 32px !important;
	gap: 24px !important;
	position: relative;
	overflow: hidden;
}
.mentoring-band::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 3px;
	height: 100%;
	background: var(--color-leadership);
}
.mentoring-text { padding: 0 !important; flex: 1 1 380px; }
.mentoring-label {
	font-size: 10px !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-leadership-deep) !important;
	font-weight: 500 !important;
	margin: 0 0 10px !important;
	opacity: 0.7;
}
.mentoring-headline {
	font-family: var(--font-display) !important;
	font-size: clamp(1.125rem, 1.8vw, 1.375rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	line-height: 1.35;
	margin: 0 0 10px !important;
}
.mentoring-headline em { font-style: italic; color: var(--color-leadership); }
.mentoring-body {
	font-size: 13px !important;
	line-height: 1.7;
	color: var(--color-text-muted) !important;
	font-weight: 300 !important;
	margin: 0 !important;
}
.mentoring-cta {
	margin: 0 !important;
	flex-shrink: 0;
}
.mentoring-cta a {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-card);
	background: var(--color-leadership);
	font-weight: 500;
	padding: 12px 18px;
	border-radius: 6px;
	transition: background 220ms ease, transform 220ms ease;
}
.mentoring-cta a:hover {
	background: var(--color-leadership-deep);
	transform: translateY(-2px);
}

/* === women & motherhood === */

.maternity-feature {
	display: grid !important;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: 0 !important;
	margin: 0 var(--shell-padding-x) 8px !important;
	background: var(--color-women-tint) !important;
	border: 0.5px solid rgba(168, 92, 106, 0.18);
	border-radius: 14px;
	overflow: hidden;
	position: relative;
}
.maternity-feature::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 3px;
	height: 100%;
	background: var(--color-women);
	z-index: 1;
}
.maternity-feature-text {
	padding: 32px 32px 28px !important;
	display: flex !important;
	flex-direction: column;
	gap: 0 !important;
}
.maternity-eyebrow {
	font-size: 10px !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-women-deep);
	font-weight: 500 !important;
	margin: 0 0 14px !important;
	opacity: 0.7;
}
.maternity-title {
	font-family: var(--font-display) !important;
	font-size: clamp(1.5rem, 2.6vw, 2rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	line-height: 1.18;
	margin: 0 0 16px !important;
	letter-spacing: -0.005em;
}
.maternity-title em { font-style: italic; color: var(--color-women); }
.maternity-body {
	font-size: 14px !important;
	line-height: 1.75;
	color: var(--color-text-muted) !important;
	font-weight: 300 !important;
	margin: 0 0 18px !important;
	max-width: 52ch;
}
.maternity-meta {
	font-size: 11px !important;
	color: var(--color-text-meta) !important;
	font-weight: 400 !important;
	font-style: italic;
	margin: 0 0 18px !important;
}
.maternity-cta { margin: auto 0 0 !important; }
.maternity-cta a {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-card);
	background: var(--color-women);
	font-weight: 500;
	padding: 12px 18px;
	border-radius: 6px;
	transition: background 220ms ease, transform 220ms ease;
}
.maternity-cta a:hover {
	background: var(--color-women-deep);
	transform: translateY(-2px);
}

.maternity-feature-visual {
	background: rgba(168, 92, 106, 0.05);
	padding: 32px 32px !important;
	border-left: 0.5px solid rgba(168, 92, 106, 0.15);
	display: flex !important;
	flex-direction: column;
	gap: 0 !important;
}
.maternity-chapter-list-label {
	font-size: 10px !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-women) !important;
	font-weight: 500 !important;
	margin: 0 0 16px !important;
}
.maternity-chapter {
	font-family: var(--font-body) !important;
	font-size: 12.5px !important;
	color: var(--color-text-body) !important;
	font-weight: 300 !important;
	line-height: 1.5;
	margin: 0 0 10px !important;
	padding: 0 0 10px !important;
	border-bottom: 0.5px solid rgba(168, 92, 106, 0.12);
}
.maternity-chapter:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.maternity-chapter.is-muted {
	color: var(--color-text-meta) !important;
	font-style: italic;
}

/* dispatch row (Women & Motherhood) */
.dispatch-row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px !important;
	padding: 0 var(--shell-padding-x) !important;
	margin: 0 0 32px !important;
}
.dispatch-card {
	border-radius: 12px;
	padding: 22px 24px !important;
	position: relative;
	overflow: hidden;
	display: flex !important;
	flex-direction: column;
	gap: 12px;
	transition: transform 280ms ease;
}
.dispatch-card:hover { transform: translateY(-2px); }
.dispatch-card::before {
	content: "\201C";
	position: absolute;
	top: -10px;
	right: 18px;
	font-family: var(--font-display);
	font-size: 84px;
	line-height: 1;
	opacity: 0.18;
	pointer-events: none;
}
.dispatch-card--rose { background: var(--color-women-tint); }
.dispatch-card--rose::before { color: var(--color-women); }
.dispatch-card--lavender { background: #EEE8F4; }
.dispatch-card--lavender::before { color: var(--color-plum); }
.dispatch-card--neutral { background: var(--color-surface); }
.dispatch-card--neutral::before { color: var(--color-accent-walnut); }
.dispatch-label {
	font-size: 10px !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-text-meta) !important;
	font-weight: 500 !important;
	margin: 0 !important;
}
.dispatch-quote {
	font-family: var(--font-display) !important;
	font-style: italic;
	font-size: 14.5px !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	line-height: 1.5;
	margin: 0 !important;
	position: relative;
	z-index: 1;
}
.dispatch-attr {
	font-size: 11px !important;
	color: var(--color-text-meta) !important;
	font-weight: 300 !important;
	margin: auto 0 0 !important;
	line-height: 1.5;
}
.dispatch-attr strong { color: var(--color-text-primary); font-weight: 500; }

/* solidarity band */
.solidarity-band {
	margin: 0 var(--shell-padding-x) 32px !important;
	background: linear-gradient(135deg, var(--color-women-tint), #F9E5EA) !important;
	border-radius: 14px;
	padding: 40px 48px !important;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.solidarity-band::before,
.solidarity-band::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 12vw;
	max-width: 80px;
	height: 0.5px;
	background: var(--color-women);
	opacity: 0.4;
}
.solidarity-band::before { left: 24px; }
.solidarity-band::after { right: 24px; }
.solidarity-quote {
	font-family: var(--font-display) !important;
	font-style: italic;
	font-size: clamp(1.125rem, 2vw, 1.5rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	line-height: 1.45;
	margin: 0 auto !important;
	max-width: 680px;
}
.solidarity-quote em {
	font-style: italic;
	color: var(--color-women);
}

/* === ai === */

.ai-chips {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px !important;
	padding: 0 var(--shell-padding-x) !important;
	margin: 0 0 8px !important;
}
.ai-chip {
	background: var(--color-ai-tint);
	border: 0.5px solid rgba(58, 106, 138, 0.18);
	border-radius: 10px;
	padding: 16px 18px !important;
	display: flex !important;
	flex-direction: column;
	gap: 6px;
	position: relative;
	overflow: hidden;
	transition: transform 280ms ease, box-shadow 280ms ease;
}
.ai-chip:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 28px -14px rgba(26, 74, 106, 0.22);
}
.ai-chip::before {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0;
	width: 3px;
	background: var(--color-ai);
	transform: scaleY(0.3);
	transform-origin: center;
	transition: transform 320ms ease;
}
.ai-chip:hover::before { transform: scaleY(1); }
.ai-chip-label {
	font-size: 10px !important;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: var(--color-ai-deep);
	font-weight: 500 !important;
	margin: 0 !important;
	opacity: 0.7;
}
.ai-chip-value {
	font-family: var(--font-display) !important;
	font-size: 15px !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	line-height: 1.35;
	margin: 0 !important;
}
.ai-chip-value em { font-style: italic; color: var(--color-ai); }

.honest-take {
	margin: 40px var(--shell-padding-x) 32px !important;
	background: linear-gradient(135deg, #1A2A36, #0E1820) !important;
	border-radius: 14px;
	padding: 36px 40px 32px !important;
	color: #E8DFD3;
	position: relative;
	overflow: hidden;
}
.honest-take::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 4px;
	height: 100%;
	background: var(--color-ai);
}
.honest-take::after {
	content: "\201C";
	position: absolute;
	top: -22px;
	right: 28px;
	font-family: var(--font-display);
	font-size: 160px;
	color: rgba(58, 106, 138, 0.25);
	line-height: 1;
	pointer-events: none;
}
.honest-take-label {
	font-size: 10px !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #8DAEC2 !important;
	font-weight: 500 !important;
	margin: 0 0 16px !important;
}
.honest-take-quote {
	font-family: var(--font-display) !important;
	font-size: clamp(1.125rem, 1.8vw, 1.375rem) !important;
	color: #F2EAE0 !important;
	font-weight: 400 !important;
	line-height: 1.45;
	margin: 0 0 18px !important;
	position: relative;
	z-index: 1;
}
.honest-take-quote em { font-style: italic; color: #B0CFE0; }
.honest-take-attr {
	font-size: 11px !important;
	color: #8DAEC2 !important;
	font-weight: 300 !important;
	letter-spacing: 0.04em;
	margin: 0 !important;
}
.honest-take-attr em { font-style: italic; color: #E8DFD3; }

/* === single post === */

.is-single .single-header,
.is-page .page-header {
	padding: 60px var(--shell-padding-x) 32px !important;
	max-width: 760px;
	margin: 0 auto;
	text-align: left;
}

.is-single .single-pill {
	margin-bottom: 18px !important;
}

.is-single .single-title,
.is-page .page-title {
	font-family: var(--font-display) !important;
	font-size: clamp(2rem, 4.5vw, 2.875rem) !important;
	color: var(--color-text-primary) !important;
	font-weight: 400 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.01em;
	margin: 0 0 22px !important;
}

.is-single .single-meta {
	display: flex !important;
	gap: 18px !important;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-text-meta);
	font-weight: 500;
	margin: 0 !important;
	padding: 0 !important;
}
.is-single .single-meta a { color: var(--color-accent-walnut); }
.is-single .single-meta .wp-block-post-author-name::before { content: "by "; opacity: 0.6; }

.is-single .single-featured {
	max-width: 1000px;
	margin: 0 auto 40px !important;
	padding: 0 var(--shell-padding-x);
}
.is-single .single-featured img {
	width: 100%;
	border-radius: 14px;
	overflow: hidden;
	aspect-ratio: 16/8;
	object-fit: cover;
}

.is-single .single-content,
.is-page .page-content {
	max-width: 720px;
	margin: 0 auto !important;
	padding: 0 var(--shell-padding-x) 64px !important;
	font-size: 16px;
	line-height: 1.85;
	color: var(--color-text-body);
}
.is-single .single-content p,
.is-page .page-content p {
	font-size: 1rem;
	margin: 0 0 1.2em;
}

.is-single .single-content h2,
.is-page .page-content h2 {
	font-family: var(--font-display);
	font-size: 1.75rem;
	margin-top: 1.6em;
	margin-bottom: 0.6em;
	color: var(--color-text-primary);
}
.is-single .single-content h3,
.is-page .page-content h3 {
	font-family: var(--font-display);
	font-size: 1.3rem;
	margin-top: 1.4em;
	margin-bottom: 0.5em;
}

/* constrain images inside post/page content */
.is-single .single-content img,
.is-page .page-content img {
	max-width: 100%;
	height: auto;
	display: block;
}
.is-single .single-content .wp-block-image,
.is-page .page-content .wp-block-image {
	max-width: 100%;
}
.is-single .single-content .wp-block-image.alignfull,
.is-single .single-content .wp-block-image.alignwide,
.is-page .page-content .wp-block-image.alignfull,
.is-page .page-content .wp-block-image.alignwide {
	max-width: 100%;
	width: 100%;
}
.is-single .single-content figure,
.is-page .page-content figure {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.post-nav {
	max-width: 760px;
	margin: 0 auto !important;
	padding: 28px var(--shell-padding-x) 64px !important;
	border-top: 0.5px solid var(--color-border);
	gap: 16px;
}
.post-nav .wp-block-post-navigation-link {
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 500;
}
.post-nav .wp-block-post-navigation-link a {
	color: var(--color-accent-walnut);
	transition: color 200ms ease;
}
.post-nav .wp-block-post-navigation-link a:hover { color: var(--color-text-primary); }

/* === footer === */

.site-footer {
	margin-top: 48px;
}

.site-footer-inner {
	max-width: var(--content-max);
	margin: 0 auto !important;
	padding: 24px var(--shell-padding-x) 14px !important;
	border-top: 0.5px solid var(--color-border-strong);
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px !important;
}

.footer-name {
	font-family: var(--font-display) !important;
	font-size: 14px !important;
	color: var(--color-text-meta) !important;
	font-style: italic;
	font-weight: 400 !important;
	margin: 0 !important;
}

.footer-social {
	gap: 12px !important;
	padding: 0 !important;
	margin: 0 !important;
}
.footer-social .wp-block-social-link {
	background: transparent !important;
	transition: transform 200ms ease;
}
.footer-social .wp-block-social-link:hover { transform: translateY(-2px); }
.footer-social .wp-block-social-link a { color: var(--color-text-meta) !important; }

.footer-meta {
	max-width: var(--content-max);
	margin: 0 auto !important;
	padding: 0 var(--shell-padding-x) 28px !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px !important;
}
.footer-fineprint {
	font-size: 10px !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-text-meta);
	font-weight: 500;
	margin: 0 !important;
	font-family: var(--font-body);
	opacity: 0.7;
}

/* === scroll reveal === */

/* progressive enhancement: visible by default, JS adds hidden state */
html.js-reveal-ready .reveal {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 700ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 700ms cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-delay: calc(var(--reveal-index, 0) * 60ms);
	will-change: opacity, transform;
}
html.js-reveal-ready .reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	html.js-reveal-ready .reveal {
		opacity: 1;
		transform: none;
	}
	.stripe-bar .stripe-seg { animation: none; transform: none; }
}

/* === post formats === */

/* photo single — full-bleed hero, minimal text */
.is-photo .photo-hero {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	background: var(--color-surface);
}
.is-photo .photo-hero img,
.is-photo .photo-hero .wp-block-post-featured-image__placeholder {
	display: block;
	width: 100%;
	max-height: 78vh;
	min-height: 320px;
	object-fit: cover;
	aspect-ratio: 16/9;
}
.is-photo .photo-meta {
	max-width: 720px;
	margin: 36px auto 24px !important;
	padding: 0 var(--shell-padding-x) !important;
	text-align: left;
}
.is-photo .photo-pill { margin-bottom: 16px !important; }
.is-photo .photo-title {
	font-family: var(--font-display) !important;
	font-size: clamp(1.625rem, 3.5vw, 2.25rem) !important;
	font-weight: 400 !important;
	color: var(--color-text-primary) !important;
	line-height: 1.12;
	letter-spacing: -0.005em;
	margin: 0 0 16px !important;
}
.is-photo .photo-meta-row {
	gap: 14px !important;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-text-meta);
	font-weight: 500;
	padding: 0 !important;
}
.is-photo .photo-date { color: var(--color-text-meta) !important; margin: 0 !important; }
.is-photo .photo-format-tag {
	margin: 0 !important;
	color: var(--color-accent-walnut);
	position: relative;
	padding-left: 16px;
}
.is-photo .photo-format-tag::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	transform: translateY(-50%);
}
.is-photo .photo-content {
	max-width: 640px;
	margin: 0 auto !important;
	padding: 0 var(--shell-padding-x) 64px !important;
	font-size: 1rem;
	line-height: 1.8;
	color: var(--color-text-body);
}
.is-photo .photo-content p {
	font-family: var(--font-display);
	font-style: italic;
	font-size: 1.1rem;
	color: var(--color-text-muted);
	margin: 0 0 1.2em;
}
.is-photo .wp-block-gallery {
	max-width: 1100px;
	margin: 32px auto !important;
	padding: 0 var(--shell-padding-x);
	gap: 10px !important;
}
.is-photo .wp-block-gallery .wp-block-image img {
	border-radius: 8px;
	overflow: hidden;
}

/* dispatch single — compact quote-card style */
.is-dispatch .dispatch-wrap {
	max-width: 640px;
	margin: 0 auto !important;
	padding: 60px var(--shell-padding-x) 32px !important;
}
.is-dispatch .dispatch-meta {
	gap: 14px !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-text-meta);
	font-weight: 500;
}
.is-dispatch .dispatch-pill { margin: 0 !important; }
.is-dispatch .dispatch-format-tag {
	margin: 0 !important;
	color: var(--color-accent-walnut);
	position: relative;
	padding-left: 16px;
	align-self: center;
}
.is-dispatch .dispatch-format-tag::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	transform: translateY(-50%);
}
.is-dispatch .dispatch-card-large {
	background: var(--color-card);
	border: 0.5px solid var(--color-border-strong);
	border-radius: 14px;
	padding: 36px 36px 28px !important;
	position: relative;
	overflow: hidden;
}
.is-dispatch .dispatch-card-large::before {
	content: "\201C";
	position: absolute;
	top: -16px;
	left: 18px;
	font-family: var(--font-display);
	font-size: 120px;
	color: var(--color-accent-tan);
	opacity: 0.5;
	line-height: 1;
	pointer-events: none;
}
.is-dispatch .dispatch-title {
	font-family: var(--font-display) !important;
	font-style: italic;
	font-size: clamp(1.25rem, 2.5vw, 1.625rem) !important;
	font-weight: 400 !important;
	color: var(--color-text-primary) !important;
	line-height: 1.35;
	margin: 0 0 18px !important;
	position: relative;
	z-index: 1;
}
.is-dispatch .dispatch-body {
	font-size: 14px;
	line-height: 1.75;
	color: var(--color-text-muted);
	margin: 0 0 22px !important;
}
.is-dispatch .dispatch-body p {
	font-family: var(--font-body);
	font-style: normal;
	font-size: 14px;
	color: var(--color-text-muted);
	margin: 0 0 0.9em;
}
.is-dispatch .dispatch-body p strong { color: var(--color-text-primary); }
.is-dispatch .dispatch-date {
	font-size: 10px !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-text-meta) !important;
	font-weight: 500;
	border-top: 0.5px solid var(--color-border);
	padding-top: 14px !important;
	margin: 0 !important;
}

/* format-aware cards on archive + home grids */
.fn-grid .wp-block-post.format-quote .fn-card,
.fn-grid .wp-block-post.format-aside .fn-card {
	background: var(--color-surface);
	border-color: var(--color-border-strong);
	position: relative;
}
.fn-grid .wp-block-post.format-quote .fn-card .wp-block-post-featured-image,
.fn-grid .wp-block-post.format-aside .fn-card .wp-block-post-featured-image {
	display: none;
}
.fn-grid .wp-block-post.format-quote .fn-card .wp-block-post-title,
.fn-grid .wp-block-post.format-aside .fn-card .wp-block-post-title {
	font-style: italic;
	font-size: 16px !important;
	line-height: 1.4 !important;
	color: var(--color-text-primary) !important;
	margin: 0 0 12px !important;
}
.fn-grid .wp-block-post.format-quote .fn-card .fn-body,
.fn-grid .wp-block-post.format-aside .fn-card .fn-body {
	padding: 22px 22px 22px !important;
}
.fn-grid .wp-block-post.format-quote .fn-card .fn-body::before,
.fn-grid .wp-block-post.format-aside .fn-card .fn-body::before {
	content: "\201C";
	display: block;
	font-family: var(--font-display);
	font-size: 48px;
	line-height: 0.6;
	color: var(--color-accent-tan);
	margin-bottom: 6px;
	opacity: 0.7;
}

/* image / gallery cards — emphasize the featured image */
.fn-grid .wp-block-post.format-image .fn-card .wp-block-post-featured-image,
.fn-grid .wp-block-post.format-gallery .fn-card .wp-block-post-featured-image {
	aspect-ratio: 4/5;
}
.fn-grid .wp-block-post.format-image .fn-card .fn-body,
.fn-grid .wp-block-post.format-gallery .fn-card .fn-body {
	padding: 14px 16px 16px !important;
}
.fn-grid .wp-block-post.format-image .fn-card .wp-block-post-excerpt,
.fn-grid .wp-block-post.format-gallery .fn-card .wp-block-post-excerpt {
	display: none;
}
.fn-grid .wp-block-post.format-gallery .fn-card .wp-block-post-title::after {
	content: " · gallery";
	color: var(--color-text-meta);
	font-style: italic;
	font-size: 12px;
	font-weight: 300;
}

/* === responsive === */

@media (max-width: 1100px) {
	.fn-grid--home { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr); }
}

@media (max-width: 900px) {
	.site-nav { flex-wrap: wrap; gap: 12px; }
	.site-nav .nav-links { gap: 16px !important; }
	.hero { grid-template-columns: 1fr; }
	.hero-photo { min-height: 220px; order: -1; aspect-ratio: 16/8; border-left: none; border-bottom: 0.5px solid var(--color-border); }
	.destinations { grid-template-columns: repeat(3, 1fr); }
	.destinations .dest:nth-child(4),
	.destinations .dest:nth-child(5) { border-top: 0.5px solid var(--color-border); }
	.destinations .dest:nth-child(3) { border-right: none; }
	.fn-grid--home { grid-template-columns: 1fr 1fr; }
	.fn-grid--archive { grid-template-columns: 1fr 1fr; }
	.fn-grid--home .fn-card:first-child { grid-column: 1 / -1; }
	.now-bar { padding: 20px 22px !important; }
}

@media (max-width: 640px) {
	:root { --shell-padding-x: 18px; }
	.site-nav { padding: 14px var(--shell-padding-x); }
	.site-nav .nav-links { gap: 14px !important; font-size: 10px; }
	.site-nav .nav-link { font-size: 10px; }
	.site-nav .wp-block-site-title { font-size: 15px; }
	.hero-text { padding: 36px var(--shell-padding-x) 36px !important; }
	.hero-name { font-size: clamp(1.75rem, 8vw, 2.25rem) !important; }
	.destinations { grid-template-columns: 1fr 1fr; }
	.destinations .dest { border-right: 0.5px solid var(--color-border); }
	.destinations .dest:nth-child(2n) { border-right: none; }
	.destinations .dest:nth-child(3),
	.destinations .dest:nth-child(4) { border-top: 0.5px solid var(--color-border); }
	.destinations .dest:nth-child(5) { border-top: 0.5px solid var(--color-border); grid-column: 1 / -1; border-right: none; }
	.fn-grid--home,
	.fn-grid--archive { grid-template-columns: 1fr; }
	.fn-grid--home .fn-card:first-child { grid-column: auto; }
	.now-bar { flex-direction: column; align-items: flex-start !important; }
	.now-link { align-self: stretch; }
	.now-link a { display: block; text-align: center; }
	.site-footer-inner { flex-direction: column; align-items: flex-start; }
	.stripe-bar .stripe-seg.s3,
	.stripe-bar .stripe-seg.s5,
	.stripe-bar .stripe-seg.s9 { display: none; }
}