@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{--oil-bg:#010101;--oil-white:#fff;--oil-red:#FFD700;--oil-muted:rgba(255,255,255,.56);--oil-border:rgba(255,255,255,.15)}
.oil66-articles-body,.oil66-article-single-body{margin:0;background:var(--oil-bg)!important;color:#fff;font-family:"VelaSans",Arial,sans-serif;overflow-x:hidden}
.oil66-articles-page,.oil66-article-single{background:#010101;min-height:100vh;padding-top:112px}
.oil66-articles-page *,.oil66-article-single *{box-sizing:border-box}
.oil66-articles-page a,.oil66-article-single a{color:inherit;text-decoration:none}
.oil66-articles-page .slo-shop-inset,.oil66-article-single .slo-shop-inset{width:calc(100% - 80px);max-width:none;margin:0 auto}

.oil66-articles-hero{position:relative;min-height:78vh;padding-top:34px;padding-bottom:42px;border-bottom:1px solid var(--oil-border);overflow:hidden}
.oil66-articles-crumbs{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.5);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.oil66-articles-crumbs a{transition:color .25s ease}.oil66-articles-crumbs a:hover{color:#fff}
.oil66-articles-hero__grid{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;min-height:46vh;padding-top:7vh}
.oil66-articles-hero__title>span{display:block;color:var(--oil-red);font-size:12px;letter-spacing:.13em;margin-bottom:20px}
.oil66-articles-hero__title h1{margin:0;font:400 clamp(98px,15vw,285px)/.74 "PPNeueMachina",sans-serif;letter-spacing:-.075em;color:#fff}
.oil66-articles-hero__copy{align-self:end;padding-bottom:18px;max-width:510px}
.oil66-articles-hero__copy p{margin:0 0 26px;color:rgba(255,255,255,.7);font-size:clamp(17px,1.35vw,24px);line-height:1.26}
.oil66-articles-hero__copy>span{color:var(--oil-red);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.oil66-articles-hero__graphic{height:90px;margin-top:12px;display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.15);font:400 clamp(28px,4vw,68px)/1 "PPNeueMachina",sans-serif;letter-spacing:-.04em}
.oil66-articles-hero__graphic i{height:1px;flex:1;background:linear-gradient(90deg,var(--oil-red),rgba(255,215,0,.12));position:relative}
.oil66-articles-hero__graphic i:after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;border:1px solid var(--oil-red);border-radius:50%}

.oil66-articles-library{padding-top:100px;padding-bottom:130px}
.oil66-articles-toolbar{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:end;margin-bottom:52px}
.oil66-articles-toolbar small{display:block;color:var(--oil-red);font-size:11px;letter-spacing:.12em;margin-bottom:12px}
.oil66-articles-toolbar h2{margin:0;font:400 clamp(45px,5vw,84px)/.92 "PPNeueMachina",sans-serif;letter-spacing:-.05em}
.oil66-articles-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.oil66-articles-filters button{appearance:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:5px;padding:13px 15px;font:500 13px/1 "VelaSans",sans-serif;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.oil66-articles-filters button em{font-style:normal;color:rgba(255,255,255,.38);margin-left:6px;transition:color .25s ease}
.oil66-articles-filters button:hover,.oil66-articles-filters button.is-active{background:#fff;color:var(--oil-red);border-color:#fff;transform:translateY(-2px)}
.oil66-articles-filters button:hover em,.oil66-articles-filters button.is-active em{color:rgba(255,215,0,.55)}
.oil66-articles-status{height:1px;margin-bottom:20px;background:transparent;position:relative;overflow:hidden}
.oil66-articles-page.is-loading .oil66-articles-status:after{content:"";position:absolute;inset:0 auto 0 0;width:34%;background:var(--oil-red);animation:oil66ArticleLoading .8s ease-in-out infinite alternate}
@keyframes oil66ArticleLoading{to{transform:translateX(195%)}}

.oil66-articles-grid,.oil66-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--oil-border);border-left:1px solid var(--oil-border)}
.oil66-article-card{min-width:0;border-right:1px solid var(--oil-border);border-bottom:1px solid var(--oil-border);background:#010101;position:relative;overflow:hidden}
.oil66-article-card__link{display:flex;flex-direction:column;min-height:590px;padding:24px;position:relative}
.oil66-article-card__top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.oil66-article-card__num{color:var(--oil-red)}
.oil66-article-card__category{color:rgba(255,255,255,.46)}
.oil66-article-card__arrow{font-size:20px;color:#fff;transition:transform .35s ease,color .35s ease}
.oil66-article-card__visual{position:relative;height:190px;margin:34px 0 22px;overflow:hidden}
.oil66-article-card__visual-line{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,215,0,.55);transform-origin:left center;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.oil66-article-card__visual-circle{position:absolute;width:130px;height:130px;border:1px solid var(--oil-red);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.oil66-article-card__visual-circle:before,.oil66-article-card__visual-circle:after{content:"";position:absolute;background:var(--oil-red)}
.oil66-article-card__visual-circle:before{width:1px;height:180px;left:50%;top:50%;transform:translate(-50%,-50%)}
.oil66-article-card__visual-circle:after{height:1px;width:180px;left:50%;top:50%;transform:translate(-50%,-50%)}
.oil66-article-card__visual-drop{position:absolute;width:22px;height:30px;border:1px solid #fff;border-radius:52% 48% 58% 42% / 62% 42% 58% 38%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:#010101}
.oil66-article-card__body{margin-top:auto}
.oil66-article-card__body h2{margin:0;color:#fff;font:400 clamp(24px,2vw,37px)/1.02 "PPNeueMachina",sans-serif;letter-spacing:-.04em;transition:color .3s ease}
.oil66-article-card__body p{margin:18px 0 0;color:rgba(255,255,255,.54);font-size:14px;line-height:1.38;max-width:48ch}
.oil66-article-card__meta{display:flex;justify-content:space-between;gap:14px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.38);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.oil66-article-card:before{content:"";position:absolute;inset:0;background:#fff;transform:translateY(101%);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.oil66-article-card>*{position:relative;z-index:1}
.oil66-article-card:hover:before{transform:none}
.oil66-article-card:hover .oil66-article-card__body h2{color:#010101}
.oil66-article-card:hover .oil66-article-card__body p,.oil66-article-card:hover .oil66-article-card__meta,.oil66-article-card:hover .oil66-article-card__category{color:rgba(1,1,1,.58)}
.oil66-article-card:hover .oil66-article-card__arrow{color:var(--oil-red);transform:translate(4px,-4px)}
.oil66-article-card:hover .oil66-article-card__visual-drop{background:#fff;border-color:var(--oil-red)}
.oil66-article-card:hover .oil66-article-card__visual-circle{transform:translate(-50%,-50%) rotate(24deg) scale(1.08)}
.oil66-article-card:hover .oil66-article-card__visual-line{transform:scaleX(.72)}
.oil66-articles-empty{padding:90px 0;text-align:center;color:rgba(255,255,255,.45);font-size:18px}
.oil66-articles-more-wrap{display:flex;justify-content:center;margin-top:44px}.oil66-articles-more-wrap[hidden]{display:none}
.oil66-articles-more{appearance:none;border:1px solid var(--oil-red);background:var(--oil-red);color:#fff;border-radius:5px;padding:0;display:grid;grid-template-columns:1fr 54px;min-width:300px;height:54px;align-items:center;cursor:pointer;font:600 13px/1 "VelaSans",sans-serif;transition:background .3s ease,color .3s ease}
.oil66-articles-more i{font-style:normal;font-size:20px;border-left:1px solid rgba(255,255,255,.35);height:100%;display:grid;place-items:center}
.oil66-articles-more:hover{background:#fff;color:var(--oil-red)}

.oil66-articles-cta{padding-bottom:28px}.oil66-articles-cta__inner{border-radius:9px;background:#fff;color:#010101;padding:45px;min-height:380px;display:flex;flex-direction:column;align-items:flex-start}
.oil66-articles-cta__inner>span{color:var(--oil-red);font-size:11px;letter-spacing:.12em}
.oil66-articles-cta__inner h2{margin:34px 0 46px;max-width:1000px;font:400 clamp(48px,6.5vw,112px)/.88 "PPNeueMachina",sans-serif;letter-spacing:-.065em}
.oil66-articles-cta__inner a{margin-top:auto;display:grid;grid-template-columns:minmax(220px,340px) 54px;height:54px;background:var(--oil-red);color:#fff;border-radius:5px;align-items:center;text-align:center;font-weight:600;font-size:13px;transition:background .25s ease,color .25s ease}
.oil66-articles-cta__inner a b{height:100%;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.35);font-size:20px}.oil66-articles-cta__inner a:hover{background:#010101;color:#fff}

/* Single article */
.oil66-single-hero{padding-top:36px;padding-bottom:70px;border-bottom:1px solid var(--oil-border)}
.oil66-single-hero__meta{display:flex;gap:20px;align-items:center;margin-top:84px;color:rgba(255,255,255,.5);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.oil66-single-hero__meta span:first-child{color:var(--oil-red)}
.oil66-single-hero h1{margin:28px 0 28px;max-width:1380px;font:400 clamp(62px,8.2vw,150px)/.9 "PPNeueMachina",sans-serif;letter-spacing:-.065em;color:#fff}
.oil66-single-hero__lead{max-width:760px;margin:0 0 60px auto;color:rgba(255,255,255,.64);font-size:clamp(18px,1.45vw,25px);line-height:1.32}
.oil66-single-hero__line{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.2);font:400 28px/1 "PPNeueMachina",sans-serif}.oil66-single-hero__line i{height:1px;background:var(--oil-red);flex:1}
.oil66-single-layout{display:grid;grid-template-columns:300px minmax(0,900px);justify-content:center;gap:80px;padding-top:100px;padding-bottom:120px}
.oil66-single-toc{position:sticky;top:120px;align-self:start;border-top:1px solid var(--oil-border);padding-top:20px}.oil66-single-toc>small{display:block;color:var(--oil-red);font-size:10px;letter-spacing:.12em;margin-bottom:24px}.oil66-single-toc nav{display:flex;flex-direction:column;gap:14px}.oil66-single-toc nav a{font-size:13px;line-height:1.25;color:rgba(255,255,255,.48);transition:color .25s ease}.oil66-single-toc nav a:hover,.oil66-single-toc nav a.is-active{color:#fff}.oil66-single-toc>a{display:inline-block;margin-top:30px;color:var(--oil-red);font-size:12px}
.oil66-single-content{background:#fff;color:#010101;border-radius:8px;padding:clamp(38px,5vw,78px)}
.oil66-single-content>p:first-child{font-size:clamp(22px,2vw,30px);line-height:1.26;color:#010101}
.oil66-single-content p{font-size:18px;line-height:1.62;color:rgba(1,1,1,.7);margin:0 0 28px}.oil66-single-content h2{scroll-margin-top:130px;margin:76px 0 24px;font:400 clamp(34px,3.7vw,58px)/.98 "PPNeueMachina",sans-serif;letter-spacing:-.045em}.oil66-single-content h3{scroll-margin-top:130px;margin:48px 0 18px;font:600 25px/1.1 "VelaSans",sans-serif}.oil66-single-content ul,.oil66-single-content ol{margin:0 0 32px;padding-left:22px}.oil66-single-content li{margin:12px 0;font-size:17px;line-height:1.5;color:rgba(1,1,1,.72)}.oil66-single-content strong{color:#010101}
.oil66-related{padding-bottom:120px}.oil66-related__head{display:grid;grid-template-columns:100px 1fr auto;align-items:end;margin-bottom:34px}.oil66-related__head small{color:var(--oil-red);letter-spacing:.12em}.oil66-related__head h2{margin:0;font:400 clamp(42px,5vw,80px)/.95 "PPNeueMachina",sans-serif;letter-spacing:-.05em}.oil66-related__head>a{font-size:12px;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}

/* entrance / AJAX */
[data-article-reveal]{opacity:0;transform:translateY(28px);filter:blur(5px);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .7s ease}[data-article-reveal].is-visible{opacity:1;transform:none;filter:none}
.oil66-article-card.is-entering{opacity:0;transform:translateY(28px) scale(.985);filter:blur(5px)}.oil66-article-card.is-visible{opacity:1;transform:none;filter:none;transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1),filter .55s ease}.oil66-articles-grid.is-switching .oil66-article-card{opacity:0;transform:translateY(16px);transition:opacity .18s ease,transform .18s ease}

@media(max-width:1200px){.oil66-articles-page .slo-shop-inset,.oil66-article-single .slo-shop-inset{width:calc(100% - 48px)}.oil66-articles-grid,.oil66-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oil66-articles-toolbar{grid-template-columns:1fr}.oil66-articles-filters{justify-content:flex-start}.oil66-single-layout{grid-template-columns:240px minmax(0,1fr);gap:45px}.oil66-article-card__link{min-height:550px}}
@media(max-width:767px){.oil66-articles-page,.oil66-article-single{padding-top:84px}.oil66-articles-page .slo-shop-inset,.oil66-article-single .slo-shop-inset{width:calc(100% - 28px)}.oil66-articles-hero{min-height:auto;padding-top:24px}.oil66-articles-hero__grid{grid-template-columns:1fr;min-height:auto;padding-top:80px;gap:34px}.oil66-articles-hero__title h1{font-size:clamp(80px,24vw,150px)}.oil66-articles-hero__copy{padding-bottom:0}.oil66-articles-hero__graphic{height:62px}.oil66-articles-library{padding-top:72px;padding-bottom:90px}.oil66-articles-toolbar{gap:30px;margin-bottom:34px}.oil66-articles-filters{flex-wrap:nowrap;overflow:auto;margin-right:-14px;padding-right:14px;scrollbar-width:none}.oil66-articles-filters::-webkit-scrollbar{display:none}.oil66-articles-filters button{flex:0 0 auto}.oil66-articles-grid,.oil66-related__grid{grid-template-columns:1fr}.oil66-article-card__link{min-height:500px;padding:20px}.oil66-article-card__visual{height:155px}.oil66-articles-cta__inner{padding:28px;min-height:340px}.oil66-articles-cta__inner h2{font-size:clamp(42px,13vw,68px)}.oil66-articles-cta__inner a{grid-template-columns:1fr 52px;width:100%}.oil66-single-hero{padding-top:24px}.oil66-single-hero__meta{margin-top:54px;flex-wrap:wrap}.oil66-single-hero h1{font-size:clamp(50px,14vw,82px)}.oil66-single-hero__lead{margin-left:0}.oil66-single-layout{display:block;padding-top:60px;padding-bottom:80px}.oil66-single-toc{position:relative;top:auto;margin-bottom:24px}.oil66-single-toc nav{display:none}.oil66-single-content{padding:30px 22px}.oil66-single-content p{font-size:16px}.oil66-related__head{grid-template-columns:1fr auto;gap:10px}.oil66-related__head small{grid-column:1/-1}.oil66-related{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){[data-article-reveal],.oil66-article-card{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}


/* =========================================================
   OIL66 1.0.5.1 — реальные тематические фотографии статей
========================================================= */
.oil66-article-card__visual{
  position:relative;
  height:220px;
  margin:30px 0 24px;
  overflow:hidden;
  border-radius:5px;
  background:#111;
}
.oil66-article-card__visual img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  filter:saturate(.82) contrast(1.06) brightness(.88);
  transform:scale(1.01);
  transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease;
}
.oil66-article-card__visual-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(1,1,1,.58) 100%);
  pointer-events:none;transition:opacity .4s ease;
}
.oil66-article-card:hover .oil66-article-card__visual img{
  transform:scale(1.075);
  filter:saturate(.92) contrast(1.04) brightness(.96);
}
.oil66-article-card:hover .oil66-article-card__visual-shade{opacity:.42}
.oil66-single-hero__media{
  width:100%;height:clamp(380px,56vw,780px);margin:4px 0 48px;
  overflow:hidden;border-radius:7px;background:#111;
}
.oil66-single-hero__media img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  filter:saturate(.84) contrast(1.04) brightness(.86);
}
@media(max-width:767px){
  .oil66-article-card__visual{height:210px;margin-top:24px}
  .oil66-single-hero__media{height:56vw;min-height:260px;margin-bottom:34px}
}


/* =========================================================
   OIL66 1.0.5.6 — compact single article
   No giant title / no oversized first screen.
========================================================= */
.oil66-article-single{
  padding-top:96px!important;
}
.oil66-single-hero{
  padding-top:18px!important;
  padding-bottom:34px!important;
}
.oil66-single-hero__meta{
  margin-top:24px!important;
  gap:16px!important;
}
.oil66-single-hero h1{
  max-width:1120px!important;
  margin:20px 0 20px!important;
  font-size:clamp(44px,5.25vw,86px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.oil66-single-hero__lead{
  max-width:720px!important;
  margin:0 0 26px auto!important;
  font-size:clamp(16px,1.15vw,20px)!important;
  line-height:1.38!important;
}
.oil66-single-hero__media{
  height:clamp(250px,31vw,500px)!important;
  margin:0 0 18px!important;
  border-radius:6px!important;
}
.oil66-single-hero__line{
  min-height:24px!important;
  font-size:18px!important;
}
.oil66-single-layout{
  grid-template-columns:260px minmax(0,900px)!important;
  gap:54px!important;
  padding-top:44px!important;
  padding-bottom:92px!important;
}
.oil66-single-toc{
  top:104px!important;
}
.oil66-single-content{
  padding:clamp(34px,4vw,62px)!important;
}
.oil66-related{
  padding-bottom:90px!important;
}

@media(max-width:1200px){
  .oil66-single-hero h1{
    font-size:clamp(42px,6.3vw,72px)!important;
  }
  .oil66-single-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:34px!important;
  }
}

@media(max-width:767px){
  .oil66-article-single{padding-top:76px!important}
  .oil66-single-hero{padding-top:12px!important;padding-bottom:26px!important}
  .oil66-single-hero__meta{margin-top:20px!important}
  .oil66-single-hero h1{
    margin:16px 0 18px!important;
    font-size:clamp(36px,10.5vw,58px)!important;
    line-height:.96!important;
  }
  .oil66-single-hero__lead{
    margin:0 0 20px!important;
    font-size:16px!important;
  }
  .oil66-single-hero__media{
    height:54vw!important;
    min-height:220px!important;
    max-height:340px!important;
    margin-bottom:14px!important;
  }
  .oil66-single-layout{
    padding-top:28px!important;
    padding-bottom:64px!important;
  }
  .oil66-single-toc{
    margin-bottom:18px!important;
  }
  .oil66-single-content{
    padding:28px 20px!important;
  }
}