:root {
  --header-height: 105px;
}

body{
    padding-top:calc(var(--header-height) + 12px);
}

.topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;

    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:25px;

    min-height:var(--header-height);
    padding:12px 28px;

    background:rgba(255,255,255,.95);
    border-bottom:1px solid rgba(47,111,78,.12);
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    backdrop-filter:blur(8px);
}

.brand{
    display:flex;
    align-items:center;
    gap:18px;
}

.brand .logo{
    width:90px;
    height:90px;
    object-fit:contain;
    flex-shrink:0;
}

.brand .eyebrow{
    margin:0;
    color:#2f6f4e;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.brand h1{
    margin:4px 0 0;
    font-family:"Merriweather",serif;
    color:#3b2f2a;
    font-size:clamp(30px,2.5vw,46px);
    line-height:1.05;
}