/* Design 2 — Black Cover. Black "cover" bands with the SOCAR pattern alternate with white content; secondary palette for infographics. */
.st-v2{background:#fff;color:#1a1a1a}
.st-v2 .v2-cover, .st-v2 .v2-map, .st-v2 .v2-tl{color:#fff;padding:clamp(40px,5vw,72px) 0}
.st-v2 .v2-white{padding:clamp(40px,5vw,72px) 0}
.st-v2 .v2-flame{display:inline-flex;gap:3px;margin-bottom:26px}
.st-v2 .v2-flame i{display:block;width:22px;height:3px}
.st-v2 .v2-flame i:nth-child(1){background:var(--st-blue)}.st-v2 .v2-flame i:nth-child(2){background:var(--st-red)}.st-v2 .v2-flame i:nth-child(3){background:var(--st-green)}
.st-v2 .v2-dash{font-size:40px;margin-bottom:10px;color:#fff}
.st-v2 .v2-dash-b{font-size:40px;margin-bottom:10px;color:#1a1a1a}
.st-v2 .v2-statement{font-family:var(--st-f-light);font-size:clamp(26px,3vw,42px);line-height:1.2;max-width:22ch;color:#fff}
.st-v2 .v2-cover-head{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);align-items:end;padding-bottom:clamp(28px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.18)}
.st-v2 .v2-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}
.st-v2 .v2-facts li{border-top:1px solid rgba(255,255,255,.25);padding-top:12px}
.st-v2 .v2-facts span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.st-v2 .v2-facts strong{display:block;font-family:var(--st-f-bold);font-weight:400;font-size:26px;margin-top:6px;color:#fff}
.st-v2 .v2-kpi-head{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin:clamp(28px,4vw,48px) 0 clamp(20px,3vw,32px)}
.st-v2 .v2-h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.st-v2 .v2-h2{font-family:var(--st-f-bold);font-size:clamp(28px,3vw,40px);line-height:1.1}
.st-v2 .v2-seg{position:relative;display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px}
.st-v2 .v2-seg .st-tab{position:relative;z-index:1;border:0;padding:8px 20px;border-radius:999px;color:rgba(255,255,255,.7);font-size:14px;transition:color .3s}
.st-v2 .v2-seg .st-tab[aria-selected="true"]{color:#000}
.st-v2 .v2-seg-ind{position:absolute;top:3px;bottom:3px;left:3px;width:70px;background:#fff;border-radius:999px;transition:transform .4s var(--st-ease),width .4s var(--st-ease)}
.st-v2 .v2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.5vw,36px)}
.st-v2 .v2-kpi-v{font-family:var(--st-f-bold);font-size:clamp(40px,4.6vw,66px);line-height:1;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px;color:#fff;transition:color .4s}
.st-v2 .v2-kpi-v small{font-family:var(--st-f-reg);font-size:15px;color:rgba(255,255,255,.55)}
.st-v2 .v2-kpi-l{font-size:14px;color:rgba(255,255,255,.7);margin-top:12px;min-height:2.6em}
.st-v2 .v2-kpi-l sup{font-size:9px}
.st-v2 .v2-kpi-bar{height:2px;background:rgba(255,255,255,.15);margin-top:18px;overflow:hidden}
.st-v2 .v2-kpi-bar i{display:block;height:100%;width:var(--w);background:#fff;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--st-ease) .3s,width .6s var(--st-ease)}
.is-in .v2-kpi-bar i{transform:scaleX(1)}
.st-v2 .v2-kpi.is-flash .v2-kpi-v{color:var(--st-gold)}

.st-v2 .v2-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.st-v2 .v2-two-b{grid-template-columns:1fr 1fr;margin-top:clamp(32px,4vw,52px);padding-top:clamp(28px,3.5vw,44px);border-top:1px solid var(--st-line)}
.st-v2 .v2-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.5;margin-top:22px}
.st-v2 .v2-body{font-size:15.5px;line-height:1.7;color:var(--st-ink2)}
.st-v2 .v2-chart-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid #1a1a1a;margin-bottom:20px}
.st-v2 .v2-chart-h h3{font-family:var(--st-f-bold);font-size:16px}
.st-v2 .v2-chart-h span{font-size:13px;color:var(--st-mute)}
.st-v2 .v2-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--st-ink2);margin-top:10px}
.st-v2 .v2-legend li{display:flex;align-items:center;gap:8px}
.st-v2 .v2-legend i{width:12px;height:12px;display:inline-block;border-radius:2px}
.st-v2 .v2-legend-col{flex-direction:column;gap:12px;margin:0}
.st-v2 .v2-legend-col li{justify-content:space-between}
.st-v2 .v2-legend-col b{font-family:var(--st-f-bold);font-weight:400;color:#1a1a1a}
.st-v2 .v2-legend-col span{display:flex;align-items:center;gap:8px}
.st-v2 .v2-mix{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}
.st-v2 .v2-mini{display:inline-flex;gap:2px}
.st-v2 .v2-mini button{font-size:13px;padding:6px 12px;color:var(--st-mute);border-radius:999px;transition:.25s}
.st-v2 .v2-mini button[aria-selected="true"]{background:#1a1a1a;color:#fff}

.st-v2 .v2-map-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:clamp(24px,3vw,40px)}
.st-v2 .v2-map-p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);max-width:46ch;justify-self:end}
.st-v2 .v2-world{position:relative;width:100%;aspect-ratio:1700/670;max-width:100%}
.st-v2 .v2-world-dots{position:absolute;inset:0;background:#fff;opacity:.28;-webkit-mask:url(/assets/st/about/world-dots.svg) center/contain no-repeat;mask:url(/assets/st/about/world-dots.svg) center/contain no-repeat}
.st-v2 .v2-pins{position:absolute;inset:0}
.st-v2 .v2-pin{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;cursor:pointer}
.st-v2 .v2-pin i{position:absolute;inset:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.8)}
.st-v2 .v2-pin::before, .st-v2 .v2-pin::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.7);animation:v2-pulse 2.6s ease-out infinite}
.st-v2 .v2-pin::after{animation-delay:1.3s}
@keyframes v2-pulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(2.4);opacity:0}}
.st-v2 .v2-pin b{position:absolute;left:22px;top:-6px;white-space:nowrap;font-family:var(--st-f-bold);font-weight:400;font-size:14px;color:#fff;background:rgba(0,0,0,.6);padding:3px 8px;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s;pointer-events:none}
.st-v2 .v2-pin b small{display:block;font-family:var(--st-f-reg);font-size:11px;color:rgba(255,255,255,.7)}
.st-v2 .v2-pin:hover b, .st-v2 .v2-pin.on b{opacity:1;transform:none}
.st-v2 .v2-pin.on i{background:var(--st-gold)}
.st-v2 .v2-offices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:clamp(20px,3vw,32px);padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.st-v2 .v2-offices li{cursor:pointer;padding:6px 0;transition:opacity .3s}
.st-v2 .v2-offices li b{display:block;font-family:var(--st-f-bold);font-weight:400;font-size:20px}
.st-v2 .v2-offices li span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:4px}
.st-v2 .v2-offices li time{display:block;font-family:var(--st-f-light);font-size:26px;margin-top:14px;color:rgba(255,255,255,.9)}
.st-v2 .v2-offices:hover li:not(:hover){opacity:.5}

