@font-face{font-family:"Cedar Logo Serif";src:url("/assets/header-fonts/cedar-logo-serif.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap}

[data-header] .site-header .shell{width:min(1440px,calc(100% - 4rem))}
[data-header] .site-header .nav{min-height:9.6rem;gap:1.5rem}
[data-header] .site-header .brand{gap:1.4rem;min-width:0;color:#163f3b;font-weight:400}
[data-header] .site-header .brand-logo{width:7.875rem;height:7.875rem;border-radius:1rem}
[data-header] .site-header .brand-name{gap:.65rem}
[data-header] .site-header .brand-title{font-weight:400;white-space:nowrap}
[data-header] .site-header .brand-amp{color:#9e8460}
[data-header] .site-header .brand-subtitle{font-size:1rem;font-weight:500;letter-spacing:.34em}
[data-header="logo"] .site-header .brand-title{font-family:"Cedar Logo Serif",Georgia,serif;font-size:2.875rem;font-variant-caps:small-caps;letter-spacing:.035em;line-height:1.05}


[data-header] .site-header .nav-links{display:grid;grid-template-columns:repeat(3,max-content);gap:.65rem 1.4rem;align-items:center;justify-content:end}
[data-header] .site-header .nav-links>.button{grid-column:1/-1;justify-self:end;min-height:2.9rem;padding:.6rem 1.25rem}
[data-header] .site-header .mobile-nav{display:none}
html[data-header]{scroll-padding-top:10.6rem}


@media(max-width:1050px){[data-header] .site-header .nav-links{display:none}[data-header] .site-header .mobile-nav{display:block}[data-header] .site-header .shell{width:calc(100% - 2rem)}}
@media(max-width:600px){
 [data-header] .site-header .shell{width:calc(100% - 1.25rem)}
 [data-header] .site-header .nav{min-height:7.4rem;gap:.5rem}
 [data-header] .site-header .brand{gap:.6rem}
 [data-header] .site-header .brand-logo{width:5rem;height:5rem;border-radius:.7rem}
 [data-header] .site-header .brand-name{gap:.4rem}
 [data-header="logo"] .site-header .brand-title{font-size:clamp(1.5rem,6.7vw,2rem);letter-spacing:.025em}
 
 [data-header] .site-header .brand-subtitle{font-size:.875rem;letter-spacing:.21em}
 [data-header] .site-header .mobile-nav>summary{font-size:.875rem;padding:.55rem .6rem;min-height:2.75rem}
 html[data-header]{scroll-padding-top:8.4rem}
}
@media(max-width:360px){[data-header] .site-header .brand-logo{width:4.25rem;height:4.25rem}[data-header] .site-header .brand{gap:.45rem}[data-header="logo"] .site-header .brand-title{font-size:1.3rem}[data-header] .site-header .brand-subtitle{font-size:.75rem}}