/* Layout measured from the supplied 1055 × 1491 reference; company facts and TX imagery retained. */
.reference-home{--u:clamp(.74px,.09478673vw,1.5px)}
.ref-wrap{width:91.5%;max-width:1460px}.ref-top{background:#183c54;color:#fff}.hero-note{display:none}.header-search{display:flex;margin-left:auto;border:1px solid #ccd7df;border-radius:2px;overflow:hidden}.header-search input{border:0;margin:0;min-width:0;width:100%;background:white}.header-search button{border:0;color:white;background:#153b52}.ref-header .quote{margin-left:0}.ref-hero{background-image:linear-gradient(90deg,#0a233ce6,transparent 67%),url('assets/company/howo-tx-hero.webp');background-size:cover;background-position:center;color:white}.ref-hero:before{display:none}.ref-hero h1{font-family:Barlow,Arial,sans-serif;font-weight:750;white-space:normal}.ref-hero h1 span{color:#f4c64b;font-size:inherit}.ref-hero .ref-kicker{color:#dbe5eb}.ref-hero .outline{color:white;background:#10243170;border-color:white}.ref-range h2:after{content:'';display:block;width:28px;height:3px;background:#f4c64b;margin-top:6px}.ref-category img{aspect-ratio:2/1;object-fit:cover}.ref-feature-card img{aspect-ratio:1.64;object-fit:cover}.ref-feature-card .ref-badge{position:absolute;top:7px;left:0;background:#e7f3ec;color:#226344}.ref-feature-card>b{font-weight:600;font-size:9px;bottom:10px;right:10px;text-decoration:underline}.card-location{display:block;color:#82909d;margin:9px 8px 25px;font-size:9px}.ref-partner{background:white;grid-template-columns:41.7% 58.3%}.ref-partner-photo{background-image:url('assets/company/partner-inspection.webp');background-size:cover;background-position:center}.ref-partner-photo>div{font-family:Georgia,serif;font-style:italic;font-weight:normal}.ref-partner-copy{grid-template-columns:1fr 24%;padding:12px 7.4% 12px 4.2%;gap:24px}.partner-aside{align-self:stretch;background:linear-gradient(0deg,#e5edf2 35%,transparent 60%),url('assets/scenes-reference-v3.png') center bottom/auto 210%;display:flex;align-items:end;padding:12px}.partner-aside span{font-size:10px;letter-spacing:1.5px;line-height:1.4}.ref-process-steps{grid-template-columns:repeat(5,1fr)}.ref-global{position:relative;background:linear-gradient(90deg,#7298b5e8,#b6cbdbe8 54%,#7397b52b),url('assets/scenes-reference-v3.png') center bottom/cover;color:white;padding-left:4.25%;padding-right:4.25%;grid-template-columns:24% 24% 15% 1fr;gap:2%}.ref-global>img{grid-column:2;grid-row:1}.ref-global-numbers{grid-column:3;grid-row:1;flex-direction:column;border-left:1px solid #638094;gap:8px}.ref-global-numbers>div{text-align:left}.ref-global-numbers b,.ref-global-numbers span{color:#12324a}.ref-global blockquote{grid-column:4;color:white;align-self:end;text-align:right;border:0;font-style:normal;letter-spacing:1px}.ref-global .ref-kicker,.ref-global p:not(.ref-kicker){color:white}.ref-inquiry>.ref-wrap{grid-template-columns:24% 1fr;gap:2%}.ref-quick-form>div{grid-template-columns:1fr 1fr 1fr auto}.ref-quick-form>p{display:none}.ref-footer>.ref-wrap{width:91.5%}.ref-footer>.ref-wrap>div:first-child{display:grid;grid-template-columns:29% 18% 17% 24% 12%;align-items:start;gap:0}.ref-footer>.ref-wrap>div:first-child>div{padding:0 14px;border-right:1px solid #e0e7eb}.ref-footer>.ref-wrap>div:first-child>div:first-child{padding-left:0}.ref-footer>.ref-wrap>div:first-child>div:last-child{border:0}.ref-footer a:not(.ref-logo),.ref-footer p{display:block;color:#708191;font-size:9px;line-height:1.5}.ref-footer h3{margin-bottom:8px}.ref-footer .ref-logo{margin-bottom:12px}
@media(min-width:761px){
.reference-home{--home-unit:var(--u)}.ref-top>.ref-wrap{height:calc(22 * var(--u))}.reference-home .ref-header{height:calc(48 * var(--u))}.ref-header>.ref-wrap{gap:calc(14 * var(--u))}.reference-home .ref-header nav{gap:calc(22 * var(--u));font-size:calc(8 * var(--u));margin-left:calc(28 * var(--u))}.header-search{width:calc(213 * var(--u));height:calc(26 * var(--u))}.header-search input{font-size:calc(8 * var(--u));padding:calc(7 * var(--u))}.header-search button{width:calc(28 * var(--u));font-size:calc(18 * var(--u))}.ref-header .quote{font-size:calc(8 * var(--u))}.ref-hero{height:calc(243 * var(--u))}.ref-hero h1{font-size:calc(31 * var(--u));letter-spacing:calc(-.8 * var(--u));line-height:1.04}.ref-hero h1 span{font-size:inherit}.ref-hero-copy>p:not(.ref-kicker){font-size:calc(11 * var(--u));margin-bottom:calc(10 * var(--u))}.ref-hero .ref-button{padding:calc(8 * var(--u)) calc(16 * var(--u))}.ref-hero-copy .ref-kicker{font-size:calc(7 * var(--u))}.ref-benefits>.ref-wrap{height:calc(53 * var(--u));padding:calc(12 * var(--u)) 0}.ref-benefits h3{font-size:calc(9 * var(--u))}.ref-benefits p{font-size:calc(8 * var(--u))}.ref-range{padding:calc(15 * var(--u)) 0 calc(14 * var(--u))}.ref-heading{margin-bottom:calc(5 * var(--u))}.reference-home h2{font-size:calc(21 * var(--u))}.ref-kicker{font-size:calc(7 * var(--u));margin-bottom:calc(5 * var(--u))}.ref-category-grid{gap:calc(14 * var(--u))}.ref-category>div{padding:calc(8 * var(--u))}.ref-category h3{font-size:calc(11 * var(--u))}.ref-category p{font-size:calc(9 * var(--u))}.ref-featured{padding:calc(15 * var(--u)) 0}.ref-featured .ref-heading{margin-bottom:calc(8 * var(--u))}.ref-feature-track{gap:calc(12 * var(--u))}.ref-feature-card{flex-basis:calc((100% - 48 * var(--u))/5);padding-bottom:calc(8 * var(--u))}.ref-feature-card h3{font-size:calc(10 * var(--u));margin-top:calc(8 * var(--u))}.ref-feature-card p{font-size:calc(8 * var(--u));margin-top:calc(5 * var(--u))}.ref-feature-card>b,.card-location{font-size:calc(8 * var(--u))}.card-location{margin:calc(9 * var(--u)) calc(8 * var(--u)) calc(25 * var(--u))}.ref-partner,.ref-partner-photo{min-height:calc(206 * var(--u))}.ref-partner-copy>div>p:not(.ref-kicker){font-size:calc(10 * var(--u));margin:calc(8 * var(--u)) 0}.ref-partner li{font-size:calc(9 * var(--u));margin:calc(6 * var(--u)) 0}.ref-partner-copy{gap:calc(24 * var(--u))}.ref-process{grid-template-columns:24% 1fr;gap:calc(40 * var(--u));padding:calc(20 * var(--u)) 0 calc(16 * var(--u))}.ref-process-steps{gap:calc(28 * var(--u))}.ref-process h3{font-size:calc(8 * var(--u))}.ref-process p,.ref-process>div>p:last-child{font-size:calc(8 * var(--u))}.ref-process-steps>a{padding-left:0}.ref-process-steps>a>b{left:calc(-33 * var(--u));width:calc(24 * var(--u));height:calc(24 * var(--u))}.ref-process-steps>a>span{right:calc(-12 * var(--u));top:0}.ref-global{min-height:calc(142 * var(--u));padding-top:calc(12 * var(--u));padding-bottom:calc(12 * var(--u))}.ref-global>img{height:calc(117 * var(--u))}.ref-global-numbers b{font-size:calc(19 * var(--u))}.ref-global-numbers span{font-size:calc(8 * var(--u))}.ref-global p:not(.ref-kicker){font-size:calc(9 * var(--u))}.ref-inquiry{padding:calc(14 * var(--u)) 0}.ref-inquiry h2{font-size:calc(22 * var(--u))}.ref-inquiry p:not(.ref-kicker){font-size:calc(9 * var(--u));margin-top:calc(4 * var(--u))}.ref-quick-form{padding:calc(8 * var(--u))}.ref-quick-form>div{gap:calc(12 * var(--u))}.ref-footer>.ref-wrap>div:first-child{padding:calc(17 * var(--u)) 0}.ref-footer a:not(.ref-logo),.ref-footer p{font-size:calc(8 * var(--u))}.ref-footer h3{font-size:calc(9 * var(--u))}}
@media(max-width:760px){.header-search{display:none}.ref-hero{height:470px;background-position:68% center}.ref-hero>.ref-wrap{align-items:start;padding-top:38px}.ref-hero h1{font-size:32px;max-width:350px}.ref-hero h1 span{white-space:normal;font-size:32px}.ref-hero-copy>p:not(.ref-kicker){font-size:13px;max-width:290px}.ref-hero-copy>p br{display:none}.ref-category img{aspect-ratio:1.5}.ref-partner{grid-template-columns:1fr}.ref-partner-copy{grid-template-columns:1fr;padding:28px 5%}.partner-aside{display:none}.ref-process-steps{grid-template-columns:1fr 1fr}.ref-global{grid-template-columns:1fr 1fr;padding:28px 5%}.ref-global>img{grid-column:2;grid-row:2}.ref-global-numbers{grid-column:1;grid-row:2;display:flex;gap:18px}.ref-global blockquote{grid-column:1/-1;grid-row:3}.ref-inquiry>.ref-wrap{grid-template-columns:1fr}.ref-quick-form>div{grid-template-columns:1fr}.ref-footer>.ref-wrap>div:first-child{grid-template-columns:1fr 1fr;gap:25px}.ref-footer>.ref-wrap>div:first-child>div{padding:0;border:0}.ref-footer>.ref-wrap>div:first-child>div:first-child{grid-column:1/-1}.ref-footer a:not(.ref-logo),.ref-footer p{font-size:12px}.ref-footer h3{font-size:14px}}
@media(min-width:761px){.ref-range .ref-heading{margin-bottom:calc(4 * var(--u))}.card-location{margin-bottom:calc(12 * var(--u))}.ref-process{padding-top:calc(16 * var(--u));padding-bottom:calc(13 * var(--u))}.ref-global-numbers span{display:block;line-height:1.2}.ref-global-numbers b{line-height:1.1}.ref-global-numbers{gap:calc(9 * var(--u))}.ref-inquiry{padding:calc(9 * var(--u)) 0}.ref-footer>.ref-wrap>div:first-child{padding:calc(13 * var(--u)) 0}.ref-footer .ref-logo{margin-bottom:calc(5 * var(--u))}}
.ref-hero{background-color:#173247;background-image:linear-gradient(90deg,#102b43d9,transparent 80%),url('assets/company/howo-tx-yard-hero.webp');background-size:100% 100%,auto 120%;background-position:center,right center;background-repeat:no-repeat}
@media(max-width:760px){.ref-hero{background-size:100% 100%,auto 72%;background-position:center,76% bottom}}
@media(min-width:761px){.ref-benefits>.ref-wrap{height:calc(52 * var(--u))}.ref-featured{padding-bottom:calc(11 * var(--u))}}
.ref-global{background-image:linear-gradient(90deg,#7298b5d9,#b6cbdbaa 54%,#7397b500),url('assets/company/export-harbor.webp');background-size:cover;background-position:center}.partner-aside{background-image:linear-gradient(0deg,#e5edf2 35%,transparent 60%),url('assets/company/export-harbor.webp');background-size:cover;background-position:right center}
@media(max-width:760px){.ref-hero{background-image:linear-gradient(180deg,#102b43 0%,#102b43 32%,#102b4399 49%,transparent 70%),url('assets/company/howo-tx-yard-hero.webp');background-size:100% 100%,auto 60%;background-position:center,right bottom}.ref-global{background-position:right center}}
@media(min-width:761px){.ref-hero{background-image:linear-gradient(90deg,#102b43 0%,#102b43 8%,#102b43a8 30%,transparent 75%),url('assets/company/howo-tx-yard-hero.webp');background-size:100% 100%,93% auto}.ref-global{background-image:linear-gradient(90deg,#7298b5e8,#b6cbdbd9 58%,#7397b500 78%),url('assets/company/export-harbor.webp')}}
