/*
Theme Name: Nithransolutions
Theme URI: http://localhost/nithransolutions
Author: Nithransolutions
Description: A modern, responsive business theme for Nithransolutions — IT services, software development and digital transformation. Homepage sections are fully editable from Appearance → Customize.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nithransolutions
Tags: business, one-column, custom-logo, custom-menu, featured-images, theme-options, translation-ready
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root {
	--n-primary: #7d0453;
	--n-primary-dark: #5c033d;
	--n-accent: #d63384;
	--n-ink: #22091b;
	--n-ink-2: #4a3343;
	--n-muted: #7a6672;
	--n-line: #efe1ea;
	--n-bg: #ffffff;
	--n-bg-soft: #fbf4f8;
	--n-dark: #1f0617;
	--n-dark-2: #2d0a23;

	--n-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--n-font-head: "Plus Jakarta Sans", var(--n-font);

	--n-radius: 14px;
	--n-radius-sm: 8px;
	--n-shadow: 0 10px 30px -12px rgba(40, 6, 30, .18);
	--n-shadow-lg: 0 24px 60px -20px rgba(40, 6, 30, .28);
	--n-container: 1200px;
	--n-gutter: 24px;
	--n-header-h: 76px;
	--n-ease: cubic-bezier(.2, .7, .2, 1);
}

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

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: clip; }

body {
	margin: 0;
	font-family: var(--n-font);
	font-size: 17px;
	line-height: 1.7;
	color: var(--n-ink-2);
	background: var(--n-bg);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--n-font-head);
	color: var(--n-ink);
	line-height: 1.2;
	letter-spacing: -.02em;
	margin: 0 0 .6em;
	font-weight: 700;
}
h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
h2 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.1rem; }

p { margin: 0 0 1.2em; }
a { color: var(--n-primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--n-primary-dark); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { padding-left: 1.3em; }

:focus-visible { outline: 2px solid var(--n-primary); outline-offset: 3px; border-radius: 4px; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: #fff; clip: auto !important; clip-path: none; color: var(--n-ink);
	display: block; height: auto; left: 8px; top: 8px; padding: 12px 20px;
	width: auto; z-index: 100000; border-radius: var(--n-radius-sm); box-shadow: var(--n-shadow);
}

.container {
	width: 100%;
	max-width: var(--n-container);
	margin: 0 auto;
	padding: 0 var(--n-gutter);
}
.container--narrow { max-width: 780px; }

/* ==========================================================================
   Buttons
   ========================================================================== */
.btn,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	padding: .85em 1.6em;
	border-radius: 999px;
	border: 2px solid transparent;
	font-family: var(--n-font-head);
	font-weight: 600;
	font-size: .98rem;
	line-height: 1.2;
	cursor: pointer;
	transition: transform .2s var(--n-ease), background .2s, color .2s, box-shadow .2s, border-color .2s;
	text-decoration: none;
}
.btn--primary,
.wp-block-button__link,
input[type="submit"],
button[type="submit"] {
	background: var(--n-primary);
	color: #fff;
	box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--n-primary) 60%, transparent);
}
.btn--primary:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: var(--n-primary-dark);
	color: #fff;
	transform: translateY(-2px);
}
.btn--ghost { border-color: currentColor; color: var(--n-ink); background: transparent; }
.btn--ghost:hover { background: var(--n-ink); border-color: var(--n-ink); color: #fff; }
.btn--light { background: #fff; color: var(--n-ink); }
.btn--light:hover { color: var(--n-primary); transform: translateY(-2px); }
.btn svg { width: 18px; height: 18px; }

/* ==========================================================================
   Header
   ========================================================================== */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: #fff;
	border-bottom: 1px solid transparent;
	transition: border-color .25s, box-shadow .25s;
}
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }

.site-header.is-scrolled { border-bottom-color: var(--n-line); box-shadow: 0 6px 24px -18px rgba(40, 6, 30, .4); }

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: var(--n-header-h);
}

.site-branding { display: flex; align-items: center; gap: 10px; }
.custom-logo-link { display: inline-flex; line-height: 0; }
.custom-logo { max-height: 54px; width: auto; }
@media (max-width: 560px) { .custom-logo { max-height: 44px; } }
/* Single-colour logo turned white on the dark footer */
.site-footer .custom-logo { max-height: 60px; filter: brightness(0) invert(1); }
.site-title {
	font-family: var(--n-font-head);
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: -.03em;
	margin: 0;
	line-height: 1;
}
.site-title a { color: var(--n-ink); display: inline-flex; align-items: center; gap: 10px; }
.site-title__mark {
	display: inline-grid;
	place-items: center;
	width: 36px; height: 36px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--n-primary), var(--n-accent));
	color: #fff;
	font-size: 1.1rem;
}
.site-title__accent { color: var(--n-primary); }

.main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}
.main-nav li { position: relative; }
.main-nav a {
	display: block;
	padding: 10px 14px;
	color: var(--n-ink-2);
	font-weight: 500;
	font-size: .97rem;
	border-radius: 8px;
}
.main-nav a:hover,
.main-nav .current-menu-item > a,
.main-nav .current_page_item > a { color: var(--n-primary); }

