:root{
	--dark:#052E16;
	--green:#047857;
	--gold:#FDE68A;
	--stone:#F7F2E8;
	--paper:#FFFDF7;
	--ink:#13231A;
	--muted:#60746A;
	--line:rgba(5,46,22,.13);
	--shadow:0 22px 65px rgba(5,46,22,.14);
	--r:28px
}
*{
	box-sizing:border-box
}
body{
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	background:var(--stone);
	color:var(--ink);
	line-height:1.6
}
a{
	text-decoration:none;
	color:inherit
}
img{
	max-width:100%;
	display:block
}
.container{
	width:min(1160px,92vw);
	margin:auto
}
.serif{
	font-family:Georgia,'Times New Roman',serif
}
.topbar{
	background:var(--dark);
	color:#fff4d2;
	font-size:13px
}
.topbar .container{
	display:flex;
	justify-content:space-between;
	gap:15px;
	padding:8px 0
}
.header{
	position:sticky;
	top:0;
	z-index:50;
	background:rgba(247,242,232,.94);
	backdrop-filter:blur(14px);
	border-bottom:1px solid var(--line)
}
.nav{
	height:78px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.brand{
	display:flex;
	align-items:center;
	gap:12px;
	font-weight:900;
	color:var(--dark)
}
.mark{
	width:44px;
	height:44px;
	border-radius:15px;
	display:grid;
	place-items:center;
	color:white;
	background:linear-gradient(135deg,var(--dark),var(--green),var(--gold));
	box-shadow:var(--shadow)
}
.brand small{
	display:block;
	font-size:11px;
	color:var(--muted);
	text-transform:uppercase
}
.menu{
	display:flex;
	align-items:center;
	gap:22px
}
.menu a:not(.btn){
	font-size:14px;
	font-weight:700
}
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:999px;
	padding:13px 20px;
	font-weight:900;
	cursor:pointer;
	color:white;
	background:linear-gradient(135deg,var(--dark),var(--green));
	box-shadow:0 14px 35px rgba(4,120,87,.24)
}
.btn.gold{
	background:linear-gradient(135deg,#c99225,var(--gold));
	color:var(--dark)
}
.btn.ghost{
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.28);
	box-shadow:none
}
.burger{
	display:none;
	background:none;
	border:0;
	width:46px;
	height:46px
}
.burger span{
	display:block;
	height:2px;
	background:var(--dark);
	margin:7px 8px
}
.hero{
	position:relative;
	min-height:610px;
	display:flex;
	align-items:center;
	overflow:hidden;
	background-image:radial-gradient(circle at 82% 22%,rgba(253,230,138,.28),transparent 28%),linear-gradient(105deg,rgba(5,46,22,.94),rgba(5,46,22,.76) 42%,rgba(4,120,87,.55) 70%,rgba(253,230,138,.16)),url('../img/hero-office.jpg');
	background-size:cover;
	background-position:center right
}
.hero:after{
	content:"";
	position:absolute;
	inset:auto 0 0;
	height:140px;
	background:linear-gradient(transparent,var(--stone))
}
.hero .container{
	position:relative;
	z-index:2
}
.hero-layout{
	display:grid;
	grid-template-columns:minmax(0,620px) minmax(260px,390px);
	gap:44px;
	align-items:center
}
.hero-content{
	max-width:610px;
	color:white;
	padding:82px 0 106px
}
.eyebrow{
	font-size:10px;
	letter-spacing:.18em;
	text-transform:uppercase;
	font-weight:900;
	border:1px solid rgba(253,230,138,.42);
	background:rgba(253,230,138,.12);
	color:#fff7d7;
	border-radius:999px;
	padding:8px 12px;
	display:inline-flex
}
.hero h1{
	font-size:clamp(28px,3.15vw,46px);
	line-height:1.08;
	letter-spacing:-.04em;
	margin:18px 0 15px;
	text-wrap:balance
}
.hero p{
	font-size:clamp(14px,1vw,16px);
	max-width:540px;
	color:#f6f1e4;
	margin:0 0 24px
}
.actions{
	display:flex;
	gap:12px;
	flex-wrap:wrap
}
.hero-note{
	align-self:stretch;
	max-height:390px;
	margin:86px 0 96px;
	padding:24px;
	border-radius:30px;
	background:rgba(255,253,247,.12);
	border:1px solid rgba(253,230,138,.26);
	backdrop-filter:blur(14px);
	box-shadow:0 26px 80px rgba(0,0,0,.18);
	color:white
}
.note-top{
	display:inline-flex;
	margin-bottom:18px;
	padding:7px 11px;
	border-radius:999px;
	background:rgba(253,230,138,.18);
	color:#fff4c5;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.14em
}
.note-row{
	display:grid;
	grid-template-columns:42px 1fr;
	gap:14px;
	align-items:start;
	padding:15px 0;
	border-top:1px solid rgba(255,255,255,.18)
}
.note-row strong{
	color:var(--gold);
	font-family:Georgia,'Times New Roman',serif;
	font-size:23px;
	line-height:1
}
.note-row span{
	font-size:14px;
	color:#fff9e7
}
.section{
	padding:86px 0
}
.light{
	background:#fffaf0
}
.head{
	display:grid;
	grid-template-columns:1fr minmax(260px,520px);
	gap:34px;
	align-items:end;
	margin-bottom:34px
}
.kicker{
	font-size:12px;
	letter-spacing:.16em;
	text-transform:uppercase;
	font-weight:900;
	color:var(--green);
	margin-bottom:10px
}
h1,h2{
	font-family:Georgia,'Times New Roman',serif;
	letter-spacing:-.04em
}
.section h2{
	font-size:clamp(32px,4vw,56px);
	line-height:1.06;
	margin:0;
	color:var(--dark)
}
.head p,p{
	color:var(--muted)
}
.cards{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px
}
.card{
	background:var(--paper);
	border:1px solid var(--line);
	border-radius:var(--r);
	padding:28px;
	box-shadow:var(--shadow)
}
.icon{
	width:50px;
	height:50px;
	border-radius:17px;
	display:grid;
	place-items:center;
	background:linear-gradient(135deg,var(--green),var(--gold));
	font-weight:900;
	margin-bottom:18px
}
.card h3{
	margin:0 0 10px;
	color:var(--dark);
	font-size:21px
}
.split{
	display:grid;
	grid-template-columns:1.05fr .95fr;
	gap:30px;
	align-items:center
}
.panel{
	border-radius:36px;
	padding:42px;
	background:linear-gradient(135deg,var(--dark),var(--green));
	color:white;
	box-shadow:var(--shadow)
}
.panel h2{
	color:white;
	font-size:clamp(32px,4vw,58px);
	line-height:1.04;
	margin:0 0 18px
}
.panel p{
	color:#eaf4ee
}
.list{
	display:grid;
	gap:12px;
	margin-top:22px
}
.list div{
	background:rgba(255,255,255,.09);
	border:1px solid rgba(255,255,255,.14);
	border-radius:18px;
	padding:14px 16px
}
.image-card{
	overflow:hidden;
	padding:0
}
.image-card img{
	width:100%;
	min-height:250px;
	object-fit:cover
}
.image-card .pad{
	padding:26px
}
.cta{
	display:grid;
	grid-template-columns:1.25fr .75fr;
	gap:24px;
	align-items:center;
	border-radius:38px;
	padding:50px;
	background:linear-gradient(135deg,var(--dark),var(--green),#b99b46);
	color:white;
	box-shadow:var(--shadow)
}
.cta h2{
	color:white;
	font-size:clamp(32px,4vw,58px);
	line-height:1.05;
	margin:0 0 12px
}
.cta p{
	color:#f8f2dd
}
.faq details{
	background:var(--paper);
	border:1px solid var(--line);
	border-radius:20px;
	margin:12px 0;
	padding:18px 22px
}
.faq summary{
	font-weight:900;
	cursor:pointer;
	color:var(--dark)
}
.head.compact{
	margin-bottom:24px
}
.map-wide{
	padding:84px 0 0;
	background:#fffaf0
}
.map-wide .head{
	align-items:center
}
.map-full{
	width:100%;
	height:430px;
	overflow:hidden;
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
	background:#ded6c6
}
.map-full img{
	width:100%;
	height:100%;
	object-fit:cover
}
.home-contact{
	background:linear-gradient(180deg,#fffaf0,var(--stone))
}
.contact-strip{
	display:grid;
	grid-template-columns:.92fr 1.08fr;
	gap:28px;
	align-items:start
}
.contact-copy{
	border-radius:34px;
	padding:38px;
	background:linear-gradient(135deg,var(--dark),var(--green));
	color:white;
	box-shadow:var(--shadow);
	position:sticky;
	top:104px
}
.contact-copy h2{
	color:white;
	font-size:clamp(30px,3.5vw,50px);
	line-height:1.08;
	margin:0 0 14px
}
.contact-copy p{
	color:#eef7ef
}
.contact-list{
	display:grid;
	gap:10px;
	margin-top:22px
}
.contact-list p{
	margin:0;
	padding:13px 15px;
	border-radius:16px;
	background:rgba(255,255,255,.09);
	border:1px solid rgba(255,255,255,.14)
}
.contact-list strong{
	color:#fff4c5
}
.contact-card{
	padding:26px
}
.contact-card textarea{
	min-height:120px
}
.page-hero{
	background:linear-gradient(135deg,var(--dark),var(--green),rgba(253,230,138,.84));
	color:white;
	padding:78px 0
}
.page-hero h1{
	color:white;
	font-size:clamp(40px,6vw,76px);
	line-height:.98;
	margin:0 0 16px
}
.page-hero p{
	max-width:760px;
	color:#fff7d7;
	font-size:18px
}
.breadcrumbs{
	font-size:14px;
	color:#fff1bb;
	margin-bottom:18px
}
.service{
	display:grid;
	grid-template-columns:.7fr 1.3fr;
	gap:24px;
	border-top:1px solid var(--line);
	padding:28px 0
}
.service h3{
	font-size:24px;
	margin:0;
	color:var(--dark)
}
.location{
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	gap:24px
}
.map{
	min-height:360px;
	border-radius:30px;
	overflow:hidden;
	border:1px solid var(--line);
	background:#dad2c2
}
.map img{
	width:100%;
	height:100%;
	object-fit:cover
}
form{
	display:grid;
	gap:14px
}
label{
	font-weight:800;
	color:var(--dark);
	font-size:14px
}
input,textarea,select{
	width:100%;
	border:1px solid rgba(5,46,22,.16);
	background:#fffdf8;
	border-radius:16px;
	padding:14px 15px;
	font:inherit;
	color:var(--ink)
}
textarea{
	min-height:142px
}
.fine{
	font-size:13px;
	color:var(--muted)
}
.footer{
	background:var(--dark);
	color:#ddece4;
	padding:54px 0 24px
}
.footer-grid{
	display:grid;
	grid-template-columns:1.3fr repeat(3,1fr);
	gap:28px
}
.footer h4{
	margin:0 0 12px;
	color:white
}
.footer p,.footer a{
	color:#ddece4;
	font-size:14px
}
.copy{
	border-top:1px solid rgba(255,255,255,.14);
	margin-top:34px;
	padding-top:20px;
	color:#afc5b8;
	font-size:13px
}
.cookie{
	position:fixed;
	left:22px;
	right:22px;
	bottom:22px;
	z-index:110;
	display:none;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	background:var(--paper);
	border:1px solid rgba(5,46,22,.18);
	border-radius:24px;
	padding:18px;
	box-shadow:var(--shadow)
}
.cookie.show{
	display:flex
}
.toast{
	position:fixed;
	right:22px;
	bottom:22px;
	z-index:130;
	max-width:380px;
	background:linear-gradient(135deg,var(--dark),var(--green));
	color:white;
	border-radius:22px;
	padding:18px 22px;
	box-shadow:var(--shadow);
	transform:translateY(24px) scale(.98);
	opacity:0;
	pointer-events:none;
	transition:.3s
}
.toast.show{
	opacity:1;
	transform:translateY(0) scale(1)
}
.legal h2{
	font-size:30px;
	margin-top:38px
}
.notice{
	background:#fff7d6;
	border:1px solid rgba(217,164,65,.36);
	border-radius:20px;
	padding:18px;
	color:#4e3a0b
}
@media(max-width:900px){
	.topbar{
		display:none
	}
	.burger{
		display:block
	}
	.menu{
		position:absolute;
		top:78px;
		left:0;
		right:0;
		display:none;
		flex-direction:column;
		align-items:stretch;
		gap:0;
		background:#fffaf0;
		border-bottom:1px solid var(--line);
		padding:12px 4vw 20px
	}
	.menu.open{
		display:flex
	}
	.menu a{
		padding:13px 0
	}
	.hero{
		min-height:590px;
		background-position:center
	}
	.hero-layout{
		grid-template-columns:1fr
	}
	.hero-content{
		padding:66px 0 26px
	}
	.hero h1{
		font-size:30px
	}
	.hero-note{
		margin:0 0 84px;
		max-height:none;
		padding:18px
	}
	.cards,.split,.cta,.head,.location,.footer-grid,.service,.contact-strip{
		grid-template-columns:1fr
	}
	.contact-copy{
		position:static
	}
	.map-wide{
		padding-top:62px
	}
	.map-full{
		height:330px
	}
	.section{
		padding:62px 0
	}
	.cta{
		padding:32px
	}
	.cookie.show{
		display:block
	}
	.cookie .btn{
		width:100%;
		margin-top:12px
	}
}
 