:root{--gold:#e2ae3d;--blue:#9b6b12;--ink:#192429;--paper:#f5f6f6}.brand{--logo-width:15rem;flex-shrink:0;position:relative;overflow:hidden;width:calc(var(--logo-width) * .811927);aspect-ratio:1416 / 767}.brand-logo{display:block;position:absolute;width:var(--logo-width);max-width:none;height:auto;left:calc(var(--logo-width) * -.084862);top:calc(var(--logo-width) * -.033257)}header .wrap{padding:14px 0;min-height:130px}nav a[aria-current]{border-color:#be881e}.hero{background-size:cover;background-position:center;isolation:isolate}.hero-refinery{background-image:linear-gradient(90deg,rgba(10,21,28,.96) 0%,rgba(10,21,28,.85) 43%,rgba(10,21,28,.38) 100%),url('/assets/refinery.png')}.hero-tanks{background-image:linear-gradient(90deg,rgba(10,21,28,.94) 0%,rgba(10,21,28,.82) 50%,rgba(10,21,28,.4) 100%),url('/assets/tanks.png')}.hero .lead{color:#eef1f3;max-width:670px}.hero h1{max-width:870px;text-shadow:0 2px 16px #0004}.hero .button:not(.primary){background:#17252bba;border-color:#d3dbe1}.hero .eyebrow{color:#f4cd75}h1 em{color:#f0bd54}.button.blue{background:#dfaa36;color:#17232c;border-color:#dfaa36}.textlink,.detail a{color:#795312}.callout{background:linear-gradient(90deg,rgba(14,28,35,.95),rgba(14,28,35,.84)),url('/assets/tanks.png') center/cover;color:white;border-left:4px solid var(--gold)}.callout .button{flex-shrink:0}.footer-brand{background:white;display:inline-block;padding:9px 14px;border-radius:2px}.footer-brand img{display:block;width:12rem;height:auto}.image-note{display:block;font-size:.8125rem;margin-top:8px;color:#adbbc4}@media(max-width:760px){header .wrap{padding:12px 0;gap:8px;min-height:0}.brand{--logo-width:13rem}nav{gap:10px 18px}.hero{background-position:65% center}.hero-refinery,.hero-tanks{background-blend-mode:normal}.hero h1{font-size:clamp(2.5rem,9vw,3rem)}.hero .lead{font-size:1.0625rem}.footer-brand img{width:11rem}}

/* Compact mobile header with an accessible disclosure menu. */
.menu-toggle{display:none;border:0;border-radius:4px;background:#14232b;color:#fff;width:44px;height:44px;padding:11px;cursor:pointer;flex-shrink:0;flex-direction:column;justify-content:space-around;align-items:stretch}
.menu-toggle span{display:block;height:2px;background:currentColor;border-radius:2px}
.menu-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:760px){
 header .wrap{flex-direction:row;align-items:center;flex-wrap:wrap;padding:8px 0;gap:0;min-height:0}
 header .brand{--logo-width:10.4rem}
 header nav{width:100%;padding-top:12px}
 header.menu-ready .menu-toggle{display:flex}
 header.menu-ready nav{display:none}
 header.menu-ready nav.is-open{display:flex;flex-direction:column;gap:0;padding:8px 0 0;margin-top:8px;border-top:1px solid #dde3e8}
 header.menu-ready nav a{display:block;padding:10px 4px;min-height:44px}
}