:root{--ink:#071d37;--ink2:#0b2d50;--red:#e52232;--red-deep:#af1223;--blue:#118ed3;--pale:#f2f7fb;--line:#dce6ee;--white:#fff;--font:'Manrope',Arial,sans-serif;--display:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 16px/1.7 var(--font);background:#fff}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:94px;padding:10px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:35px;background:#fff;position:relative;z-index:20;box-shadow:0 7px 24px rgba(4,26,53,.11)}.brand{display:flex;align-items:center;background:#fff;align-self:stretch;min-width:154px}.brand img{height:72px;width:146px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.main-nav{display:flex;align-items:center;gap:31px}.main-nav a{color:#17314b;text-decoration:none;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;position:relative}.main-nav a:after{content:'';width:0;height:2px;background:var(--red);position:absolute;bottom:-9px;left:0;transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.nav-toggle{display:none;border:0;background:none}.hero{min-height:680px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center}.hero-video,.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{transform:scale(1.025)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,17,35,.9) 0%,rgba(2,17,35,.56) 44%,rgba(0,32,61,.25) 100%)}.hero-content{position:relative;z-index:1}.eyebrow{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;margin:0 0 15px}.eyebrow.light{color:#87d4ff}.hero h1,.page-hero h1{font:700 clamp(3rem,6vw,5.7rem)/1.04 var(--display);letter-spacing:-.045em;margin:0}.hero h1 em,.page-hero h1 em,h2 em{color:#55c6ff;font-style:normal}.hero-copy{width:min(530px,100%);font-size:1.07rem;line-height:1.75;margin:25px 0 31px;color:#ecf5fc}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;gap:18px;border:1px solid transparent;text-decoration:none;padding:14px 20px;font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;transition:.25s}.button span{font-size:1.2rem;line-height:1}.button-red{color:#fff;background:var(--red)}.button-red:hover{background:var(--blue);transform:translateY(-2px)}.button-white{color:var(--ink);background:#fff}.button-white:hover{background:#dff3ff}.text-link{color:var(--red);font-size:.8rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.text-link.light{color:#fff}.text-link span{font-size:1.25rem;margin-left:5px}.scroll-mark{position:absolute;z-index:1;right:4.6%;bottom:38px;color:#dcebf5;font-size:.67rem;text-transform:uppercase;letter-spacing:.16em;display:flex;gap:12px;align-items:center;transform:rotate(90deg);transform-origin:right}.scroll-mark i{height:1px;width:54px;background:var(--red)}.section{padding:105px 0}.grid-two{display:grid;grid-template-columns:1.05fr .95fr;gap:min(12vw,165px)}.section h2,.center-title h2,.split-heading h2,.activity-intro h2,.contact-heading h2{font:700 clamp(2.25rem,4vw,3.75rem)/1.16 var(--display);letter-spacing:-.035em;margin:0}.intro-copy{padding-top:11px}.intro-copy p{margin:0 0 21px;color:#4e6071;font-size:1.03rem}.section-dark{background:linear-gradient(135deg,#061b32,#0c355d);color:white;padding:106px 0}.center-title{text-align:center;margin-bottom:57px}.center-title h2{font-size:clamp(2.3rem,4vw,4rem)}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17)}.strength-card{min-height:230px;padding:28px 29px;border-right:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17);transition:.3s}.strength-card:hover,.strength-card.accent{background:linear-gradient(145deg,var(--red),#bd122b)}.strength-card b{font:800 .72rem var(--font);letter-spacing:.14em;color:#73cfff}.strength-card h3{font:700 1.2rem/1.25 var(--font);margin:26px 0 10px}.strength-card p{font-size:.85rem;line-height:1.65;margin:0;color:#cbd8e5}.strength-card:hover b,.strength-card.accent b,.strength-card:hover p,.strength-card.accent p{color:#fff}.statement{padding:38px 0 45px;text-align:center;font:600 clamp(1.4rem,2.6vw,2.25rem)/1.45 var(--display)}.statement strong{color:var(--red)}.page-hero{height:405px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center}.page-hero>img{filter:saturate(.9)}.association{padding:90px 0;background:var(--pale)}.association-mark{font:800 clamp(3rem,6vw,5.5rem)/1 var(--font);letter-spacing:-.08em;color:var(--ink)}.association-mark span{color:var(--red);font-weight:400;margin:0 10px}.association h2{font:700 clamp(2rem,3vw,3rem)/1.1 var(--display);margin:0 0 20px}.association p:not(.eyebrow){color:#526373;margin:0}.split-heading{display:grid;grid-template-columns:26% 1fr;gap:50px}.red-rule{height:3px;background:var(--red);width:100%;margin:54px 0 29px}.two-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.three-cols p{margin:0;color:#526373}.leadership p:not(.eyebrow){color:#cfdae6;margin:10px 0 18px}.approach{padding:100px 0;color:#fff;background:linear-gradient(108deg,rgba(4,27,49,.87),rgba(6,58,100,.77)),url('../images/petroleum-distribution-hero.png') center/cover}.approach h2{font:700 clamp(2.7rem,5vw,4.5rem)/1.08 var(--display);margin:0 0 20px}.approach>div>p:last-child{max-width:560px;color:#e2edf6}.activity-intro{padding-bottom:57px;max-width:1180px}.activity-intro h2{max-width:790px}.activities-list{padding-bottom:105px}.activity{padding:32px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:98px 1fr 45px;gap:25px;align-items:start;transition:.25s}.activity:last-child{border-bottom:1px solid var(--line)}.activity:hover{padding-left:17px;background:#f7fbfe}.activity-no{font:800 .8rem var(--font);color:var(--red);padding-top:8px}.activity h2{font:700 clamp(1.7rem,3vw,2.65rem)/1.15 var(--display);margin:0 0 10px}.activity p{max-width:690px;color:#506171;margin:0}.activity>span{color:var(--blue);font-size:2.1rem;line-height:1}.cta-band{padding:56px 0;background:linear-gradient(105deg,var(--red),#ba1428)}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-band p{color:#fff;font:600 clamp(1.6rem,3vw,2.5rem)/1.2 var(--display);margin:0}.contact-heading{max-width:670px;margin-bottom:52px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-card{background:var(--pale);padding:31px;min-height:190px;border-bottom:3px solid transparent;transition:.25s}.contact-card:hover{border-bottom-color:var(--red);transform:translateY(-3px)}.contact-card small{display:block;color:var(--red);font-weight:800;letter-spacing:.13em;text-transform:uppercase;font-size:.68rem}.contact-card h3{font:700 1.36rem/1.3 var(--font);margin:17px 0 8px}.contact-card p{color:#5b6c7c;margin:0;font-size:.9rem}.map-section{height:470px;position:relative;background:#e8f0f4}.map-section iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(.9)}.map-note{position:absolute;left:max(24px,calc((100% - 1180px)/2));top:45px;background:var(--ink);color:#fff;width:min(355px,calc(100% - 48px));padding:32px}.map-note h3{font:700 1.8rem/1.25 var(--display);margin:0}.site-footer{background:#051a30;color:#d2dfeb;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:75px}.footer-brand{display:inline-flex;background:#fff;padding:5px 11px;margin-bottom:17px}.footer-brand img{height:72px;width:148px;object-fit:contain;mix-blend-mode:multiply}.footer-grid p{font-size:.86rem;line-height:1.75;max-width:305px;margin:0}.footer-grid h4{color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;margin:10px 0 17px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{font-size:.8rem;line-height:1.9;color:#c9d8e5}.contact-list b{display:block;color:#68c9fc;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.3;margin-top:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:22px 0;margin-top:52px;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.03em}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.site-header{height:82px}.brand img{height:62px;width:128px}.nav-toggle{display:flex;flex-direction:column;gap:5px;padding:9px;cursor:pointer}.nav-toggle span{height:2px;width:25px;background:var(--ink);display:block}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;box-shadow:0 11px 18px rgba(5,23,42,.14);padding:18px 24px 24px;flex-direction:column;align-items:flex-start;gap:20px}.main-nav.open{display:flex}.main-nav a:after{bottom:-4px}.hero{min-height:630px}.hero-content{padding-top:15px}.scroll-mark{display:none}.grid-two,.split-heading{grid-template-columns:1fr;gap:28px}.section{padding:73px 0}.section-dark{padding:73px 0}.strength-grid{grid-template-columns:1fr 1fr}.three-cols{grid-template-columns:1fr;gap:16px}.association{padding:70px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:1/-1}.page-hero{height:335px}.contact-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:3.4rem}}@media(max-width:500px){.container{width:min(100% - 34px,1180px)}.hero{min-height:600px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.strength-grid{grid-template-columns:1fr}.strength-card{min-height:auto}.activity{grid-template-columns:48px 1fr;gap:12px;padding:25px 0}.activity>span{display:none}.cta-band .container,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-grid>div:first-child{grid-column:auto}.map-section{height:390px}.map-note{top:20px;padding:24px}.page-hero{height:300px}.hero h1,.page-hero h1{font-size:2.85rem}}