/* OESP 2026 — home page styles (direction A). Loaded by the home_2026 view. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/oesp2026/fonts/hanken-grotesk-latin.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/oesp2026/fonts/hanken-grotesk-latin-ext.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/oesp2026/fonts/instrument-serif-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/oesp2026/fonts/instrument-serif-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/oesp2026/fonts/instrument-serif-latin-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/oesp2026/fonts/instrument-serif-latin-ext-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

#wrapwrap > main:has(> .o26){padding-top:0 !important;margin-top:0 !important}
.o26{font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#15161A;background:#F4F2EC;line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;overflow:hidden}
.o26 *,.o26 *::before,.o26 *::after{box-sizing:border-box}
.o26 h1,.o26 h2,.o26 h3,.o26 p,.o26 ul,.o26 table{margin:0;padding:0}
.o26 ul{list-style:none}
.o26 img,.o26 video{max-width:100%}
.o26 a{color:inherit;text-decoration:none;transition:color .2s ease}
.o26 a:hover,.o26 a:focus{color:#8A6A00;text-decoration:none}
.o26 .o26-dark a:hover,.o26 .o26-dark a:focus{color:#F5BE0B}
.o26 button{font-family:inherit}
.o26-wrap{max-width:1328px;margin:0 auto;padding:0 56px}
.o26-mult{mix-blend-mode:multiply}
.o26-tile{transition:transform .25s ease}
.o26-tile:hover{transform:translateY(-4px)}
.o26-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.o26-btn-y:hover{filter:brightness(1.06);color:#141414 !important}
.o26-btn-o:hover{background:rgba(244,242,236,.08)}
.o26-lnk{border-bottom:1px solid currentColor;padding-bottom:2px}
.o26-spin{background-image:url(/oesp2026/img/oilpan-spin-8x6.jpg)}
.o26-spin:active{cursor:grabbing}
.o26-nav-btn:hover{filter:brightness(.92)}
.o26 input[type=search]{-webkit-appearance:none;appearance:none}
.o26 input[type=search]::-webkit-search-decoration{display:none}
.o26-hero-poster{display:none}
.o26-mnav{display:none}
.o26-mnav summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid rgba(244,242,236,.35);border-radius:999px;font-size:14px;font-weight:500;color:#F4F2EC}
.o26-mnav summary::-webkit-details-marker{display:none}
.o26-mnav[open] summary{background:rgba(244,242,236,.1)}
.o26-mnav nav{position:absolute;left:0;right:0;top:100%;background:#0B0B0C;border-top:1px solid rgba(244,242,236,.12);padding:12px 24px 20px;display:flex;flex-direction:column;z-index:20}
.o26-mnav nav a{padding:12px 0;font-size:17px;font-weight:500;color:#F4F2EC;border-bottom:1px solid rgba(244,242,236,.1)}
.o26-slide[hidden]{display:none !important}
@media (max-width:980px){
  .o26-nav-links{display:none !important}
  .o26-mnav{display:block;position:static}
  .o26-header{position:relative}
  .o26-wrap{padding:0 24px}
  .o26-hero-h{font-size:52px !important}
  .o26-h2{font-size:44px !important}
  .o26-hdr-extra{display:none !important}
}
@media (max-width:767px){
  .o26-hero-video{display:none !important}
  .o26-hero-poster{display:block !important}
}
@media (max-width:640px){
  .o26-wrap{padding:0 16px}
  .o26-hero-h{font-size:40px !important}
  .o26-h2{font-size:34px !important}
  .o26-hero{min-height:640px !important}
  .o26-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .o26-search{border-radius:20px !important}
  .o26-search button{padding:0 18px !important}
}
@media (prefers-reduced-motion:reduce){
  .o26-tile,.o26 a{transition:none}
}

@media (max-width:640px){.o26-groups,.o26-vgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}}
[dir=rtl] .o26 svg[viewBox="0 0 24 24"] path[d^="M5 12h14"]{transform:scaleX(-1);transform-origin:center}
/* site-wide frame */
#top.o26-site .navbar{background:#0B0B0C !important;box-shadow:none !important;border:0;padding:12px 0;font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
#top.o26-site .navbar-brand img{height:38px;width:auto;border-radius:6px}
#top.o26-site #top_menu>li>.nav-link,#top.o26-site .js_language_selector>button,#top.o26-site .o26-ic{color:#F4F2EC !important;font-size:15px;font-weight:500;background:none;border:0;box-shadow:none}
#top.o26-site #top_menu>li>.nav-link:hover,#top.o26-site .js_language_selector>button:hover,#top.o26-site .o26-ic:hover{color:#F5BE0B !important}
#top.o26-site #top_menu>li>.nav-link.active{color:#F5BE0B !important}
#top.o26-site .o26-cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;background:#F5BE0B;color:#141414 !important;border:0;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap}
#top.o26-site .o26-cta:hover{filter:brightness(1.06)}
#top.o26-site .navbar-toggler{border-color:rgba(244,242,236,.35)}
#top.o26-site .navbar-toggler-icon{filter:invert(1)}
#top.o26-site .my_cart_quantity{background:#F5BE0B !important;color:#141414 !important}
#top.o26-site .o_mega_menu{font-family:'Hanken Grotesk',system-ui,sans-serif}
#top.o26-site .o_mega_menu h6 a{color:#15161A !important}
@media (max-width:991.98px){#top.o26-site #top_menu_collapse{margin-top:10px}#top.o26-site .o26-cta{margin-left:auto;margin-right:10px;height:36px;padding:0 14px;font-size:13px}#top.o26-site .o_mega_menu{max-height:60vh;overflow:auto}}
footer#bottom.o_footer{padding:0;background:#0B0B0C}
#company a{color:inherit;text-decoration:none}#company a:hover{color:#F5BE0B}

#top.o26-site .navbar-brand img{background:#fff}
.o26-hero-h em{display:block}

#company img{background:#fff}
footer#bottom,footer#bottom #footer{margin:0 !important;padding:0 !important;border:0 !important}
#wrapwrap>main{margin-bottom:0;padding-bottom:0}
@media (max-width:991.98px){
#top.o26-site #top_menu>li>.nav-link,#top.o26-site #top_menu_collapse .js_language_selector>button{color:#15161A !important}
#top.o26-site #top_menu>li>.nav-link:hover{color:#8A6A00 !important}
#top.o26-site .o_offcanvas_menu_toggler .nav-link{color:#15161A !important}
}
#wrapwrap>main:has(>.o26){padding-bottom:0 !important;margin-bottom:0 !important}