/* Dropdowns */
.main-nav .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 8px;
	background: #fff;
	border: 1px solid var(--n-line);
	border-radius: var(--n-radius);
	box-shadow: var(--n-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .2s, transform .2s, visibility .2s;
}
.main-nav li:hover > .sub-menu,
.main-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.main-nav .sub-menu a { padding: 9px 12px; }
.main-nav .sub-menu a:hover { background: var(--n-bg-soft); }

.header-actions { display: flex; align-items: center; gap: 12px; }
.header-actions .btn { padding: .7em 1.3em; }

.nav-toggle {
	display: none;
	width: 44px; height: 44px;
	border: 1px solid var(--n-line);
	background: #fff;
	border-radius: 10px;
	cursor: pointer;
	padding: 0;
	align-items: center;
	justify-content: center;
}
.nav-toggle__bars,
.nav-toggle__bars::before,
.nav-toggle__bars::after {
	content: "";
	display: block;
	width: 20px; height: 2px;
	background: var(--n-ink);
	border-radius: 2px;
	transition: transform .25s, opacity .25s;
	position: relative;
}
.nav-toggle__bars::before { position: absolute; top: -6px; }
.nav-toggle__bars::after { position: absolute; top: 6px; }
.nav-open .nav-toggle__bars { background: transparent; }
.nav-open .nav-toggle__bars::before { transform: translateY(6px) rotate(45deg); }
.nav-open .nav-toggle__bars::after { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 960px) {
	.nav-toggle { display: inline-flex; }
	.header-actions .btn { display: none; }
	.main-nav {
		position: fixed;
		inset: var(--n-header-h) 0 0 0;
		background: #fff;
		padding: 16px var(--n-gutter) 40px;
		overflow-y: auto;
		transform: translateX(100%);
		visibility: hidden;
		transition: transform .3s var(--n-ease), visibility 0s linear .3s;
		border-top: 1px solid var(--n-line);
	}
	.admin-bar .main-nav { top: calc(var(--n-header-h) + 46px); }
	.nav-open .main-nav { transform: none; visibility: visible; transition: transform .3s var(--n-ease), visibility 0s; }
	.main-nav ul { flex-direction: column; align-items: stretch; gap: 0; }
	.main-nav a { padding: 14px 4px; font-size: 1.05rem; border-bottom: 1px solid var(--n-line); border-radius: 0; }
	.main-nav .sub-menu {
		position: static; opacity: 1; visibility: visible; transform: none;
		box-shadow: none; border: 0; padding: 0 0 0 16px; min-width: 0;
	}
	.main-nav .menu-cta { margin-top: 20px; }
	.main-nav .menu-cta .btn { display: flex; border-bottom: 0; }
	body.nav-open { overflow: hidden; }
}
@media (min-width: 961px) { .main-nav .menu-cta { display: none; } }

/* ==========================================================================
   Hero — full-screen background video with overlay
   ========================================================================== */
.hero {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	/* Fills the screen below the header */
	min-height: min(calc(100vh - var(--n-header-h)), 620px);
	min-height: min(calc(100svh - var(--n-header-h)), 620px);
	padding: clamp(48px, 7vw, 80px) 0 clamp(72px, 9vw, 100px);
	overflow: hidden;
	background: var(--n-dark);
	color: rgba(255, 255, 255, .85);
	text-align: center;
}
.hero__media { position: absolute; inset: 0; z-index: -2; }
.hero__media video,
.hero__media img { width: 100%; height: 100%; object-fit: cover; }

/* Animated brand gradient, shown until a video or image is set */
.hero__fallback {
	position: absolute;
	inset: -20%;
	background:
		radial-gradient(40% 50% at 20% 30%, color-mix(in srgb, var(--n-accent) 70%, transparent), transparent 70%),
		radial-gradient(45% 55% at 80% 70%, color-mix(in srgb, var(--n-primary) 90%, transparent), transparent 70%),
		radial-gradient(35% 40% at 70% 15%, color-mix(in srgb, var(--n-accent) 45%, transparent), transparent 70%),
		var(--n-dark);
	animation: n-drift 18s ease-in-out infinite alternate;
}
@keyframes n-drift {
	0%   { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
	50%  { transform: translate3d(4%, -3%, 0) rotate(6deg) scale(1.08); }
	100% { transform: translate3d(-4%, 3%, 0) rotate(-4deg) scale(1.04); }
}

/* Overlay keeps text readable; strength set from the Customizer via --hero-overlay */
.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(115deg, color-mix(in srgb, var(--n-primary) 45%, transparent) 0%, transparent 65%),
		linear-gradient(180deg, rgba(31, 6, 23, calc(var(--hero-overlay, .55) * .7)) 0%, rgba(31, 6, 23, var(--hero-overlay, .55)) 70%, rgba(31, 6, 23, calc(var(--hero-overlay, .55) + .15)) 100%);
}

.hero__inner { position: relative; max-width: 720px; }

