/* Hops & Stops: refined branded masthead, no wood panel */
header.site-header{min-height:132px;padding:17px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:36px;background:#0f3b2e}
.site-header .brand{display:flex;align-items:center;gap:17px;text-decoration:none;min-width:0;white-space:nowrap}
.brand-icon{display:block;width:88px;height:108px;flex:0 0 88px;overflow:visible;background:none;border-radius:0}
.brand-icon img{display:block;width:100%;height:100%;object-fit:contain;clip-path:polygon(49% 0%,69% 4%,85% 13%,96% 29%,99% 48%,95% 64%,86% 77%,50% 100%,14% 77%,5% 64%,1% 47%,5% 28%,16% 12%,32% 3%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
.brand-type{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.brand-name{font-family:"Bree Serif",Georgia,serif;font-size:clamp(34px,4vw,55px);line-height:1.04;letter-spacing:-.04em;color:#f7ead7;white-space:nowrap}
.brand-name em{font-style:normal;color:#f4a024}
.brand-subtitle{font-family:Inter,Arial,sans-serif;font-size:clamp(8px,.75vw,11px);line-height:1.2;font-weight:800;letter-spacing:.22em;color:#f7ead7;white-space:nowrap}
.site-header nav{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.site-header nav a{margin:0;text-decoration:none;font-size:14px;font-weight:700;color:#f7ead7}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#f4a024}
@media(max-width:900px){header.site-header{min-height:108px;gap:20px}.brand-icon{width:66px;height:82px;flex-basis:66px}.brand-name{font-size:37px}.brand-subtitle{font-size:8px}.site-header nav{gap:17px}}
@media(max-width:700px){header.site-header{min-height:0;align-items:flex-start;padding:15px 20px;gap:16px}.site-header .brand{gap:12px}.brand-icon{width:54px;height:67px;flex-basis:54px}.brand-name{font-size:clamp(27px,7vw,35px)}.brand-subtitle{font-size:7px;letter-spacing:.14em}.site-header nav{gap:23px}.site-header nav a{font-size:12px}}