/*
Theme Name: Tallgrass Industrial
Theme URI: https://tallgrassindustrial.com
Author: Tallgrass Industrial
Description: Custom single-page theme for Tallgrass Industrial.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tallgrass-industrial
*/
:root{--navy:#07131f;--navy2:#0b1f30;--brass:#d39a37;--paper:#f1f3f2;--ink:#121b21;--muted:#586970;--line:#bcc6ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
header{position:absolute;z-index:20;inset:0 0 auto;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:0 4vw;color:#edf2f3;border-bottom:1px solid #bed0da3d}.mark,.foot-mark{font-family:"Arial Narrow",Impact,sans-serif;font-size:22px;letter-spacing:.16em;text-transform:uppercase}.mark b,.foot-mark b{color:var(--brass)}nav{display:flex;gap:34px;font-size:14px}nav a{padding:30px 0}.head-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.head-cta{justify-self:end;padding:14px 20px;border:1px solid var(--brass);color:#f0b54e;font-size:12px}
.hero{min-height:900px;position:relative;overflow:hidden;color:#e9eff1;padding:145px 4vw 0;background-color:var(--navy);background-image:linear-gradient(#2b607e1a 1px,transparent 1px),linear-gradient(90deg,#2b607e1a 1px,transparent 1px),radial-gradient(circle at 70% 40%,#12344e 0,#07131f 55%);background-size:24px 24px,24px 24px,auto}.hero-copy{position:relative;z-index:4;width:48%;max-width:700px;padding:28px 0 250px}.eyebrow{margin:0 0 38px;color:var(--brass);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow:after{content:"";display:block;width:72px;margin-top:17px;border-top:2px solid}.hero h1,h2{margin:0;font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.hero h1{font-size:clamp(54px,5.6vw,92px);line-height:.99}.hero h1 em{color:#f0b653;font-style:normal}.summary{max-width:650px;margin:30px 0 0;color:#bed0d8;font-size:20px;line-height:1.55}.actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{min-height:58px;padding:0 26px;border:1px solid var(--brass);color:#f4ba52;font-size:12px}.actions>a:last-child{border-bottom:1px solid #648295;padding:10px 0;font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.blueprint{position:absolute;z-index:2;top:118px;right:2.5vw;width:54%;height:610px;color:#9bb6c5;border:1px solid #6a9bb53d;background:#04111c2b}.blueprint>small{position:absolute;top:16px;left:18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.dim{position:absolute;left:12%;right:10%;top:65px;text-align:center;border-top:1px solid #7895a5;font-size:9px}.machine{position:absolute;border:2px solid #9eb4bd;box-shadow:inset 0 0 0 5px #4075932e}.machine:before{content:"";position:absolute;inset:11%;border:1px solid #4f7890}.machine i{position:absolute;width:52px;height:52px;left:13%;top:25%;border:1px solid #829eac;border-radius:50%}.machine i+i{width:28px;height:28px;left:auto;right:12%;top:auto;bottom:16%}.ma{top:130px;left:17%;width:31%;height:150px}.mb{top:160px;right:12%;width:24%;height:120px}.mc{top:350px;left:23%;width:48%;height:86px}.route{position:absolute;border:2px dashed #78b2d4}.ra{top:300px;left:12%;width:72%;height:110px;border-right-color:var(--brass);border-bottom-color:var(--brass)}.rb{top:94px;left:26%;width:48%;height:210px;border-bottom:0}.node{position:absolute;width:17px;height:17px;border:3px solid var(--brass);border-radius:50%;background:var(--navy)}.na{left:20%;top:292px}.nb{left:56%;top:292px}.nc{right:14%;top:394px}.schedule{position:absolute;display:grid;grid-template-columns:1.8fr repeat(4,1fr);grid-auto-rows:22px;bottom:48px;right:2%;width:44%;border:1px solid #7995a4;font-size:8px;text-transform:uppercase}.schedule>*{display:flex;align-items:center;padding:0 5px;border-right:1px solid #456476;border-bottom:1px solid #456476}.schedule i{grid-column:2/6;height:8px;align-self:center;background:#55768a;border:0}.schedule i:nth-of-type(1){width:35%;background:var(--brass)}.schedule i:nth-of-type(2){width:54%;margin-left:17%}.schedule i:nth-of-type(3){width:63%;margin-left:32%;background:#ae8240}.schedule i:nth-of-type(4){width:28%;margin-left:68%}
.proof{position:absolute;z-index:5;left:1.5vw;right:1.5vw;bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #97b4c37a;background:#04121dc7;backdrop-filter:blur(10px)}.proof>div{min-height:108px;display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-content:center;padding:22px 30px;border-right:1px solid #97b4c35c}.proof>div:last-child{border:0}.proof span{grid-row:1/3;align-self:center;color:var(--brass);border:1px solid;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:11px}.proof strong{font:22px "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.proof small{color:#8fa7b4;margin-top:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.section{padding:110px 5vw}.intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:10vw;margin-bottom:70px}.intro>.eyebrow{grid-column:1/-1;margin-bottom:6px}.work-intro>.eyebrow{grid-column:auto}.dark{color:#8e641e}.section h2,.active h2,.contact h2{font-size:clamp(42px,4.3vw,68px);line-height:1.02}.intro>p{margin:0;color:#53636b;font-size:18px;line-height:1.65}.services{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #9eaaaf}.services article{min-height:480px;padding:34px;border-right:1px solid var(--line)}.services article:first-child{padding-left:0}.services article:last-child{border:0;padding-right:0}.services article>span,.projects article>span{color:#9a6a1e;font-size:11px;letter-spacing:.15em;font-weight:700}.services h3,.projects h3{margin:75px 0 22px;font:34px/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.services p,.projects p{color:var(--muted);line-height:1.65}.services ul,.projects ul{list-style:none;padding:0;margin:35px 0 0;border-top:1px solid #c5cccf}.services li,.projects li{padding:11px 0;border-bottom:1px solid #c5cccf;font-size:13px}.services li:before{content:"+";color:#9a6a1e;margin-right:12px}
.active{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:110px 5vw;color:#e7edf0;background:var(--navy2)}.steps{border-top:1px solid #597181}.steps article{display:grid;grid-template-columns:55px 1fr 1.7fr;gap:22px;padding:28px 0;border-bottom:1px solid #597181}.steps span{color:var(--brass);font-size:11px}.steps h3{margin:0;font:22px "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.steps p{margin:0;color:#9fb1ba;line-height:1.55}.projects{border-top:1px solid #9eaaaf}.projects article{display:grid;grid-template-columns:.35fr 1.15fr .5fr;gap:5vw;padding:42px 0;border-bottom:1px solid #b9c2c5}.projects h3{margin:0 0 14px;font-size:30px}.projects p,.projects ul{margin:0}.projects li{text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.equipment{padding:50px 5vw;color:#e5edf0;background:#102839}.equipment>p{color:var(--brass);font-size:11px;text-transform:uppercase;letter-spacing:.18em}.equipment>div{display:flex;flex-wrap:wrap;margin:26px 0 20px}.equipment span{padding:12px 20px;border:1px solid #496476;margin:-1px 0 0 -1px;font:20px "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.equipment small{color:#78909d;font-size:10px}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.logo{min-height:510px;display:grid;place-items:center;background:#fff;border:1px solid #cbd2d4}.logo img{width:min(90%,540px)}.about .lead{font-size:23px;line-height:1.5;color:#26353c}.about>div>p:not(.eyebrow):not(.lead){color:#5b6b72;line-height:1.7}.about aside{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:40px;padding:24px 0;border-block:1px solid #b9c2c5}.about aside span{grid-column:1/-1;color:#8e641e;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.about aside strong{font:22px "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;padding:110px 5vw;color:#e7edf0;background-color:var(--navy);background-image:linear-gradient(#2b607e1a 1px,transparent 1px),linear-gradient(90deg,#2b607e1a 1px,transparent 1px);background-size:24px 24px}.contact>div>p:not(.eyebrow){max-width:520px;color:#9bb0ba;line-height:1.6}.phone{display:inline-block;margin-top:30px;color:var(--brass);font:35px "Arial Narrow",Impact,sans-serif}.routes{border-top:1px solid #526a79}.routes a{position:relative;display:grid;grid-template-columns:.6fr 1.35fr;gap:7px 20px;padding:26px 46px 26px 0;border-bottom:1px solid #526a79}.routes a>span:first-child{grid-row:1/3;color:#869da9;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.routes strong{font:22px "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.routes small{color:#8ba1ac}.routes a>span:last-child{position:absolute;right:5px;top:30px;color:var(--brass);font-size:22px}footer{display:grid;grid-template-columns:1.1fr .9fr .6fr;gap:6vw;padding:60px 5vw 28px;color:#adc0c9;background:#04101a;border-top:1px solid #324c5e}footer>div{display:flex;flex-direction:column;gap:9px;font-size:12px}footer small{grid-column:1/-1;margin-top:34px;padding-top:20px;border-top:1px solid #263e4e;color:#607783}
@media(max-width:1000px){header{grid-template-columns:1fr auto}nav{display:none}.hero{min-height:1040px}.hero-copy{width:65%}.blueprint{opacity:.5;width:66%;right:-15%}}
@media(max-width:760px){header{height:70px;padding:0 20px}.mark{font-size:16px}.head-cta{padding:10px 12px;font-size:9px}.hero{min-height:auto;padding:105px 20px 0}.hero-copy{width:100%;padding:18px 0 310px}.hero h1{font-size:clamp(46px,14vw,68px)}.summary{font-size:17px}.actions{align-items:flex-start;flex-direction:column;gap:14px}.blueprint{top:auto;right:-30%;bottom:230px;width:115%;height:320px;opacity:.42}.schedule{display:none}.mc{top:210px}.ra{top:195px}.proof{position:relative;left:-20px;right:auto;bottom:auto;width:calc(100% + 40px);grid-template-columns:1fr}.proof>div{min-height:86px;border-right:0;border-bottom:1px solid #97b4c35c}.section{padding:78px 20px}.intro,.active,.about,.contact{grid-template-columns:1fr}.intro{gap:28px;margin-bottom:46px}.services{grid-template-columns:1fr}.services article,.services article:first-child,.services article:last-child{min-height:auto;padding:28px 0 40px;border-right:0;border-bottom:1px solid var(--line)}.services h3{margin-top:35px}.active,.contact{padding:78px 20px}.steps article{grid-template-columns:35px 1fr}.steps p{grid-column:2}.projects article{grid-template-columns:1fr;gap:20px}.projects ul{display:flex;flex-wrap:wrap;gap:6px}.projects li{padding:7px 10px;border:1px solid #c5cccf}.logo{min-height:340px}.equipment{padding:42px 20px}.equipment span{font-size:17px;padding:10px 12px}.routes a{grid-template-columns:1fr}.routes a>span:first-child{grid-row:auto}footer{grid-template-columns:1fr;padding:50px 20px 24px}footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}

/* Blueprint Command hero — restored to the selected first-viewport direction. */
.hero-original{min-height:900px;padding-top:126px;background:#061421}
.blueprint-art{position:absolute;z-index:1;inset:82px 0 0 auto;width:100%;height:calc(100% - 82px);object-fit:cover;object-position:center center;opacity:.94}
.hero-fade{position:absolute;z-index:2;inset:82px 0 0;background:linear-gradient(90deg,#061421 0%,#061421f7 23%,#061421c9 40%,#06142129 62%,transparent 76%),linear-gradient(0deg,#061421a6 0%,transparent 24%)}
.hero-original .hero-copy{width:48%;max-width:720px;padding:32px 0 244px}
.hero-original .eyebrow{margin-bottom:50px}
.hero-original h1{font-size:clamp(58px,5.15vw,86px);line-height:1.035;color:#f0f1ef;text-shadow:0 2px 22px #03101b}
.hero-original .summary{max-width:590px;color:#b9cad3;font-size:19px}
.hero-original .proof{background:#061724dd}
@media(max-width:1000px){.blueprint-art{width:118%;object-position:60% center}.hero-original .hero-copy{width:64%}.hero-fade{background:linear-gradient(90deg,#061421 0%,#061421ef 34%,#06142182 60%,transparent 85%),linear-gradient(0deg,#061421b5 0%,transparent 25%)}}
@media(max-width:760px){.hero-original{padding-top:96px}.blueprint-art{inset:70px 0 auto;width:155%;height:720px;object-position:67% center;opacity:.55}.hero-fade{inset:70px 0 0;background:linear-gradient(180deg,#061421f2 0%,#061421b5 42%,#06142170 65%,#061421 86%)}.hero-original .hero-copy{width:100%;padding:28px 0 320px}.hero-original .eyebrow{margin-bottom:34px}.hero-original h1{font-size:clamp(45px,13.1vw,66px)}.hero-original .summary{font-size:17px}.hero-original .proof{position:relative;z-index:5}}

/* Consistent display type across Windows, macOS, and browser previews. */
.hero h1,
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: .01em;
}
.hero-original h1 {
  font-size: clamp(56px, 4.7vw, 78px);
  line-height: 1.1;
  letter-spacing: .005em;
}
.hero-original .summary {
  margin-top: 34px;
  line-height: 1.6;
}
@media (max-width: 760px) {
  .hero-original h1 {
    font-size: clamp(44px, 12vw, 61px);
    line-height: 1.08;
  }
}