/* ============================================================
   Altminds header, standalone.
   The same header the new pages carry, written without the
   body.am scoping and without the shared tokens so the older
   pages can use it beside their own stylesheet.
   Everything is namespaced under .am-head.
   ============================================================ */
.am-head{
	--h-bg:#faf7ef; --h-bg2:#f5efde; --h-surface:#fffcf5;
	--h-ink:#1f2a20; --h-muted:#6b7268; --h-line:#e3dac3;
	--h-green:#4d694e; --h-deep:#3e573f; --h-on:#faf7ef;
	position:sticky;top:0;z-index:1030;
	background:rgba(250,247,239,.92);
	-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
	border-bottom:1px solid var(--h-line);
	font-size:15px;line-height:1.5;text-align:left;
}
.am-head *,.am-head *::before,.am-head *::after{box-sizing:border-box;}
.am-head .am-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px);}
.am-head__row{display:flex;align-items:center;gap:32px;height:72px;}

.am-head .am-logo{display:block;flex:none;text-decoration:none;}
.am-head .am-logo__mark{
	display:block;width:150px;height:35px;background:var(--h-green);
	-webkit-mask:url("img/logo.png") no-repeat left center / contain;
	mask:url("img/logo.png") no-repeat left center / contain;
}

.am-head .am-nav{display:flex;align-items:center;gap:28px;margin-left:auto;}
.am-head .am-nav > a,.am-head .am-nav__top{
	font-size:15px;font-weight:500;text-decoration:none;color:var(--h-ink);
	display:inline-flex;align-items:center;gap:6px;cursor:pointer;
	transition:color .18s ease;
}
.am-head .am-nav > a:hover,.am-head .am-nav__top:hover{color:var(--h-green);text-decoration:none;}
.am-head .am-nav__drop{position:relative;}
.am-head .am-nav__chev{transition:transform .25s ease;}
.am-head .am-nav__drop:hover .am-nav__chev,
.am-head .am-nav__drop:focus-within .am-nav__chev{transform:rotate(180deg);}

.am-head .am-nav__menu{
	position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%,-8px);
	width:min(340px,92vw);padding:8px;margin:0;
	background:var(--h-surface);border:1px solid var(--h-line);border-radius:14px;
	box-shadow:0 24px 60px -24px rgba(46,60,40,.3),0 2px 6px rgba(46,60,40,.07);
	display:grid;gap:2px;
	opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .2s;
	z-index:60;
}
.am-head .am-nav__menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
.am-head .am-nav__drop:hover .am-nav__menu,
.am-head .am-nav__drop:focus-within .am-nav__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}

.am-head .am-nav__menu a{
	display:flex;align-items:center;gap:12px;
	padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--h-ink);
	transition:background .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);
}
.am-head .am-nav__menu a:hover{background:var(--h-bg);transform:translateX(3px);text-decoration:none;}
.am-head .am-nav__menu img{
	width:30px;height:30px;flex:0 0 auto;object-fit:cover;border-radius:8px;
	box-shadow:inset 0 0 0 1px rgba(31,42,32,.10),0 0 0 1px rgba(31,42,32,.07);
}
.am-head .am-nav__menu span{display:grid;gap:1px;min-width:0;}
.am-head .am-nav__menu b{font-size:14.5px;font-weight:600;color:var(--h-ink);line-height:1.25;}
.am-head .am-nav__menu small{font-size:12px;color:var(--h-muted);line-height:1.3;}
.am-head .am-nav__menu .am-nav__all{
	margin-top:4px;padding-top:11px;border-top:1px solid var(--h-line);border-radius:0;
	font-size:13px;font-weight:600;color:var(--h-green);gap:6px;
}
.am-head .am-nav__menu .am-nav__all:hover{background:transparent;transform:none;}
.am-head .am-nav__all i{font-style:normal;display:inline-block;transition:transform .25s cubic-bezier(.2,.8,.2,1);}
.am-head .am-nav__menu .am-nav__all:hover i{transform:translateX(4px);}
.am-head .am-nav__menu > a{opacity:0;transform:translateY(-4px);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),background .18s ease;}
.am-head .am-nav__drop:hover .am-nav__menu > a,
.am-head .am-nav__drop:focus-within .am-nav__menu > a{opacity:1;transform:none;}
.am-head .am-nav__menu > a:nth-child(1){transition-delay:.02s}
.am-head .am-nav__menu > a:nth-child(2){transition-delay:.06s}
.am-head .am-nav__menu > a:nth-child(3){transition-delay:.10s}
.am-head .am-nav__menu > a:nth-child(4){transition-delay:.14s}
.am-head .am-nav__menu > a:nth-child(5){transition-delay:.18s}

.am-head .am-btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:48px;padding:0 26px;border:0;border-radius:999px;
	background:var(--h-green);color:var(--h-on);
	font-family:inherit;font-size:15px;font-weight:500;line-height:1;
	text-decoration:none;white-space:nowrap;
	transition:transform .15s ease,background-color .15s ease;
}
.am-head .am-btn:hover{background:var(--h-deep);color:var(--h-on);text-decoration:none;}
.am-head .am-btn:active{transform:translateY(1px);}
.am-head .am-head__cta{min-height:42px;padding:0 20px;font-size:14px;flex:none;}

/* --- Mobile --- */
.am-head .am-menu{display:none;margin-left:auto;position:relative;}
.am-head .am-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:grid;place-content:center;gap:5px;}
.am-head .am-menu summary::-webkit-details-marker{display:none;}
.am-head .am-menu summary span{display:block;width:22px;height:2px;background:var(--h-ink);border-radius:2px;}
.am-head .am-menu__panel{
	position:absolute;right:0;top:52px;width:min(280px,86vw);
	background:var(--h-surface);border:1px solid var(--h-line);border-radius:14px;
	padding:12px;display:grid;gap:4px;
	box-shadow:0 24px 60px -24px rgba(46,60,40,.3),0 2px 6px rgba(46,60,40,.07);
	z-index:60;
}
.am-head .am-menu__panel a:not(.am-btn){padding:10px 12px;text-decoration:none;font-weight:500;border-radius:6px;color:var(--h-ink);}
.am-head .am-menu__panel a:not(.am-btn):hover{background:var(--h-bg);}
.am-head .am-menu__panel .am-btn{margin-top:8px;}
.am-head .am-menu__sub{display:grid;gap:2px;margin:2px 0 6px;padding-left:12px;border-left:2px solid var(--h-line);}
.am-head .am-menu__panel .am-menu__sub a{font-size:14px;font-weight:500;padding:9px 12px;color:var(--h-ink);}

@media (max-width:1000px){
.am-head .am-nav,.am-head .am-head__cta{display:none;}
.am-head .am-menu{display:block;}
.am-head .am-logo__mark{width:132px;height:31px;}
}
@media (prefers-reduced-motion:reduce){
.am-head .am-nav__menu,.am-head .am-nav__menu > a,.am-head .am-nav__chev,.am-head .am-nav__all i,.am-head .am-btn{transition:none;}
.am-head .am-nav__menu a:hover{transform:none;}
}
