/*
Theme Name: IV Development 2026
Text Domain: iv-development-2026
Description: Bespoke editorial workplace theme for IV Development: Workspaces, Considered.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/*
 * Synchronous critical paint layer.
 * The draft preview compiles theme.css in-browser, so without this small layer
 * visitors can briefly see raw HTML before the design system arrives.
 * The full design remains in theme.css / dist/styles.css.
 */

:root{
	--ivd-paper:#faf8f3;
	--ivd-ink:#171714;
	--ivd-stone-light:#d8d2c7;
	--ivd-brass:#9a7440;
	--ivd-brass-light:#c6aa79;
	--ivd-forest:#263126;
}

html{scroll-behavior:smooth}
body.ivd-body{
	margin:0;
	background:var(--ivd-paper);
	color:var(--ivd-ink);
	font-family:"Instrument Sans",sans-serif;
	-webkit-font-smoothing:antialiased;
}
[x-cloak]{display:none!important}
.ivd-shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}

.ivd-header{
	position:sticky;
	top:0;
	z-index:50;
	background:rgba(250,248,243,.96);
	border-bottom:1px solid rgba(23,23,20,.12);
}
.ivd-header-inner{
	height:82px;
	display:flex;
	align-items:center;
	gap:26px;
}
.ivd-brand{
	display:flex;
	align-items:center;
	gap:15px;
	text-decoration:none;
	color:var(--ivd-ink);
	min-width:255px;
}
.ivd-monogram{
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:30px;
	line-height:1;
	letter-spacing:-.05em;
	padding-right:16px;
	border-right:1px solid var(--ivd-stone-light);
}
.ivd-brand-copy{display:grid;line-height:1.05}
.ivd-brand-copy strong{
	font-size:13px;
	letter-spacing:.14em;
	text-transform:uppercase;
	font-weight:650;
}
.ivd-brand-copy small{
	margin-top:5px;
	font-size:11px;
	letter-spacing:.16em;
	color:#6f6a60;
}
.ivd-nav{
	display:flex;
	gap:26px;
	margin-left:auto;
}
.ivd-nav a,.ivd-header-cta{
	color:var(--ivd-ink);
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.13em;
	font-size:10px;
	font-weight:650;
}
.ivd-header-cta{
	border:1px solid #7e776c;
	padding:11px 17px;
}
.ivd-menu-button,.ivd-mobile-nav{display:none}

.ivd-hero,.ivd-page-hero{
	position:relative;
	background-size:cover;
	background-position:center;
	color:#fff;
}
.ivd-hero{min-height:calc(100vh - 82px);background-image:var(--ivd-hero)}
.ivd-page-hero{min-height:610px;background-image:var(--page-hero)}
.ivd-hero-shade,.ivd-page-hero-shade{
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(17,18,15,.80) 0%,rgba(17,18,15,.48) 48%,rgba(17,18,15,.14) 78%);
}
.ivd-hero-inner,.ivd-page-hero-inner{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.ivd-hero-inner{
	min-height:calc(100vh - 82px);
	justify-content:center;
	padding-top:70px;
	padding-bottom:70px;
}
.ivd-page-hero-inner{
	min-height:610px;
	justify-content:flex-end;
	padding-top:90px;
	padding-bottom:78px;
}
.ivd-kicker{
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.24em;
	font-weight:650;
	color:var(--ivd-brass);
	margin-bottom:24px;
}
.ivd-kicker-light{color:#e6d5b5}
.ivd-hero h1,.ivd-page-hero h1{
	margin:0;
	font-family:"Cormorant Garamond",Georgia,serif;
	font-weight:500;
	letter-spacing:-.05em;
}
.ivd-hero h1{
	font-size:clamp(5.2rem,10vw,9.7rem);
	line-height:.74;
	max-width:800px;
}
.ivd-page-hero h1{
	font-size:clamp(4.5rem,8vw,8.2rem);
	line-height:.8;
	max-width:900px;
}
.ivd-hero h1 em{font-weight:400;color:#e8d2ad}
.ivd-hero-sub{
	margin:34px 0 0;
	text-transform:uppercase;
	letter-spacing:.18em;
	font-size:12px;
	font-weight:600;
}
.ivd-hero-copy,.ivd-page-hero p{
	max-width:650px;
	font-size:1.12rem;
	line-height:1.6;
	color:rgba(255,255,255,.88);
}
.ivd-actions{display:flex;align-items:center;gap:30px;margin-top:22px}
.ivd-btn{
	display:inline-flex;
	align-items:center;
	min-height:48px;
	padding:0 22px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.16em;
	font-size:10px;
	font-weight:700;
}
.ivd-btn-light{border:1px solid rgba(255,255,255,.68);color:#fff}
.ivd-text-link{
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.15em;
	font-size:10px;
	font-weight:700;
	padding-bottom:7px;
	border-bottom:1px solid currentColor;
}
.ivd-text-link-light{color:#fff}

@media (max-width:960px){
	.ivd-nav-desktop{display:none}
	.ivd-menu-button{
		display:block;
		margin-left:auto;
		border:0;
		background:none;
		width:42px;
		height:42px;
		padding:10px;
	}
	.ivd-menu-button span{display:block;height:1px;background:var(--ivd-ink);margin:7px 0}
	.ivd-mobile-nav{
		position:absolute;
		top:82px;
		left:0;
		right:0;
		background:var(--ivd-paper);
		border-bottom:1px solid var(--ivd-stone-light);
		padding:20px 22px 28px;
	}
	.ivd-mobile-nav a{
		display:block;
		padding:13px 0;
		color:var(--ivd-ink);
		text-decoration:none;
		border-bottom:1px solid var(--ivd-stone-light);
		text-transform:uppercase;
		letter-spacing:.14em;
		font-size:11px;
	}
}
@media (max-width:640px){
	.ivd-shell{width:min(100% - 30px,1180px)}
	.ivd-header-inner{height:70px}
	.ivd-mobile-nav{top:70px}
	.ivd-brand{min-width:0}
	.ivd-monogram{font-size:27px}
	.ivd-brand-copy strong{font-size:11px}
	.ivd-hero{min-height:720px;background-position:58% center}
	.ivd-hero-inner{min-height:720px;padding-top:68px;padding-bottom:54px;justify-content:flex-end}
	.ivd-hero h1{font-size:clamp(4.5rem,20vw,6.7rem);line-height:.78}
	.ivd-page-hero,.ivd-page-hero-inner{min-height:560px}
	.ivd-page-hero h1{font-size:clamp(4.1rem,18vw,6rem)}
	.ivd-hero-shade,.ivd-page-hero-shade{
		background:linear-gradient(0deg,rgba(16,17,14,.9) 0%,rgba(16,17,14,.48) 58%,rgba(16,17,14,.14) 100%);
	}
	.ivd-actions{align-items:flex-start;flex-direction:column;gap:22px}
}