:root{--ink:#101517;--paper:#f4f2ec;--amber:#e3a11a}*{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}.topbar{height:88px;background:#f8f7f2;display:flex;align-items:center;padding:0 5vw;justify-content:space-between;border-bottom:1px solid #d8d6cf;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:.08em}.brand-mark{width:42px;height:42px;background:var(--amber);color:#111;display:grid;place-items:center;font-weight:900;letter-spacing:-.08em;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%)}nav{display:flex;gap:34px;font-size:12px;text-transform:uppercase;letter-spacing:.16em}nav a:hover{color:#a66d00}.nav-contact{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.nav-contact span{color:var(--amber);font-size:18px;margin-left:9px}.hero{min-height:700px;position:relative;color:#fff;background:url('../../images/hero-refinery.jpg') center/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,18,.94),rgba(7,15,18,.72) 46%,rgba(7,15,18,.12)),linear-gradient(0deg,rgba(5,10,12,.45),transparent 55%)}.hero-content{position:relative;z-index:2;max-width:780px;padding:118px 5vw 80px}.eyebrow,.kicker{font-size:11px;letter-spacing:.24em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:12px;color:#d7dcde}.eyebrow span{width:32px;height:2px;background:var(--amber)}h1{font-size:clamp(54px,7vw,96px);line-height:.97;letter-spacing:-.055em;margin:30px 0 34px}h1 em{font-style:normal;color:var(--amber)}.hero-copy{max-width:615px;color:#d4d9da;font-size:18px;line-height:1.75;margin-bottom:38px}.primary-button{background:var(--amber);color:#111;display:inline-flex;gap:40px;align-items:center;padding:19px 24px;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:.15em}.primary-button:hover{background:#f1b536}.primary-button span{font-size:20px}.hero-rail{position:absolute;right:0;bottom:0;z-index:2;background:rgba(13,21,24,.88);padding:23px 4vw;display:flex;gap:30px;font-size:10px;letter-spacing:.24em}.hero-rail span+span:before{content:'·';color:var(--amber);margin-right:30px}.section{padding:110px 7vw}.section-label{font-size:10px;letter-spacing:.22em;font-weight:800;color:#4f5658}.section-label span{color:var(--amber);margin-right:16px}.intro{display:grid;grid-template-columns:.55fr 1.7fr .9fr;gap:7vw;align-items:start}.kicker{color:#7a8385;margin:0 0 20px}.intro h2,.cap-panel h2,.commit h2,.contact-band h2{font-size:clamp(38px,4.2vw,64px);line-height:1.06;letter-spacing:-.045em;margin:0 0 32px}.intro-copy>p:not(.kicker){max-width:680px;color:#555e60;line-height:1.8;font-size:16px}.quote-card{background:#fff;padding:36px 32px;border-top:4px solid var(--amber);box-shadow:0 15px 40px rgba(28,33,34,.08)}.quote-mark{font-family:Georgia,serif;font-size:60px;line-height:.7;color:var(--amber)}.quote-card p{font-family:Georgia,serif;font-size:21px;line-height:1.55}.quote-card span{font-size:9px;letter-spacing:.2em;color:#7c8385;font-weight:800}.capabilities{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.cap-image{background:url('../../images/refinery-detail.jpg') center/cover no-repeat;filter:contrast(1.08)}.cap-panel{background:#11191c;color:#fff;padding:86px 8vw 70px}.light{color:#c0c6c7}.amber{color:var(--amber)}.service-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:23px 0;border-top:1px solid #344044}.service-list article>span{color:var(--amber);font-size:12px}.service-list h3{margin:0 0 7px;font-size:17px}.service-list p{margin:0;color:#aeb7b9;line-height:1.65;font-size:13px}.commit{display:grid;grid-template-columns:.55fr 2.6fr;gap:7vw}.commit-heading,.principles{grid-column:2}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principles article{background:#fff;padding:32px;border-bottom:3px solid transparent}.principles article:hover{border-color:var(--amber)}.principles b{display:grid;place-items:center;width:46px;height:46px;background:#162024;color:var(--amber);margin-bottom:26px}.principles h3{font-size:17px}.principles p{color:#687174;line-height:1.7;font-size:13px}.contact-band{background:var(--amber);padding:70px 8vw;display:flex;justify-content:space-between;align-items:end}.contact-band .amber{color:#342500}.contact-band h2{margin:0}.contact-band a{background:#11191c;color:#fff;min-width:390px;padding:25px 28px;display:flex;flex-direction:column;gap:8px}.contact-band a span{font-size:10px;color:#aab2b4;text-transform:uppercase;letter-spacing:.18em}.contact-band a strong{font-size:18px}footer{background:#0b1113;color:#d1d5d5;padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;font-size:12px;line-height:1.8}.credit{text-align:right;color:#768184}.credit a{color:#b9c0c1;text-decoration:underline}
@media(max-width:900px){.topbar nav{display:none}.hero{min-height:650px}.hero-content{padding-top:90px}.intro,.commit{grid-template-columns:1fr}.section-label,.intro-copy,.quote-card,.commit-heading,.principles{grid-column:1}.capabilities{grid-template-columns:1fr}.cap-image{min-height:420px}.principles{grid-template-columns:1fr}.contact-band{align-items:flex-start;gap:35px;flex-direction:column}.contact-band a{min-width:0;width:100%}footer{grid-template-columns:1fr}.credit{text-align:left}}
@media(max-width:600px){.topbar{height:74px;padding:0 20px}.nav-contact{font-size:0}.nav-contact span{font-size:23px}.brand{font-size:14px}.brand-mark{width:36px;height:36px}.hero-content{padding:75px 22px 100px}h1{font-size:52px}.hero-copy{font-size:16px}.hero-rail{left:0;right:0;justify-content:center;padding:18px 10px;gap:12px}.hero-rail span+span:before{margin-right:12px}.section{padding:75px 22px}.intro{gap:35px}.cap-image{min-height:320px}.cap-panel{padding:70px 22px}.contact-band{padding:58px 22px}.contact-band a strong{font-size:15px}footer{padding:45px 22px}}