@font-face{font-family:"Source Sans Pro SGF";src:url("/ru-v1-case-sgf-v1/assets/fonts/source-sans-pro-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans Pro SGF";src:url("/ru-v1-case-sgf-v1/assets/fonts/source-sans-pro-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--red:#e20613;--red-deep:#b32400;--orange:#ffb200;--blue:#0066b3;--blue-deep:#00487d;--black:#090909;--paper:#f2f2f0;--line:#b7b7b7;--header-h:72px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:#111;font-family:"Source Sans Pro SGF",Arial,sans-serif;font-size:16px;line-height:1.45}
button,a{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
section,[id]{scroll-margin-top:var(--header-h)}
.sgf-header{position:sticky;z-index:50;top:0;height:var(--header-h);display:grid;grid-template-columns:minmax(190px,314px) 1fr;align-items:center;padding:0 clamp(22px,4vw,76px);background:#fff;border-bottom:1px solid #d4d4d4;transition:box-shadow .25s ease}
.sgf-header.is-scrolled{box-shadow:0 10px 35px rgba(0,0,0,.12)}
.sgf-logo{width:clamp(185px,20vw,280px)}
.sgf-logo img{width:100%}
.sgf-nav{display:flex;justify-content:flex-end;gap:clamp(17px,2.1vw,38px)}
.sgf-nav a{position:relative;padding:8px 0;font-size:clamp(10px,.78vw,13px);font-weight:700;text-transform:uppercase;white-space:nowrap}
.sgf-nav a::after{position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--red);content:"";transition:right .25s ease}
.sgf-nav a:hover::after,.sgf-nav a.is-active::after{right:0}
.sgf-menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;cursor:pointer}
.sgf-menu-toggle span{display:block;width:24px;height:2px;margin:6px auto;background:#111;transition:transform .25s ease}
.sgf-mobile-menu{display:none}
.sgf-hero{position:relative;min-height:calc(100svh - var(--header-h));overflow:hidden;background:#321e28;color:#fff}
.sgf-hero__slides{position:absolute;inset:0;isolation:isolate}
.sgf-hero__slide{position:absolute;inset:0;display:grid;overflow:hidden;place-items:center;opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 6s linear}
.sgf-hero__slide.is-active{opacity:1;transform:scale(1)}
.sgf-hero__slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sgf-hero__slide--layered{background:#321e28}
.sgf-hero__slide--layered>img{object-fit:cover;object-position:center}
.sgf-hero__background{z-index:0}
.sgf-hero__foreground{z-index:1;transform:translate3d(0,var(--sgf-hero-foreground-y,0),0);will-change:transform}
.sgf-hero::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,9,18,.34),rgba(34,7,20,.04) 55%,rgba(11,4,9,.15));content:""}
.sgf-hero__content{position:relative;z-index:2;display:grid;grid-template-columns:.58fr 1fr;gap:5vw;align-content:center;min-height:inherit;padding:clamp(70px,8vw,130px) clamp(28px,11vw,190px)}
.sgf-hero__content>p{align-self:start;margin:9px 0 0;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.sgf-hero__content h1{grid-column:1;margin:0;font-size:clamp(44px,5.2vw,84px);line-height:.9;text-transform:uppercase}
.sgf-hero__content>div{grid-column:2;grid-row:1/span 2;align-self:center;max-width:540px;border-left:1px solid rgba(255,255,255,.42);padding-left:clamp(24px,4vw,68px)}
.sgf-hero__content>div p{margin:0 0 20px;font-size:clamp(16px,1.25vw,22px)}
.sgf-slider-controls{position:absolute;z-index:3;right:clamp(24px,5vw,80px);bottom:32px;display:flex;align-items:center;background:#fff;color:#111}
.sgf-slider-controls button,.sgf-photo-slider__controls button{width:46px;height:44px;border:0;background:#fff;cursor:pointer;transition:background .2s,color .2s}
.sgf-slider-controls button:hover,.sgf-photo-slider__controls button:hover{background:#111;color:#fff}
.sgf-slider-controls span{min-width:72px;text-align:center;font-size:12px}
.sgf-scroll-cue{position:absolute;z-index:3;bottom:33px;left:clamp(28px,11vw,190px);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.sgf-scroll-cue span{margin-left:12px}
.sgf-company{display:grid;grid-template-columns:.35fr 1.25fr;gap:5vw;padding:clamp(70px,9vw,140px) clamp(28px,11vw,190px);background:#f5f5f3}
.sgf-section-number{margin:0;color:var(--red);font-size:12px;letter-spacing:.15em}
.sgf-company>p:nth-child(2){max-width:760px;margin:0;font-size:clamp(17px,1.35vw,22px);line-height:1.5}
.sgf-company__facts{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:4vw;border-top:1px solid #bbb}
.sgf-company__facts span{padding:18px 18px 18px 0;border-right:1px solid #ccc;font-size:12px;text-transform:uppercase}
.sgf-company__facts span+span{padding-left:18px}
.sgf-section-shell{width:min(1380px,100%);margin:auto;padding:clamp(72px,8vw,126px) clamp(28px,7vw,110px)}
.sgf-section-heading{display:grid;grid-template-columns:.32fr 1.15fr;gap:5vw;align-items:start;margin-bottom:clamp(48px,6vw,88px)}
.sgf-section-heading p{margin:8px 0 0;color:var(--red);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.sgf-section-heading h2{max-width:820px;margin:0;font-size:clamp(34px,3.75vw,60px);line-height:.95;text-transform:uppercase}
.sgf-section-heading--light{color:#fff}
.sgf-section-heading--light p{color:#fff}
.sgf-solutions{background:var(--orange)}
.sgf-solutions__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:1050px;margin:auto}
.sgf-solution{position:relative;min-height:330px;padding:clamp(28px,4vw,62px);color:#fff}
.sgf-solution>span{position:absolute;top:24px;right:26px;font-size:11px;opacity:.65}
.sgf-solution h3{margin:60px 0 20px;font-size:clamp(30px,3.2vw,58px);line-height:.9;text-transform:uppercase}
.sgf-solution p{max-width:420px;margin:0;font-size:15px}
.sgf-solution--orange{background:#ef9600}
.sgf-solution--red{background:var(--red)}
.sgf-solution--black{background:#090909}
.sgf-photo-slider{position:relative;min-height:330px;overflow:hidden;background:#222}
.sgf-photo-slider>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .55s ease,transform 1.5s ease}
.sgf-photo-slider>img.is-active{opacity:1;transform:scale(1)}
.sgf-photo-slider__controls{position:absolute;z-index:3;top:0;right:0;display:flex;background:#fff}
.sgf-photo-slider__controls span{display:grid;min-width:64px;place-items:center;background:#fff;font-size:11px}
.sgf-quality{position:relative;min-height:760px;overflow:hidden;background:#eee}
.sgf-quality__copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-left:calc(42% + 5vw);max-width:760px}
.sgf-quality__copy p{margin:0;font-size:18px}
.sgf-quality__copy ul{margin:0;padding:0;list-style:none}
.sgf-quality__copy li{padding:10px 0;border-top:1px solid #bcbcbc;font-size:13px;text-transform:uppercase}
.sgf-quality__machine{position:absolute;left:-18vw;right:-18vw;bottom:-7%;height:47%;opacity:.92;pointer-events:none;will-change:transform}
.sgf-quality__machine picture{display:block;width:100%;height:100%}
.sgf-quality__machine img{width:140%;height:100%;max-width:none;object-fit:contain}
.sgf-international{background:var(--blue);color:#fff}
.sgf-service-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.42);border-bottom:1px solid rgba(255,255,255,.42)}
.sgf-service-tabs button{min-height:190px;padding:24px 16px;border:0;border-right:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;scroll-snap-align:start;transition:background .25s ease}
.sgf-service-tabs button:last-child{border-right:0}
.sgf-service-tabs button:focus-visible{outline:0;box-shadow:inset 0 -3px 0 rgba(255,255,255,.72)}
.sgf-service-icon{position:relative;display:block;width:100%;max-width:220px;height:88px;margin:0 auto 18px;overflow:visible}
.sgf-service-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform,opacity}
.sgf-service-icon__route{z-index:0;animation:sgf-route-drift 3.1s linear infinite alternate}
.sgf-service-tabs button[data-service="rail"] .sgf-service-icon__route{animation-duration:1.25s}
.sgf-service-tabs button[data-service="air"] .sgf-service-icon__route{animation:none}
.sgf-service-icon__active{z-index:2;opacity:0;transition:opacity .28s ease}
.sgf-service-icon__inactive{z-index:1;opacity:1;transition:opacity .28s ease}
.sgf-service-tabs button:is(.is-active,:hover,:focus-visible) .sgf-service-icon__active{opacity:1}
.sgf-service-tabs button:is(.is-active,:hover,:focus-visible) .sgf-service-icon__inactive{opacity:0}
.sgf-service-tabs button[data-service="sea"]:is(.is-active,:hover,:focus-visible) .sgf-service-icon__active{animation:sgf-vessel-float 3.2s ease-in-out infinite}
.sgf-service-tabs button[data-service="air"]:is(.is-active,:hover,:focus-visible) .sgf-service-icon__active{animation:sgf-air-lift 3s ease-in-out infinite}
@keyframes sgf-route-drift{from{transform:translate3d(-5px,0,0)}to{transform:translate3d(7px,0,0)}}
@keyframes sgf-vessel-float{0%,100%{transform:translate3d(0,1px,0)}50%{transform:translate3d(0,-2px,0)}}
@keyframes sgf-air-lift{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-5px,0)}}
.sgf-service-tabs strong{display:inline-block;border-bottom:1px solid transparent;font-size:13px;font-weight:400;text-transform:uppercase;transition:border-color .25s ease,font-weight .25s ease,opacity .25s ease}
.sgf-service-tabs button:is(.is-active,:hover,:focus-visible) strong{border-bottom-color:currentColor;font-weight:700}
.sgf-service-panel{display:grid;grid-template-columns:1fr 1fr;min-height:500px;margin-top:54px;background:#fff;color:#111;transition:opacity .16s ease,transform .16s ease}
.sgf-service-panel.is-changing{opacity:.3;transform:translateY(8px)}
.sgf-service-panel__copy{padding:clamp(38px,5vw,80px)}
.sgf-service-panel__copy>p:first-child{color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.sgf-service-panel__copy h3{max-width:520px;margin:40px 0 25px;font-size:clamp(34px,3.5vw,56px);line-height:.95;text-transform:uppercase}
.sgf-service-panel__copy>p:last-child{max-width:530px;font-size:17px}
.sgf-photo-slider--projects{min-height:500px}
.sgf-customs{position:relative;min-height:820px;overflow:hidden;background:#f2f2f0}
.sgf-customs__layout{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw}
.sgf-customs__layout .sgf-section-heading{display:block;margin:0}
.sgf-customs__layout .sgf-section-heading p{margin:0 0 35px}
.sgf-customs__copy{padding-top:70px}
.sgf-customs__copy p{font-size:18px}
.sgf-customs__copy span{display:block;margin-top:44px;padding-top:16px;border-top:1px solid #bbb;font-size:12px;text-transform:uppercase}
.sgf-customs__machine{position:absolute;right:-4vw;bottom:-15%;width:78%;height:59%;opacity:.82;will-change:transform}
.sgf-customs__machine img{width:100%;height:100%;object-fit:contain}
.sgf-contacts{display:grid;grid-template-columns:1fr 1fr auto;gap:8vw;align-items:end;min-height:520px;padding:clamp(70px,9vw,150px) clamp(28px,11vw,190px);background:var(--red);color:#fff}
.sgf-contacts p{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.sgf-contacts h2{max-width:600px;margin:40px 0 0;font-size:clamp(48px,6vw,100px);line-height:.85;text-transform:uppercase}
.sgf-contacts address{display:flex;flex-direction:column;gap:18px;font-style:normal}
.sgf-contacts address span{max-width:400px}
.sgf-contacts address a{width:max-content;border-bottom:1px solid #fff;font-weight:700}
.sgf-contacts>img{width:54px}
@media(max-width:920px){
  :root{--header-h:64px}
  .sgf-header{grid-template-columns:1fr auto;padding:0 24px}
  .sgf-logo{width:218px}
  .sgf-nav{display:none}
  .sgf-menu-toggle{display:block}
  .sgf-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .sgf-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .sgf-mobile-menu{position:fixed;z-index:45;inset:var(--header-h) 0 0;display:grid;grid-template-rows:1fr auto;padding:40px 24px;background:var(--red);color:#fff;opacity:0;transform:translateY(-12px);visibility:hidden;transition:.25s ease}
  .sgf-mobile-menu.is-open{opacity:1;transform:none;visibility:visible}
  .sgf-mobile-menu nav{display:flex;flex-direction:column;justify-content:center}
  .sgf-mobile-menu nav a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.3);font-size:clamp(30px,7vw,58px);font-weight:700;text-transform:uppercase}
  body.menu-open{overflow:hidden}
  .sgf-company,.sgf-section-heading,.sgf-customs__layout{grid-template-columns:1fr}
  .sgf-company__facts{grid-column:1}
  .sgf-quality__copy{margin-left:0}
}
@media(max-width:820px){
  .sgf-solutions__grid{grid-template-columns:1fr}
  .sgf-service-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,72vw);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .sgf-service-tabs::-webkit-scrollbar{display:none}
  .sgf-service-tabs button{min-height:168px;border-right:1px solid rgba(255,255,255,.3)}
  .sgf-service-tabs button:last-child{border-right:1px solid rgba(255,255,255,.3)}
  .sgf-service-panel{grid-template-columns:1fr;min-height:0;margin-top:44px}
  .sgf-service-panel__copy{min-height:390px;padding:40px 28px}
  .sgf-photo-slider--projects{min-height:430px}
  .sgf-quality{min-height:760px}
  .sgf-quality__machine{left:-42%;right:-42%;bottom:0;height:38%}
  .sgf-quality__machine img{width:184%}
  .sgf-contacts{grid-template-columns:1fr;min-height:650px;padding:75px 24px}
  .sgf-contacts>img{justify-self:end}
}
@media(max-width:700px){
  body{font-size:15px}
  .sgf-logo{width:190px}
  .sgf-hero{min-height:calc(92svh - var(--header-h))}
  .sgf-hero__slide>img{inset:0;width:100%;height:100%;object-position:54% center}
  .sgf-hero__slide--layered>img{object-position:center}
  .sgf-hero__content{display:block;padding:85px 24px 130px}
  .sgf-hero__content>p{margin-bottom:42px}
  .sgf-hero__content h1{font-size:17vw}
  .sgf-hero__content>div{margin:45px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.5);padding:24px 0 0}
  .sgf-hero__content>div p{font-size:16px}
  .sgf-scroll-cue{left:24px;bottom:29px}
  .sgf-slider-controls{right:24px;bottom:20px}
  .sgf-slider-controls span{display:none}
  .sgf-company{display:block;padding:72px 24px}
  .sgf-company>p:nth-child(2){margin-top:42px;font-size:19px}
  .sgf-company__facts{grid-template-columns:1fr 1fr;margin-top:54px}
  .sgf-company__facts span:nth-child(2){border-right:0}
  .sgf-company__facts span:nth-child(n+3){border-top:1px solid #ccc}
  .sgf-section-shell{padding:76px 24px}
  .sgf-section-heading{display:block;margin-bottom:52px}
  .sgf-section-heading h2{margin-top:35px;font-size:43px}
  .sgf-solution{min-height:285px}
  .sgf-photo-slider{min-height:330px}
  .sgf-quality{min-height:760px}
  .sgf-quality__copy{grid-template-columns:1fr;gap:35px}
  .sgf-quality__machine{left:-58%;right:-58%;bottom:1%;height:37%}
  .sgf-quality__machine img{width:216%}
  .sgf-service-tabs{margin-right:-24px;margin-left:-24px;padding-left:24px}
  .sgf-service-tabs button{min-height:156px}
  .sgf-service-icon{height:74px}
  .sgf-service-panel__copy h3{font-size:38px}
  .sgf-customs{min-height:790px}
  .sgf-customs__copy{padding-top:0}
  .sgf-customs__machine{right:-45%;bottom:-7%;width:160%;height:44%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sgf-hero__slide,.sgf-photo-slider>img,.sgf-mobile-menu,.sgf-service-panel{transition:none!important}.sgf-service-icon img{animation:none!important}}