@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{--black:#101315;--paper:#fff;--blue:#172acb}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:#16191b;font-family:Inter,Arial,sans-serif}
.site-header{height:92px;display:flex;align-items:center;padding:0 max(34px,calc((100vw - 1380px)/2));background:#fff;border-bottom:1px solid #e1e1de;position:relative;z-index:10}
.brand{margin-right:auto}.brand img{display:block;width:220px;height:auto}
nav{display:flex;align-items:center;gap:34px}nav a{text-decoration:none;font-size:13px;font-weight:600;color:#222}
nav .quote{border:1px solid #24282b;padding:13px 17px}
.menu{display:none}

.hero{height:610px;background:var(--black);position:relative;overflow:hidden;color:#fff}
.photo{position:absolute;inset:0 0 0 39%;background-image:url("assets/westex-rig.jpg");background-size:cover;background-position:center}
.fade{position:absolute;inset:0;background:linear-gradient(90deg,#101315 0%,#101315 30%,rgba(16,19,21,.96) 38%,rgba(16,19,21,.72) 49%,rgba(16,19,21,.25) 61%,rgba(16,19,21,0) 73%)}
.linework{position:absolute;width:470px;height:610px;left:max(10px,calc((100vw - 1440px)/2));bottom:-85px;color:#bfc5c8;opacity:.20}
.linework svg{width:100%;height:100%}
.rig-art{position:absolute;z-index:1;left:max(120px,calc((100vw - 1180px)/2));bottom:-65px;width:500px;height:650px;opacity:.20;overflow:hidden}
.rig-art img{width:100%;height:100%;object-fit:contain;object-position:left bottom;display:block}
.hero-copy{position:relative;z-index:3;width:min(650px,48vw);margin-left:max(34px,calc((100vw - 1380px)/2));padding-top:112px}
.hero-copy h1{font-size:clamp(48px,4.6vw,72px);line-height:1.03;letter-spacing:-.045em;font-weight:600;margin:0 0 26px}
.hero-copy p{font-size:17px;line-height:1.65;color:#c8ccce;max-width:540px;margin:0 0 34px}
.actions{display:flex;gap:24px;align-items:center}
.actions a{text-decoration:none;font-size:13px;font-weight:600}
.primary{background:#fff;color:#111;padding:15px 20px}
.secondary{color:#fff;border-bottom:1px solid rgba(255,255,255,.65);padding:14px 0 6px}


.capabilities{max-width:1240px;margin:auto;padding:54px 34px 58px;background:#fff}
.capabilities-lead{padding-bottom:30px;border-bottom:1px solid #dedede}
.capabilities-lead p{font-size:18px;line-height:1.55;margin:0;color:#41474a}
.capability-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.capability{min-width:0;padding:27px 24px 0}
.capability:first-child{padding-left:0}
.capability+.capability{border-left:1px solid #e3e3e3}
.capability h3{font-size:20px;line-height:1.15;letter-spacing:-.025em;margin:0 0 8px;font-weight:650}
.capability p{font-size:14px;line-height:1.5;color:#656a6d;margin:0}
.capability-equipment{padding-right:0}
.capability-equipment a{display:inline-block;margin-top:12px;color:#171a1c;text-decoration:none;font-size:13px;font-weight:700;border-bottom:1px solid #171a1c;padding-bottom:3px}

.history{background:#111517;color:#fff;padding:82px max(34px,calc((100vw - 1172px)/2)) 88px}
.history-rule{width:100%;height:1px;background:#3b4144;margin-bottom:54px}
.history-layout{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start}
.history h2{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.05em;font-weight:600;margin:0}
.history-copy p{font-size:19px;line-height:1.6;color:#c9cdcf;margin:3px 0 28px}
.history-copy a{color:#fff;text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid #fff;padding-bottom:4px}

.locations-section{max-width:1240px;margin:auto;padding:76px 34px 78px}
.locations-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start;margin-bottom:45px}
.locations-heading h2{font-size:clamp(36px,3.8vw,54px);line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:600}
.locations-heading p{font-size:18px;line-height:1.6;color:#41474a;margin:3px 0 0}
.location-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dedede;padding-top:30px}
.location{padding:0 34px}
.location:first-child{padding-left:0}
.location+.location{border-left:1px solid #e3e3e3}
.location h3{font-size:20px;margin:0 0 12px;letter-spacing:-.02em}
.location p{font-size:15px;line-height:1.65;color:#5d6366;margin:0 0 8px}
.location a{color:#171a1c;text-decoration:none;font-weight:650;font-size:15px}

.contact-close{background:#fff;border-top:1px solid #171a1c;max-width:1172px;margin:auto;padding:58px 0 64px;display:flex;justify-content:space-between;align-items:center;gap:60px}
.contact-close h2{font-size:38px;letter-spacing:-.04em;margin:0 0 8px}
.contact-close p{font-size:17px;color:#5d6366;margin:0}
.contact-button{display:inline-block;background:#171a1c;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:17px 24px;white-space:nowrap}

.site-footer{background:#0d1012;color:#aeb4b7;padding:34px max(34px,calc((100vw - 1172px)/2));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:45px;font-size:13px}
.footer-brand img{display:block;width:135px;height:auto;filter:grayscale(1) brightness(3)}
.footer-nav{display:flex;gap:28px}
.footer-nav a{color:#fff;text-decoration:none}
.site-footer p{margin:0;white-space:nowrap}

@media(max-width:800px){
  .nav{display:none}.menu{display:block}.hero{min-height:620px}.photo{left:0;opacity:.58}.fade{background:linear-gradient(180deg,rgba(16,19,21,.82),rgba(16,19,21,.72) 65%,rgba(16,19,21,.9))}
  .hero-inner{padding:70px 22px}.hero h1{font-size:48px;max-width:620px}.hero-copy{font-size:17px}.rig-art{left:-45px;bottom:-80px;width:430px;height:560px;opacity:.15}
  .capabilities{padding:44px 22px 48px}.capabilities-lead p{font-size:16px}.capability-grid{grid-template-columns:1fr 1fr}.capability{padding:22px 18px}.capability:nth-child(odd){padding-left:0}.capability+.capability{border-left:0}.capability:nth-child(even){border-left:1px solid #e3e3e3}.capability-equipment{border-top:1px solid #e3e3e3;grid-column:1/-1;padding-left:0}
  .history{padding:58px 22px 64px}.history-rule{margin-bottom:38px}.history-layout{grid-template-columns:1fr;gap:28px}.history-copy p{font-size:17px}
  .locations-section{padding:58px 22px 62px}.locations-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.locations-heading p{font-size:16px}.location-grid{grid-template-columns:1fr;gap:0}.location{padding:22px 0}.location+.location{border-left:0;border-top:1px solid #e3e3e3}
  .contact-close{margin:0 22px;padding:46px 0 50px;align-items:flex-start;flex-direction:column;gap:28px}
  .site-footer{grid-template-columns:1fr;gap:22px;padding:32px 22px}.footer-nav{flex-wrap:wrap;gap:18px 24px}.site-footer p{white-space:normal}
}