.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px 6px 8px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--n-line);
	color: var(--n-ink-2);
	font-size: .85rem;
	font-weight: 600;
	margin-bottom: 22px;
	box-shadow: 0 4px 14px -8px rgba(40, 6, 30, .2);
}
.eyebrow__dot {
	width: 8px; height: 8px; border-radius: 50%;
	background: var(--n-accent);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--n-accent) 25%, transparent);
	margin-left: 6px;
}
.hero .eyebrow {
	font-size: .8rem;
	margin-bottom: 18px;
	background: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .22);
	color: #fff;
	box-shadow: none;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.hero h1 {
	color: #fff;
	font-size: clamp(2rem, 4.4vw, 3.25rem);
	letter-spacing: -.03em;
	margin-bottom: 16px;
	text-wrap: balance;
}
.hero h1 .grad {
	display: inline;
	background: linear-gradient(100deg, #fff 0%, color-mix(in srgb, var(--n-accent) 45%, #fff) 40%, color-mix(in srgb, var(--n-accent) 75%, #fff) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.hero__lead {
	font-size: clamp(1rem, 1.3vw, 1.1rem);
	color: rgba(255, 255, 255, .82);
	max-width: 520px;
	margin: 0 auto 28px;
}
.hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.hero .btn--primary {
	background: linear-gradient(120deg, var(--n-primary), var(--n-accent));
	box-shadow: 0 12px 30px -10px color-mix(in srgb, var(--n-accent) 70%, transparent);
}
.hero .btn--primary:hover { filter: brightness(1.08); }
.hero .btn--ghost { color: #fff; border-color: rgba(255, 255, 255, .55); }
.hero .btn--ghost:hover { background: #fff; border-color: #fff; color: var(--n-primary); }

.hero__trust {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	color: rgba(255, 255, 255, .75);
	font-size: .92rem;
	text-align: left;
}
.hero__trust strong { color: #fff; }
.avatars { display: flex; }
.avatars span {
	width: 36px; height: 36px; border-radius: 50%;
	border: 2px solid var(--n-dark);
	margin-left: -10px;
	display: grid; place-items: center;
	font-size: .75rem; font-weight: 700; color: #fff;
}
.avatars span:first-child { margin-left: 0; }

@media (max-width: 560px) {
	.hero__trust { flex-direction: column; text-align: center; gap: 10px; }
}


/* ==========================================================================
   Sections
   ========================================================================== */
.section { padding: clamp(64px, 9vw, 110px) 0; }
.section--soft { background: var(--n-bg-soft); }
.section--dark { background: var(--n-dark); color: #d9c3d1; }
.section--dark h2, .section--dark h3 { color: #fff; }

.section-head { max-width: 680px; margin: 0 auto 56px; text-align: center; }
.section-head--left { margin-left: 0; text-align: left; }
.section-head p { color: var(--n-muted); font-size: 1.08rem; margin: 0; }
.section--dark .section-head p { color: #b99fb0; }
.kicker {
	display: inline-block;
	font-family: var(--n-font-head);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--n-primary);
	margin-bottom: 14px;
}
.section--dark .kicker { color: var(--n-accent); }

/* Logos strip */
.logos { padding: 36px 0; border-top: 1px solid var(--n-line); border-bottom: 1px solid var(--n-line); }
.logos__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.logos__label { font-size: .88rem; color: var(--n-muted); font-weight: 500; }
.logos__list { display: flex; gap: clamp(24px, 5vw, 56px); flex-wrap: wrap; align-items: center; }
.logos__list span {
	font-family: var(--n-font-head);
	font-weight: 800;
	font-size: 1.15rem;
	color: #b8a3b0;
	letter-spacing: -.02em;
}

/* Cards / services */
.grid { display: grid; gap: 24px; }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 960px) { .grid--3, .grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .grid--3, .grid--4, .grid--2 { grid-template-columns: 1fr; } }

/* Flex grid that centres an incomplete last row (e.g. 5 service cards) */
.grid--center { display: flex; flex-wrap: wrap; justify-content: center; }
.grid--center > * { flex: 0 1 calc((100% - 48px) / 3); }
@media (max-width: 960px) { .grid--center > * { flex-basis: calc((100% - 24px) / 2); } }
.grid--center.grid--4 > * { flex-basis: calc((100% - 72px) / 4); }
@media (max-width: 1100px) { .grid--center.grid--4 > * { flex-basis: calc((100% - 48px) / 3); } }
@media (max-width: 960px) { .grid--center.grid--4 > * { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 640px) { .grid--center > * { flex-basis: 100%; } }
@media (max-width: 640px) { .grid--center.grid--4 > * { flex-basis: 100%; } }

.card {
	position: relative;
	background: #fff;
	border: 1px solid var(--n-line);
	border-radius: var(--n-radius);
	padding: 32px 28px;
	transition: transform .3s var(--n-ease), box-shadow .3s, border-color .3s;
}
.card:hover { transform: translateY(-6px); box-shadow: var(--n-shadow-lg); border-color: transparent; }
.card h3 { margin-bottom: 10px; }
.card p { color: var(--n-muted); margin: 0; font-size: .98rem; }
.card__icon {
	width: 54px; height: 54px;
	border-radius: 14px;
	display: grid; place-items: center;
	margin-bottom: 22px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--n-primary) 12%, transparent), color-mix(in srgb, var(--n-accent) 12%, transparent));
	color: var(--n-primary);
}
.card__icon svg { width: 26px; height: 26px; }
.card__link {
	display: inline-flex; align-items: center; gap: 6px;
	margin-top: 18px; font-weight: 600; font-size: .95rem;
}
.card__link svg { width: 16px; height: 16px; transition: transform .2s; }
.card:hover .card__link svg { transform: translateX(4px); }

/* Recent projects */
.project {
	background: #fff;
	border: 1px solid var(--n-line);
	border-radius: var(--n-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .3s var(--n-ease), box-shadow .3s, border-color .3s;
}
.project:hover { transform: translateY(-6px); box-shadow: var(--n-shadow-lg); border-color: transparent; }
.project__visual {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, var(--n-primary), var(--n-accent));
}
.project__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--n-ease); }
.project:hover .project__visual img { transform: scale(1.05); }
/* Vary the gradient per card while staying on-brand */
.project__visual--2 { background: linear-gradient(135deg, #3a0628, var(--n-primary)); }
.project__visual--3 { background: linear-gradient(135deg, var(--n-accent), #f29ac3); }
.project__visual--4 { background: linear-gradient(135deg, #22091b, #6b1450); }
.project__visual--5 { background: linear-gradient(135deg, #a8336f, var(--n-primary)); }
.project__visual--6 { background: linear-gradient(135deg, var(--n-primary-dark), var(--n-accent)); }
.project__visual::before {
	content: "";
	position: absolute;
	width: 70%;
	aspect-ratio: 1;
	right: -20%;
	top: -35%;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
}

.mock-window {
	position: relative;
	width: 66%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 18px 40px -14px rgba(20, 2, 14, .55);
	overflow: hidden;
	transform: translateY(6%);
	transition: transform .4s var(--n-ease);
}
.project:hover .mock-window { transform: translateY(0); }
.mock-window__bar { display: flex; gap: 5px; padding: 8px 10px; background: var(--n-bg-soft); border-bottom: 1px solid var(--n-line); }
.mock-window__bar i { width: 7px; height: 7px; border-radius: 50%; background: #e3cdd9; }
.mock-window__body { padding: 14px 16px 18px; display: grid; gap: 7px; }
.mock-window__icon,
.mock-phone__icon {
	width: 34px; height: 34px;
	border-radius: 9px;
	display: grid; place-items: center;
	background: color-mix(in srgb, var(--n-primary) 12%, transparent);
	color: var(--n-primary);
	margin-bottom: 4px;
}
.mock-window__icon svg, .mock-phone__icon svg { width: 18px; height: 18px; }
.mock-line { display: block; height: 7px; border-radius: 4px; background: #efe1ea; width: 80%; }
.mock-line--lg { width: 95%; height: 9px; background: #e6cfdc; }
.mock-line--sm { width: 55%; }

.mock-phone {
	position: absolute;
	right: 9%;
	bottom: -6%;
	width: 22%;
	aspect-ratio: 9 / 17;
	background: #fff;
	border: 4px solid #22091b;
	border-radius: 16px;
	padding: 18% 10% 0;
	display: grid;
	align-content: start;
	gap: 6px;
	box-shadow: 0 18px 36px -12px rgba(20, 2, 14, .6);
	transition: transform .4s var(--n-ease);
}
.project:hover .mock-phone { transform: translateY(-8%); }
.mock-phone__icon { width: 26px; height: 26px; border-radius: 7px; }
.mock-phone__icon svg { width: 14px; height: 14px; }
.mock-phone .mock-line { height: 5px; width: 100%; }
.mock-phone .mock-line--sm { width: 60%; }

.project__body { padding: 22px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.project__tags { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.project__tags li {
	padding: 3px 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--n-primary) 9%, transparent);
	color: var(--n-primary);
	font-size: .76rem;
	font-weight: 600;
	letter-spacing: .02em;
}
.project h3 { margin-bottom: 8px; font-size: 1.2rem; }
.project p { color: var(--n-muted); font-size: .96rem; margin: 0; }
.project .card__link { margin-top: auto; padding-top: 16px; }
.project:hover .card__link svg { transform: translateX(4px); }

.section-cta { text-align: center; margin-top: 48px; }

/* About / split */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
@media (max-width: 960px) { .split { grid-template-columns: 1fr; gap: 48px; } }
.split__media {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 5 / 4;
	background:
		radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .25), transparent 40%),
		linear-gradient(135deg, var(--n-primary), var(--n-accent));
	box-shadow: var(--n-shadow-lg);
}
.split__media img { width: 100%; height: 100%; object-fit: cover; }
.split__media-placeholder {
	position: absolute; inset: 0;
	display: grid; place-items: center;
	color: rgba(255, 255, 255, .9);
}
.split__media-placeholder svg { width: 40%; height: auto; opacity: .9; }

.checklist { list-style: none; padding: 0; margin: 28px 0 32px; display: grid; gap: 14px; }
.checklist li { display: flex; gap: 12px; align-items: flex-start; color: var(--n-ink-2); font-weight: 500; }
.checklist svg { flex: none; width: 24px; height: 24px; color: var(--n-accent); margin-top: 2px; }

/* Stats */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media (max-width: 860px) { .stats { grid-template-columns: repeat(2, 1fr); } }
.stat { text-align: center; padding: 12px; }
.stat__num {
	font-family: var(--n-font-head);
	font-size: clamp(2.4rem, 5vw, 3.4rem);
	font-weight: 800;
	color: #fff;
	letter-spacing: -.03em;
	line-height: 1;
	margin-bottom: 10px;
	font-variant-numeric: tabular-nums;
}
.stat__num em { font-style: normal; color: var(--n-accent); }
.stat__label { color: #b99fb0; font-size: .98rem; }

/* Process */
.steps { counter-reset: step; }
.step { position: relative; padding: 28px 24px 0 0; }
.step::before {
	counter-increment: step;
	content: "0" counter(step);
	display: block;
	font-family: var(--n-font-head);
	font-weight: 800;
	font-size: 2.6rem;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1.5px var(--n-primary);
	margin-bottom: 18px;
}
.step::after {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--n-primary), var(--n-accent));
	opacity: .25;
}
.step h3 { margin-bottom: 8px; }
.step p { color: var(--n-muted); margin: 0; font-size: .98rem; }

/* Testimonials */
.quote {
	background: #fff;
	border: 1px solid var(--n-line);
	border-radius: var(--n-radius);
	padding: 32px 28px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.quote__stars { color: #ffb020; letter-spacing: 2px; font-size: 1rem; }
.quote blockquote { margin: 0; font-size: 1.04rem; color: var(--n-ink-2); flex: 1; }
.quote__who { display: flex; align-items: center; gap: 12px; }
.quote__avatar {
	width: 44px; height: 44px; border-radius: 50%;
	display: grid; place-items: center;
	color: #fff; font-weight: 700;
	background: linear-gradient(135deg, var(--n-primary), var(--n-accent));
}
.quote__who strong { display: block; color: var(--n-ink); font-size: .98rem; }
.quote__who span { color: var(--n-muted); font-size: .88rem; }

/* CTA */
.cta {
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	padding: clamp(40px, 7vw, 72px);
	background:
		radial-gradient(600px 300px at 100% 0, color-mix(in srgb, var(--n-accent) 35%, transparent), transparent 60%),
		linear-gradient(120deg, var(--n-primary-dark), var(--n-primary));
	color: rgba(255, 255, 255, .85);
	display: grid;
	grid-template-columns: 1.4fr auto;
	gap: 32px;
	align-items: center;
}
.cta h2 { color: #fff; margin-bottom: 10px; }
.cta p { margin: 0; font-size: 1.08rem; }
.cta__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.cta .btn--ghost { color: #fff; }
.cta .btn--ghost:hover { background: #fff; color: var(--n-primary); border-color: #fff; }
@media (max-width: 860px) { .cta { grid-template-columns: 1fr; } }

/* Latest posts on home */
.post-card {
	background: #fff;
	border: 1px solid var(--n-line);
	border-radius: var(--n-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .3s var(--n-ease), box-shadow .3s;
}
.post-card:hover { transform: translateY(-6px); box-shadow: var(--n-shadow-lg); }
.post-card__thumb { aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(135deg, #f6dfeb, #fcedf4); }
.post-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--n-ease); }
.post-card:hover .post-card__thumb img { transform: scale(1.05); }
.post-card__body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
.post-card__meta { font-size: .84rem; color: var(--n-muted); margin-bottom: 10px; display: flex; gap: 10px; flex-wrap: wrap; }
.post-card__meta a { color: var(--n-primary); font-weight: 600; }
.post-card h2, .post-card h3 { font-size: 1.2rem; margin-bottom: 10px; }
.post-card h2 a, .post-card h3 a { color: var(--n-ink); }
.post-card h2 a:hover, .post-card h3 a:hover { color: var(--n-primary); }
.post-card__excerpt { color: var(--n-muted); font-size: .96rem; flex: 1; }
.post-card__excerpt p { margin: 0; }

/* ==========================================================================
   Inner pages
   ========================================================================== */
.page-hero {
	padding: clamp(56px, 8vw, 96px) 0 clamp(40px, 6vw, 64px);
	background:
		radial-gradient(700px 300px at 90% 0, color-mix(in srgb, var(--n-primary) 12%, transparent), transparent 60%),
		var(--n-bg-soft);
	text-align: center;
}
.page-hero h1 { font-size: clamp(2rem, 4.4vw, 3rem); margin-bottom: 12px; }
.page-hero p, .page-hero .archive-description { color: var(--n-muted); max-width: 640px; margin: 0 auto; }
.page-hero .entry-meta { justify-content: center; }

.breadcrumbs { font-size: .88rem; color: var(--n-muted); margin-bottom: 14px; }
.breadcrumbs a { color: var(--n-muted); }
.breadcrumbs a:hover { color: var(--n-primary); }

.content-area { padding: clamp(48px, 7vw, 88px) 0; }
.layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; }
.layout--full { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 960px) { .layout { grid-template-columns: minmax(0, 1fr); } }

.entry-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .9rem; color: var(--n-muted); }
.entry-meta a { color: inherit; }
.entry-meta a:hover { color: var(--n-primary); }

.entry-thumb { border-radius: var(--n-radius); overflow: hidden; margin-bottom: 40px; }

.entry-content > * { max-width: 100%; }
.entry-content h2 { margin-top: 1.6em; font-size: 1.8rem; }
.entry-content h3 { margin-top: 1.4em; }
.entry-content img { border-radius: var(--n-radius-sm); }
.entry-content blockquote {
	margin: 1.8em 0;
	padding: 4px 0 4px 24px;
	border-left: 4px solid var(--n-primary);
	font-size: 1.15rem;
	color: var(--n-ink);
}
.entry-content pre {
	background: var(--n-dark); color: #efdbe7;
	padding: 20px 22px; border-radius: var(--n-radius-sm);
	overflow-x: auto; font-size: .9rem;
}
.entry-content code { background: var(--n-bg-soft); padding: 2px 6px; border-radius: 4px; font-size: .9em; }
.entry-content pre code { background: none; padding: 0; }
.entry-content table { width: 100%; border-collapse: collapse; margin: 1.5em 0; }
.entry-content th, .entry-content td { border: 1px solid var(--n-line); padding: 10px 14px; text-align: left; }
.entry-content th { background: var(--n-bg-soft); color: var(--n-ink); }
.alignwide { margin-left: -60px; margin-right: -60px; max-width: calc(100% + 120px) !important; }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw !important; width: 100vw; }
@media (max-width: 960px) { .alignwide { margin-left: 0; margin-right: 0; max-width: 100% !important; } }
.alignleft { float: left; margin: .3em 1.5em 1em 0; }
.alignright { float: right; margin: .3em 0 1em 1.5em; }
.aligncenter { margin-left: auto; margin-right: auto; }
.wp-caption-text, figcaption { font-size: .88rem; color: var(--n-muted); text-align: center; margin-top: 8px; }

.tags-links { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 8px; }
.tags-links a {
	padding: 6px 14px; border-radius: 999px;
	background: var(--n-bg-soft); color: var(--n-ink-2);
	font-size: .85rem; font-weight: 500;
}
.tags-links a:hover { background: var(--n-primary); color: #fff; }

.author-box {
	margin-top: 48px; padding: 28px;
	display: flex; gap: 20px; align-items: flex-start;
	background: var(--n-bg-soft); border-radius: var(--n-radius);
}
.author-box img { border-radius: 50%; }
.author-box h4 { margin-bottom: 6px; }
.author-box p { margin: 0; color: var(--n-muted); font-size: .96rem; }

.post-navigation, .posts-navigation { margin-top: 56px; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.post-navigation a {
	display: block; padding: 20px 24px;
	border: 1px solid var(--n-line); border-radius: var(--n-radius);
	color: var(--n-ink); font-weight: 600;
	transition: border-color .2s, box-shadow .2s;
}
.post-navigation a:hover { border-color: var(--n-primary); box-shadow: var(--n-shadow); }
.post-navigation .nav-subtitle { display: block; font-size: .8rem; color: var(--n-muted); font-weight: 500; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 4px; }
.post-navigation .nav-next { text-align: right; grid-column: 2; }
@media (max-width: 600px) { .post-navigation .nav-links { grid-template-columns: 1fr; } .post-navigation .nav-next { grid-column: auto; } }

.pagination { margin-top: 56px; }
.pagination .nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers {
	min-width: 44px; height: 44px; padding: 0 14px;
	display: inline-grid; place-items: center;
	border: 1px solid var(--n-line); border-radius: 10px;
	color: var(--n-ink-2); font-weight: 600;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover { background: var(--n-primary); border-color: var(--n-primary); color: #fff; }

/* Sidebar & widgets */
.widget-area .widget {
	background: #fff;
	border: 1px solid var(--n-line);
	border-radius: var(--n-radius);
	padding: 26px;
	margin-bottom: 24px;
}
.widget-title, .widget h2, .widget .wp-block-heading { font-size: 1.05rem; margin-bottom: 16px; }
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget li { padding: 8px 0; border-bottom: 1px solid var(--n-line); font-size: .96rem; }
.widget li:last-child { border-bottom: 0; }
.widget a { color: var(--n-ink-2); }
.widget a:hover { color: var(--n-primary); }

/* Forms */
input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	width: 100%;
	padding: 12px 16px;
	font: inherit;
	font-size: .98rem;
	color: var(--n-ink);
	background: #fff;
	border: 1px solid var(--n-line);
	border-radius: 10px;
	transition: border-color .2s, box-shadow .2s;
}
input:focus, textarea:focus, select:focus {
	outline: none;
	border-color: var(--n-primary);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--n-primary) 12%, transparent);
}
label { font-weight: 600; color: var(--n-ink); font-size: .92rem; display: inline-block; margin-bottom: 6px; }

.search-form { display: flex; gap: 8px; }
.search-form label { flex: 1; margin: 0; }
.search-form .search-submit { flex: none; padding: .7em 1.2em; }
.search-form .search-submit svg { width: 18px; height: 18px; }

/* Comments */
.comments-area { margin-top: 64px; padding-top: 48px; border-top: 1px solid var(--n-line); }
.comment-list { list-style: none; padding: 0; margin: 0 0 40px; }
.comment-list .children { list-style: none; padding-left: 32px; }
.comment-body { padding: 22px 0; border-bottom: 1px solid var(--n-line); }
.comment-author { display: flex; align-items: center; gap: 12px; font-weight: 600; color: var(--n-ink); }
.comment-author img { border-radius: 50%; }
.comment-author .says { display: none; }
.comment-metadata { font-size: .84rem; margin: 4px 0 12px 60px; }
.comment-metadata a { color: var(--n-muted); }
.comment-content { margin-left: 60px; }
.reply { margin-left: 60px; font-size: .9rem; font-weight: 600; }
.comment-form p { margin-bottom: 18px; }
.comment-form-cookies-consent { display: flex; gap: 10px; align-items: flex-start; }
.comment-form-cookies-consent label { font-weight: 400; }

/* 404 / none */
.not-found { text-align: center; padding: clamp(64px, 10vw, 120px) 0; }
.not-found__code {
	font-family: var(--n-font-head);
	font-size: clamp(6rem, 18vw, 11rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.05em;
	background: linear-gradient(120deg, var(--n-primary), var(--n-accent));
	-webkit-background-clip: text; background-clip: text; color: transparent;
	margin-bottom: 8px;
}
.not-found p { color: var(--n-muted); max-width: 520px; margin: 0 auto 28px; }
.not-found .search-form { max-width: 440px; margin: 0 auto 28px; }

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer { background: var(--n-dark); color: #b99fb0; padding-top: 80px; font-size: .96rem; }
.site-footer a { color: #e6d2de; }
.site-footer a:hover { color: #fff; }
.footer-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: 48px;
	padding-bottom: 56px;
}
@media (max-width: 960px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer-grid { grid-template-columns: 1fr; gap: 36px; } }
.footer-brand .site-title a { color: #fff; }
.footer-brand p { margin: 18px 0 22px; max-width: 320px; }
.site-footer h4, .site-footer .widget-title, .site-footer .widget h2 {
	color: #fff; font-size: 1rem; margin-bottom: 18px;
}
.footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.site-footer .widget { background: none; border: 0; padding: 0; margin-bottom: 24px; }
.site-footer .widget li { border-color: rgba(255, 255, 255, .08); }
.site-footer .widget a { color: #e6d2de; }
.contact-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.contact-list li { display: flex; gap: 12px; align-items: flex-start; }
.contact-list svg { flex: none; width: 20px; height: 20px; color: var(--n-accent); margin-top: 3px; }

.social { display: flex; gap: 10px; }
.social a {
	width: 40px; height: 40px;
	display: grid; place-items: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, .06);
	color: #e6d2de;
	transition: background .2s, color .2s, transform .2s;
}
.social a:hover { background: var(--n-primary); color: #fff; transform: translateY(-2px); }
.social svg { width: 18px; height: 18px; }

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding: 24px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	font-size: .88rem;
}
.footer-bottom ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; flex-wrap: wrap; }

.to-top {
	position: fixed;
	right: 22px; bottom: 22px;
	width: 46px; height: 46px;
	border-radius: 50%;
	border: 0;
	background: var(--n-primary);
	color: #fff;
	display: grid; place-items: center;
	cursor: pointer;
	box-shadow: 0 10px 24px -8px color-mix(in srgb, var(--n-primary) 70%, transparent);
	opacity: 0; visibility: hidden; transform: translateY(12px);
	transition: opacity .3s, transform .3s, visibility .3s;
	z-index: 40;
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.to-top svg { width: 20px; height: 20px; }

/* Floating WhatsApp button (bottom-right); back-to-top sits above it */
.wa-float {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 41;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 56px;
	padding: 0 16px;
	border-radius: 999px;
	background: #25d366;
	color: #fff;
	font-family: var(--n-font-head);
	font-weight: 600;
	font-size: .95rem;
	box-shadow: 0 12px 28px -8px rgba(37, 211, 102, .6);
	transition: transform .2s, box-shadow .2s;
}
.wa-float:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 16px 32px -8px rgba(37, 211, 102, .7); }
.wa-float svg { width: 26px; height: 26px; flex: none; }
.wa-float::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: 0 0 0 0 rgba(37, 211, 102, .5);
	animation: n-wa-pulse 2.4s ease-out infinite;
}
@keyframes n-wa-pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .5); } 70%, 100% { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); } }
.wa-float ~ .to-top { bottom: 90px; right: 27px; }
@media (max-width: 600px) {
	.wa-float { width: 56px; padding: 0; justify-content: center; right: 16px; bottom: 16px; }
	.wa-float__label { display: none; }
	.wa-float ~ .to-top { bottom: 84px; right: 21px; }
}

/* ==========================================================================
   Motion
   ========================================================================== */

/* Scroll progress bar (element added by main.js) */
.scroll-progress {
	position: fixed;
	top: 0; left: 0; right: 0;
	height: 3px;
	z-index: 60;
	background: linear-gradient(90deg, var(--n-primary), var(--n-accent));
	transform: scaleX(0);
	transform-origin: left;
	pointer-events: none;
}
.admin-bar .scroll-progress { top: 32px; }
@media (max-width: 782px) { .admin-bar .scroll-progress { top: 46px; } }

/* Header slims down once scrolled */
.site-header__inner { transition: min-height .3s var(--n-ease); }
.custom-logo { transition: max-height .3s var(--n-ease); }
.site-header.is-scrolled .site-header__inner { min-height: 64px; }
.site-header.is-scrolled .custom-logo { max-height: 46px; }

/* Nav underline */
@media (min-width: 961px) {
	.main-nav > ul > li > a { position: relative; }
	.main-nav > ul > li > a::after {
		content: "";
		position: absolute;
		left: 14px; right: 14px; bottom: 4px;
		height: 2px;
		border-radius: 2px;
		background: linear-gradient(90deg, var(--n-primary), var(--n-accent));
		transform: scaleX(0);
		transform-origin: left;
		transition: transform .3s var(--n-ease);
	}
	.main-nav > ul > li > a:hover::after,
	.main-nav > ul > .current-menu-item > a::after { transform: scaleX(1); }
}

/* Button shine */
.btn--primary { position: relative; overflow: hidden; isolation: isolate; }
.btn--primary::after {
	content: "";
	position: absolute;
	top: 0; bottom: 0; left: -75%;
	width: 50%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .35), transparent);
	transform: skewX(-20deg);
	z-index: -1;
	transition: left .6s var(--n-ease);
}
.btn--primary:hover::after { left: 130%; }

/* Hero: staggered entrance, shimmering headline, slow video zoom */
.js .hero__inner.reveal { opacity: 1; transform: none; }
.hero__inner > * { animation: n-rise .9s var(--n-ease) both; }
.hero__inner > :nth-child(1) { animation-delay: .1s; }
.hero__inner > :nth-child(2) { animation-delay: .25s; }
.hero__inner > :nth-child(3) { animation-delay: .45s; }
.hero__inner > :nth-child(4) { animation-delay: .6s; }
.hero__inner > :nth-child(5) { animation-delay: .75s; }
@keyframes n-rise { from { opacity: 0; transform: translateY(28px); filter: blur(6px); } to { opacity: 1; transform: none; filter: blur(0); } }

.hero h1 .grad {
	background-size: 200% auto;
	animation: n-shimmer 6s linear infinite;
}
@keyframes n-shimmer { to { background-position: 200% center; } }

.hero__media video,
.hero__media img { animation: n-zoom 24s ease-in-out infinite alternate; }
@keyframes n-zoom { from { transform: scale(1); } to { transform: scale(1.1); } }
.hero__inner { will-change: transform, opacity; }

/* Kicker underline draws in when its section appears */
.kicker { position: relative; padding-bottom: 6px; }
.kicker::after {
	content: "";
	position: absolute;
	left: 50%; bottom: 0;
	width: 32px; height: 2px;
	margin-left: -16px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--n-primary), var(--n-accent));
	transform: scaleX(0);
	transition: transform .7s .3s var(--n-ease);
}
.section-head--left .kicker::after { left: 0; margin-left: 0; transform-origin: left; }
.section-head.is-in .kicker::after,
.section-head:not(.reveal) .kicker::after,
.is-in .section-head .kicker::after { transform: scaleX(1); }

/* Service icons */
.card__icon { transition: transform .4s var(--n-ease), background .3s, color .3s, box-shadow .3s; }
.card:hover .card__icon {
	background: linear-gradient(135deg, var(--n-primary), var(--n-accent));
	color: #fff;
	transform: rotate(-8deg) scale(1.08);
	box-shadow: 0 10px 22px -10px color-mix(in srgb, var(--n-primary) 70%, transparent);
}

/* Projects zoom in, phones float */
.js .project.reveal { transform: translateY(30px) scale(.95); }
.js .project.reveal.is-in { transform: none; }
.js .project.reveal.is-in:hover { transform: translateY(-6px); }
.mock-phone { animation: n-bob 4.5s ease-in-out infinite; }
.project:hover .mock-phone { transform: none; }
@keyframes n-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }

/* About: image from the left, text from the right */
.js .split > .reveal:first-child { transform: translateX(-48px); }
.js .split > .reveal:last-child { transform: translateX(48px); }
.js .split > .reveal.is-in { transform: none; }

/* Process: progress line fills in */
.step::after { opacity: 1; background: var(--n-line); }
.step > :first-child::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--n-primary), var(--n-accent));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 1.1s .35s var(--n-ease);
	z-index: 1;
}
.step.is-in > :first-child::before,
html:not(.js) .step > :first-child::before { transform: scaleX(1); }

/* Testimonials: stars pop in */
.quote__stars { display: inline-block; }
.js .quote.reveal .quote__stars { opacity: 0; transform: scale(.6); transition: opacity .5s .35s, transform .5s .35s var(--n-ease); }
.js .quote.reveal.is-in .quote__stars { opacity: 1; transform: none; }

/* CTA: drifting glow */
.cta::before {
	content: "";
	position: absolute;
	width: 460px; height: 460px;
	left: -120px; top: -200px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, .22), transparent 65%);
	animation: n-orbit 14s ease-in-out infinite alternate;
	pointer-events: none;
}
.cta > * { position: relative; z-index: 1; }
@keyframes n-orbit { from { transform: translate(0, 0); } to { transform: translate(min(60vw, 700px), 160px); } }

/* Back-to-top & social icons */
.to-top:hover { transform: translateY(-3px); }
.social a:hover svg { animation: n-wiggle .5s ease; }
@keyframes n-wiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-12deg); } 75% { transform: rotate(12deg); } }

/* ==========================================================================
   Reveal animations
   ========================================================================== */
.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s var(--n-ease), transform .7s var(--n-ease); }
.js .reveal.is-in { opacity: 1; transform: none; }
.reveal-delay-1 { transition-delay: .08s !important; }
.reveal-delay-2 { transition-delay: .16s !important; }
.reveal-delay-3 { transition-delay: .24s !important; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.js .reveal { opacity: 1; transform: none; }
}

/* Sticky + clearing */
.sticky .post-card { border-color: var(--n-primary); }
.bypostauthor > .comment-body .comment-author { color: var(--n-primary); }
.gallery-caption {}
.clear::after, .entry-content::after { content: ""; display: table; clear: both; }