/* Two connected rows remain visible together as the page scrolls. */
header{border-bottom:3px solid var(--orange);box-shadow:0 2px 3px #080d0833,0 7px 14px #080d081a}
.nav{height:100px}
.header-ribbon{background:var(--paper);color:#353d30;min-height:56px}
.ribbon-inner{min-height:56px;padding-left:235px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.ribbon-service{font-size:10px;letter-spacing:1.6px;font-weight:500;line-height:1.5;text-transform:uppercase}
.ribbon-dot{color:#d65a22;font-size:13px;line-height:1}
.ribbon-phone{font-size:16px;font-weight:500;letter-spacing:.6px;white-space:nowrap;color:#222a1d}
.ribbon-phone:hover{color:#b84313}
.ribbon-phone span{font-size:15px;color:#c64e1a;margin-left:8px}
.ribbon-mobile-label{display:none}
.mobile-header-phone{display:none}

.nav>.brand img{filter:drop-shadow(0 1px 1px #070b0799) drop-shadow(0 2px 2px #070b0759)}
.nav>.brand{background:url('assets/arrowhead-fill.svg') center/contain no-repeat}
.hero-content{padding-top:68px}.hero-img{top:45px;height:calc(100% - 110px)}
html{scroll-padding-top:190px}
@media(max-width:1100px){.ribbon-inner{padding-left:200px;gap:14px}.ribbon-service{font-size:9px;letter-spacing:1px}.ribbon-phone{font-size:14px}.ribbon-dot{font-size:10px}}
@media(max-width:760px){html{scroll-padding-top:180px}.nav{height:85px}.header-ribbon{min-height:60px}.ribbon-inner{min-height:60px;padding-left:166px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.ribbon-service,.ribbon-dot{display:none}.ribbon-mobile-label{display:block;font-size:7px;letter-spacing:.35px;line-height:1.4;text-transform:uppercase;white-space:nowrap}.ribbon-phone{font-size:15px;letter-spacing:.3px;line-height:1.5}.ribbon-phone span{margin-left:4px;font-size:13px}.hero-content{padding-top:41px}.hero-img{top:auto;height:360px}.nav>nav{box-shadow:0 6px 12px #080d0833}}
@media(max-width:370px){.ribbon-inner{padding-left:152px}.ribbon-mobile-label{font-size:6.5px;letter-spacing:0}.ribbon-phone{font-size:14px}.hero-img{height:310px}}
@media(max-width:760px){
 html{scroll-padding-top:125px}
 .nav{height:62px;padding-left:136px;gap:14px}
 .nav>.brand{width:120px;height:81px;top:5px}
 .nav>.brand img{width:120px;height:81px}
 .mobile-header-phone{display:block;margin-left:auto;font-size:12px;line-height:1.4;white-space:nowrap;color:#f5f3ee}
 .nav>#menu{margin-left:0;font-size:10px;gap:7px}
 #menu span{font-size:18px}
 .header-ribbon,.ribbon-inner{min-height:36px}
 .ribbon-inner{padding-left:136px;gap:0;justify-content:center}
 .ribbon-mobile-label{font-size:7px;letter-spacing:.2px}
 .ribbon-phone{display:none}
 .nav>nav{top:62px;padding-top:39px}
}
@media(max-width:370px){.nav{padding-left:118px;gap:9px}.nav>.brand{width:107px;height:72px;top:10px}.nav>.brand img{width:107px;height:72px}.ribbon-inner{padding-left:118px}.mobile-header-phone{font-size:11px}.ribbon-mobile-label{font-size:6.5px}}
@media(min-width:761px){.nav{height:82px;padding-left:205px}.nav>.brand{width:170px;height:114px;top:4px}.nav>.brand img{width:170px;height:114px}.header-ribbon,.ribbon-inner{min-height:42px}.ribbon-inner{padding-left:205px;gap:18px}.ribbon-service{font-size:9px;letter-spacing:1.3px}.ribbon-phone{font-size:15px}html{scroll-padding-top:160px}}@media(min-width:761px) and (max-width:1100px){.nav{padding-left:185px}.nav>.brand{width:160px;height:108px;top:5px}.nav>.brand img{width:160px;height:108px}.ribbon-inner{padding-left:185px}.ribbon-service{font-size:8px;letter-spacing:.6px}}