



.contacts-source-shell{--ink: #15222b; --muted: #65717a; --line: #dce2e6; --paper: #f4f6f7; --orange: #e96b2c; --dark: #172730;}
.contacts-source-shell *{box-sizing: border-box;}
.contacts-source-shell{scroll-behavior: smooth;}
.contacts-source-shell{--font-manrope:"Kokil Montserrat","Inter",Arial,sans-serif;background: var(--paper); color: var(--ink); font-family: var(--font-manrope); margin: 0px;overflow:clip;}
.contacts-source-shell a{color: inherit; text-decoration: none;}
.contacts-source-shell h1, .contacts-source-shell h2, .contacts-source-shell h3, .contacts-source-shell p{margin-top: 0px;}
.contacts-source-shell h1, .contacts-source-shell h2, .contacts-source-shell h3{font-weight: inherit;}
.contacts-source-shell .site-header{border-bottom: 1px solid var(--line); z-index: 10; background: rgba(255, 255, 255, 0.96); align-items: center; gap: 44px; height: 82px; padding: 0px max(32px, -630px + 50vw); display: flex; position: relative;}
.contacts-source-shell .brand{align-items: center; gap: 12px; min-width: 210px; display: inline-flex;}
.contacts-source-shell .brand > b{background: var(--orange); color: rgb(255, 255, 255); border-radius: 8px 8px 8px 2px; place-items: center; width: 38px; height: 38px; font-size: 22px; display: grid;}
.contacts-source-shell .brand strong, .contacts-source-shell .brand small{line-height: 1; display: block;}
.contacts-source-shell .brand strong{letter-spacing: 0.11em; font-size: 20px;}
.contacts-source-shell .brand small{color: rgb(108, 119, 125); letter-spacing: 0.16em; text-transform: uppercase; margin-top: 7px; font-size: 9px;}
.contacts-source-shell nav{flex: 1 1 0%; justify-content: center; gap: 28px; display: flex;}
.contacts-source-shell nav a{font-size: 13px; font-weight: 700;}
.contacts-source-shell nav a:hover{color: var(--orange);}
.contacts-source-shell .header-contact{font-size: 15px; font-weight: 800;}
.contacts-source-shell .hero{color: rgb(255, 255, 255); background: linear-gradient(115deg, rgb(23, 41, 51), rgb(20, 35, 44) 54%, rgb(13, 25, 32)); grid-template-columns: 1.25fr 0.75fr; align-items: center; gap: 80px; min-height: 610px; padding: 96px max(32px, -630px + 50vw); display: grid; position: relative; overflow: hidden;}
.contacts-source-shell .hero::before{content: ""; opacity: 0.22; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, rgba(0, 0, 0, 0) 1px); background-size: 56px 56px; position: absolute; inset: 0px; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 60%);}
.contacts-source-shell .hero-rings{border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 50%; width: 460px; height: 460px; position: absolute; top: 11%; right: 4%;}
.contacts-source-shell .hero-rings::before, .contacts-source-shell .hero-rings::after{content: ""; border: 1px solid rgba(233, 107, 44, 0.2); border-radius: 50%; position: absolute; inset: 65px;}
.contacts-source-shell .hero-rings::after{background: rgba(233, 107, 44, 0.05); inset: 145px;}
.contacts-source-shell .hero-copy, .contacts-source-shell .contact-panel{z-index: 2; position: relative;}
.contacts-source-shell .eyebrow{color: rgb(241, 154, 111); letter-spacing: 0.22em; margin: 0px 0px 20px; font-size: 11px; font-weight: 800; line-height: 1;}
.contacts-source-shell .company-name{letter-spacing: 0.16em; font-size: 13px; line-height: 1.35;}
.contacts-source-shell .intro-company-name{color: rgb(216, 95, 37); margin-bottom: 24px; font-size: 14px;}
.contacts-source-shell h1{letter-spacing: -0.045em; max-width: 840px; margin-bottom: 26px; font-size: clamp(48px, 5.2vw, 76px); line-height: 1.04;}
.contacts-source-shell h1 em{color: rgb(242, 154, 112); font-style: normal;}
.contacts-source-shell .hero-lead{color: rgb(189, 200, 206); max-width: 690px; font-size: 18px; line-height: 1.75;}
.contacts-source-shell .hero-actions{gap: 14px; margin-top: 40px; display: flex;}
.contacts-source-shell .button{border-radius: 7px; justify-content: center; align-items: center; gap: 20px; min-height: 52px; padding: 0px 24px; font-size: 13px; font-weight: 800; display: inline-flex;}
.contacts-source-shell .primary{background: var(--orange); color: rgb(255, 255, 255); box-shadow: rgba(233, 107, 44, 0.22) 0px 12px 30px;}
.contacts-source-shell .primary:hover{background: rgb(215, 90, 30);}
.contacts-source-shell .ghost{color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.25);}
.contacts-source-shell .contact-panel{backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 18px; padding: 34px;}
.contacts-source-shell .contact-panel > p{color: rgb(147, 163, 171); text-transform: uppercase; letter-spacing: 0.16em; font-size: 10px; font-weight: 800;}
.contacts-source-shell .contact-panel > a{border-bottom: 1px solid rgba(255, 255, 255, 0.12); align-items: center; gap: 18px; padding: 22px 0px; display: flex;}
.contacts-source-shell .contact-panel > a > b{color: rgb(242, 154, 112); background: rgba(233, 107, 44, 0.14); border-radius: 50%; place-items: center; width: 44px; height: 44px; display: grid;}
.contacts-source-shell .contact-panel small, .contacts-source-shell .contact-panel strong{display: block;}
.contacts-source-shell .contact-panel small{color: rgb(143, 160, 169); margin-bottom: 7px; font-size: 10px;}
.contacts-source-shell .work-area{color: rgb(198, 208, 213); align-items: center; gap: 10px; padding-top: 24px; font-size: 12px; display: flex;}
.contacts-source-shell .work-area i{background: rgb(101, 198, 138); border-radius: 50%; width: 8px; height: 8px; box-shadow: rgba(101, 198, 138, 0.12) 0px 0px 0px 5px;}
.contacts-source-shell .section{padding: 104px max(32px, -630px + 50vw);}
.contacts-source-shell .section-heading{grid-template-columns: 1.3fr 0.7fr; align-items: end; gap: 80px; margin-bottom: 48px; display: grid;}
.contacts-source-shell .section-heading h2, .contacts-source-shell .cta-section h2{letter-spacing: -0.035em; margin-bottom: 0px; font-size: clamp(34px, 3.5vw, 52px); line-height: 1.08;}
.contacts-source-shell .section-heading > p{color: var(--muted); margin-bottom: 4px; font-size: 14px; line-height: 1.7;}
.contacts-source-shell .capabilities, .contacts-source-shell .news{background: rgb(255, 255, 255);}
.contacts-source-shell .capability-grid{grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid;}
.contacts-source-shell .capability-card{background: var(--paper); border: 1px solid rgb(230, 234, 236); border-radius: 10px; min-height: 300px; padding: 34px; transition: 0.25s; position: relative;}
.contacts-source-shell .capability-card:hover, .contacts-source-shell .video-card:hover{transform: translateY(-4px); box-shadow: rgba(21, 34, 43, 0.08) 0px 18px 40px;}
.contacts-source-shell .capability-card > span{color: var(--orange); letter-spacing: 0.18em; font-size: 11px; font-weight: 800;}
.contacts-source-shell .capability-card h3{margin: 60px 0px 16px; font-size: 22px; line-height: 1.3;}
.contacts-source-shell .capability-card p{color: var(--muted); font-size: 13px; line-height: 1.75;}
.contacts-source-shell .capability-card i{background: var(--orange); width: 36px; height: 3px; position: absolute; bottom: 0px; left: 34px;}
.contacts-source-shell .process-strip{background: var(--dark); color: rgb(255, 255, 255); border-radius: 10px; grid-template-columns: repeat(4, 1fr); margin-top: 18px; display: grid; overflow: hidden;}
.contacts-source-shell .process-strip div{border-right: 1px solid rgba(255, 255, 255, 0.1); align-items: center; gap: 14px; padding: 24px; font-size: 12px; font-weight: 700; display: flex;}
.contacts-source-shell .process-strip span{color: rgb(242, 154, 112); font-size: 10px;}
.contacts-source-shell .expertise{background: rgb(237, 243, 246); padding-top: 90px; padding-bottom: 90px;}
.contacts-source-shell .company-intro{grid-template-columns: 1.08fr 0.92fr; align-items: end; gap: 90px; margin-bottom: 34px; display: grid;}
.contacts-source-shell .company-intro h2{letter-spacing: -0.04em; max-width: 650px; margin: 0px; font-size: clamp(38px, 4.1vw, 58px); line-height: 1.08;}
.contacts-source-shell .company-intro h2 em{color: var(--orange); font-style: normal;}
.contacts-source-shell .company-intro-copy > p{color: var(--muted); letter-spacing: 0.005em; margin-bottom: 24px; font-size: 16px; line-height: 1.75;}
.contacts-source-shell .experience-line{border-top: 1px solid rgb(207, 219, 225); align-items: center; gap: 16px; padding-top: 17px; display: flex; position: relative;}
.contacts-source-shell .experience-line strong{color: var(--dark); letter-spacing: -0.05em; font-size: 42px; line-height: 1;}
.contacts-source-shell .experience-line span{color: rgb(101, 119, 131); text-transform: uppercase; letter-spacing: 0.08em; font-size: 11px; font-weight: 800; line-height: 1.5;}
.contacts-source-shell .experience-line i{background: var(--orange); width: 44px; height: 3px; margin-left: auto;}
.contacts-source-shell .expert-card{background: rgb(255, 255, 255); border: 1px solid rgb(203, 220, 229); border-radius: 11px; grid-template-columns: 0.78fr 1.22fr; gap: 60px; min-height: 295px; margin-top: 16px; padding: 46px; display: grid; position: relative; overflow: hidden; box-shadow: rgba(23, 49, 62, 0.04) 0px 14px 34px;}
.contacts-source-shell .expert-card::before{content: ""; background: var(--orange); width: 4px; position: absolute; top: 0px; bottom: 0px; left: 0px;}
.contacts-source-shell .expert-title{align-self: center;}
.contacts-source-shell .expert-title > span{color: var(--orange); letter-spacing: 0.17em; margin-bottom: 20px; font-size: 11px; font-weight: 900; line-height: 1; display: block;}
.contacts-source-shell .expert-title h3{letter-spacing: -0.035em; max-width: 440px; margin: 0px; font-size: clamp(27px, 2.7vw, 38px); line-height: 1.1;}
.contacts-source-shell .expert-copy{align-self: center; padding-left: 4px;}
.contacts-source-shell .expert-copy p{color: rgb(95, 112, 123); letter-spacing: 0.005em; margin-bottom: 16px; font-size: 16px; line-height: 1.72;}
.contacts-source-shell .expert-copy p strong{color: var(--ink);}
.contacts-source-shell .expert-tags{flex-wrap: wrap; gap: 9px; margin-top: 22px; display: flex;}
.contacts-source-shell .expert-tags span{color: rgb(83, 101, 111); letter-spacing: 0.04em; background: rgb(245, 248, 249); border: 1px solid rgb(214, 225, 230); border-radius: 999px; padding: 9px 13px; font-size: 10.5px; font-weight: 800;}
.contacts-source-shell .expert-modeling::after{content: ""; border: 1px solid rgb(219, 230, 234); border-radius: 50%; width: 210px; height: 210px; position: absolute; top: -105px; right: -110px; box-shadow: rgba(232, 239, 242, 0.2) 0px 0px 0px 28px, rgba(232, 239, 242, 0.12) 0px 0px 0px 56px;}
.contacts-source-shell .expert-modeling .expert-title, .contacts-source-shell .expert-modeling .expert-copy{z-index: 1; position: relative;}
.contacts-source-shell .videos{color: rgb(255, 255, 255); background: var(--dark); position: relative;}
.contacts-source-shell .videos::after{content: ""; background: rgba(255, 255, 255, 0.04); height: 1px; position: absolute; top: 50%; left: 0px; right: 0px;}
.contacts-source-shell .on-dark{z-index: 1; position: relative;}
.contacts-source-shell .on-dark > p{color: rgb(156, 171, 179);}
.contacts-source-shell .video-grid, .contacts-source-shell .news-grid{z-index: 1; grid-template-columns: repeat(3, 1fr); gap: 18px; display: grid; position: relative;}
.contacts-source-shell .video-card{background: rgb(32, 51, 62); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; transition: 0.25s; overflow: hidden;}
.contacts-source-shell .video-cover{background: rgb(49, 70, 80); place-items: center; height: 220px; display: grid; position: relative; overflow: hidden;}
.contacts-source-shell .video-cover::before, .contacts-source-shell .news-visual::before{content: ""; background: linear-gradient(135deg, rgba(0, 0, 0, 0) 30%, rgba(255, 255, 255, 0.08) 31%, rgba(0, 0, 0, 0) 32%), radial-gradient(circle at 70% 40%, rgba(233, 107, 44, 0.35), rgba(0, 0, 0, 0) 24%); position: absolute; inset: 0px;}
.contacts-source-shell .cover-2::before{transform: scaleX(-1);}
.contacts-source-shell .cover-3::before{background: radial-gradient(circle at 50% 60%, rgba(233, 107, 44, 0.4), rgba(0, 0, 0, 0) 18%), linear-gradient(30deg, rgba(0, 0, 0, 0) 46%, rgba(255, 255, 255, 0.08) 47%, rgba(0, 0, 0, 0) 48%);}
.contacts-source-shell .video-cover > span{color: rgb(255, 216, 197); letter-spacing: 0.12em; text-transform: uppercase; background: rgba(15, 28, 36, 0.7); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; padding: 7px 10px; font-size: 9px; position: absolute; top: 20px; left: 20px;}
.contacts-source-shell .video-cover > b{background: var(--orange); border-radius: 50%; place-items: center; width: 58px; height: 58px; padding-left: 4px; display: grid; box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 30px;}
.contacts-source-shell .video-copy h3{margin-bottom: 10px; font-size: 18px;}
.contacts-source-shell .video-copy p{color: rgb(156, 171, 179); min-height: 42px; font-size: 12px; line-height: 1.7;}
.contacts-source-shell .video-copy > span{color: rgb(242, 154, 112); justify-content: space-between; font-size: 11px; font-weight: 800; display: flex;}
.contacts-source-shell .documents{background: rgb(238, 241, 242);}
.contacts-source-shell .document-tools{align-items: center; gap: 18px; margin: -12px 0px 26px; display: flex;}
.contacts-source-shell .document-tools label{background: rgb(255, 255, 255); border: 1px solid rgb(202, 214, 220); border-radius: 8px; flex: 1 1 0%; align-items: center; gap: 12px; max-width: 650px; height: 54px; padding: 0px 18px; display: flex; box-shadow: rgba(23, 49, 62, 0.04) 0px 8px 24px;}
.contacts-source-shell .document-tools label > span{color: var(--orange); font-size: 24px; line-height: 1; transform: rotate(-15deg);}
.contacts-source-shell .document-tools input{width: 100%; min-width: 0px; color: var(--ink); font: 600 13px var(--font-manrope),Arial,sans-serif; background: 0px 0px; border: 0px; outline: 0px;}
.contacts-source-shell .document-tools input::placeholder{color: rgb(130, 144, 153);}
.contacts-source-shell .document-tools small{color: var(--muted); font-size: 11px; font-weight: 700;}
.contacts-source-shell .document-list{grid-template-columns: 1fr 1fr; gap: 12px; display: grid;}
.contacts-source-shell .document-list > a{border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 8px; grid-template-columns: 58px 1fr auto; align-items: center; gap: 18px; padding: 24px; display: grid;}
.contacts-source-shell .document-list > a > b{width: 50px; height: 50px; color: var(--orange); background: rgb(252, 236, 229); border-radius: 6px; place-items: center; font-size: 10px; display: grid;}
.contacts-source-shell .document-list > a span strong, .contacts-source-shell .document-list > a span small{display: block;}
.contacts-source-shell .document-list > a span strong{margin-bottom: 7px; font-size: 14px;}
.contacts-source-shell .document-list > a span small{color: var(--muted); font-size: 10px; line-height: 1.5;}
.contacts-source-shell .document-list > a em{color: var(--orange); font-size: 10px; font-style: normal; font-weight: 800;}
.contacts-source-shell .empty-documents{color: var(--muted); text-align: center; background: rgba(255, 255, 255, 0.5); border: 1px dashed rgb(189, 198, 203); border-radius: 8px; padding: 28px; font-size: 13px;}
.contacts-source-shell .catalog-action{justify-content: flex-end; margin-top: 26px; display: flex;}
.contacts-source-shell .catalog-action button{min-height: 48px; color: var(--ink); font: 800 12px var(--font-manrope),Arial,sans-serif; cursor: pointer; background: 0px 0px; border: 1px solid rgb(191, 203, 209); border-radius: 7px; align-items: center; gap: 18px; padding: 0px 20px; transition: 0.2s; display: inline-flex;}
.contacts-source-shell .catalog-action button:hover{border-color: var(--orange); color: var(--orange); background: rgb(255, 255, 255);}
.contacts-source-shell .dark-action button{color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.25);}
.contacts-source-shell .dark-action button:hover{color: rgb(242, 154, 112); background: rgba(255, 255, 255, 0.05); border-color: rgb(242, 154, 112);}
.contacts-source-shell .document-note{border: 1px dashed rgb(189, 198, 203); border-radius: 8px; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; margin-top: 18px; padding: 24px 28px; font-size: 12px; display: grid;}
.contacts-source-shell .document-note span{color: var(--muted);}
.contacts-source-shell .document-note a{color: var(--orange); font-weight: 800;}
.contacts-source-shell .news-grid{position: static;}
.contacts-source-shell .news-card{border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 10px; overflow: hidden;}
.contacts-source-shell .news-visual{background: rgb(38, 57, 67); height: 170px; position: relative; overflow: hidden;}
.contacts-source-shell .news-visual span{color: rgba(255, 255, 255, 0.08); font-size: 62px; font-weight: 900; position: absolute; bottom: 10px; right: 20px;}
.contacts-source-shell .news-2{background: rgb(67, 84, 92);}
.contacts-source-shell .news-3{background: rgb(30, 48, 57);}
.contacts-source-shell .news-card em{color: var(--orange); letter-spacing: 0.15em; text-transform: uppercase; font-size: 9px; font-style: normal; font-weight: 900;}
.contacts-source-shell .news-card p{min-height: 66px; color: var(--muted); font-size: 12px; line-height: 1.75;}
.contacts-source-shell .news-card a{border-top: 1px solid var(--line); justify-content: space-between; padding-top: 18px; font-size: 10px; font-weight: 800; display: flex;}
.contacts-source-shell .cta-section{color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(23, 39, 48), rgb(33, 55, 66)); justify-content: space-between; align-items: center; gap: 40px; padding: 70px max(32px, -630px + 50vw); display: flex;}
.contacts-source-shell .cta-section h2{margin-bottom: 14px;}
.contacts-source-shell .cta-section > div > p:last-child{color: rgb(169, 181, 187); margin-bottom: 0px;}
.contacts-source-shell footer{color: rgb(255, 255, 255); background: rgb(14, 25, 32); grid-template-columns: 1fr 1.3fr 1fr; align-items: center; gap: 30px; padding: 42px max(32px, -630px + 50vw); display: grid;}
.contacts-source-shell footer > p{color: rgb(131, 146, 154); margin: 0px; font-size: 11px; line-height: 1.7;}
.contacts-source-shell footer > div:last-child{flex-direction: column; align-items: flex-end; gap: 7px; font-size: 12px; font-weight: 700; display: flex;}
.contacts-source-shell footer .brand small{color: rgb(131, 146, 154);}
@media (width <= 980px){.contacts-source-shell nav{display: none;}.contacts-source-shell .site-header{justify-content: space-between;}.contacts-source-shell .hero{grid-template-columns: 1fr; gap: 46px; padding-top: 76px; padding-bottom: 76px;}.contacts-source-shell .contact-panel{max-width: 620px;}.contacts-source-shell .section-heading{grid-template-columns: 1fr; gap: 18px;}.contacts-source-shell .company-intro, .contacts-source-shell .expert-card{grid-template-columns: 1fr; gap: 30px;}.contacts-source-shell .company-intro{align-items: start;}.contacts-source-shell .expert-card{padding: 38px;}.contacts-source-shell .expert-title h3{max-width: 700px;}.contacts-source-shell .capability-grid, .contacts-source-shell .video-grid, .contacts-source-shell .news-grid{grid-template-columns: 1fr 1fr;}.contacts-source-shell .capability-card:last-child, .contacts-source-shell .video-card:last-child, .contacts-source-shell .news-card:last-child{grid-column: 1 / -1;}.contacts-source-shell .document-list, .contacts-source-shell .document-note{grid-template-columns: 1fr;}}
@media (width <= 640px){.contacts-source-shell .site-header{height: 72px; padding: 0px 20px;}.contacts-source-shell .header-contact{font-size: 12px;}.contacts-source-shell .brand{min-width: 0px;}.contacts-source-shell .brand small{display: none;}.contacts-source-shell .hero, .contacts-source-shell .section{padding-left: 20px; padding-right: 20px;}.contacts-source-shell .hero{min-height: auto;}.contacts-source-shell .company-name{font-size: 11px;}.contacts-source-shell .intro-company-name{font-size: 12px;}.contacts-source-shell h1{font-size: 43px;}.contacts-source-shell .hero-actions{flex-direction: column;}.contacts-source-shell .contact-panel{padding: 24px;}.contacts-source-shell .contact-panel strong{font-size: 15px;}.contacts-source-shell .expertise{padding-top: 64px; padding-bottom: 64px;}.contacts-source-shell .company-intro{gap: 26px;}.contacts-source-shell .company-intro h2{font-size: 38px;}.contacts-source-shell .company-intro-copy > p{font-size: 15px;}.contacts-source-shell .expert-card{gap: 24px; padding: 30px 24px;}.contacts-source-shell .expert-title > span{font-size: 10px;}.contacts-source-shell .expert-title h3{font-size: 28px;}.contacts-source-shell .expert-copy p{font-size: 15px; line-height: 1.7;}.contacts-source-shell .expert-tags span{font-size: 10px;}.contacts-source-shell .experience-line strong{font-size: 36px;}.contacts-source-shell .experience-line i{display: none;}.contacts-source-shell .capability-grid, .contacts-source-shell .video-grid, .contacts-source-shell .news-grid{grid-template-columns: 1fr;}.contacts-source-shell .capability-card:last-child, .contacts-source-shell .video-card:last-child, .contacts-source-shell .news-card:last-child{grid-column: auto;}.contacts-source-shell .process-strip{grid-template-columns: 1fr 1fr;}.contacts-source-shell .document-tools{flex-direction: column; align-items: stretch;}.contacts-source-shell .document-tools label{flex: 0 0 auto; width: 100%;}.contacts-source-shell .document-list > a{grid-template-columns: 52px 1fr;}.contacts-source-shell .document-list > a em{display: none;}.contacts-source-shell .catalog-action{justify-content: stretch;}.contacts-source-shell .catalog-action button{justify-content: space-between; width: 100%;}.contacts-source-shell .cta-section{flex-direction: column; align-items: flex-start; padding: 58px 20px;}.contacts-source-shell footer{grid-template-columns: 1fr; padding: 40px 20px;}.contacts-source-shell footer > div:last-child{align-items: flex-start;}}
@media (prefers-reduced-motion: reduce){.contacts-source-shell{scroll-behavior: auto;}.contacts-source-shell *, .contacts-source-shell ::before, .contacts-source-shell ::after{transition: none !important;}}
.contacts-source-shell .hero{background-color: rgb(20, 37, 46); background-image:none;}
.contacts-source-shell .hero::before{content:"";display:block;opacity:1;pointer-events:none;background:url("assets/contacts-page/contacts-hero.webp") 50% center/cover no-repeat;filter:none;mask-image:none;position:absolute;inset:0;}
.contacts-source-shell .hero::after{content:"";pointer-events:none;background:linear-gradient(90deg,rgba(7,23,31,.55) 0%,rgba(7,23,31,.42) 39%,rgba(7,23,31,.08) 67%,rgba(7,23,31,.06) 100%);position:absolute;inset:0;z-index:1;}
.contacts-source-shell .hero-rings{display: none;}
.contacts-source-shell h1{text-shadow: rgba(7, 20, 27, 0.82) 0px 2px 22px;}
.contacts-source-shell .hero-lead{color: rgb(213, 223, 227); text-shadow: rgb(7, 20, 27) 0px 1px 12px;}
.contacts-source-shell .hero-actions{flex-wrap: wrap;}
.contacts-source-shell .ghost{backdrop-filter: blur(8px); background: rgba(16, 35, 44, 0.77); border-color: rgba(255, 255, 255, 0.44);}
.contacts-source-shell .news-button{color: rgb(255, 255, 255); backdrop-filter: blur(8px); background: rgba(64, 87, 97, 0.875); border: 1px solid rgb(130, 148, 156); min-width: 154px; box-shadow: rgba(7, 20, 27, 0.26) 0px 10px 26px;}
.contacts-source-shell .news-button:hover{background: rgb(82, 107, 118); border-color: rgb(182, 195, 201);}
.contacts-source-shell .contact-panel{backdrop-filter: blur(16px); background: rgba(19, 38, 48, 0.91); border-color: rgba(255, 255, 255, 0.17); box-shadow: rgba(7, 20, 27, 0.46) 0px 20px 55px;}
.contacts-source-shell .contact-panel > p{color: rgb(168, 182, 189);}
.contacts-source-shell .contact-panel small{color: rgb(157, 171, 178);}
.contacts-source-shell .work-area{color: rgb(208, 218, 222);}
.contacts-source-shell .expert-card{border-radius: 12px; grid-template-columns: 0.78fr 1.22fr; gap: 0px; min-height: 330px; margin-top: 18px; padding: 0px;}
.contacts-source-shell .expert-card::before{z-index: 4;}
.contacts-source-shell .expert-title{isolation: isolate; background-position: 50% center; background-size: cover; flex-direction: column; justify-content: center; align-self: stretch; min-height: 330px; padding: 46px; display: flex; position: relative;}
.contacts-source-shell .expert-title::before{content: ""; z-index: -1; background: linear-gradient(115deg, rgba(10, 28, 37, 0.92), rgba(13, 31, 40, 0.64) 65%, rgba(13, 31, 40, 0.42)); position: absolute; inset: 0px;}
.contacts-source-shell .expert-lnd .expert-title{background-image: url("assets/contacts-page/expert-lnd.webp"); background-position: 50% 45%;}
.contacts-source-shell .expert-modeling .expert-title{background-image: url("assets/contacts-page/expert-modeling.webp"); background-position: 53% center;}
.contacts-source-shell .expert-modeling .expert-title::before{background: linear-gradient(115deg, rgba(10, 28, 37, 0.88), rgba(13, 31, 40, 0.58) 70%, rgba(13, 31, 40, 0.46));}
.contacts-source-shell .expert-title > span{color: rgb(255, 154, 104); text-shadow: rgb(7, 20, 27) 0px 1px 10px;}
.contacts-source-shell .expert-title h3{color: rgb(255, 255, 255); text-shadow: rgba(7, 20, 27, 0.85) 0px 2px 22px;}
.contacts-source-shell .expert-copy{z-index: 1; align-self: center; padding: 46px 46px 46px 60px; position: relative;}
.contacts-source-shell .expert-modeling{background: rgb(255, 255, 255);}
.contacts-source-shell .expert-modeling::after{display: none;}
@media (width <= 980px){.contacts-source-shell .hero{background-position: 58% center;}.contacts-source-shell .expert-card{grid-template-columns: 1fr; gap: 0px; padding: 0px;}.contacts-source-shell .expert-title{min-height: 310px;}.contacts-source-shell .expert-copy{padding: 38px;}}
@media (width <= 640px){.contacts-source-shell .hero{background-image: linear-gradient(90deg, rgba(8, 23, 31, 0.86), rgba(8, 23, 31, 0.6)), url("assets/contacts-page/contacts-hero.webp"); background-position: 60% center;}.contacts-source-shell .hero-actions .button{width: 100%;}.contacts-source-shell .expert-card{gap: 0px; padding: 0px;}.contacts-source-shell .expert-title{min-height: 270px; padding: 30px 24px;}.contacts-source-shell .expert-copy{padding: 30px 24px;}}
.contacts-source-shell .documents .section-heading > p, .contacts-source-shell .news .section-heading > p{font-size: 16px; line-height: 1.75;}
.contacts-source-shell .document-tools label{height: 60px; padding: 0px 21px;}
.contacts-source-shell .document-tools input{font-size: 15px;}
.contacts-source-shell .document-tools small{font-size: 13px;}
.contacts-source-shell .document-list{gap: 16px;}
.contacts-source-shell .document-list > a{grid-template-columns: 64px 1fr auto; gap: 20px; min-height: 112px; padding: 27px 26px;}
.contacts-source-shell .document-list > a > b{width: 56px; height: 56px; font-size: 11px;}
.contacts-source-shell .document-list > a span strong{margin-bottom: 9px; font-size: 17px; line-height: 1.35;}
.contacts-source-shell .document-list > a span small{font-size: 13px; line-height: 1.55;}
.contacts-source-shell .document-list > a em{white-space: nowrap; font-size: 12px;}
.contacts-source-shell .catalog-action button{min-height: 52px; padding: 0px 24px; font-size: 14px;}
.contacts-source-shell .document-note{padding: 27px 28px; font-size: 14px; line-height: 1.6;}
.contacts-source-shell .empty-documents{font-size: 15px;}
.contacts-source-shell .news-grid{gap: 22px;}
.contacts-source-shell .news-card > div:last-child{padding: 30px;}
.contacts-source-shell .news-card em{font-size: 11px;}
.contacts-source-shell .news-card h3{margin: 16px 0px 14px; font-size: 22px; line-height: 1.35;}
.contacts-source-shell .news-card p{min-height: 82px; font-size: 15px; line-height: 1.7;}
.contacts-source-shell .news-card a{padding-top: 20px; font-size: 13px;}
@media (width <= 640px){.contacts-source-shell .documents .section-heading > p, .contacts-source-shell .news .section-heading > p{font-size: 15px;}.contacts-source-shell .document-tools input{font-size: 14px;}.contacts-source-shell .document-list > a{gap: 15px; min-height: 0px; padding: 22px 20px;}.contacts-source-shell .document-list > a span strong{font-size: 16px;}.contacts-source-shell .document-list > a span small{font-size: 12px;}.contacts-source-shell .document-note{font-size: 13px;}.contacts-source-shell .news-card > div:last-child{padding: 25px;}.contacts-source-shell .news-card h3{font-size: 20px;}.contacts-source-shell .news-card p{min-height: 0px; font-size: 14px;}.contacts-source-shell .news-card a{font-size: 12px;}}
.contacts-source-shell .capability-card h3, .contacts-source-shell .video-copy h3, .contacts-source-shell .document-list > a span strong, .contacts-source-shell .news-card h3{letter-spacing: -0.015em; font-size: 22px; font-weight: 500; line-height: 1.38;}
.contacts-source-shell .capability-card p, .contacts-source-shell .video-copy p, .contacts-source-shell .document-list > a span small, .contacts-source-shell .news-card p{font-size: 15px; line-height: 1.7;}
.contacts-source-shell .capability-card > span, .contacts-source-shell .video-cover > span, .contacts-source-shell .document-list > a > b, .contacts-source-shell .news-card em{letter-spacing: 0.13em; font-size: 11px; font-weight: 900;}
.contacts-source-shell .video-copy > span, .contacts-source-shell .document-list > a em, .contacts-source-shell .news-card a{font-size: 13px; font-weight: 800;}
.contacts-source-shell .capability-card{min-height: 340px;}
.contacts-source-shell .capability-card h3{margin-top: 64px;}
.contacts-source-shell .video-copy{padding: 30px;}
.contacts-source-shell .video-copy p{min-height: 76px;}
.contacts-source-shell .document-list > a{min-height: 158px; padding: 30px 28px;}
.contacts-source-shell .document-list > a span strong{margin-bottom: 11px;}
.contacts-source-shell .document-list > a em{line-height: 1.4;}
.contacts-source-shell .expert-copy p{font-size: 16px;}
.contacts-source-shell .expert-tags span{font-size: 11px;}
.contacts-source-shell .contact-panel small{font-size: 12px;}
.contacts-source-shell .contact-panel strong{font-size: 20px;}
.contacts-source-shell .work-area{font-size: 14px;}
@media (width <= 640px){.contacts-source-shell .capability-card h3, .contacts-source-shell .video-copy h3, .contacts-source-shell .document-list > a span strong, .contacts-source-shell .news-card h3{font-size: 20px;}.contacts-source-shell .capability-card p, .contacts-source-shell .video-copy p, .contacts-source-shell .document-list > a span small, .contacts-source-shell .news-card p{font-size: 14px;}.contacts-source-shell .capability-card{min-height: 310px;}.contacts-source-shell .video-copy p{min-height: 0px;}.contacts-source-shell .document-list > a{min-height: 0px; padding: 24px 20px;}.contacts-source-shell .video-copy > span, .contacts-source-shell .news-card a{font-size: 12px;}}
.contacts-source-shell .capability-card{isolation: isolate; color: rgb(255, 255, 255); background-color: rgb(38, 57, 67); background-position: 50% center; background-size: cover; border-color: rgba(255, 255, 255, 0.14); min-height: 380px; overflow: hidden; box-shadow: rgba(21, 34, 43, 0.12) 0px 16px 38px;}
.contacts-source-shell .capability-card::before{content: ""; z-index: -1; background: linear-gradient(rgba(8, 21, 28, 0.28) 0%, rgba(8, 21, 28, 0.62) 45%, rgba(8, 21, 28, 0.94) 100%); position: absolute; inset: 0px;}
.contacts-source-shell .capability-card:first-child{background-image: url("assets/contacts-page/expert-lnd.webp"); background-position: 50% 45%;}
.contacts-source-shell .capability-card:nth-child(2){background-image: url("assets/contacts-page/contacts-hero.webp"); background-position: 73% center;}
.contacts-source-shell .capability-card:nth-child(3){background-image: url("assets/contacts-page/expert-modeling.webp"); background-position: 55% center;}
.contacts-source-shell .capability-card > span{color: rgb(255, 154, 104); text-shadow: rgb(7, 20, 27) 0px 1px 12px;}
.contacts-source-shell .capability-card h3{color: rgb(255, 255, 255); text-shadow: rgba(7, 20, 27, 0.85) 0px 2px 18px; margin-top: 82px;}
.contacts-source-shell .capability-card p{color: rgb(219, 228, 232); text-shadow: rgb(7, 20, 27) 0px 1px 12px;}
.contacts-source-shell .capability-card:hover{box-shadow: rgba(21, 34, 43, 0.19) 0px 22px 48px;}
.contacts-source-shell .process-strip{background: 0px 0px; border-radius: 0px; gap: 12px; overflow: visible;}
.contacts-source-shell .process-strip div{background: var(--dark); border: 1px solid rgb(38, 59, 70); border-radius: 9px; min-height: 74px; padding: 22px 24px; font-size: 15px; font-weight: 800; line-height: 1.35; box-shadow: rgba(21, 34, 43, 0.08) 0px 10px 24px;}
.contacts-source-shell .process-strip span{font-size: 12px; font-weight: 900;}
@media (width <= 980px){.contacts-source-shell .capability-card{min-height: 360px;}.contacts-source-shell .process-strip{grid-template-columns: 1fr 1fr;}}
@media (width <= 640px){.contacts-source-shell .capability-card{min-height: 340px;}.contacts-source-shell .capability-card h3{margin-top: 66px;}.contacts-source-shell .process-strip{grid-template-columns: 1fr; gap: 10px;}.contacts-source-shell .process-strip div{min-height: 68px; font-size: 16px;}.contacts-source-shell .process-strip span{font-size: 13px;}}
.contacts-source-shell .__font_manrope_1sxa0rn{font-family: "Kokil Montserrat", Inter, Arial, sans-serif;}
.contacts-source-shell .__variable_manrope_1sxa0rn{--font-manrope: 'Kokil Montserrat', Inter, Arial, sans-serif;}

/* Editable capability photography: the shadow remains a separate overlay after every replacement. */
.contacts-source-shell .capability-card{background-image:none!important}
.contacts-source-shell .capability-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.contacts-source-shell .capability-card:nth-child(2)>img{object-position:73% center}
.contacts-source-shell .capability-card:nth-child(3)>img{object-position:55% center}
.contacts-source-shell .capability-card::before{z-index:-1;background:linear-gradient(180deg,rgba(7,20,27,.18) 0%,rgba(7,20,27,.48) 44%,rgba(7,20,27,.94) 100%)}
.contacts-source-shell .capability-card>*:not(img){position:relative;z-index:1}
/* Larger capability-card headings. */
.contacts-source-shell .capability-card h3{font-size:28px;line-height:1.18;letter-spacing:-.025em}
@media (width <= 640px){.contacts-source-shell .capability-card h3{font-size:24px;line-height:1.22}}

#documents,#news,#document-casting-gost,#document-kokil-design,#document-lnd-input,#news-kokil-brief,#news-cast-iron-life{scroll-margin-top:118px}
