@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/assets/performance/font-de37de877dc17e457734.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/assets/performance/font-c268b459a9329e59fecf.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/assets/performance/font-2fb2e8cbfd52ae46179a.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/assets/performance/font-6bbb044ab420e07edb0a.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/assets/performance/font-3911b66d9f2e005a4b98.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(/assets/performance/font-a30ddcd349703aff7464.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/assets/performance/font-f25c38d28da3d57b6841.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/assets/performance/font-e30bf6a6063b6a47232b.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/assets/performance/font-aa6b9cba3768a781df88.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/assets/performance/font-845e1c9fe2e9a7bfbedf.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(/assets/performance/font-22f9b928aa3928a89634.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html.media-open{overflow:hidden;scrollbar-gutter:stable}.page-return-bar{position:sticky;z-index:50;top:0;display:flex;justify-content:space-between;align-items:center;max-width:1440px;box-sizing:border-box;margin:auto;padding:10px 28px;background:#0b0b0bf5;border-bottom:1px solid #303030;font:11px/1.2 Arial,sans-serif;letter-spacing:.16em;color:#9a9a9a}.page-return-bar button{border:1px solid #555;color:#fff;background:#181818;padding:10px 18px;font:14px Arial,sans-serif;cursor:pointer}.gromko-media-dialog{box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0b0b0bf7;color:white;font:16px/1.3 Manrope,Arial,sans-serif;overflow:hidden}.gromko-media-dialog[open]{display:grid;grid-template-rows:72px minmax(0,1fr) 84px}.gromko-media-dialog::backdrop{background:#050505}.gromko-media-dialog header,.gromko-media-dialog footer{display:flex;align-items:center;padding:12px 32px;gap:24px;border-bottom:1px solid #383838}.gromko-media-dialog footer{border-top:1px solid #383838;border-bottom:0;justify-content:space-between}.gromko-media-dialog button{font:inherit;color:white;background:#1d1d1d;border:1px solid #606060;cursor:pointer;min-height:44px;padding:10px 18px}.gromko-media-dialog button:hover{background:#333}.gromko-media-dialog button:focus-visible{outline:2px solid white;outline-offset:4px}.media-brand{font-size:12px;letter-spacing:.16em;margin-right:auto;color:#aaa}.media-close b{font-size:24px;font-weight:400;margin-left:18px;line-height:1}.media-stage{min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:22px;box-sizing:border-box;touch-action:pan-y}.media-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.is-zoomed .media-stage{display:block;touch-action:pan-x pan-y}.is-zoomed .media-stage img{width:180%;max-width:none;max-height:none;margin:auto}.media-caption{display:flex;flex-direction:column;gap:7px}.media-caption strong{font-size:16px;font-weight:500}.media-caption span{font-size:12px;color:#aaa;letter-spacing:.1em}.media-arrows{display:flex;gap:10px}.media-arrows button{width:54px;font-size:23px}.media-arrows[hidden]{display:none}@media(max-width:600px){.page-return-bar{padding:8px 16px}.gromko-media-dialog[open]{grid-template-rows:64px minmax(0,1fr) 96px}.gromko-media-dialog header,.gromko-media-dialog footer{padding:10px 16px;gap:10px}.media-brand{display:none}.gromko-media-dialog .media-close{margin-left:auto}.media-stage{padding:8px}.media-caption strong{font-size:13px}.media-arrows button{width:44px;padding:6px}.gromko-media-dialog button{font-size:13px}.media-close b{margin-left:6px}} .gromko-contact-dialog { background: radial-gradient(ellipse at 90% 0,#19365b,transparent 65%),#171a20; color: #f1f3f7; border-color: #74839980; } .gromko-contact-dialog :is(.contact-dialog-info p,.contact-dialog-form label,.contact-dialog-heading>span) { color: #c7ccd5; } .gromko-contact-dialog :is(input,textarea) { background: #141b26; border-color: #74839980; } .gromko-contact-dialog :is(input,textarea)::placeholder { color: #9caabd; } .gromko-contact-dialog :is(a,button,input,textarea):focus-visible { outline-color: #8ebaf0; } .gromko-film-dialog { background: #171a20; border-color: #74839980; } .gromko-film-dialog header { background: #1b2432; color: #d6dde8; } :root{--font-sans:Manrope,Arial,sans-serif;color-scheme:dark} html{min-height:100%;scroll-behavior:smooth;background:#171a20} body{min-height:100%;height:auto;margin:0;background:#171a20;color:#f1f3f7;font-family:Manrope,Arial,sans-serif} html.contact-dialog-open,html.media-open,html.hero-film-open{overflow:hidden} .gromko-preview{max-width:none!important} .page-return-bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 4.5%;border-bottom:1px solid #74839940;background:#171a20;font-size:12px;color:#c7ccd5} .page-return-bar button{padding:10px 16px;background:#202b3b;border:1px solid #74839966;color:#f1f3f7;font:inherit;cursor:pointer} .contact-submit-status{font-size:14px;line-height:1.5;color:#c7ccd5} .contact-submit-status:empty{display:none} .gromko-contact-dialog .contact-phone-control{display:flex;align-items:center;min-width:0;border:1px solid #74839980;border-radius:2px;background:#141b26} .gromko-contact-dialog .contact-phone-prefix{flex:none;padding-left:15px;color:#f1f3f7;font:400 14px/1.5 Manrope,Arial,sans-serif;user-select:none} .gromko-contact-dialog .contact-phone-control input{flex:1;min-width:0;width:0;border:0;background:transparent;padding-left:10px;outline:none} .gromko-contact-dialog .contact-phone-control:focus-within{outline:2px solid #8ebaf0;outline-offset:3px} .contact-dialog-form.is-sent>label,.contact-dialog-form.is-sent>.contact-dialog-submit{display:none} .contact-submit-status[data-state=success]{display:grid;gap:14px;align-content:center;min-height:220px;margin:0;padding:30px 24px;border:1px solid #8ebaf080;background:#19365b55;outline:none} .contact-submit-status[data-state=success]::before{content:'✓';font-size:32px;line-height:1;color:#a8cdf9} .contact-submit-status[data-state=success] strong{font-size:clamp(24px,3vw,32px);line-height:1.2;color:#f1f3f7} .contact-submit-status[data-state=error]{margin:0;padding:14px 16px;border:1px solid #eaa1a180;color:#ffd2d2} .contact-dialog-form [name=website]{position:absolute;left:-10000px;opacity:0} .contact-dialog-form .contact-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#c7ccd5} .contact-dialog-form .contact-consent input{width:16px;height:16px;margin:3px 0 0;flex:none;padding:0} .contact-dialog-submit:disabled{opacity:.6;cursor:wait} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} .sales-block{margin:64px 0;padding:36px;border:1px solid #74839955;background:linear-gradient(130deg,#202b3b,#151d29);color:#f1f3f7} .sales-block h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,3vw,40px);font-weight:650;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px;text-transform:none} .sales-block p{max-width:760px;font-size:16px;line-height:1.7;color:#c7ccd5;margin:0 0 24px} .sales-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center} .sales-action,.equipment-request{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;box-sizing:border-box;padding:14px 20px;border:1px solid #8ba9cd80;color:#f1f3f7;background:#202e42;font:500 14px/1.4 Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer} .sales-action.primary{background:#f1f3f7;color:#171a20;border-color:#f1f3f7} .sales-action:hover,.equipment-request:hover{border-color:#b5d1f5;background:#304563;color:#fff} .sales-action.primary:hover{background:#dce8fa;color:#171a20} .equipment-request{margin-top:20px;width:100%;text-align:left} .sales-block.sales-faq{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:clamp(36px,6vw,96px);margin:72px 0;padding:64px 0;border:0;border-top:1px solid #74839955;border-bottom:1px solid #74839955;background:transparent} .sales-faq .faq-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#a6bedc;margin:0 0 24px} .sales-block.sales-faq h2{max-width:8ch;font-size:clamp(36px,4.6vw,64px);font-weight:650;line-height:1.02;letter-spacing:-.055em;margin:0 0 24px;text-transform:uppercase} .sales-faq .faq-description{max-width:290px;font-size:14px;line-height:1.7;color:#abb5c5;margin:0} .sales-faq .faq-contact{border-left:2px solid #91b2dd;padding-left:18px;margin-top:52px} .sales-faq .faq-contact p{font-size:13px;line-height:1.5;color:#abb5c5;margin:0 0 10px} .faq-contact a{display:inline-flex;align-items:center;gap:30px;min-height:32px;color:#eef4fc;font-size:15px;font-weight:550;text-decoration:none} .faq-contact a span{font-size:24px;color:#a5c8f5;transition:transform .2s} .faq-contact a:hover span{transform:translate(3px,-3px)} .faq-list{min-width:0} .sales-faq details{border-top:1px solid #74839955;padding:0;transition:border-color .2s} .sales-faq details:last-of-type{border-bottom:1px solid #74839955} .sales-faq details[open]{border-color:#9abbe475} .sales-faq summary{cursor:pointer;font-size:17px;line-height:1.5;font-weight:500;list-style:none;display:grid;grid-template-columns:24px minmax(0,1fr) 32px;gap:20px;align-items:center;min-height:84px;padding:20px 0;box-sizing:border-box;transition:color .2s} .sales-faq summary::-webkit-details-marker{display:none} .sales-faq summary:hover{color:#b9d5fa} .faq-number{color:#8395ad;font-size:11px;font-weight:450;letter-spacing:.08em;align-self:start;padding-top:6px} .faq-toggle{position:relative;display:block;width:32px;height:32px;border:1px solid #74839965;border-radius:50%;box-sizing:border-box} .faq-toggle::before,.faq-toggle::after{content:'';position:absolute;left:10px;top:15px;width:10px;height:1px;background:#b6cce8} .faq-toggle::after{transform:rotate(90deg);transition:transform .2s} details[open] .faq-toggle{background:#243850;border-color:#769cc8} details[open] .faq-toggle::after{transform:rotate(0)} .faq-answer{padding:0 52px 24px 44px} .sales-faq .faq-answer p{font-size:14px;line-height:1.8;color:#b5bfce;margin:0;max-width:650px} .sales-block.sales-home-faq{margin:0;padding:76px max(24px,5vw);border-bottom:0} .sales-breadcrumbs.sales-breadcrumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:20px 0;color:#aeb8c7;font-size:12px;line-height:1.6} .sales-breadcrumbs.sales-breadcrumbs > :is(a,span){display:block;align-self:baseline;min-height:0;height:auto;padding:0;margin:0;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:none} .sales-breadcrumbs a{color:inherit;text-decoration:none} .sales-breadcrumbs a:hover{text-decoration:underline;color:#fff} .sales-services{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:24px 0;list-style:none} .sales-services a{color:#c4d8f5;text-underline-offset:4px;font-size:14px;line-height:1.6} .sales-skip{position:fixed;left:12px;top:-100px;z-index:1000;padding:12px 20px;background:#fff;color:#171a20} .sales-skip:focus{top:12px} :is(a,button,summary,input,textarea):focus-visible{outline:2px solid #a7cbff;outline-offset:4px} @media(max-width:760px){.sales-block{margin:36px 0;padding:24px}.sales-block p{font-size:14px}.sales-actions{align-items:stretch}.sales-actions .sales-action{width:100%}.sales-breadcrumbs{font-size:11px}.equipment-request{font-size:13px}.sales-block.sales-faq{grid-template-columns:minmax(0,1fr);gap:36px;margin:40px 0;padding:40px 0}.sales-block.sales-home-faq{margin:0;padding:48px 24px}.sales-block.sales-faq h2{max-width:none;font-size:36px;letter-spacing:-.045em}.sales-faq .faq-eyebrow{margin-bottom:18px;font-size:10px}.sales-faq .faq-description{max-width:300px}.sales-faq .faq-contact{margin-top:24px;padding-left:14px}.sales-faq summary{grid-template-columns:20px minmax(0,1fr) 28px;gap:12px;font-size:15px;min-height:82px;padding:20px 0}.faq-number{font-size:10px;padding-top:5px}.faq-toggle{width:28px;height:28px}.faq-toggle::before,.faq-toggle::after{left:8px;top:13px}.faq-answer{padding:0 0 24px 32px}.sales-faq .faq-answer p{font-size:13px;line-height:1.75}} @media(prefers-reduced-motion:reduce){.faq-contact a span,.faq-toggle::after{transition:none}} *{box-sizing:border-box}html,body{margin:0;background:#0b0b0b;color:#f6f6f6;font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b5b5b5;outline-offset:5px}.case-page{max-width:1440px;margin:0 auto;padding:0 clamp(24px,5vw,72px);background:radial-gradient(ellipse at 95% 0%,#2a2a2a,transparent 26%),#0b0b0b}.case-nav{display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-bottom:1px solid #3a3a3a}.brand{display:block;position:relative;overflow:hidden;width:160px;height:26px;flex-shrink:0}.brand img{position:absolute;width:240px;max-width:none;height:auto;left:-40px;top:-56px}.back-link{font-size:14px;line-height:1.5;border-bottom:1px solid #717171;padding:9px 0}.back-link:hover{color:#b0b0b0}.case-heading{padding:60px 0 37px}.case-overline,.small-label{text-transform:uppercase;font-size:12px;line-height:1.5;letter-spacing:.12em;color:#acacac}.case-heading-row{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin:25px 0 20px}h1{font-family:Unbounded,Arial,sans-serif;font-size:clamp(30px,4.5vw,59px);line-height:1.2;letter-spacing:-.05em;font-weight:400;max-width:970px;margin:0;text-wrap:balance}.case-category{font-size:12px;border:1px solid #616161;color:#e0e0e0;padding:10px 15px;white-space:nowrap;line-height:1.5}.case-date{color:#b8b8b8;font-size:15px;line-height:1.6;margin:0}.gallery-photo{border:0;padding:0;display:block;background:#171717;color:#f5f5f5;text-align:left;position:relative;cursor:zoom-in;overflow:hidden;width:100%}.case-cover{aspect-ratio:1.8}.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .3s,transform .6s}.gallery-photo:hover img{transform:scale(1.018);filter:brightness(1.08)}.gallery-photo>span{position:absolute;bottom:21px;left:23px;padding:7px 10px;background:#161616c9;backdrop-filter:blur(6px);font-size:12px;letter-spacing:.1em}.case-description{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:59px 0 64px;border-bottom:1px solid #3a3a3a}.case-rule{width:38px;height:3px;background:#777777;margin-top:21px}.case-description p{font-size:19px;line-height:1.75;color:#cecece;margin:0 0 25px;max-width:900px}.case-description p:last-child{color:#a8a8a8;font-size:16px;line-height:1.75;margin-bottom:0}.case-gallery{padding:52px 0 0}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.gallery-heading h2{font-family:Unbounded,Arial,sans-serif;font-size:26px;line-height:1.4;letter-spacing:-.035em;font-weight:400;margin:0}.gallery-heading>span{font-size:13px;color:#a7a7a7;letter-spacing:.06em}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.gallery-grid .gallery-photo{aspect-ratio:1.5;border:1px solid #3a3a3a}.gallery-grid .gallery-photo:nth-child(5n+3){grid-column:1/-1;aspect-ratio:1.9}.case-footer{margin-top:65px;border-top:1px solid #474747;padding:29px 0 40px;display:flex;justify-content:space-between;gap:24px;align-items:center}.case-footer>a{font-size:16px;color:#c0c0c0;border-bottom:1px solid #717171;padding:10px 0}.case-footer>span{font-size:12px;letter-spacing:.07em;color:#9e9e9e}.photo-dialog{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:75px 30px 55px;border:0;background:#080808;color:white;overflow:hidden}.photo-dialog::backdrop{background:#080808}.photo-dialog>img{display:block;width:100%;height:100%;object-fit:contain}.photo-close{position:absolute;z-index:2;top:20px;right:28px;min-height:42px;padding:10px 19px;border:1px solid #7c7c7c;background:#202020;color:white;cursor:pointer;font-size:14px}.photo-close:hover{background:#585858}.photo-position{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:.1em;color:#c8c8c8} @media(max-width:800px){.case-heading{padding-top:45px}.case-heading-row{display:block}.case-category{display:inline-block;margin-top:25px}.case-description{grid-template-columns:1fr;gap:28px;padding:39px 0 42px}.case-description>div:first-child{display:flex;align-items:center;gap:20px}.case-rule{margin:0}.case-description p{font-size:17px}.case-cover{aspect-ratio:1.5}.gallery-grid{gap:18px}.case-footer{align-items:flex-start;flex-direction:column;gap:18px}} @media(max-width:540px){.case-nav{padding:27px 0}.brand{width:132px;height:22px}.brand img{width:198px;left:-33px;top:-46px}.back-link{font-size:13px}.case-heading{padding:36px 0 28px}.case-overline{font-size:11px}.case-heading-row{margin:21px 0 17px}h1{font-size:30px;line-height:1.24;letter-spacing:-.045em;overflow-wrap:anywhere}.case-category{font-size:12px;margin-top:22px;padding:8px 12px}.case-date{font-size:14px}.case-cover{aspect-ratio:1.25}.case-description p{font-size:17px;line-height:1.7}.case-description p:last-child{font-size:15px}.case-gallery{padding-top:37px}.gallery-heading h2{font-size:22px}.gallery-heading>span{font-size:12px}.gallery-grid{grid-template-columns:1fr;gap:20px}.gallery-grid .gallery-photo,.gallery-grid .gallery-photo:nth-child(5n+3){grid-column:auto;aspect-ratio:1.4}.gallery-photo>span{left:14px;bottom:14px;font-size:11px}.case-footer{margin-top:43px}.case-footer>span{font-size:11px;line-height:1.7}.photo-dialog{padding:70px 10px 55px}.photo-close{right:15px}} @media(prefers-reduced-motion:reduce){.gallery-photo img{transition:none}} html,body{background:#050505;color:#f2f2f2} .case-page{background:radial-gradient(ellipse at 95% 0%,#363636 0%,#1b1b1b 17%,transparent 38%),#070707} .case-nav{border-color:#464646} .back-link{color:#d5d5d5;border-color:#969696} .back-link:hover{color:white} .case-overline,.small-label{color:#a1a1a1} h1{font-weight:400;letter-spacing:-.045em;color:#f3f3f3} .case-category{border-color:#727272;color:#ccc;background:#ffffff05} .case-date{color:#ababab} .gallery-photo{background:#171717;color:#f1f1f1} .gallery-photo img{filter:saturate(.88);transition:filter .3s,transform .6s} .gallery-photo:hover img{filter:brightness(1.05) saturate(1)} .gallery-photo>span{background:#111c;color:#ddd;border:1px solid #ffffff33} .case-description{border-color:#3c3c3c} .case-rule{background:linear-gradient(90deg,#eee,#747474)} .case-description p{color:#c1c1c1} .case-description p:last-child{color:#959595} .gallery-heading h2{color:#f4f4f4} .gallery-heading>span{color:#999} .gallery-grid .gallery-photo{border-color:#444} .case-footer{border-color:#535353} .case-footer>a{color:#ddd;border-color:#959595} .case-footer>a:hover{color:white} .case-footer>span{color:#959595} .photo-dialog,.photo-dialog::backdrop{background:#050505} .photo-close{border-color:#aaa;background:linear-gradient(110deg,#e9e9e9,#ccc);color:#111} .photo-close:hover{background:#fff} .photo-position{color:#bbb} a:focus-visible,button:focus-visible{outline-color:#ddd} .gromko-preview .site-main-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; } .gromko-preview .site-main-nav a { color: #ccc; font: 400 12px/1.5 Manrope,Arial,sans-serif; text-decoration: none; white-space: nowrap; border: 0; padding: 0; } .gromko-preview .site-main-nav a:hover { color: #fff; } .gromko-preview .site-main-nav a:focus-visible { outline: 2px solid #fff; outline-offset: 6px; } .gromko-preview .service-nav > .brand { border: 0; padding: 0; } .gromko-preview .service-nav.rental-nav { display: grid; grid-template-columns: auto 1fr auto; column-gap: 32px; row-gap: 20px; align-items: center; } .gromko-preview .rental-nav > .brand { grid-column: 1; grid-row: 1; margin-right: 0; } .gromko-preview .rental-nav > .rental-brand-note { display: none; } .gromko-preview .rental-nav > .site-main-nav { grid-column: 2; grid-row: 1; justify-self: end; } .gromko-preview .rental-nav > .rental-phone { grid-column: 3; grid-row: 1; } .gromko-preview .rental-nav > nav[aria-label="Навигация по аренде"] { grid-column: 2/4; grid-row: 2; justify-self: end; margin: 0; gap: 24px; } .gromko-preview .rental-nav > nav[aria-label="Навигация по аренде"] a { font-size: 12px; color: #999; } @media(max-width:760px) { .gromko-preview .service-nav:not(.rental-nav),.gromko-preview .case-nav { flex-wrap: wrap; gap: 24px; } .gromko-preview .service-nav:not(.rental-nav) .site-main-nav,.gromko-preview .case-nav .site-main-nav { width: 100%; justify-content: space-between; margin: 0; gap: 12px; } .gromko-preview .site-main-nav a { font-size: 10px; } .gromko-preview .service-nav.rental-nav { grid-template-columns: 1fr auto; gap: 22px 12px; } .gromko-preview .rental-nav > .rental-phone { grid-column: 2; font-size: 12px; } .gromko-preview .rental-nav > .site-main-nav { grid-column: 1/-1; grid-row: 2; justify-self: stretch; justify-content: space-between; margin: 0; gap: 12px; } .gromko-preview .rental-nav > nav[aria-label="Навигация по аренде"] { grid-column: 1/-1; grid-row: 3; justify-self: start; } .gromko-preview :is(.hero header,.section-header) nav a[href$="#contacts"],.gromko-preview .section-header nav a[href$="#rental-contact"] { display: inline-flex; } } :root { --gromko-base: #171a20; --gromko-panel: #19212d; --gromko-text: #f1f3f7; --gromko-muted: #c7ccd5; --gromko-line: #74839966; --gromko-accent: #8ebaf0; --gromko-atmosphere: radial-gradient(ellipse at 85% 22%,#19365b 0,transparent 52%),linear-gradient(135deg,#1b1e24,#101217 70%); --background: #171a20 !important; background-color: #171a20 !important; } body { background: #171a20 !important; } .gromko-preview { color: var(--gromko-text); background: var(--gromko-base); } .gromko-preview .site { background: var(--gromko-base) !important; } .gromko-preview :is(.projects,.services-overview,.team-section,.service-page,.room-blueprint-page,.equipment-blueprint-page) { background: var(--gromko-atmosphere) !important; color: var(--gromko-text); } .gromko-preview #approach-2.engineering { background: var(--gromko-atmosphere); } .gromko-preview .rental-page .services { background: none !important; } .gromko-preview #top.hero { background-color: var(--gromko-base); } .gromko-preview #top .veil { background: linear-gradient(90deg,#171a20ed 0%,#171a2099 44%,#171a2014 80%),linear-gradient(180deg,#171a206b,transparent 30%,#171a2080); } .gromko-preview :is(.project,.service-card,.equipment-item,.service-result,.rental-contact) { background: linear-gradient(135deg,#202b3b,#151d29 78%) !important; border-color: var(--gromko-line); } .gromko-preview :is(.project,.service-card):hover { border-color: #8ebaf0a0; } .gromko-preview :is(.project-copy,.service-card-copy) { background: transparent !important; } .gromko-preview :is(.project-description,.project-date,.service-card-copy p,.team-member p,.service-lead,.service-inclusions p,.service-result p,.rental-intro p,.rental-process p) { color: var(--gromko-muted); } .gromko-preview :is(.section-header,.home-footer,.service-nav,.rental-nav) { border-color: var(--gromko-line); } .gromko-preview :is(.section-header nav a,.site-main-nav a,.home-footer a) { color: #d6dde8; } .gromko-preview :is(.section-header nav a,.site-main-nav a,.home-footer a):hover { color: #fff; } .gromko-preview :is(.eyebrow,.project-label,.service-detail-heading,.visuals-heading p) { color: #c0cbdc; } .gromko-preview .service-marquee.hero-ribbon { background: #171a20; color: var(--gromko-muted); } .gromko-preview .service-marquee .marquee-group { color: #d6dde8; } .gromko-preview :is(.projects-more button,.service-order-cta,.rental-actions a,.contacts-call) { background: linear-gradient(120deg,#26364d,#19212d) !important; border-color: #849cb875; color: var(--gromko-text); } .gromko-preview :is(.projects-more button,.service-order-cta,.rental-actions a,.contacts-call):hover { background: #2b3b52 !important; border-color: #a6c8ef; } .gromko-preview .equipment-filters button { background: #19212d; color: #ccd5e2; border-color: #74839966; } .gromko-preview .equipment-filters button[aria-pressed=true] { background: #dbe9fc; color: #142135; border-color: #dbe9fc; } .gromko-preview .equipment-item .rental-model-plate { background: linear-gradient(135deg,#2a3a50,#19212d); border-color: var(--gromko-line); } .gromko-preview .team-photo-slot { background-color: #202833; border-color: var(--gromko-line); } .gromko-preview .contacts-section { background-color: var(--gromko-base) !important; } .gromko-preview .contacts-section .contacts-scrim { background: linear-gradient(90deg,#171a20 0%,#171a20f5 26%,#171a20b8 47%,#171a2038 75%),linear-gradient(0deg,#171a20ae,transparent 45%); } .gromko-preview .contacts-section .messenger-icon { background: #19212dc9; border-color: #849cb875; color: #e2ebf7; } .gromko-preview .contacts-section :is(.eyebrow,.contacts-details dt) { color: #c7ccd5; } .case-page { background: var(--gromko-atmosphere); color: var(--gromko-text); } .case-page :is(.case-nav,.case-footer,.case-category) { border-color: var(--gromko-line); } .case-page :is(.case-overline,.small-label,.case-date,.case-intro,.case-description p) { color: var(--gromko-muted); } .case-page .back-link { border-color: #849cb875; color: #d6dde8; } .case-page .back-link:hover { color: #fff; } @media(max-width:760px) { .gromko-preview :is(.projects,.services-overview,.team-section,.service-page,.room-blueprint-page,.equipment-blueprint-page), .gromko-preview #approach-2.engineering,.case-page { background: radial-gradient(ellipse at 100% 35%,#19365b 0,transparent 60%),#171a20 !important; } .gromko-preview .rental-page .services { background: none !important; } .gromko-preview .contacts-section .contacts-scrim { background: linear-gradient(90deg,#171a20ed,#171a20b8); } } .gromko-preview #top .hero-poster{position:absolute;inset:0;display:block;width:100%;height:100%} .gromko-preview #top .hero-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} .gromko-preview #top .hero-video{opacity:0;transition:opacity .35s ease} .gromko-preview #top .hero-video.is-playing{opacity:1} .gromko-preview #top .hero-pause{min-width:116px} .gromko-preview .screen-atmosphere.is-ready .screen-blueprint{background-image:var(--gromko-drawing,none)} @media(prefers-reduced-motion:reduce){.gromko-preview #top .hero-video{transition:none}}