@charset "utf-8";
/* Praktijk Innerlijke Vrijheid - Arnhem */

:root{
	--paper:#faf8f5;
	--sand:#f0ece5;
	--ink:#2f322e;
	--muted:#5d635a;
	--green:#4f6b5b;
	--green-dark:#3b5245;
	--accent:#990000;
	--line:#e2dcd2;
}

*{box-sizing:border-box;}

body{
	margin:0;
	background:var(--paper);
	color:var(--ink);
	font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
	font-size:18px;
	line-height:1.65;
}

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

a{color:var(--green-dark);}

.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 24px;}

/* kop */

.topbar{
	background:#fff;
	border-bottom:1px solid var(--line);
	position:sticky;
	top:0;
	z-index:10;
}

.topbar .wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding-top:14px;
	padding-bottom:14px;
	flex-wrap:wrap;
}

.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;}
.brand img{width:52px;}
.brand b{display:block;font-size:17px;letter-spacing:.02em;}
.brand span{display:block;font-size:13px;color:var(--muted);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;}

nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
nav a{
	font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	font-size:15px;
	text-decoration:none;
	color:var(--muted);
	padding-bottom:3px;
	border-bottom:2px solid transparent;
}
nav a:hover{color:var(--green-dark);border-bottom-color:var(--green);}
nav a.here{color:var(--green-dark);border-bottom-color:var(--accent);}

/* opening */

.hero{background:var(--sand);border-bottom:1px solid var(--line);}
.hero .wrap{padding-top:72px;padding-bottom:72px;max-width:820px;}
.hero p.eyebrow{
	font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	font-size:14px;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--green);
	margin:0 0 14px;
}
.hero h1{
	font-size:44px;
	line-height:1.2;
	font-weight:400;
	margin:0 0 20px;
}
.hero p.lead{font-size:21px;color:var(--muted);margin:0 0 32px;}

.btn{
	display:inline-block;
	background:var(--green-dark);
	color:#fff;
	text-decoration:none;
	font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	font-size:16px;
	padding:14px 28px;
	border-radius:2px;
}
.btn:hover{background:var(--green);}

/* inhoud */

section{padding:64px 0;}
section + section{border-top:1px solid var(--line);}

h2{font-size:30px;font-weight:400;margin:0 0 18px;line-height:1.25;}
h3{font-size:20px;font-weight:400;margin:0 0 8px;}
p{margin:0 0 18px;max-width:65ch;}

.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.card{background:#fff;border:1px solid var(--line);padding:28px 26px;}
.card h3{color:var(--green-dark);}
.card p{font-size:16px;color:var(--muted);margin:0;}

.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}

blockquote{
	margin:0;
	border-left:3px solid var(--accent);
	padding-left:22px;
	font-size:22px;
	color:var(--muted);
}
blockquote cite{display:block;font-size:15px;font-style:normal;margin-top:10px;}

.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.tags li{
	background:#fff;
	border:1px solid var(--line);
	padding:7px 14px;
	font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	font-size:15px;
	color:var(--muted);
}

.contact{background:var(--sand);}

/* voet */

footer{background:var(--green-dark);color:#dfe6df;padding:40px 0;}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
footer a{color:#fff;}
footer p{margin:0;font-size:15px;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;}

/* smal scherm */

@media (max-width:820px){
	body{font-size:17px;}
	.hero .wrap{padding-top:48px;padding-bottom:48px;}
	.hero h1{font-size:32px;}
	.hero p.lead{font-size:19px;}
	h2{font-size:25px;}
	.cols{grid-template-columns:1fr;gap:20px;}
	.split{grid-template-columns:1fr;gap:28px;}
	nav ul{gap:16px;}
	section{padding:44px 0;}
}