.st-v2 .v2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px)}
.st-v2 .v2-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.st-v2 .v2-tile{position:relative;background:#000;color:#fff;text-align:left;padding:22px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;transition:background .35s,transform .35s var(--st-ease)}
.st-v2 .v2-tile svg{width:44px;height:44px;position:absolute;top:22px;left:22px;transition:transform .5s var(--st-ease)}
.st-v2 .v2-tile b{font-family:var(--st-f-bold);font-weight:400;font-size:18px;line-height:1.2}
.st-v2 .v2-tile p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.75);margin:0;max-height:0;opacity:0;transition:max-height .45s var(--st-ease),opacity .35s}
.st-v2 .v2-tile:hover, .st-v2 .v2-tile[aria-expanded="true"]{background:#1e1e1e;transform:translateY(-4px)}
.st-v2 .v2-tile:hover svg, .st-v2 .v2-tile[aria-expanded="true"] svg{transform:scale(1.15)}
.st-v2 .v2-tile:hover p, .st-v2 .v2-tile[aria-expanded="true"] p{max-height:140px;opacity:1}
.st-v2 .v2-tile::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--st-blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--st-ease)}
.st-v2 .v2-tile:hover::after, .st-v2 .v2-tile[aria-expanded="true"]::after{transform:scaleX(1)}

