:root{--color-brand-red:#d71920;--color-brand-red-dark:#b01418;--color-brand-gold:#c9a227;--color-brand-yellow:#fbc02d;--color-brand-orange:#ff6b00;--color-white:#fff;--color-black:#1a1a1a;--color-gray-100:#f5f5f5;--color-gray-500:#737373;--color-gray-900:#171717;--color-primary:var(--color-brand-red);--color-primary-hover:var(--color-brand-red-dark);--color-accent:var(--color-brand-gold);--color-highlight:var(--color-brand-yellow);--color-text:var(--color-black);--color-text-muted:var(--color-gray-500);--color-text-inverse:var(--color-white);--color-text-gold:var(--color-brand-gold);--color-background:var(--color-white);--color-background-alt:var(--color-gray-100);--color-background-dark:var(--color-gray-900);--color-border:#e5e5e5;--bg-pattern:url(/images/home/bg.svg);--bg-pattern-size:100% auto;--bg-pattern-opacity:1;--font-family-base:var(--font-montserrat,"Montserrat"), system-ui, sans-serif;--font-family-heading:var(--font-family-base);--font-family-gotham-book:"Gotham Book", "Gotham", var(--font-montserrat,"Montserrat"), system-ui, sans-serif;--font-family-tagline:Georgia, "Times New Roman", serif;--font-family-digital:"DS-Digital", ui-monospace, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--page-gutter:16px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:min(90rem, 100%);--container-3xl:1600px;--header-height:7.5rem;--header-height-mobile:4rem;--header-height-scrolled:85px;--header-offset:var(--header-height-mobile);--hero-height-mobile:60vh;--hero-height-desktop:85vh;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-nav-pill:0 4px 14px #00000040;--shadow-card:0 4px 16px #0000001a;--shadow-dropdown:0 8px 32px #0000001f;--shadow-modal:0 16px 48px #0003;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-drawer:350;--z-overlay:400;--z-modal:450;--z-toast:500;--z-loader:600}@media (min-width:768px){:root{--header-offset:clamp(5rem, 8.33vw, 7.5rem)}}@media (min-width:1024px){:root{--page-gutter:57px;--header-offset:var(--header-height)}}@media (min-width:1536px){:root{--container-2xl:min(100rem, 100%)}}@media (min-width:1800px){:root{--container-2xl:min(112.5rem, 100%)}}@media (min-width:2200px){:root{--container-2xl:min(120rem, 100%)}}
@font-face{font-family:DS-Digital;src:url(/fonts/ds-digital/DS-DIGI.TTF)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DS-Digital;src:url(/fonts/ds-digital/DS-DIGIB.TTF)format("truetype");font-weight:700;font-style:normal;font-display:swap}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{isolation:isolate;min-height:100dvh;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);position:relative}body:before{content:"";z-index:-1;pointer-events:none;background-color:var(--color-background);position:fixed;inset:0}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:clamp(var(--font-size-2xl), 5vw, var(--font-size-4xl))}h2{font-size:clamp(var(--font-size-xl), 4vw, var(--font-size-3xl))}h3{font-size:clamp(var(--font-size-lg), 3vw, var(--font-size-2xl))}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed);color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}
.container{width:100%;max-width:var(--container-2xl);padding-left:max(var(--page-gutter), env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter), env(safe-area-inset-right,0px));margin-inline:auto}.page-gutter-x{padding-left:max(var(--page-gutter), env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter), env(safe-area-inset-right,0px))}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--2xl{max-width:var(--container-2xl)}.section{padding-block:var(--space-12)}@media (min-width:768px){.section{padding-block:var(--space-16)}}@media (min-width:1024px){.section{padding-block:var(--space-20)}}.page{background:0 0;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.page__main{background:0 0;flex:1;overflow-x:clip}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:1fr}@media (min-width:768px){.grid--2{grid-template-columns:repeat(2,1fr)}}.grid--3{grid-template-columns:1fr}@media (min-width:640px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid--3{grid-template-columns:repeat(3,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}@media (max-width:767px){.hidden-mobile{display:none}}@media (min-width:768px){.hidden-desktop{display:none}}.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden-focusable:focus,.visually-hidden-focusable:focus-within{z-index:10000;top:var(--space-3,.75rem);left:var(--space-3,.75rem);padding:var(--space-2,.5rem) var(--space-4,1rem);background:var(--color-primary,#0b1f3a);color:#fff;border-radius:4px;font-weight:600;text-decoration:none;position:fixed}
.page-transition{animation:.85s cubic-bezier(.22,1,.36,1) both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}
.products-page,.retail-network,.career,.our-location,.oil-terminals,.our-suppliers,.our-story,.message-page,.our-team-page,.dealership,.contact-us,.stations,.gallery,.home-page{width:100%;max-width:none;margin-inline:0;margin-top:calc(-1 * var(--header-offset));padding-inline:0;padding-top:var(--header-offset);background-color:#fff;position:relative;overflow-x:clip}.products-page__content,.retail-network__content,.career__content,.our-location__content,.oil-terminals__content,.our-suppliers__content,.our-story__content,.message-page__content,.our-team-page__content,.dealership__content,.contact-us__content,.stations__content,.gallery__content{z-index:1;background:0 0;width:100%;max-width:none;position:relative}.products-page__bg,.retail-network__bg,.career__bg,.our-location__bg{z-index:0;object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;display:block;position:absolute;top:0;bottom:0;left:0;max-width:none!important}.oil-terminals__bg,.our-suppliers__bg,.our-story__bg,.message-page__bg,.our-team-page__bg,.dealership__bg,.contact-us__bg,.stations__bg,.gallery__bg{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.oil-terminals__bg img,.our-suppliers__bg img,.our-story__bg img,.message-page__bg img,.our-team-page__bg img,.dealership__bg img,.contact-us__bg img,.stations__bg img,.gallery__bg img{object-fit:cover;object-position:center top;width:100%;height:100%;margin:0;display:block;position:absolute;top:0;left:0;max-width:none!important}.products-hero,.retail-network-hero,.career-hero,.our-location-hero,.oil-terminals-hero,.our-suppliers-hero,.our-story-hero,.message-hero,.our-team-hero,.dealership-hero,.contact-us-hero,.stations-hero,.gallery-hero{padding-top:clamp(1.5rem,3.5vw,2.75rem)}
.form-feedback{border-radius:12px;margin:.85rem 0 0;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;line-height:1.4}.form-feedback--success{color:#0f5132;background:#d1e7dd;border:1px solid #a3cfbb}.form-feedback--error{color:#842029;background:#f8d7da;border:1px solid #f1aeb5}.form-field-error{color:#842029;margin:.35rem 0 0;font-size:.8125rem;font-weight:600;line-height:1.35;display:block}[class$=__field]{display:block}[class$=__field] input[aria-invalid=true],[class$=__field] textarea[aria-invalid=true]{background:#fff5f5;box-shadow:inset 0 0 0 2px #dc3545}