@font-face{font-family:Manrope;src:url(assets/manrope-cyrillic.woff2) format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:Manrope;src:url(assets/manrope-latin.woff2) format("woff2");font-display:swap;font-weight:200 800;unicode-range:U+0000-024F}
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#080b0d;color:#f5f7f8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,main:focus-visible{outline:2px solid #fff;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#111;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.story-header{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:40px;padding:28px 4vw;background:linear-gradient(#080b0ded,transparent)}.brand{width:225px;flex-shrink:0}.brand img{width:100%;height:auto;display:block}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#aab6bd;margin-top:12px}.story-header nav{display:flex;gap:34px;margin:auto;font-size:14px}.story-header nav a{padding:12px 0;position:relative}.story-header nav [aria-current]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ff323c;box-shadow:0 0 12px #ff323c88}.home-link{font-size:12px;color:#abb5bc}.story{display:flex;overflow-x:auto;overflow-y:hidden;height:100svh;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.story::-webkit-scrollbar{display:none}.chapter{position:relative;isolation:isolate;flex:0 0 100%;height:100%;overflow:hidden;scroll-snap-align:start;background:radial-gradient(ellipse at 65% 45%,#1d292e,#080b0d 75%)}.chapter-photo{position:absolute;inset:0 0 0 29%;z-index:-2}.chapter-photo img{width:100%;height:100%;object-fit:cover}.chapter:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080b0d 4%,#080b0de8 24%,#080b0d88 43%,transparent 65%),linear-gradient(0deg,#080b0d 2%,transparent 35%,transparent 83%,#080b0d77)}.chapter-copy{position:absolute;left:5.5%;top:31%;width:51%;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;color:#c6d0d5;margin:0 0 28px}h1,h2{font-size:clamp(42px,4.7vw,78px);font-weight:750;line-height:1.07;letter-spacing:-2.5px;margin:0 0 28px}.description{font-size:clamp(16px,1.5vw,23px);line-height:1.65;color:#c7d0d5;max-width:440px;margin:0;text-wrap:pretty}.photo-caption{position:absolute;bottom:19%;right:5%;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#d3dbe0;background:#080b0d99;padding:8px 12px;max-width:40%}.thread{position:absolute;bottom:8%;width:100%;height:22%;pointer-events:none;z-index:1;overflow:visible}.thread path{fill:none;stroke:#ff4449;stroke-width:2;filter:drop-shadow(0 0 5px #ff2020) drop-shadow(0 0 15px #ff202066)}.chapter-start .chapter-photo{inset:7% -4% 8% 37%}.chapter-start .chapter-photo img{object-fit:contain;filter:drop-shadow(0 30px 25px #000)}.chapter-start:after{background:linear-gradient(90deg,#080b0d,transparent 60%)}.chapter-people .chapter-photo{inset:14% 0 12% 31%}.chapter-people .chapter-photo img{object-fit:contain;object-position:right center}.chapter-people:after{background:linear-gradient(90deg,#080b0d 12%,#080b0df0 30%,#080b0d55 48%,transparent 63%)}.chapter-engineering .chapter-photo{inset:0 0 0 48%}.chapter-engineering .chapter-photo img{object-position:center 43%}.chapter-products .chapter-copy{top:23%;width:89%}.chapter-products .description{max-width:none}.brand-ghost{position:absolute;right:8%;top:14%;height:43%;opacity:.08}.direction-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}.direction-grid a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:20px;background:linear-gradient(145deg,#a4c2d514,#090f14aa);border:1px solid #a8c1cc40;transition:border-color .2s,background .2s}.direction-grid a:hover{border-color:#ff4a50;background:#29333988}.direction-grid img{grid-column:1/-1;height:100px;width:100%;object-fit:contain}.direction-grid span{font-size:14px}.catalog-link{display:block;width:max-content;margin:24px 0 0 auto;border-bottom:1px solid #ff4248;padding:12px 0;font-size:15px}.catalog-link span{margin-left:35px}.story-footer{position:fixed;bottom:0;left:4%;right:4%;height:95px;z-index:6;display:flex;align-items:center;gap:34px;background:linear-gradient(transparent,#080b0df5 65%)}.scroll-hint{font-size:9px;letter-spacing:2px;white-space:nowrap;color:#abb8c0}.scroll-hint span{font-size:22px;margin-left:15px}.steps{display:flex;align-items:stretch;flex:1;border-bottom:1px solid #acbec544}.steps a{position:relative;padding:16px 13px 18px;flex:1;min-height:48px;font-size:11px;color:#88979f}.steps a span:first-child{margin-right:9px}.steps a[aria-current]{color:#fff}.steps a[aria-current]:after{content:"";position:absolute;bottom:-1px;left:10px;right:10px;height:2px;background:#ff3942;box-shadow:0 0 12px #f33}.story-arrows{display:flex;gap:10px}.story-arrows button{width:48px;height:48px;border:1px solid #71808a66;background:#15202766;border-radius:50%;font-size:25px;cursor:pointer}.story-arrows button:disabled{opacity:.25;cursor:default}@media(max-width:1100px){.step-label{display:none}.story-header{gap:20px}.home-link{display:none}.story-header nav{margin-left:auto;margin-right:0}.direction-grid{gap:8px}.direction-grid a{padding:12px}.direction-grid img{height:75px}}
@media(max-width:700px){.story-header{padding:18px 20px;background:#080b0dee;gap:12px}.brand{width:145px}.brand span{font-size:6px;letter-spacing:2px;margin-top:8px}.story-header nav{gap:16px;font-size:11px}.story-header nav a:last-child{display:none}.story{display:block;height:auto;overflow:visible;scroll-snap-type:none}.chapter{height:850px;height:105svh;min-height:720px;scroll-margin-top:90px}.chapter-copy{left:24px;right:24px;top:125px;width:auto}.eyebrow{font-size:10px;margin-bottom:20px}h1,h2{font-size:42px;letter-spacing:-1.8px;margin-bottom:18px}.description{font-size:16px;max-width:94%;line-height:1.6}.chapter .chapter-photo{inset:37% 0 7% 0}.chapter .chapter-photo img{object-fit:cover}.chapter:after,.chapter-people:after{background:linear-gradient(#080b0d 31%,#080b0d88 42%,transparent 57%,transparent 79%,#080b0d 96%)}.chapter-start .chapter-photo{inset:35% -15% 5% -12%}.chapter-start .chapter-photo img{object-fit:contain}.chapter-start:after{background:linear-gradient(#080b0d 30%,transparent 58%,#080b0d 98%)}.chapter-people .chapter-photo{inset:42% 0 15%}.chapter-people .chapter-photo img{object-fit:contain}.chapter-engineering .chapter-photo img{object-position:center 42%}.photo-caption{bottom:12%;left:24px;right:auto;max-width:85%;font-size:8px}.thread{bottom:3%;height:13%}.story-footer{left:0;right:0;height:62px;padding:0 15px;background:#080b0df5;gap:10px}.scroll-hint{display:none}.steps a{padding:14px 8px}.steps a span:first-child{margin:0}.story-arrows{gap:5px}.story-arrows button{width:38px;height:38px;font-size:20px}.chapter-products{min-height:980px;height:auto}.chapter-products .chapter-copy{top:110px;left:24px;width:calc(100% - 48px)}.direction-grid{grid-template-columns:repeat(2,1fr);margin-top:26px;gap:10px}.direction-grid img{height:76px}.direction-grid a{padding:14px}.direction-grid a:last-child{grid-column:1/-1}.direction-grid a:last-child img{height:65px}.catalog-link{font-size:13px;margin-top:22px}.brand-ghost{top:110px;height:200px}.chapter-products .thread{bottom:55px}.direction-grid span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:701px){.chapter-people .photo-caption{left:5.5%;right:auto;bottom:20%;max-width:33%}.chapter-people .thread{bottom:5%}}
@media(min-width:701px) and (max-height:740px){.story-header{padding-top:18px}.chapter-copy{top:27%}h1,h2{font-size:clamp(38px,4.5vw,62px);margin-bottom:18px}.eyebrow{margin-bottom:18px}.chapter-products .chapter-copy{top:20%}.direction-grid{margin-top:18px}.direction-grid img{height:65px}.direction-grid a{padding:12px}.catalog-link{margin-top:10px;padding:7px 0}.story-footer{height:70px}}
@media(max-width:700px){.story-header{flex-wrap:wrap}.story-header nav{width:100%;justify-content:space-between;margin:0;gap:8px;font-size:11px}.story-header nav a:last-child{display:block}.story-header .brand{width:145px}}