.st-v2 .v2-nav .st-car-btn{border-color:rgba(255,255,255,.4);color:#fff}
.st-v2 .v2-nav .st-car-btn:hover{background:#fff;color:#000;border-color:#fff}
.st-v2 .v2-tl-scroll{overflow-x:auto;scrollbar-width:none;cursor:grab;padding-bottom:8px}
.st-v2 .v2-tl-scroll::-webkit-scrollbar{display:none}
.st-v2 .v2-tl-scroll.dragging{cursor:grabbing}
.st-v2 .v2-tl-in{display:flex;position:relative;padding:36px var(--st-gut) 0;min-width:max-content}
.st-v2 .v2-tl-in::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.2)}
.st-v2 .v2-tl-item{width:290px;flex:0 0 auto;padding-right:28px;position:relative}
.st-v2 .v2-tl-item::before{content:"";position:absolute;left:0;top:-41px;width:10px;height:10px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.6);transition:background .3s,border-color .3s,transform .3s}
.st-v2 .v2-tl-item:hover::before{background:var(--st-gold);border-color:var(--st-gold);transform:scale(1.3)}
.st-v2 .v2-tl-y{font-family:var(--st-f-bold);font-size:44px;line-height:1;transition:color .3s}
.st-v2 .v2-tl-item:hover .v2-tl-y{color:var(--st-gold)}
.st-v2 .v2-tl-t{font-family:var(--st-f-bold);font-size:16px;margin-top:14px}
.st-v2 .v2-tl-d{font-size:14px;line-height:1.6;color:rgba(255,255,255,.65);margin-top:8px}

.st-v2 .v2-news-track>*{width:calc((100% - 48px)/3)}
.st-v2 .v2-news-card{display:flex;flex-direction:column;gap:18px;border:1px solid #1a1a1a;padding:28px;min-height:250px;transition:background .35s,color .35s}
.st-v2 .v2-news-card:hover{background:#000;color:#fff}
.st-v2 .v2-news-logo{height:34px;display:flex;align-items:center;background:#fff;padding:4px 8px;border-radius:2px;align-self:flex-start}
.st-v2 .v2-news-logo img{height:26px;width:auto;max-width:140px}
.st-v2 .v2-news-t{font-size:18px;line-height:1.35;flex:1}
.st-v2 .v2-foot{margin-top:32px}

@media (max-width:1100px){
  .st-v2 .v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-v2 .v2-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st-v2 .v2-offices{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st-v2 .v2-news-track>*{width:calc((100% - 24px)/2)}
}
@media (max-width:900px){
  .st-v2 .v2-cover-head, .st-v2 .v2-two, .st-v2 .v2-two-b, .st-v2 .v2-map-head{grid-template-columns:1fr}
  .st-v2 .v2-map-p{justify-self:start}
  .st-v2 .v2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-v2 .v2-tile{min-height:180px}
}
@media (max-width:640px){
  .st-v2 .v2-kpis{grid-template-columns:1fr}
  .st-v2 .v2-facts{grid-template-columns:1fr 1fr}
  .st-v2 .v2-offices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-v2 .v2-news-track>*{width:88%}
  .st-v2 .v2-mix{grid-template-columns:150px 1fr}
  .st-v2 .v2-tl-item{width:250px}
  .st-v2 .v2-world{aspect-ratio:1700/670}
}

.st-v2 .v2-desks-p{font-size:16px;color:var(--st-ink2);max-width:40ch;margin:0}
.st-v2 .v2-tile-link{background:#fff;color:#1a1a1a;border:1px solid #1a1a1a;justify-content:space-between;flex-direction:row;align-items:flex-end}
.st-v2 .v2-tile-link:hover{background:#000;color:#fff;transform:translateY(-4px)}
.st-v2 .v2-tile-link .st-arrow svg{width:28px;height:28px}
.st-v2 .v2-tile-link::after{display:none}
.st-v2 .v2-tl .v2-head{margin-bottom:8px}

/* Hero */
.st-v2 .v2-hero{position:relative;min-height:min(62vh,600px);display:flex;align-items:flex-end;color:#fff;background:#000;overflow:hidden}
.st-v2 .v2-hero-bg{position:absolute;inset:-8% 0;background-size:cover;background-position:center;will-change:transform;opacity:.85}
.st-v2 .v2-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.25) 45%,#000 100%),linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0) 60%)}
.st-v2 .v2-hero-in{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,64px);align-items:end;padding-top:80px;padding-bottom:clamp(32px,4vw,52px)}
.st-v2 .v2-hero-text{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.st-v2 .v2-crumb{color:rgba(255,255,255,.65)}
.st-v2 .v2-hero .v2-flame{margin-bottom:0}
.st-v2 .v2-h1{font-family:var(--st-f-bold);font-size:clamp(48px,7vw,104px);line-height:.95;letter-spacing:-.02em;color:#fff}
.st-v2 .v2-hero-p{font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:rgba(255,255,255,.78);max-width:58ch;margin:0}
.st-v2 .v2-cfo{border-left:1px solid rgba(255,255,255,.3);padding-left:22px}
.st-v2 .v2-cfo q{color:#fff}
.st-v2 .v2-cfo span{color:rgba(255,255,255,.6)}
.st-v2 .v2-cover{padding-top:clamp(24px,3vw,40px)}
@media (max-width:900px){.st-v2 .v2-hero-in{grid-template-columns:1fr;padding-top:80px}.st-v2 .v2-hero{min-height:0}}