/* Mactec's original assets and approved copy, using the selected equipment-site layout patterns. */
.hub .hero-text{background:#fff url('../images/equipment-lines.svg') right center/50% auto no-repeat}
.hub .hero-text .hero-inner{padding-block:84px 94px}.hub .hero-text .hero-copy{max-width:1100px;gap:25px}.hub .hero-text h1{font-size:clamp(36px,4.4vw,64px);max-width:24ch;line-height:1.08}.hub .hero-text .lead{max-width:50ch;font-size:25px;line-height:1.5}.hub .hero-text .btn-row{margin-top:15px}
.hub-introduction{background:#f0f1f3}.hub-introduction-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center}.hub-introduction-media{height:400px;display:flex;align-items:center;justify-content:center}.hub-introduction-media img{width:100%;height:100%;object-fit:contain}.hub-introduction-copy h2{font-size:clamp(28px,3vw,39px);max-width:22ch}.hub-introduction-copy .lead{font-size:19px;line-height:1.8}.hub-application-links{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:12px}.hub-application-links a{color:var(--navy);font-size:15px;text-decoration:underline;text-underline-offset:4px}
.hub-machine-browser .section-head{margin-bottom:64px}.hub-machine-browser .section-head h2{max-width:none}.hub-machine-browser .section-head .lead{font-size:17px;max-width:700px;margin-inline:auto}
.machine-browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 60px}.machine-browser-card{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}.machine-browser-link{display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none;color:var(--navy);flex:1}.machine-browser-media{width:100%;height:350px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.machine-browser-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s}.machine-browser-media-photo img{max-height:290px}.machine-browser-media-empty{background:#f2f4f7;color:var(--muted)}.machine-browser-link h3{font-size:25px;margin-bottom:16px;line-height:1.2}.machine-browser-use{font-size:14px;line-height:1.8;color:var(--muted);max-width:31ch;margin:0 0 24px;flex:1}.machine-browser-link .learn{min-height:44px;display:inline-flex;align-items:center;font-size:13px}.machine-browser-sheet{font-size:12px;color:var(--muted);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.machine-browser-link:hover img{transform:translateY(-4px)}.machine-browser-link:hover h3{color:var(--blue)}.machine-browser-link:focus-visible{outline:3px solid var(--blue);outline-offset:7px}.machine-browser-sheet:hover{color:var(--navy)}
@media(max-width:980px){.hub-introduction-grid{gap:40px}.machine-browser-grid{gap:60px 30px}.machine-browser-media{height:280px}.machine-browser-link h3{font-size:22px}}
@media(max-width:767px){.hub .hero-text .hero-inner{padding-block:42px 55px}.hub .hero-text .lead{font-size:20px}.hub .hero-text{background-size:85% auto}.hub-introduction-grid{grid-template-columns:minmax(0,1fr);gap:32px}.hub-introduction-media{height:310px}.hub-introduction-copy h2{max-width:none}.hub-introduction-copy .lead{font-size:17px}.machine-browser-grid{grid-template-columns:minmax(0,1fr);gap:60px;max-width:480px;margin-inline:auto}.machine-browser-media{height:320px;margin-bottom:24px}.machine-browser-link h3{font-size:26px}.machine-browser-use{max-width:34ch}.hub-machine-browser .section-head{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.machine-browser-media img{transition:none}.machine-browser-link:hover img{transform:none}}
.site-header .header-right{display:flex;flex-direction:row-reverse;align-items:center}.site-header .header-buttons{display:flex}
#mactec-pack-expo{padding:0;color:#263f60}#mactec-pack-expo>div{max-width:var(--wrap);padding-inline:var(--gutter)}#mactec-pack-expo a,#mactec-pack-expo .mactec-expo-details{color:#263f60}
@media(max-width:980px){.site-header .header-right{flex-direction:row}.site-header .menu-toggle{width:40px;height:40px;min-height:40px;padding:8px;border:1px solid var(--line)}.menu-toggle-label{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.site-header .site-nav{max-height:calc(100dvh - 80px);overflow-y:auto}}
.range-project-grid>*,.range-support-grid>*,.range-inquiry-grid>*{min-width:0}
.range-inquiry .gform_wrapper input[type="submit"]{width:100%;max-width:100%;min-width:0}
.site-main .gform_wrapper input[type="submit"]{max-width:100%;min-width:0}
.mactec-growth-page{padding-block:64px}.mactec-growth-header{margin-bottom:27px}.mactec-growth-header>.btn{margin-bottom:18px}.mactec-growth-content>h2{font-size:clamp(27px,2.7vw,36px);line-height:1.2;font-stretch:105%}.mactec-growth-content>h3{font-size:24px}.mactec-growth-page .mactec-growth-card h2{font-size:20px;line-height:1.35;font-stretch:100%;font-weight:750;text-transform:none;overflow-wrap:normal;hyphens:manual}.mactec-growth-card h2 a{text-decoration:none}.mactec-growth-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){.hero-split .hero-inner{grid-template-columns:minmax(0,1fr)}.hero-split .hero-copy{max-width:100%}.hero-split h1{max-width:none}}
:root{--navy:#183068;--dark:#0c1b35;--blue:#3865a6;--blue-dark:#24477c;--accent:#183b70;--accent-dark:#102a53;--ink:#183068;--text:#475363;--muted:#526071;--wrap:1280px;--section:104px;--font-head:"Archivo","Arial Black",Arial,sans-serif}
h1,h2,h3,h4{font-family:var(--font-head);font-stretch:115%;font-weight:850;letter-spacing:-.025em;line-height:1.1;text-transform:uppercase}
body{font-size:17px;line-height:1.7}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em}.btn{min-height:52px;padding:15px 24px;font-size:15px;font-weight:650;border-radius:2px}.btn .icon{width:19px;height:19px}.mobile-only{display:none}
.site-header .header-inner{min-height:96px}.site-header .header-right{gap:24px}.site-header .site-logo{max-width:210px;width:210px}.site-logo img{width:100%}.site-nav .menu>li>a{font-size:14px;padding-inline:10px}.header-buttons{display:flex;gap:10px}.header-buttons .utility-quote{background:var(--accent);border-color:var(--accent);font-size:13px}.header-find{border-color:var(--navy);color:var(--navy);background:white;font-size:12px;min-height:44px}.header-find:hover{background:var(--navy);color:white}.utility-bar{background:var(--navy);font-size:11px}.utility-inner{min-height:38px}.home-concept .site-header{height:auto}
#mactec-pack-expo{background:#eef1f5}#mactec-pack-expo>div{font-size:11px;padding-block:8px}
.range-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff;padding:64px 0 46px;text-align:center}
.range-blueprint{position:absolute;z-index:-1;left:0;top:10%;width:32%;height:95%;background:url('../images/equipment-lines.svg') left bottom/contain no-repeat;opacity:.62;pointer-events:none}
.range-hero h1{font-size:clamp(38px,4.25vw,66px);line-height:1.07;letter-spacing:-.03em;max-width:1200px;margin:0 auto;font-stretch:115%;text-wrap:balance}.range-hero h1 span{color:var(--blue);display:inline-block}
.range-lineup{display:grid;grid-template-columns:1.55fr .83fr 1fr;align-items:end;gap:24px;margin:27px auto 0;max-width:1110px;min-height:330px}
.range-lineup-machine{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--navy);text-decoration:none;min-width:0;transition:color .18s}
.range-lineup-machine img{width:100%;height:300px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 8px #17315b12)}
.range-lineup-pouch img{height:325px}.range-lineup-monoblock img{height:253px}.range-lineup-machine>span{display:block;width:100%;font-size:10px;line-height:1.6;padding:15px 0 0;min-height:43px}.range-lineup-machine strong{font-size:11px;font-weight:750;margin-right:7px}.range-lineup-machine>span>span{margin-left:8px;font-size:16px}.range-lineup-machine:hover{color:var(--blue)}
.range-intro{font-size:17px;color:#475363;margin:24px auto 20px;max-width:900px}.range-actions{display:flex;justify-content:center;align-items:center;gap:27px;flex-wrap:wrap}.range-secondary{font-size:14px;font-weight:650;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:16px}.range-secondary:hover{text-decoration:underline;text-underline-offset:5px}.range-photo-note{font-size:10px;line-height:1.6;color:var(--muted);margin:21px 0 0}
.range-heading{text-align:center;max-width:900px;margin:0 auto 49px}.range-heading .eyebrow{margin-bottom:18px;color:var(--blue)}.range-heading h2{font-size:clamp(30px,3vw,43px);margin-bottom:21px}.range-heading>p:not(.eyebrow){max-width:690px;margin:0 auto;font-size:16px;line-height:1.8}
.range-engineering{position:relative;isolation:isolate;overflow:hidden;background:var(--dark);color:#fff;padding-block:86px}.range-band-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.range-engineering:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08182eea,#0c203ddb 55%,#0d2037b8)}
.range-engineering .range-heading{margin-bottom:52px}.range-engineering h2,.range-engineering h3,.range-engineering .eyebrow{color:#fff}.range-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;max-width:1000px;margin:auto;text-align:center}.range-benefit-icon{width:42px;height:42px;stroke:#8cbbf3;stroke-width:1.5;margin:0 auto 18px}.range-benefits h3{font-size:23px;line-height:1.2;margin-bottom:17px}.range-benefits p{font-size:14px;line-height:1.9;color:#d2dbe7;margin-bottom:19px}.range-benefits a{font-size:12px;letter-spacing:.04em;font-weight:700;color:white;text-decoration:none;border-bottom:1px solid #68829d;padding-bottom:4px}.range-benefits a:hover{border-color:white}
.range-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.range-family-card{padding:31px 30px 28px;background:#f0f1f3;display:flex;flex-direction:column;text-decoration:none;color:var(--text);min-width:0;border-bottom:3px solid transparent;transition:background .2s,border-color .2s}.range-family-card:hover{background:#e9edf2;border-color:var(--blue);color:var(--text)}.range-family-card h3{font-size:24px;min-height:54px;margin:0;max-width:14ch}.range-family-photo{height:285px;display:flex;align-items:center;justify-content:center;margin:18px -10px 24px}.range-family-photo img{object-fit:contain;width:100%;height:100%;transition:transform .2s}.range-family-card:hover img{transform:translateY(-4px)}.range-family-card>p{font-size:14px;line-height:1.85;margin:0 0 16px}.range-models{font-size:10px;line-height:1.8;color:var(--muted);margin-top:auto}.range-card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c9d2de;margin-top:23px;padding-top:18px;color:var(--navy);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.range-card-link>span{font-size:21px}.range-family-foot{text-align:center;margin:39px auto 0}.range-family-foot>p{font-size:15px;margin-bottom:21px}.range-family-foot .range-secondary{margin-left:25px}
.range-applications{background:linear-gradient(125deg,#1b3a68,#0c1a30);color:white}.range-applications h2,.range-applications h3,.range-applications .eyebrow{color:white}.range-applications .range-heading>p:not(.eyebrow){color:#d5deea}.range-application-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.range-application-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:320px;padding:26px 23px;overflow:hidden;color:#fff;text-decoration:none;background:#132940}.range-application-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.range-application-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#08182e10,#08182edb 75%)}.range-application-card:hover>img{transform:scale(1.035)}.range-application-card h3{font-size:21px;line-height:1.15;margin-bottom:16px;overflow-wrap:normal}.range-application-card p{font-size:12px;line-height:1.7;color:#e3eaf3;margin-bottom:20px}.range-application-card div>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.range-application-card div>span>span{margin-left:14px;font-size:18px}.range-light-link{display:flex;gap:15px;align-items:center;justify-content:center;font-size:13px;font-weight:600;margin:32px auto 0;color:white;text-decoration:none}.range-light-link:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.range-project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.range-project-image{position:relative;min-width:0}.range-project-image img{width:100%;height:415px;object-fit:cover}.range-project-image>span{font-size:11px;color:var(--muted);display:block;margin-top:14px}.range-project-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.1;margin:0 0 25px}.range-project-copy .eyebrow{color:var(--blue)}.range-project-copy>p:not(.eyebrow){font-size:15px;line-height:1.9}.range-project-copy .range-project-note{font-size:11px;margin:23px 0 0;line-height:1.8;color:var(--muted)}
.range-support{background:#f2f4f7}.range-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.range-support h2{font-size:clamp(32px,3vw,44px);margin-bottom:21px}.range-support-copy>.eyebrow{color:var(--blue)}.range-support-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.range-support details{border-top:1px solid #c9d2de}.range-support details:last-child{border-bottom:1px solid #c9d2de}.range-support summary{position:relative;cursor:pointer;list-style:none;padding:21px 38px 21px 0;font-size:15px;font-weight:750;color:var(--navy)}.range-support summary::-webkit-details-marker{display:none}.range-support summary:after{content:"+";position:absolute;right:0;top:17px;font-size:26px;font-weight:400}.range-support details[open]>summary:after{content:"−"}.range-support details>div{padding:0 18px 23px 0}.range-support details p{font-size:13px;line-height:1.8}.range-support details a{font-size:12px;color:var(--navy);font-weight:700}.range-support-image img{width:100%;height:480px;object-fit:cover}
.range-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.range-resource-grid>a{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);background:#f1f3f6;min-width:0}.range-resource-grid>a>img{width:100%;height:215px;object-fit:cover}.range-resource-grid>a>div{padding:27px 26px;display:flex;flex-direction:column;flex:1}.range-resource-grid .eyebrow{font-size:10px;color:var(--blue);margin-bottom:18px}.range-resource-grid h3{font-size:21px;line-height:1.25;max-width:19ch;margin-bottom:28px}.range-resource-grid div>span{font-size:12px;font-weight:700;margin-top:auto}.range-resource-grid div>span>span{font-size:20px;margin-left:12px}.range-resources .wrap>.range-secondary{display:flex;justify-content:center;margin-top:31px}
.range-inquiry{background:linear-gradient(135deg,#1e3f75,#0e2347);color:white}.range-inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.range-inquiry h2{font-size:clamp(34px,3.5vw,50px);color:white;margin:23px 0}.range-inquiry p{font-size:15px;line-height:1.9;max-width:460px;color:#d4deec}.range-inquiry .eyebrow{color:#b9d1f2}.range-inquiry-phone{color:white;font-size:21px}.range-inquiry-phone:hover{color:white;text-decoration:underline}.range-inquiry #request-a-quote{padding:29px;background:white;border:0;color:var(--navy)}.range-inquiry #request-a-quote h2{color:var(--navy);font-size:27px;line-height:1.2}.range-inquiry #request-a-quote .eyebrow,.range-inquiry #request-a-quote p{color:var(--muted);font-size:12px}.range-inquiry .mactec-growth-quote-inner,.range-inquiry .mactec-journey-inner{max-width:none;width:100%;padding:0}.range-inquiry .gform_wrapper{background:white;color:var(--navy)}
.hero-split h1{font-size:clamp(34px,4vw,56px);line-height:1.08}.hero-split .hero-copy .lead{font-size:21px}.hero{background-image:none;background-color:#f2f3f5}.machine-tile h3{font-size:24px}.section-head h2{max-width:26ch;margin-inline:auto}.mactec-growth-page h1,.mactec-growth-page h2,.mactec-growth-page h3{font-family:var(--font-head);font-stretch:110%;font-weight:800;letter-spacing:-.025em;line-height:1.2;text-transform:uppercase;overflow-wrap:normal}.mactec-growth-page h3{font-size:22px}
.site-footer{background:#fff;color:var(--text)}.site-footer strong,.site-footer h2,.site-footer h3,.site-footer a{color:var(--navy)}.site-footer .footer-logo{width:210px;padding:0;border:0;background:transparent;box-shadow:none}.site-footer .footer-logo img{width:100%;height:auto;filter:none}.footer-menu>li>a,.footer-menu>li>span{color:var(--navy)}.footer-menu .sub-menu a,.footer-address{color:var(--text)}.site-footer .btn-primary,.site-footer .hotline h2,.site-footer .hotline a{color:#fff}.footer-legal{background:#f2f4f7;color:var(--muted)}.footer-legal a{color:var(--muted)}.hotline{background:#183b70}
@media(max-width:980px){.site-footer .footer-logo{width:165px}}@media(max-width:650px){.site-footer .footer-logo{width:137px}}@media(max-width:360px){.site-footer .footer-logo{width:115px}}
@media(max-width:1100px){.header-find{display:none}.site-header .header-right{gap:15px}.range-lineup{gap:17px}.range-lineup-machine img{height:270px}.range-lineup-pouch img{height:295px}.range-lineup-monoblock img{height:225px}.range-family-card{padding:26px 23px}.range-family-photo{height:255px}.range-application-card{padding:23px 18px}.range-application-card h3{font-size:18px}.range-project-grid,.range-support-grid{gap:42px}.range-inquiry-grid{gap:52px}}
@media(max-width:980px){.site-header .header-inner{min-height:76px}.site-header .site-logo{max-width:165px;width:165px}.header-buttons .utility-quote{min-height:42px;padding:10px 13px;font-size:11px}.site-header .header-right{gap:10px}.range-hero{padding-top:46px}.range-hero h1{font-size:clamp(36px,5vw,50px)}.range-benefits{gap:28px}.range-benefits h3{font-size:20px}.range-family-grid{gap:18px}.range-family-card h3{font-size:21px}.range-family-photo{height:215px}.range-family-card>p{font-size:13px}.range-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-application-card{min-height:290px}.range-application-card h3{font-size:22px}.range-resource-grid{gap:18px}.range-resource-grid h3{font-size:19px}.range-resource-grid>a>div{padding:23px}.range-resource-grid>a>img{height:185px}.range-support-image img{height:470px}}
@media(max-width:650px){:root{--gutter:22px;--section:64px}body{font-size:15px}.site-header .header-inner{min-height:72px}.site-header .site-logo{width:137px;max-width:137px}.site-header .header-right{gap:9px}.utility-inner{min-height:44px;font-size:12px}.range-hero{padding:37px 0 32px}.range-hero h1{font-size:clamp(27px,7.5vw,43px);font-stretch:108%;line-height:1.15;letter-spacing:-.035em}.range-lineup{grid-template-columns:1.38fr .8fr .96fr;gap:8px;min-height:190px;margin-top:25px}.range-lineup-machine img{height:153px;filter:drop-shadow(0 5px 4px #17315b12)}.range-lineup-pouch img{height:180px}.range-lineup-monoblock img{height:125px}.range-lineup-machine>span{font-size:0;line-height:1.4;padding-top:12px;min-height:30px}.range-lineup-machine strong{font-size:9px;margin:0}.range-lineup-machine>span>span{font-size:11px;margin-left:4px}.range-intro{font-size:12px;line-height:1.85;margin:20px 0 19px}.mobile-only{display:block}.range-actions{gap:18px}.range-actions .btn{font-size:15px;min-height:48px;padding:12px 20px}.range-secondary{font-size:15px;gap:9px;min-height:44px;display:inline-flex;align-items:center}.range-photo-note{font-size:8px;line-height:1.7;margin-top:18px}.range-blueprint{width:58%;opacity:.4}.range-heading{margin-bottom:31px}.range-heading h2{font-size:29px;line-height:1.12;margin-bottom:18px}.range-heading .eyebrow{font-size:9px;margin-bottom:15px}.range-heading>p:not(.eyebrow){font-size:13px;line-height:1.85}.range-engineering{padding-block:62px}.range-engineering .range-heading{margin-bottom:31px}.range-benefits{grid-template-columns:1fr;gap:28px;max-width:410px}.range-benefits article{border-top:1px solid #8fa7c248;padding-top:26px}.range-benefit-icon{height:34px;width:34px;margin-bottom:15px}.range-benefits h3{font-size:22px;margin-bottom:13px}.range-benefits p{font-size:13px;margin-inline:auto;max-width:29ch;margin-bottom:15px}.range-family-grid{grid-template-columns:1fr;gap:22px}.range-family-card{padding:26px}.range-family-card h3{font-size:24px;min-height:0;max-width:none}.range-family-photo{height:285px;margin-block:15px 23px}.range-family-card>p{font-size:14px}.range-models{font-size:10px}.range-family-foot>p{font-size:13px}.range-family-foot .btn{font-size:15px}.range-family-foot .range-secondary{margin:22px 0 0;display:flex;justify-content:center}.range-application-grid{gap:14px}.range-application-card{min-height:275px;padding:20px 16px}.range-application-card h3{font-size:17px;line-height:1.2}.range-application-card p{font-size:11px;line-height:1.7}.range-application-card div>span{font-size:9px;line-height:1.6}.range-application-card div>span>span{margin-left:4px}.range-light-link{font-size:12px}.range-project-grid,.range-support-grid,.range-inquiry-grid{grid-template-columns:1fr;gap:32px}.range-project-image img{height:285px}.range-project-image>span{font-size:10px}.range-project-copy h2,.range-support h2{font-size:31px}.range-project-copy>p:not(.eyebrow){font-size:14px}.range-project-copy .range-project-note{font-size:10px}.range-support-image img{height:315px}.range-support-copy>p:not(.eyebrow){font-size:14px}.range-resource-grid{grid-template-columns:1fr;gap:25px}.range-resource-grid>a>img{height:220px}.range-resource-grid h3{font-size:23px;max-width:22ch}.range-resource-grid>a>div{padding:25px}.range-inquiry h2{font-size:36px}.range-inquiry p{font-size:14px}.range-inquiry #request-a-quote{padding:23px}.range-inquiry #request-a-quote h2{font-size:24px}.hero-split h1{font-size:32px}.mactec-growth-page h3{font-size:20px}}
@media(max-width:360px){.site-header .site-logo{width:115px;max-width:115px}.header-buttons .utility-quote{font-size:9px;padding-inline:8px}.range-hero h1{font-size:26px}.range-lineup-machine img{height:132px}.range-lineup-pouch img{height:155px}.range-lineup-monoblock img{height:108px}.range-application-grid{grid-template-columns:1fr}.range-application-card{min-height:240px}.range-application-card h3{font-size:22px}.range-application-card p{font-size:13px}.range-actions{gap:16px}.range-secondary{font-size:11px}}
@media(prefers-reduced-motion:reduce){.range-family-card img,.range-application-card>img{transition:none}.range-family-card:hover img,.range-application-card:hover>img{transform:none}}

/* Keep the primary action inside the header at every intermediate desktop width. */
.site-header .header-inner{max-width:1700px}
@media(max-width:1199px){.header-find{display:none}}
@media(max-width:1023px){
  .site-header .header-right{flex-direction:row}
  .site-header .header-buttons{display:flex}
  .site-header .site-nav{display:none;max-height:calc(100dvh - 96px);overflow-y:auto}
  .mactec-nav-open .site-header .site-nav{display:block}
  .site-header .menu-toggle{display:inline-flex}
}
.quote-label-short{display:none}
@media(max-width:480px){.site-header .menu-toggle{width:42px;height:42px;min-height:42px}.site-header .header-buttons .utility-quote{min-height:42px;padding:9px 12px;font-size:12px}.quote-label-full{display:none}.quote-label-short{display:inline}}

/* 1.7.3: hub machine cards lead with the machine type; the code sits underneath. */
.machine-browser-link h3 .machine-type{display:block}.machine-browser-link h3 .machine-code{display:block;margin-top:8px;font-family:var(--font-body);font-stretch:normal;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:none;color:var(--blue)}

/* 1.7.5 (search-demand W1-W7): the hubs' quick links under the top lead, and the homepage's two application links side by side. */
.hub-quick-links{max-width:76ch;margin:14px 0 0;font-size:15px;line-height:1.75;color:var(--muted)}.hub-quick-links a{color:var(--navy);font-weight:600;text-underline-offset:3px}.hub-quick-links a:hover{color:var(--blue)}.range-light-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 40px;margin-top:32px}.range-light-links .range-light-link{margin:0}

.hub-cost h2{font-size:clamp(26px,2.6vw,36px);line-height:1.15;margin:0 0 16px}.hub-cost p{max-width:76ch;font-size:16px;line-height:1.85;margin:0}
/* 1.7.12 (Andrew, Oct 17, 2026: "fix spacing"): the What-is and price answers follow the machines without a doubled gap and read as one pair. */
.hub-machine-browser+.section.hub-answer,.hub-machine-browser+.section.hub-cost{padding-top:0}.section.hub-answer{padding-bottom:0}.section.hub-answer+.section.hub-cost{padding-top:clamp(40px,5vw,56px)}
/* 1.7.12 (Andrew: "make sure spacing is good on all pages"): a white section that follows post text or a white ACF section adds a small gap, not a second full one; the two planning boxes sit closer on phones. */
.article+.wrap.section,.acf-section.bg-white+.wrap.section{padding-top:clamp(16px,3vw,40px)}@media(max-width:767px){.planning-grid{gap:32px}}main>.mactec-detail:has(>.detail-content>.detail-band-tint:last-child)+.mactec-growth-discovery{padding-top:var(--section)}
/* 1.7.13: gallery tiles are buttons that open the larger photo in a dialog. */
button.gallery-link{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:zoom-in}button.gallery-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.gallery-dialog{max-width:min(94vw,1100px)}.gallery-dialog .dialog-inner{padding:60px 16px 16px}.gallery-dialog img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;margin:0 auto;background:#fff}.gallery-dialog .dialog-close span{font-size:28px;line-height:1}
/* 1.7.14: homepage family cards — the card heading links to the family page across the whole card; the model names are their own links and swap the card photo on hover (theme.js). */
.range-family-card{position:relative}.range-family-card:focus-within{background:#e9edf2;border-color:var(--blue)}.range-family-link{color:inherit;text-decoration:none}.range-family-link::after{content:"";position:absolute;inset:0}.range-family-link:focus-visible{outline:none}.range-family-card:has(.range-family-link:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.range-models{position:relative;z-index:1;font-size:12px}.range-models a.range-model{color:inherit;text-decoration:underline;text-decoration-color:#9aa6b8;text-underline-offset:3px;display:inline-block;padding:6px 0}.range-models a.range-model:hover,.range-models a.range-model:focus-visible,.range-models a.range-model.is-shown{color:var(--blue);text-decoration-color:currentColor}.range-family-card:hover .range-card-link{color:var(--blue)}
/* 1.7.14 (Andrew, Oct 18: "make sure the machine names are properly centered under their respective machine"): the model name gets its own centered line under each hero machine; the short description sits centered below it (hidden on phones as before). */
.range-lineup-machine strong{display:block;margin:0 0 1px}
/* 1.7.15 (Andrew, Oct 19, 2026, phone screenshot of /services/: "please fix"): the plugin quote form inside the navy form band gets white heading text (it was navy on navy), no extra 48 px above and below it, and a smaller white gap above the band. */
.form-section>.mactec-growth-quote .mactec-growth-quote__intro h2{color:#fff}.form-section>.mactec-growth-quote .mactec-growth-quote__intro .mactec-growth-eyebrow{color:#dfe6f0}.form-section>.mactec-growth-quote{margin-block:0}.wrap.section:has(>.mactec-growth-services-more){padding-bottom:clamp(16px,3vw,40px)}
/* 1.7.17/1.7.18 (Andrew, Oct 19, 2026: "please make these controls more ui/ux friendly. mt100 before mt150 as well"; "i dont like that either" to rounded chips; then "It's confusing that clicking on it brings to new page?"): the models are a ruled list inside the card, like the model list on a machine's control screen, and the list is a picker. Each row is the whole tap target (56 px): model name in the heading face, what it is in plain words below. The chosen row sits on white with a blue bar; hover and keyboard focus preview another. Under the list: a full-width navy button to the chosen model's page, then a text link to the family page (stacked, so the three cards line up whatever the model name's length). The card is no longer one big link (1.7.14 stretched the heading link over the whole card, so the photo also opened the family page). */
.range-family-link::after{content:none}.range-family-link:hover{color:var(--blue)}.range-family-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.range-family-card:has(.range-family-link:focus-visible){outline:none}.range-family-card:hover{background:#f0f1f3;border-color:transparent;color:var(--text)}.range-family-card:hover img{transform:none}.range-family-card:focus-within{background:#f0f1f3;border-color:transparent}
.range-family-card .range-models{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid #c9d2de;font-size:13px;line-height:1.35;color:var(--muted)}.range-models li{margin:0;border-bottom:1px solid #c9d2de}.range-models a.range-model,.range-models span.range-model{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:9px 14px;color:var(--navy);text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease}.range-model-name{font-family:var(--font-head);font-weight:800;font-stretch:108%;text-transform:uppercase;letter-spacing:.01em;font-size:15px;line-height:1.1;white-space:nowrap}.range-model-note{margin-top:3px;font-size:13px;line-height:1.3;color:var(--muted)}.range-models a.range-model:hover,.range-models a.range-model:focus-visible,.range-models a.range-model.is-shown{background:#fff;box-shadow:inset 3px 0 0 var(--blue);text-decoration:none}.range-models a.range-model:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.range-card-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:18px}.range-card-actions .range-model-cta{margin:0;align-self:stretch;justify-content:center;min-height:48px;padding:12px 20px;font-size:14px}.range-compare{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:#9aa6b8;text-underline-offset:4px}.range-compare:hover{color:var(--blue);text-decoration-color:currentColor}
@media(max-width:650px){.range-model-name{font-size:14px}.range-models a.range-model,.range-models span.range-model{padding-left:12px}}@media(prefers-reduced-motion:reduce){.range-models a.range-model{transition:none}}
/* 1.7.19 (Andrew, Oct 19, 2026: "Can you make the forms more sleek like on vikingmasek site", "Don't add fields"): one calm look for every Gravity Form, fields untouched. Viking Masek's quote form is a flat panel with tall white fields, thin light borders, no shadows, plain labels and two columns; this is the same idea in Mactec's navy. Controls 54 px tall with a 2 px corner, 1 px #c9d2de border, no drop shadow, a blue focus ring; labels 14 px navy; the submit button is a square navy block like the site's other buttons, full width on phones. The plugin's grey rounded panel and pill button (mactec-public-forms-0.4.4.css) are turned off. The Quote form and the Contact form use two columns from 700 px; text areas, notes and consent lines stay full width. Also fixes 1.7.15, which had turned the Quote card's heading white on white on the three hubs (the rule meant for /services/). */
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6){padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) .gform_fields{row-gap:18px!important;column-gap:20px!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) label.gfield_label,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) legend.gfield_label{margin:0 0 7px!important;color:var(--navy)!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) label.gfield_label>.gfield_required{color:var(--blue)!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="file"]),form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) select,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) textarea{min-height:54px!important;padding:14px 16px!important;border:1px solid #c9d2de!important;border-radius:2px!important;background:#fff!important;box-shadow:none!important;color:var(--navy)!important;font-size:16px!important;line-height:1.4!important;transition:border-color .15s ease,box-shadow .15s ease}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) textarea{min-height:140px!important;resize:vertical}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) select{appearance:none;-webkit-appearance:none;padding-right:44px!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183068' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:18px!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input::placeholder,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) textarea::placeholder{color:#526071!important;opacity:1}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="file"]):hover,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) select:hover,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) textarea:hover{border-color:#9aa6b8!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="file"]):focus-visible,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) select:focus-visible,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) textarea:focus-visible,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="file"]):focus,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) select:focus,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) textarea:focus{border-color:var(--navy)!important;outline:none!important;box-shadow:0 0 0 3px rgba(56,101,166,.22)!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) .gfield_description,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) .gfield--type-html{color:var(--muted);font-size:13px;line-height:1.5}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) .gform_footer{margin:4px 0 0!important;padding:0!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input[type="submit"],form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) button[type="submit"]{min-height:54px!important;padding:14px 28px!important;border:0!important;border-radius:2px!important;background:var(--accent)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;letter-spacing:0;box-shadow:none!important;cursor:pointer;transition:background-color .15s ease}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input[type="submit"]:hover,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) button[type="submit"]:hover{background:var(--accent-dark)!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input[type="submit"]:focus-visible,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) button[type="submit"]:focus-visible{outline:3px solid var(--blue)!important;outline-offset:3px!important}
form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input[type="file"]::file-selector-button{border-radius:2px;background:#e9edf2;color:var(--navy)}
/* The Quote form (5) and Parts form (6) in a page band: a white panel with a thin border, so the fields read as one unit on white or tinted bands. In the navy band's white card the card itself is the panel. */
section#request-a-quote>.gform_wrapper,section#request-parts-service>.gform_wrapper{background:#fff;border:1px solid #c9d2de;border-radius:4px;padding:32px}
.form-card section#request-a-quote>.gform_wrapper{border:0;padding:0}
.form-card{border-radius:4px;padding:36px}
.form-card .mactec-growth-quote__intro{margin:0 0 22px}.form-card .mactec-growth-quote__intro h2{color:var(--navy);font-size:26px;margin:4px 0 8px}.form-card .mactec-growth-quote__intro .mactec-growth-eyebrow{color:var(--blue);font-size:12px;letter-spacing:.08em}.form-card .mactec-growth-quote__intro p{color:var(--muted);font-size:15px;margin:0}
@media(min-width:700px){form:is(#gform_1,#gform_5) .gform_fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}form:is(#gform_1,#gform_5) .gfield{grid-column:span 1!important}form:is(#gform_1,#gform_5) .gfield:is(.gfield--type-textarea,.gfield--type-html,.gfield--type-section,.gfield--type-consent,.gfield--type-captcha,.gfield--type-checkbox,.gfield--type-radio,.gfield--type-fileupload,.gform_validation_container,.gfield--width-full.gfield--type-textarea){grid-column:span 2!important}}
@media(max-width:650px){form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input[type="submit"],form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) button[type="submit"]{width:100%!important}section#request-a-quote>.gform_wrapper,section#request-parts-service>.gform_wrapper{padding:20px}.form-card{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="file"]),form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) select,form:is(#gform_1,#gform_2,#gform_3,#gform_4,#gform_5,#gform_6) textarea{transition:none}}
/* 1.7.19, second pass (Andrew: "No need to have request an equipment quote listed 3 times. Come on be clever better"): where the theme already prints the band's heading (the three hubs' white card, the homepage's navy quote band), the plugin's card repeated it and the phone line. There the card now opens with "Talk to an engineer" as its own title and goes straight to the fields; the repeated heading and "Fill in the form, or call…" line are not shown (the section's aria-labelledby still resolves). Machine, solution and guide pages have no band heading, so their card keeps its heading. */
.form-card .mactec-growth-quote__intro h2,.range-inquiry .mactec-growth-quote__intro h2,.form-card .mactec-growth-quote__intro p:not(.mactec-growth-eyebrow),.range-inquiry .mactec-growth-quote__intro p:not(.mactec-growth-eyebrow){display:none}
.form-card .mactec-growth-quote__intro,.range-inquiry .mactec-growth-quote__intro{margin:0}.form-card .mactec-growth-quote__intro .mactec-growth-eyebrow,.range-inquiry .mactec-growth-quote__intro .mactec-growth-eyebrow{display:block;margin:0 0 20px;color:var(--navy);font-family:var(--font-head);font-weight:800;font-stretch:108%;text-transform:uppercase;letter-spacing:.01em;font-size:21px;line-height:1.1}.range-inquiry #request-a-quote{padding:36px;border-radius:4px}.range-inquiry #request-a-quote>.gform_wrapper{border:0;padding:0}.range-inquiry #request-a-quote .mactec-growth-quote__intro .mactec-growth-eyebrow{color:var(--navy);font-size:21px;letter-spacing:.01em}
@media(max-width:650px){.range-inquiry #request-a-quote{padding:22px 18px}}
/* 1.7.20 (Andrew, Oct 20, 2026, desktop screenshot: "the view button isnt changing accordingly"): the separate View button under the list is gone. Each row keeps a muted chevron at its right; the highlighted row (hovered, focused, or chosen by a tap) swaps it for a square navy "View" tag, so the photo, the highlight and the action are always the same row and the click lands on what the pointer is over. */
.range-models a.range-model,.range-models span.range-model{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center;align-content:center;min-height:56px;padding:9px 12px 9px 14px}.range-model-name,.range-model-note{grid-column:1}.range-model-go{grid-column:2;grid-row:1/span 2;display:flex;align-items:center;justify-content:flex-end;min-width:56px}.range-model-go .range-model-chevron{width:16px;height:16px;color:#9aa6b8}.range-model-go-view{display:none;min-height:30px;padding:6px 12px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1;border-radius:2px;align-items:center}.range-models a.range-model.is-shown .range-model-go-view{display:inline-flex}.range-models a.range-model.is-shown .range-model-go .range-model-chevron{display:none}.range-models a.range-model:hover .range-model-go .range-model-chevron{color:var(--blue)}.range-card-actions{margin-top:14px}
/* 1.7.21 (Andrew, Oct 20, 2026, About Us screenshot: "fix formatting on this page"): the ACF sections inside a white band now have air between them (the video used to touch "Our history"); the video sits in a 960 px centered frame instead of the full 1232 px; the history timeline sits in the same 760 px column as the intro text, one shared year column (so "2004 - 2010" stays on one line and every year lines up), hairlines between entries, the text no longer capped at 72 ch inside a wide row; on phones the year sits above its text. */
.acf-section .wrap>section+section{margin-top:clamp(40px,5vw,64px)}.acf-section .wrap>section.video-embed{max-width:960px;margin-left:auto;margin-right:auto}.video-frame{border-radius:4px}.acf-section .wrap>section.timeline{max-width:760px;margin-left:auto;margin-right:auto}.timeline-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0 28px}.timeline-list li{display:contents}.timeline-year{white-space:nowrap;font-size:24px;line-height:1.25;padding:22px 0;border-top:1px solid #d7dde6}.timeline-list li .prose{max-width:none;padding:24px 0 22px;border-top:1px solid #d7dde6;font-size:16px;line-height:1.7}.timeline-list li:first-child>*{border-top:0;padding-top:0}.timeline-list li .prose p{margin:0}
@media(max-width:650px){.timeline-list{grid-template-columns:1fr;gap:0}.timeline-year{padding:20px 0 2px}.timeline-list li .prose{border-top:0;padding:0 0 18px}.timeline-list li:first-child .timeline-year{padding-top:0}}
/* 1.7.22 (Andrew: "change the bleed of the buttons", phone screenshot of the "How can we help?" band): a button never runs past its band — the label wraps instead of holding a fixed width; on very narrow screens the application-card heading shrinks so "Pharmaceutical" fits without splitting */
.btn{white-space:normal;max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:320px){.range-application-grid .range-application-card h3{font-size:17px}}
/* 1.7.23 (Andrew, Oct 20: "i dont like the on this page section"): the grey "On this page" jump-link band is gone from every machine, application, guide and lead page; the hero now meets the first section the way the text-only pages already did */
.mactec-detail>.detail-hero{padding-bottom:40px}.mactec-detail>.detail-content>.detail-band:first-child{padding-top:32px}
@media(max-width:650px){.mactec-detail>.detail-hero{padding-bottom:28px}.mactec-detail>.detail-content>.detail-band:first-child{padding-top:24px}}
/* 1.7.24 (phone speed): click-to-play video poster in the 16:9 frame; hero photos carry loading="eager" data-no-lazy="1" (no CSS) */
.video-frame .video-poster{position:absolute;inset:0;display:block;color:#fff;background:#000}.video-frame .video-poster img{display:block;width:100%;height:100%;object-fit:cover}.video-poster-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--navy);box-shadow:0 6px 24px rgba(0,0,0,.35);transition:background-color .15s ease,transform .15s ease}.video-poster-play::after{content:"";position:absolute;left:31px;top:23px;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent #fff}.video-poster:hover .video-poster-play,.video-poster:focus-visible .video-poster-play{background:var(--blue);transform:scale(1.06)}.video-poster:focus-visible{outline:3px solid #fff;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.video-poster-play{transition:none}.video-poster:hover .video-poster-play,.video-poster:focus-visible .video-poster-play{transform:none}}

/* 1.7.27 (competitor report, Oct 21; Andrew: "do it all"): the "At a glance" band on machine pages (facts left, what the base price includes right; one column on phones) and the hubs' small-batch section before the New Jersey panel */
.glance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.glance-facts{margin:0;display:grid;gap:16px}.glance-facts>div{border-left:3px solid #254877;padding-left:18px}.glance-facts dt{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 3px}.glance-facts dd{margin:0;font-size:16px;line-height:1.6}.glance-facts dd a{color:var(--navy);font-weight:600}.glance-facts dd a:hover{color:var(--blue)}.glance-scope h3{font-size:21px;text-transform:none;line-height:1.4;margin:0 0 14px}.glance-scope .checklist li{font-size:16px}.glance-scope .small{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0 0;max-width:60ch}
.hub-fit p+p{margin-top:16px}.section.hub-fit+#proof{padding-top:0}
@media(max-width:760px){.glance-grid{grid-template-columns:1fr;gap:30px}}
/* 1.7.28: the About Us "What built in New Jersey means for you" list reads left-aligned inside the centered section (centered bullets read badly on phones) */
.mactec-nj-block ul{text-align:left;max-width:64ch;margin:0 auto;padding-left:1.25em}.mactec-nj-block li{margin:0 0 10px}
/* 1.7.29: the delivery note sits under the glance facts (second grid row, first column) */
.glance-note{grid-column:1;font-size:14px;line-height:1.7;color:var(--muted);margin:-8px 0 0;max-width:60ch}
@media(max-width:760px){.glance-note{grid-column:auto;margin-top:0}}
/* 1.7.30: the scope column stays beside the facts (rows 1-2); the note alone fills row 2 of the first column */
.glance-scope{grid-column:2;grid-row:1/span 2}
@media(max-width:760px){.glance-scope{grid-column:auto;grid-row:auto}}
/* 1.7.33 (Andrew, Oct 21: "check the other machine pages for formatting issues", then "yes fix all of it"):
   every section heading in a detail band at one size (the comparison and related-equipment headings were larger);
   less empty space around the related-equipment box and in the Best for band; the project story above the quote form
   on the page's left edge; the comparison table with room for the model and price, and one card per machine on phones */
.detail-band-inner>section>h2{font-size:clamp(27px,2.7vw,39px);line-height:1.2;max-width:34ch}
@media(max-width:359px){.detail-band-inner>.mactec-growth-related-navigation>h2{font-size:26px}}
.detail-band-inner>.mactec-growth-related-navigation{margin:0}
.detail-band-inner>p:empty{display:none}
/* /machines/: with the lone button band gone (Growth 0.9.45) two white bands meet; one gap, not two */
.detail-band:not(.detail-band-tint):has(.finder-note)+.detail-band:not(.detail-band-tint){padding-top:0}
.detail-band:has(>.detail-band-inner>.mactec-growth-facts){padding-block:36px}
.detail-band-inner>.mactec-growth-project-evidence{margin:0 0 56px;padding:0;background:transparent;border:0}
.detail-band-inner>.mactec-growth-project-evidence .mactec-growth-discovery-inner{width:auto;max-width:none;margin:0}
/* 1.7.34: a section's worth of space when the story follows the guide list (it was about 45px) */
.detail-band-inner>.mactec-buyer-guidance+.mactec-growth-project-evidence{margin-top:64px}
.detail-band-inner>.mactec-growth-project-evidence h2{font-size:clamp(27px,2.7vw,39px);line-height:1.2;margin:0 0 16px}
.detail-band-inner>.mactec-growth-project-evidence p{max-width:78ch}
.detail-band-inner .mactec-growth-comparison-table tbody th[scope=row]{min-width:9.5rem}
.detail-band-inner .mactec-growth-comparison-table td[data-label="Typical quote"]{min-width:9rem}
@media(max-width:760px){
.detail-band-inner .mactec-growth-table-wrap:has(td[data-label]){overflow:visible}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]){min-width:0;display:block}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]) :is(tbody,tr,th,td){display:block;width:auto;min-width:0}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]) tbody tr{background:#fff;border:1px solid #d7dfe8;margin:0 0 14px;padding:14px 16px}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]) tbody tr:has([aria-current]){border-left:4px solid var(--navy)}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]) tbody th{padding:0 0 6px;border:0;font-size:18px}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]) td{padding:6px 0;border:0;font-size:15px;line-height:1.6}
.detail-band-inner table.mactec-growth-comparison-table:has(td[data-label]) td::before{content:attr(data-label);display:block;font-weight:700;color:var(--navy);font-size:13px}
}
/* 1.7.37: the in-stock MTHP300XL page names its quote band "Ask about the MTHP300XL"; the form card does not repeat a heading. */
.mactec-detail-stock #request-a-quote .mactec-growth-quote__intro h2{display:none}
/* 1.7.38: Custom Machines keeps native bands; the actual catalog photo introduces project-specific capabilities. */
@media(min-width:1024px){.site-header .site-nav .menu>li:has(>a[href$="/about-us/"])>.sub-menu{left:auto;right:0}}
@media(max-width:1023px){.site-header .site-nav .sub-menu{min-width:0}}
@media(min-width:651px) and (max-width:980px){.range-family-grid .range-model-name{white-space:normal}}
.mactec-detail-custom .detail-hero-grid{grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);gap:clamp(32px,5vw,80px);align-items:center}
.mactec-detail-custom .detail-hero-media{order:-1}
.mactec-detail-custom .mactec-custom-photo{max-width:290px;margin:0 auto}
.mactec-detail-custom .mactec-custom-photo img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
.mactec-detail-custom .mactec-custom-photo figcaption{font-size:13px;line-height:1.6;margin-top:16px;color:var(--muted)}
.mactec-custom-approaches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.mactec-custom-approaches section{border-top:3px solid var(--blue);padding-top:20px}
.mactec-custom-approaches h3{margin-top:0}
.mactec-custom-capabilities{width:100%;min-width:0;table-layout:fixed}
.mactec-custom-capabilities caption{text-align:left;padding:0 0 16px;font-weight:700;color:var(--navy)}
.mactec-custom-capabilities th[scope=row]{width:28%;min-width:0;vertical-align:top}
.mactec-custom-capabilities :is(th,td){overflow-wrap:break-word;word-break:normal}
.mactec-custom-next{margin-top:28px}
.mactec-custom-projects li+li{margin-top:20px}
@media(max-width:767px){.mactec-detail-custom .detail-hero-grid{grid-template-columns:1fr;gap:28px}.mactec-detail-custom .detail-hero-media{order:0}.mactec-detail-custom .mactec-custom-photo{max-width:230px}.mactec-detail-custom .mactec-custom-photo img{max-height:285px}.mactec-custom-approaches{grid-template-columns:1fr;gap:24px}.mactec-custom-capabilities th[scope=row]{width:36%}.mactec-custom-capabilities :is(th,td){padding:14px 12px}}
@media(max-width:359px){.mactec-custom-capabilities :is(th,td){font-size:13px;padding:12px 9px}.mactec-custom-capabilities th[scope=row]{width:38%}}

/* 1.7.39: Home/Custom phone refinement, preserving the approved industrial design and model picker. */
.range-lineup-machine>span { font-size: 13px; line-height: 1.45; }
.range-lineup-machine strong { display: block; margin: 0 0 3px; font-size: 14px; }
.range-lineup-machine>span>.range-lineup-function { display: block; margin: 0; font-size: inherit; }
.range-photo-note { font-size: 12px; }
.range-picker-hint { font-size: 12px !important; line-height: 1.5 !important; color: var(--navy); margin-bottom: 10px !important; }
.range-inquiry #request-a-quote { scroll-margin-top: 130px; }
.range-project-feature { padding-block: 64px; }
.range-project-feature .range-project-image img { height: 300px; }
.range-project-feature .range-project-copy h2 { font-size: clamp(28px, 2.8vw, 38px); margin-bottom: 16px; }
.range-project-feature .range-project-note { font-size: 13px; margin-top: 16px; }
.custom-title-secondary { display: block; font-size: .65em; line-height: 1.25; margin-top: 10px; }
.mactec-custom-proof { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; align-items: center; margin: 36px 0; }
.mactec-custom-proof h2 { margin-top: 0; }
.mactec-custom-proof dl { margin: 0; }
.mactec-custom-proof dl>div { margin-top: 14px; }
.mactec-custom-proof dt { font-weight: 700; color: var(--navy); }
.mactec-custom-proof dd { margin: 3px 0 0; }
.mactec-custom-proof figure { margin: 0; }
.mactec-custom-proof img { width: 100%; height: auto; }
.mactec-custom-proof figcaption, .mactec-custom-proof-note { font-size: 13px; line-height: 1.6; color: var(--muted); }
.mactec-custom-proof figcaption { margin-top: 10px; }
.mactec-custom-preparation li+li { margin-top: 12px; }
@media(max-width:1023px) { .site-header .menu-toggle { width:44px; height:44px; min-height:44px; } .site-header .header-buttons .utility-quote { min-height:44px; } }
@media(max-width:767px) {
 .mactec-detail-custom .detail-hero-grid { gap: 20px; }
 .mactec-detail-custom .detail-hero-copy h1 { font-size: clamp(27px, 7.2vw, 38px); line-height: 1.12; }
 .mactec-detail-custom .detail-hero-copy .mactec-growth-lead { font-size: 16px; line-height: 1.65; }
 .mactec-detail-custom .detail-hero-media .mactec-custom-photo { max-width: 185px; margin-inline: auto; }
 .mactec-detail-custom .mactec-custom-photo img { max-height: 220px; }
 .mactec-detail-custom .mactec-custom-photo figcaption { margin-top: 8px; font-size: 12px; }
 .mactec-detail-custom .detail-band-inner #request-a-quote>.gform_wrapper { border: 0; padding: 0; }
 .mactec-custom-table-wrap { overflow: visible; }
 .mactec-custom-capabilities { display: block; }
 .mactec-custom-capabilities tbody { display: block; }
 .mactec-custom-capabilities tr { display: block; margin-bottom: 20px; border-bottom: 1px solid #d7dfe8; padding-bottom: 18px; }
 .mactec-detail-custom .mactec-custom-capabilities th[scope=row], .mactec-detail-custom .mactec-custom-capabilities td { display: block; width: auto; padding: 0; border: 0; font-size: 16px; line-height: 1.65; background: transparent; }
 .mactec-custom-capabilities th[scope=row] { padding-bottom: 6px; font-size: 17px; }
 .mactec-custom-proof { grid-template-columns: 1fr; gap: 24px; margin-block: 28px; }
 .mactec-custom-proof figure { max-width: 420px; }
}
@media(max-width:650px) {
 .range-hero { padding-block: 24px; }
 .range-lineup { grid-template-columns: 1.25fr 1fr 1fr; gap: 8px; margin-top: 20px; min-height: 0; }
 .range-lineup-machine>span { font-size: 12px; line-height: 1.4; min-height: 64px; padding-top: 10px; }
 .range-lineup-machine strong { font-size: 13px; }
 .range-intro { font-size: 16px; line-height: 1.6; margin: 12px 0 16px; }
 .range-actions { gap: 6px 18px; }
 .range-actions .btn { width: 100%; }
 .range-actions .range-secondary { font-size: 14px; }
 .range-photo-note { font-size: 12px; margin-top: 10px; }
 .range-heading .eyebrow, .range-resource-grid .eyebrow, .range-application-card div>span { font-size: 12px; }
 .range-family-card { padding: 20px; }
 .range-family-photo { height: 190px; margin: 10px 0 14px; }
 .range-family-card>p { margin-bottom: 12px; font-size: 14px; line-height: 1.6; }
 .range-family-card .range-picker-hint { font-size: 12px; }
 .range-models a.range-model, .range-models span.range-model { min-height: 52px; padding-block: 7px; }
 .range-family-card .range-model-name { white-space: normal; }
 .range-model-note { font-size: 12px; line-height: 1.4; }
 .range-card-actions { margin-top: 10px; }
 .range-inquiry #request-a-quote { scroll-margin-top: 110px; }
 .range-project-feature { padding-block: 40px; }
 .range-project-feature .range-project-grid { gap: 20px; }
 .range-project-feature .range-project-image img { height: 190px; }
 .range-project-image>span, .range-project-feature .range-project-note { font-size: 12px; }
 .mactec-detail-custom>.detail-hero { padding-top: 22px; padding-bottom: 20px; }
 .mactec-detail.mactec-detail-custom .detail-hero .detail-hero-copy h1 { font-size: clamp(25px,6.7vw,34px); line-height: 1.12; margin-block: 12px 18px; }
 .mactec-detail-custom .detail-hero .crumbs { margin-bottom: 20px; }
 .mactec-detail-custom .detail-hero-copy .btn-row { margin-top: 16px; }
}

@media(max-width:650px) {
 /* The custom opening follows the existing machine-page reading order: title, real equipment, inquiry, detail. */
 .mactec-detail-custom .detail-hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
 .mactec-detail-custom .detail-hero-copy { display: contents; }
 .mactec-detail-custom .detail-hero-copy>.eyebrow { order: 0; margin: 0; }
 .mactec-detail.mactec-detail-custom .detail-hero .detail-hero-copy>h1 { order: 1; margin: 0; }
 .mactec-detail-custom .detail-hero-media { order: 2; }
 .mactec-detail-custom .detail-hero-copy>.btn-row { order: 3; margin: 0; }
 .mactec-detail-custom .detail-hero-copy>.mactec-growth-lead { order: 4; margin: 0; }
 .range-family-photo { height: 160px; }
}

/* 1.7.40: preserve full-width captions and plain mobile capability rows. */
@media(max-width:767px) {
 .mactec-detail-custom .mactec-custom-capabilities caption { display: block; width: 100%; }
 .mactec-detail-custom .mactec-custom-capabilities tbody tr:nth-child(even) { background: transparent; }
}

/* 1.7.40: existing application paths, with direct access to the existing inquiry forms. */
.range-application-paths{background:#17365f;color:#fff;padding-block:48px}.range-application-paths h2,.range-application-paths h3{color:#fff}.range-application-paths .range-heading{max-width:900px;margin:0 auto 20px;text-align:center}.range-application-paths .range-heading h2{font-size:34px;line-height:1.12;margin:0}.mactec-application-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px}.mactec-application-paths>article,.mactec-application-paths>section{border-top:1px solid #9caec4;padding-top:20px;min-width:0}.mactec-application-paths h3{font-size:24px;line-height:1.25;margin:0 0 12px}.mactec-application-paths p{font-size:16px;line-height:1.65;margin:0 0 14px;max-width:65ch}.range-application-paths .mactec-application-paths p{color:#e3eaf3}.mactec-application-actions{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.mactec-application-actions>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.4;text-underline-offset:4px}.range-application-paths a{color:#fff}.range-application-paths .btn-primary{background:#fff;color:#17365f}.range-application-paths .btn-primary:hover{background:#edf1f6}.mactec-application-actions .btn{padding:12px 18px;text-decoration:none}.mactec-application-more{display:flex;flex-wrap:wrap;gap:4px 24px;list-style:none;margin:24px 0 0;padding:0}.mactec-application-more a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.mactec-detail-custom .mactec-application-more{list-style:none;padding:0}.mactec-detail-custom .mactec-application-more li{margin:0}#application-inquiry-path{margin-bottom:32px}.mactec-growth-page .btn.mactec-application-inquiry{color:#fff;min-height:44px;text-decoration:none}#application-inquiry-path h2{margin-top:0}
@media(max-width:767px){.range-application-paths{padding-block:32px}.range-application-paths .range-heading h2{font-size:28px}.mactec-application-paths{grid-template-columns:1fr;gap:24px}.mactec-application-paths h3{font-size:23px}.mactec-application-more{gap:0 20px;margin-top:20px}.range-application-paths .mactec-application-more{font-size:14px}}

/* 1.7.41: product discovery and a visible nine-model index share the same light surface. */
.range-application-chooser{padding-block:72px 64px;border-top:1px solid #d8dee7;background:#fff}
.range-discovery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
.range-discovery-heading h2{font-size:clamp(27px,2.4vw,34px);margin:0;text-transform:none;font-stretch:100%;letter-spacing:-.02em}
.range-discovery-heading>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:650;text-underline-offset:4px;flex-shrink:0}
.range-product-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.range-product-links>li{border-top:1px solid #d8dee7;min-width:0}
.range-product-links>li>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;min-height:92px;text-decoration:none;color:var(--navy)}
.range-product-links strong{display:block;font-size:17px;line-height:1.35;font-weight:750}
.range-product-links span>span{display:block;font-size:13px;line-height:1.5;color:var(--text);margin-top:5px}
.range-product-links svg,.range-discovery-heading svg,.range-family-browse svg{width:18px;height:18px;flex-shrink:0}
.range-product-links a:hover strong{text-decoration:underline;text-underline-offset:4px}
.range-product-links a:focus-visible,.range-equipment-index a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
/* 1.7.52: the product section uses the page's split heading (like the equipment families below) and calmer, larger rows. */
.range-application-chooser>.wrap>.range-heading-split{text-align:left;max-width:none;margin:0 0 36px;display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:56px}
.range-application-chooser .range-heading-split h2{font-size:clamp(29px,3vw,42px);max-width:23ch;margin:0;text-wrap:balance}
.range-application-chooser .range-heading-split>p{font-size:16px;line-height:1.7;max-width:54ch;margin:0}
.range-application-chooser .range-product-links{border-bottom:1px solid #d8dee7}
.range-application-chooser .range-product-links>li>a{min-height:104px;padding:22px 0}
.range-application-chooser .range-product-links strong{font-size:19px}
.range-application-chooser .range-product-links span>span{font-size:14px;margin-top:6px}
.range-all-applications{margin:18px 0 0;text-align:right}
.range-all-applications a,.range-family-quote{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:650;text-underline-offset:4px}
.range-family-quote{margin-top:10px}
.range-all-applications svg,.range-family-quote svg{width:18px;height:18px;flex-shrink:0}
/* 1.7.53: the families end with two plain links; the quote button left (header, sticky bar and the form below already ask). */
.range-equipment-index .range-family-foot .range-secondary:first-child{margin-left:0}
.range-equipment-index{padding-block:56px 64px;border-top:1px solid #d8dee7;background:#fff}
.range-equipment-index>.wrap>.range-heading{text-align:left;max-width:none;margin:0 0 36px;display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:56px}
.range-equipment-index .range-heading h2{font-size:clamp(29px,3vw,42px);max-width:23ch;margin:0;text-wrap:balance}
.range-equipment-index .range-heading>p{font-size:16px;line-height:1.7;max-width:54ch;margin:0}
.range-model-explorer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}
.range-equipment-family{border-top:1px solid #c9d2de}
.range-equipment-family:last-child{border-bottom:1px solid #c9d2de}
.range-equipment-family>summary{position:relative;cursor:pointer;list-style:none;padding:21px 38px 21px 0;color:var(--navy)}
.range-equipment-family>summary::-webkit-details-marker{display:none}
.range-equipment-family>summary:after{content:"+";position:absolute;right:0;top:17px;font-size:26px;font-weight:400}
.range-equipment-family[open]>summary:after{content:"−"}
.range-equipment-family>summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.range-family-body{padding:0 0 18px}
.range-family-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.range-equipment-family h3{font-family:inherit;font-size:15px;font-weight:750;line-height:inherit;text-transform:none;letter-spacing:normal;margin:0;color:inherit;font-stretch:100%}
.range-family-browse{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:12px;text-underline-offset:4px}
.range-equipment-index .range-models{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.4}
.range-equipment-index .range-models a.range-model{display:flex;flex-direction:row;align-items:center;gap:14px;min-height:54px;padding:8px 10px;border:0;border-radius:0;text-decoration:none;color:var(--navy)}
.range-equipment-index .range-model-text{display:block;flex:1;min-width:0}
.range-equipment-index .range-model-name{display:block;font-size:15px;line-height:1.35;font-weight:700;white-space:normal}
.range-equipment-index .range-model-note{font-size:12px;line-height:1.45;color:var(--text);margin-top:2px}
.range-equipment-index .range-model-go{display:flex;align-items:center;margin-left:auto;flex-shrink:0}
.range-equipment-index .range-model-go-view{display:none}
.range-equipment-index .range-model-chevron{width:18px;height:18px}
.range-equipment-index a.range-model:hover,.range-equipment-index a.range-model:focus-visible{background:#edf1f6}
.range-model-thumb{display:none}
.range-shared-preview{margin:0;position:sticky;top:140px;min-width:0}
/* 1.7.52 (Andrew, Oct 27: "the picture is confusing next to find the right equipment when nothing is selected yet a picture populates"): no machine picture until a family is open. */
.range-model-explorer:not(:has(details.range-equipment-family[open])) .range-shared-preview{display:none}
.range-preview-photo{height:390px;display:flex;align-items:center;justify-content:center;background:#fff}
.range-preview-photo img{width:100%;height:100%;object-fit:contain}
.range-preview-photo img[hidden],.range-preview-error[hidden]{display:none}
.range-preview-error{font-size:15px;max-width:30ch;text-align:center;color:var(--text)}
.range-shared-preview figcaption{padding-top:20px;border-top:1px solid #c9d2de}
.range-shared-preview figcaption strong{display:block;font-size:20px;line-height:1.4;color:var(--navy)}
.range-shared-preview figcaption span{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:var(--text)}
.range-equipment-index .range-family-foot{text-align:left;margin:26px 0 0;padding-top:24px;border-top:1px solid #c9d2de}
.range-equipment-index .range-family-foot>p{font-size:13px;margin:18px 0 0;line-height:1.7}
.range-equipment-index .range-family-foot a{text-underline-offset:4px}
@media(max-width:1023px){.range-equipment-index .range-family-foot{border-top:0;padding-top:0}}
.mactec-application-directory{padding-block:56px;background:#f3f6fa;border-bottom:1px solid #c9d2de}
.mactec-growth-page .mactec-application-directory>.wrap{max-width:var(--wrap)!important;margin-inline:auto;padding-inline:var(--gutter)}
.mactec-application-directory-heading{max-width:72ch}
.mactec-growth-page .mactec-application-directory h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.025em;text-transform:none;margin:0 0 16px}
.mactec-application-directory p{font-size:16px;line-height:1.7;margin:0}
.mactec-application-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin-top:36px}
.mactec-application-directory-grid>section{min-width:0;scroll-margin-top:140px;border-top:1px solid #c9d2de;padding-top:20px}
.mactec-growth-page .mactec-application-directory-grid h3{font-size:22px;line-height:1.3;text-transform:none;letter-spacing:-.015em;margin:0 0 10px}
.mactec-application-directory-grid ul{list-style:none;padding:0;margin:0}
.mactec-application-directory-grid a{display:flex;align-items:center;min-height:44px;padding-block:8px;line-height:1.5;text-underline-offset:4px}
.mactec-application-directory .mactec-application-directory-foot{margin-top:36px;max-width:75ch}
.mactec-industry-directory{margin:clamp(40px,5vw,64px) 0 0}
.mactec-industry-directory .industry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:32px 0 0;padding:0;list-style:none}
.mactec-industry-directory .industry{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:20px;padding:28px 0;border-top:1px solid #c9d2de}
.mactec-industry-directory .industry-icon{width:56px;height:56px;display:block}
.mactec-industry-directory .industry-icon img{width:56px;height:56px;object-fit:contain}
.mactec-industry-directory .industry-name{min-width:0}
.mactec-industry-directory .industry-name h3{font-size:22px;line-height:1.3;letter-spacing:-.015em;margin:0 0 8px;text-transform:none}
.mactec-industry-directory .mactec-industry-resources{list-style:none;padding:0;margin:0}
.mactec-industry-directory .mactec-industry-resources a{display:flex;align-items:center;min-height:44px;font-size:16px;line-height:1.55;padding-block:8px;text-underline-offset:4px}
@media(max-width:767px){.mactec-industry-directory{margin-top:40px}.mactec-application-directory{padding-block:36px}.mactec-application-directory-grid{gap:24px;margin-top:28px}.mactec-industry-directory .industry-list{grid-template-columns:1fr;margin-top:24px}.mactec-industry-directory .industry{gap:16px;padding-block:24px}.mactec-industry-directory .industry-name h3{font-size:21px}}

@media(min-width:1024px){.range-equipment-index a.range-model.is-previewed{background:#edf1f6}}
@media(max-width:1100px){.range-model-explorer{gap:36px}.range-preview-photo{height:340px}.range-equipment-index>.wrap>.range-heading{gap:32px}}
@media(max-width:1023px){
 .range-model-explorer{display:block}.range-shared-preview{display:none}.range-model-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:64px;background:#fff}
 .range-model-thumb img{width:100%;height:100%;object-fit:contain}.range-equipment-index .range-models a.range-model{padding:8px 0;min-height:80px}
 .range-equipment-index .range-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.range-equipment-index .range-models a.range-model{height:100%}
 
 .range-product-links{column-gap:24px}.range-product-links strong{font-size:16px}
}
@media(max-width:767px){
 .range-application-chooser{padding-block:44px 40px}.range-discovery-heading{display:block;margin-bottom:14px}.range-discovery-heading>a{margin-top:8px}
 .range-product-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.range-product-links>li>a{min-height:102px;gap:10px;padding-block:16px}
 .range-application-chooser>.wrap>.range-heading-split{display:block;margin-bottom:20px}.range-application-chooser .range-heading-split h2{font-size:28px;margin-bottom:12px}.range-application-chooser .range-heading-split>p{font-size:15px}.range-application-chooser .range-product-links{grid-template-columns:1fr}.range-application-chooser .range-product-links>li>a{min-height:0;padding:16px 0}.range-application-chooser .range-product-links strong{font-size:17px}.range-all-applications{text-align:left;margin-top:8px}.range-equipment-index{padding-block:36px 44px}.range-equipment-index>.wrap>.range-heading{display:block;margin-bottom:24px}
 .range-equipment-index .range-heading h2{font-size:30px;max-width:23ch;margin-bottom:16px}.range-equipment-index .range-heading>p{font-size:15px;line-height:1.7}
 .range-equipment-index .range-models{display:block}.range-model-thumb{flex-basis:70px;width:70px;height:60px}.range-equipment-index .range-family-foot .range-secondary{display:inline-flex;margin:12px 0 0;min-height:44px}
 .mactec-application-directory-grid{grid-template-columns:1fr;gap:24px}.mactec-application-directory-grid>section{scroll-margin-top:110px}
}
@media(max-width:380px){.range-product-links{grid-template-columns:1fr}.range-product-links>li>a{min-height:78px}.range-product-links strong{font-size:16px}.range-equipment-index .range-heading h2{font-size:28px}}

.range-equipment-index .range-family-summary{font-size:13px;line-height:1.55;margin:0 0 9px;color:var(--text)}

.range-inquiry-process{max-width:65ch;font-size:15px;line-height:1.75;margin:20px 0}.range-inquiry-process a{color:#fff;text-decoration:underline;text-underline-offset:4px}.range-inquiry-process a:hover{color:#fff;text-decoration-thickness:2px}.range-inquiry-process a:focus-visible{color:#fff;outline:2px solid currentColor;outline-offset:4px}
.news-project-examples{padding-block:40px;border-bottom:1px solid #d8dee7}.news-project-examples h2{font-size:30px;margin:0 0 16px}.news-project-examples p{max-width:75ch;font-size:16px;line-height:1.7}.news-project-examples ul{padding-left:20px;margin:18px 0}.news-project-examples li>a{display:inline-block;min-height:44px;padding-block:8px;text-underline-offset:4px}.news-project-examples .news-project-note{font-size:13px;margin:0;color:var(--text)}
.mactec-detail-custom .mactec-custom-products{margin:20px 0 24px;padding:0}.mactec-detail-custom .mactec-custom-products>li{list-style:none;margin:0}.mactec-detail-custom .mactec-custom-products a{height:100%}
@media(max-width:767px){.mactec-detail-custom .mactec-custom-products{grid-template-columns:1fr}.news-project-examples{padding-block:30px}.news-project-examples h2{font-size:27px}}

#equipment-families{scroll-margin-top:140px}.range-equipment-index .range-model-name{text-transform:none}
@media(max-width:767px){#equipment-families{scroll-margin-top:110px}}

/* Escape dismisses hover/focus disclosure until the next deliberate entry. */
.site-nav .menu>li.is-dismissed>.sub-menu{display:none}
/* 0.9.67 / 1.7.45: the hub hero's typical quote and lead time, under its buttons, styled like the machine pages' "At a glance" facts */
.hub-glance{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start;gap:14px 40px}.hub-glance>div{border-left:3px solid #254877;padding-left:14px}.hub-glance dt{font-size:14px;font-weight:700;color:var(--navy);margin:0 0 2px}.hub-glance dd{margin:0;font-size:16px;line-height:1.5;color:var(--text)}
@media(max-width:760px){.hub-glance{grid-template-columns:1fr;gap:12px}}
/* 1.7.47: the first sentence of the Home intro sits right under the H1 as its subhead, so the first screen names the machine types (Grok re-audit, Oct 27; joint Claude/Codex decision) */
.range-intro.range-subhead{margin:14px auto 0}
@media(max-width:650px){.range-intro.range-subhead{margin:12px 0 0}}

/* 1.7.50 (Andrew, Oct 27): Home hero in the reference style. One row of four machines (hero-only tone-matched copies) on a flat
   pale-grey ground with the existing blueprint art, a large two-line H1, no model labels, price line or photo note. Scoped to
   .range-hero-row so the older hero rules above stay untouched for rollback. */
.range-hero.range-hero-row{background:#eef1f4;padding:40px 0 44px}
.range-hero-row .range-blueprint{opacity:.35}
.range-hero-row h1{font-size:clamp(36px,6.4vw,100px);line-height:.98;max-width:none}
.range-hero-row .range-subhead{font-size:19px;line-height:1.55;color:#3d4756;max-width:none;margin:14px auto 0}
.range-hero-row .range-nowrap{white-space:nowrap}
.range-hero-row .range-lineup{grid-template-columns:.74fr 1.25fr 1.35fr .96fr;align-items:end;gap:10px;max-width:none;min-height:0;margin:26px auto 24px}
.range-hero-row .range-lineup-machine{position:relative}
.range-hero-row .range-lineup-machine:after{content:"";position:absolute;left:12%;right:12%;bottom:-6px;height:14px;background:radial-gradient(ellipse at center,rgba(20,35,60,.2),rgba(20,35,60,0) 70%);z-index:-1;pointer-events:none}
.range-hero-row .range-lineup-machine img{width:100%;height:auto;max-height:430px;object-fit:contain;object-position:center bottom;filter:none}
.range-hero-row .range-lineup-machine:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
@media(max-width:650px){.range-hero.range-hero-row{padding:24px 0 30px}.range-hero-row h1{font-size:clamp(28px,9vw,36px);line-height:1.02}.range-hero-row .range-subhead{font-size:16px;margin:12px auto 0}.range-hero-row .range-lineup{grid-template-columns:1fr 1fr;gap:22px 14px;margin:22px 0 22px}.range-hero-row .range-lineup-machine img{max-height:150px}}
@media(max-width:360px){.range-hero-row h1{font-size:30px}.range-hero-row .range-lineup-machine img{max-height:125px}}

/* 1.7.54 (Andrew, Oct 27: "so much white space. use vikings website for direction"): Home sections run wider on big screens, the product section is a navy band of six tiles, and the equipment families are three photo cards. */
body.home main .wrap{max-width:max(1280px,min(1640px,94vw))}
.range-application-chooser{background:#0c1b35;border-top:0}
.range-application-chooser .range-heading-split h2{color:#fff}
.range-application-chooser .range-heading-split>p{color:#c9d6ea}
.range-application-chooser .range-product-links{border-bottom:0;gap:16px}
.range-application-chooser .range-product-links>li{border-top:0;background:rgba(255,255,255,.07)}
.range-application-chooser .range-product-links>li:hover{background:rgba(255,255,255,.13)}
.range-application-chooser .range-product-links>li>a{padding:30px 28px;min-height:150px;color:#fff;align-items:flex-end}
.range-application-chooser .range-product-links strong{font-family:var(--font-head);font-stretch:115%;font-weight:850;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(19px,1.5vw,24px);line-height:1.15;color:#fff}
.range-application-chooser .range-product-links span>span{color:#c9d6ea;font-size:14px;margin-top:8px}
.range-application-chooser .range-product-links svg{color:#fff;width:22px;height:22px}
.range-application-chooser a:focus-visible{outline-color:#fff}
.range-all-applications a{color:#fff}
.range-home-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.range-home-family{background:#eef1f4;padding:28px 28px 22px;display:flex;flex-direction:column;min-width:0}
.range-home-family-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;color:var(--navy);text-decoration:none}
.range-home-family-head h3{margin:0;font-size:clamp(20px,1.6vw,28px);line-height:1.1;max-width:none;min-height:0}
.range-home-family-head svg{width:22px;height:22px;flex-shrink:0}
.range-home-family-head:hover h3{text-decoration:underline;text-underline-offset:5px}
.range-home-family-photo{display:flex;align-items:center;justify-content:center;height:clamp(240px,22vw,380px);margin:18px 0 6px}
.range-home-family-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.range-home-family p.range-family-summary{font-size:15px;line-height:1.6;color:var(--text);margin:0 0 10px}
.range-home-family ul.range-models{display:block;list-style:none;margin:0;padding:0;border-top:1px solid #c9d2de}
.range-home-family ul.range-models>li{border-bottom:1px solid #c9d2de}
.range-home-family ul.range-models a.range-model{padding:12px 0;min-height:44px;background:none;box-shadow:none}
.range-home-family ul.range-models a.range-model:hover .range-model-name{text-decoration:underline;text-underline-offset:4px}
.range-home-family .range-model-go-view{display:none!important}
.range-home-family .range-family-quote{margin-top:14px}
.range-application-chooser>.wrap>.range-heading-split,#equipment-families>.wrap>.range-heading{display:block;text-align:center;max-width:900px;margin:0 auto 36px}
.range-application-chooser .range-heading-split h2,#equipment-families .range-heading h2{max-width:none;margin:0 auto 14px}
.range-application-chooser .range-heading-split>p,#equipment-families .range-heading>p{max-width:60ch;margin:0 auto}
.range-all-applications,.range-equipment-index .range-family-foot{text-align:center}
@media(max-width:899px){.range-home-families{grid-template-columns:minmax(0,640px);justify-content:center}}
@media(max-width:767px){.range-home-families{gap:16px}.range-home-family{padding:22px 18px 14px}.range-home-family-photo{height:220px}.range-application-chooser .range-product-links{gap:10px}.range-application-chooser .range-product-links>li>a{min-height:0;padding:20px 18px}}
/* 1.7.58: one pronounced hero button (reference-site style). */
.range-hero .range-actions{justify-content:center}
.range-hero .range-hero-cta{font-size:clamp(18px,1.4vw,22px);padding:20px 44px;min-height:64px;letter-spacing:.01em}
@media(max-width:650px){.range-hero .range-hero-cta{width:100%;font-size:18px;padding:16px 24px;min-height:56px}}
/* 1.7.59 (Andrew, Oct 28: "move the discuss your project button down just a smidge", "make sure discuss links here are level with each other"): the hero button sits a little lower (padding: a margin would collapse into the 24 px under the machine row); from 900 px the three family cards share rows (subgrid), so photos, summaries, model lists and Discuss links line up across the cards. */
.range-hero .range-actions{padding-top:16px}
@media(max-width:650px){.range-hero .range-actions{padding-top:10px}}
@media(min-width:900px){.range-home-families{row-gap:0}.range-home-family{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}.range-home-family .range-family-quote{justify-self:start;align-self:start}}
/* 1.7.59 (Andrew, Oct 28: "make the text here more level with one another"): the engineering band is wider, so "Custom engineering" keeps its own line and every heading stays at two lines; from 651 px its three columns share rows (subgrid), so headings, text and links line up. */
.range-engineering .range-benefits{max-width:1120px}
@media(min-width:651px){.range-benefits{row-gap:0}.range-benefits>article{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}.range-benefits>article>svg{justify-self:center}.range-benefits>article>a{justify-self:center;align-self:start}}
/* 1.7.60: the Menu button shows from 1023 px down, but its word "Menu" was only hidden from 980 px down; between 981 and 1023 px it showed beside the icon and ran 19 px past the right edge. Hidden over the same range as the button (screen readers still read it). */
@media(max-width:1023px){.menu-toggle-label{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}}
/* 1.7.61 (Ads plan 1a): the Single-Cup page's first-screen line sits between the model name and the buttons; on phones the
   model hero is a reordered column, so the line follows the name (before the photo) and the sample-review line follows the intro. */
.mactec-detail-model .detail-hero-copy>.hero-audience{margin:12px 0 24px}
@media(max-width:650px){.mactec-detail-model .detail-hero-copy>.hero-audience{order:1;margin:0}.mactec-detail-model .detail-hero-copy>.hero-intro{order:4;margin:0}}
/* 1.7.62 (Ads plan B2: "check that the quote button really brings phone users to the form"): on the Blister, Pouch and Monoblock hubs the quote anchor had no header offset, so a tap on Request a Quote landed with the Name field under the sticky header (Pouch, 390 px: field at 71 px, header bottom 73 px). Same offsets as the detail pages (125 px, 110 px on phones). */
.form-section #request-a-quote{scroll-margin-top:125px}
@media(max-width:650px){.form-section #request-a-quote{scroll-margin-top:110px}}
