/* The original faceted jewel, centered between balanced navigation groups. */
.site-subheader .subheader-right{display:none}
html{scroll-padding-top:96px}
.site-header{position:sticky;top:0;z-index:100}
@media(min-width:1101px){
 :root{--utility-height:48px;--masthead-center:260px}
 .site-subheader{display:grid;grid-template-columns:minmax(0,1fr) var(--masthead-center) minmax(0,1fr);align-items:center;gap:0;height:48px;min-height:48px;padding:8px 5%}
 .site-subheader .subheader-left{width:auto;max-width:none;margin:0;font-size:17px;text-align:center}
 .site-header .brand-jewel{left:50%;transform:translateX(-50%);width:216px;height:216px;padding:18px}
 .site-header #main-navigation{display:grid;grid-template-columns:minmax(0,1fr) var(--masthead-center) minmax(0,1fr);align-items:center;gap:0;padding:0 5%;font-size:18px}
 .site-header .nav-group{display:flex;justify-content:center;align-items:center;gap:clamp(18px,1.7vw,28px)}
 .site-header nav a{pointer-events:auto}
 .site-subheader .subheader-right{display:block;grid-column:3;font-size:17px;text-align:center;max-width:none}
 .site-header .brand-jewel{transform-origin:center top;transition:transform 260ms cubic-bezier(.22,.61,.36,1)}
 .site-header.is-scrolled{--masthead-center:130px;border-bottom-color:#8f7d56}
 .site-header.is-scrolled .brand-jewel{transform:translate(-50%,60px) scale(.333333)}
 .site-header .header-contact{font-size:17px}
}
@media(min-width:1101px) and (max-width:1279px){
 .site-header #main-navigation{font-size:17px}
 .site-header .nav-group{gap:16px}
}
@media(max-width:1100px){
 html{scroll-padding-top:82px}
 .site-header #main-navigation{font-size:20px;max-height:calc(100svh - 82px);overflow-y:auto;overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){.site-header .brand-jewel{transition:none}}
/* Centered copy over an even dark filter keeps every frame readable. */
.hero .hero-copy{max-width:1200px;margin:0 auto;text-align:center;padding-left:6%;padding-right:6%}
.hero h1{margin-left:auto;margin-right:auto;text-align:center}
.hero p{margin-left:auto;margin-right:auto;text-align:center;max-width:650px}
.hero:after{background:rgba(7,24,16,.58)}
@media(max-width:650px){
 .hero .hero-copy{padding-left:24px;padding-right:24px}
}
@media(max-width:380px){.hero .hero-copy{padding-left:20px;padding-right:20px}}
/* A closer relationship between the two lines, without tightening body copy. */
.headline-pair .headline-primary,.one-maine{line-height:1.02}
.headline-pair .headline-secondary,.many-ways{line-height:1.05;margin-top:4px}