/* V14 — give the existing mark and signature more room. */
:root{--brand-header-height:184px}
.site-header{height:var(--brand-header-height)}
.site-header .brand img{width:164px;height:164px;object-fit:contain}
.trail-hero .brand-motto{max-width:1440px;margin:0 auto;padding:0 6% 46px;text-align:center}
.trail-hero .brand-motto p{max-width:none;margin:0;font-family:var(--serif);font-size:clamp(2.6rem,4.4vw,4.5rem);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:var(--lime)}
.brand-motto p span,.brand-motto p em{display:block}
.brand-motto p em{font-weight:400}
.site-footer img{width:112px;height:112px}
/* A larger central mark needs the compact navigation before tablet links
   become cramped. The menu remains reachable at every width. */
@media(max-width:1000px){
 :root{--brand-header-height:136px}
 .site-header{padding:10px 5%;grid-template-columns:1fr auto 1fr;gap:12px}
 .site-header nav{display:none}
 .site-header .brand{grid-column:2;grid-row:1}
 .site-header .brand img{width:116px;height:116px}
 .site-header .header-end{grid-column:3;grid-row:1}
 .site-header .mobile-menu{display:block;grid-column:1;grid-row:1;justify-self:start;width:42px;height:42px;font-size:1.4rem;border:1px solid var(--green);border-radius:50%;background:none}
 #mobile-drawer{position:absolute;top:var(--brand-header-height);left:0;right:0;background:var(--paper);z-index:40;border-bottom:1px solid var(--ink);padding:20px 6%;display:flex;flex-direction:column;gap:0}
 #mobile-drawer a{padding:14px;text-decoration:none}
 .trail-hero .brand-motto p{font-size:clamp(2.4rem,4.8vw,3.6rem)}
}
@media(max-width:760px){
 .trail-hero .brand-motto{padding:24px 7% 35px}
 .trail-hero .brand-motto p{font-size:clamp(2.05rem,7vw,3rem);line-height:1.16}
}
@media(max-width:370px){
 .site-header{gap:7px}.site-header .brand img{width:108px;height:108px}
 .trail-hero .brand-motto p{font-size:1.95rem}
}