@font-face{
  font-family:"PPNeueMachina";
  src:url("https://oil-66.ru/wp-content/uploads/2026/08/PPNeueMachina-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"VelaSans";
  src:url("https://oil-66.ru/wp-content/uploads/2026/08/VelaSans-GX.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --oil66-bg:#010101;
  --oil66-red:#FFD700;
  --oil66-white:#fff;
}

/* Main-site typography contract */
html,body{
  background:#010101!important;
}
body,
body p,
body a,
body span,
body div,
body button,
body input,
body textarea,
body label,
body small,
body strong,
body em{
  font-family:"VelaSans",Arial,sans-serif!important;
}
body h1,
body h2,
body h3,
body h4,
body .h1,
body .h2,
body .h3,
body .about-page,
body .points_headline,
body .like-h2,
body .small-h2,
body .industries-headline,
body .become-part{
  font-family:"PPNeueMachina",Arial,sans-serif!important;
}

/* === Exact visual language of the homepage header === */
.oil66-about-header{
  position:fixed;
  left:0;right:0;top:0;
  z-index:2147483000;
  height:78px;
  padding:16px 2.9vw 0;
  display:flex;
  align-items:flex-start;
  background:rgba(1,1,1,.985);
  color:#fff;
  transform:translate3d(0,0,0);
  transition:transform .52s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;
  will-change:transform;
}
.oil66-about-header.is-hidden{transform:translate3d(0,-105%,0)}
.oil66-about-header.is-scrolled{box-shadow:0 1px 0 rgba(255,255,255,.10)}
.oil66-about-header__left{height:44px;display:flex;align-items:center;min-width:max-content}
.oil66-about-logo{
  display:flex;align-items:center;
  width:168px;height:44px;
  overflow:hidden;
}
.oil66-about-logo img{
  width:100%!important;height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  opacity:1!important;
}
.oil66-about-header__right{
  margin-left:auto;
  width:min(66vw,1080px);
  height:44px;
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.oil66-about-menu{
  height:44px;
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  position:relative;
}
.oil66-about-menu>a,
.oil66-about-catalog>a{
  height:40px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent!important;
  color:#fff!important;
  font:400 12px/1 "VelaSans",Arial,sans-serif!important;
  transition:background .28s ease,color .28s ease,border-color .28s ease;
}
.oil66-about-menu>a:hover,
.oil66-about-menu>a:focus-visible,
.oil66-about-catalog>a:hover,
.oil66-about-catalog>a:focus-visible{
  background:#fff!important;
  color:#FFD700!important;
  border-color:#fff!important;
}
.oil66-about-menu__contact{
  gap:8px!important;
}
.oil66-about-menu__contact svg{
  width:16px;height:16px;flex:0 0 16px;
}
.oil66-about-catalog{
  position:relative;
  height:44px;
  display:flex;
  align-items:center;
}
.oil66-about-submenu{
  position:absolute;
  left:0;top:48px;
  width:282px;
  padding:8px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:4px;
  background:rgba(1,1,1,.99);
  box-shadow:0 20px 55px rgba(0,0,0,.4);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-10px);
  transition:opacity .22s ease,transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s;
}
.oil66-about-catalog:hover .oil66-about-submenu,
.oil66-about-catalog:focus-within .oil66-about-submenu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s;
}
.oil66-about-submenu a{
  min-height:44px;
  padding:0 10px;
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:7px;
  border-radius:3px;
  color:#fff!important;
  background:transparent!important;
  font:400 12px/1 "VelaSans",Arial,sans-serif!important;
}
.oil66-about-submenu a small{
  color:rgba(255,255,255,.38)!important;
  font-size:9px!important;
}
.oil66-about-submenu a:hover,
.oil66-about-submenu a:focus-visible{
  background:#fff!important;
  color:#FFD700!important;
}
.oil66-about-submenu a:hover small,
.oil66-about-submenu a:focus-visible small{
  color:#FFD700!important;
}

.oil66-about-burger{
  display:none;
  margin-left:auto;
  min-width:76px;
  height:40px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:4px;
  background:transparent;
  color:#fff;
  position:relative;
}
.oil66-about-burger span{
  position:absolute;left:11px;top:50%;
  transform:translateY(-50%);
  font:400 11px/1 "VelaSans",Arial,sans-serif!important;
}
.oil66-about-burger i{
  position:absolute;right:10px;
  width:15px;height:1px;
  top:16px;background:#fff;
}
.oil66-about-burger i+i{top:23px}

.oil66-about-mobile{
  position:fixed;
  inset:0;
  z-index:2147483100;
  padding:22px;
  background:#010101;
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,visibility 0s linear .25s;
}
.oil66-about-mobile.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.oil66-about-mobile__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:rgba(255,255,255,.65);
  font-size:10px;
  letter-spacing:.14em;
}
.oil66-about-mobile__head button{
  border:1px solid rgba(255,255,255,.38);
  background:transparent;
  color:#fff;
  padding:9px 12px;
  border-radius:4px;
}
.oil66-about-mobile nav{
  margin-top:8vh;
  display:flex;
  flex-direction:column;
}
.oil66-about-mobile nav>a{
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  color:#fff!important;
  font:400 clamp(30px,8vw,58px)/1.04 "PPNeueMachina",Arial,sans-serif!important;
  letter-spacing:-.04em;
}
.oil66-about-mobile__subcats{
  padding:6px 0 14px 16px;
  display:grid;
  gap:8px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.oil66-about-mobile__subcats a{
  color:rgba(255,255,255,.58)!important;
  font:400 13px/1.2 "VelaSans",Arial,sans-serif!important;
}
.oil66-about-mobile__subcats a:before{
  content:"—";
  color:#FFD700;
  margin-right:8px;
}
body.oil66-about-menu-lock{overflow:hidden!important}

/* Original About content starts under a fixed header but retains its layout. */
body .box-section:first-of-type{
  padding-top:78px!important;
}

/* Keep Oil-66 accent consistent */
::selection{background:#FFD700!important;color:#fff!important}
.diff-red,.dot-part,.year-dot,.active-bar{background-color:#FFD700!important}
.button-cta .txt-box.red,.button-cta .arrow-box.red{background:#FFD700!important}

@media(max-width:1420px){
  .oil66-about-header{padding-left:2.3vw;padding-right:2.3vw}
  .oil66-about-logo{width:150px}
  .oil66-about-header__right{width:69vw;gap:12px}
  .oil66-about-menu>a,.oil66-about-catalog>a{padding:0 11px;font-size:11px!important}
}
@media(max-width:1240px){
  .oil66-about-header__right{display:none}
  .oil66-about-burger{display:block}
}
@media(max-width:760px){
  .oil66-about-header{height:68px;padding:14px 18px 0}
  .oil66-about-logo{width:132px;height:40px}
  body .box-section:first-of-type{padding-top:68px!important}
}


/* =========================================================
   OIL66 1.0.5.7 — About manifesto / 01-03 block
========================================================= */
.wrapper.sp-about{
  padding-top:clamp(84px,9vw,150px)!important;
  padding-bottom:clamp(92px,10vw,164px)!important;
}

.wrapper.sp-about > .flexbox.about-flex{
  display:grid!important;
  grid-template-columns:minmax(360px,.92fr) minmax(520px,1.08fr)!important;
  gap:clamp(54px,7vw,128px)!important;
  align-items:stretch!important;
}

.wrapper.sp-about .manifesto_image{
  width:100%!important;
  height:auto!important;
  min-height:620px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:10px!important;
  border:1px solid rgba(255,215,0,.28)!important;
  background:#090909!important;
}

.wrapper.sp-about .manifesto_image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(1,1,1,.02) 48%,rgba(1,1,1,.56) 100%),
    linear-gradient(90deg,rgba(255,215,0,.10),transparent 34%);
}

.wrapper.sp-about .manifesto_image .image{
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transform:scale(1.01);
  transition:transform 1.1s cubic-bezier(.16,1,.3,1)!important;
}

.wrapper.sp-about .manifesto_image:hover .image{
  transform:scale(1.045);
}

.wrapper.sp-about .right-side.flex-points{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.wrapper.sp-about .right-side.flex-points > .about-flex{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:clamp(22px,2.5vw,42px)!important;
  align-items:start!important;
  padding:clamp(34px,3.2vw,52px) 0!important;
  border-top:1px solid rgba(255,255,255,.15)!important;
  margin:0!important;
}

.wrapper.sp-about .right-side.flex-points > .about-flex:last-child{
  border-bottom:1px solid rgba(255,255,255,.15)!important;
}

.wrapper.sp-about .point_number{
  color:#FFD700!important;
  font-family:"VelaSans",Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  padding-top:8px!important;
  opacity:1!important;
}

.wrapper.sp-about .about-points{
  max-width:720px!important;
}

.wrapper.sp-about .points_headline{
  margin:0!important;
  color:#fff!important;
  font-family:"PPNeueMachina",Arial,sans-serif!important;
  font-size:clamp(32px,2.45vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}

.wrapper.sp-about .txt-small{
  max-width:620px!important;
  margin-top:16px!important;
  color:rgba(255,255,255,.58)!important;
  font-family:"VelaSans",Arial,sans-serif!important;
  font-size:clamp(15px,1.04vw,18px)!important;
  line-height:1.42!important;
}

@media(max-width:991px){
  .wrapper.sp-about > .flexbox.about-flex{
    grid-template-columns:1fr!important;
    gap:46px!important;
  }
  .wrapper.sp-about .manifesto_image,
  .wrapper.sp-about .manifesto_image .image{
    min-height:520px!important;
  }
}

@media(max-width:767px){
  .wrapper.sp-about{
    padding-top:64px!important;
    padding-bottom:78px!important;
  }
  .wrapper.sp-about > .flexbox.about-flex{
    gap:32px!important;
  }
  .wrapper.sp-about .manifesto_image,
  .wrapper.sp-about .manifesto_image .image{
    min-height:420px!important;
    border-radius:7px!important;
  }
  .wrapper.sp-about .right-side.flex-points > .about-flex{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:16px!important;
    padding:28px 0!important;
  }
  .wrapper.sp-about .points_headline{
    font-size:clamp(28px,8vw,40px)!important;
  }
  .wrapper.sp-about .txt-small{
    font-size:15px!important;
  }
}

@media(max-width:479px){
  .wrapper.sp-about .manifesto_image,
  .wrapper.sp-about .manifesto_image .image{
    min-height:330px!important;
  }
  .wrapper.sp-about .right-side.flex-points > .about-flex{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
}