@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}} html.contact-dialog-open { overflow: hidden; } .gromko-contact-dialog { box-sizing: border-box; width: min(960px,calc(100vw - 48px)); max-width: none; max-height: calc(100dvh - 48px); padding: 30px 38px 38px; margin: auto; color: #f6f6f6; background: radial-gradient(ellipse at 0 0,#262626,#101010 60%); border: 1px solid #555; border-radius: 4px; overflow: auto; font: 400 14px/1.5 Manrope,Arial,sans-serif; box-shadow: 0 30px 100px #000a; } .gromko-contact-dialog * { box-sizing: border-box; } .gromko-contact-dialog::backdrop { background: #000b; backdrop-filter: blur(8px); } .contact-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 24px; margin-bottom: 32px; border-bottom: 1px solid #ffffff25; } .contact-dialog-heading > span { font-size: 10px; letter-spacing: .12em; color: #aaa; } .contact-dialog-close { border: 0; background: none; color: #ccc; padding: 6px; font: inherit; cursor: pointer; } .contact-dialog-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 54px; } .contact-dialog-info h2 { margin: 0 0 22px; font: 700 clamp(32px,4.2vw,50px)/1.05 Manrope,Arial,sans-serif; letter-spacing: -.045em; } .contact-dialog-info p { color: #aaa; margin: 0 0 30px; line-height: 1.65; } .contact-dialog-info a { display: block; color: #ddd; text-decoration: none; } .contact-dialog-phone { font-size: 25px; letter-spacing: -.035em; white-space: nowrap; } .contact-dialog-email { margin-top: 13px; color: #ddd; font-size: 25px; letter-spacing: -.035em; } .contact-dialog-channels { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .contact-dialog-channels a { border: 1px solid #ffffff35; padding: 10px 14px; font-size: 12px; } .contact-dialog-form { display: grid; gap: 18px; align-content: start; } .contact-dialog-form label { display: grid; gap: 8px; font-size: 12px; color: #bbb; } .contact-dialog-form input,.contact-dialog-form textarea { display: block; width: 100%; color: #fff; border: 1px solid #4b4b4b; background: #0b0b0b; border-radius: 2px; padding: 13px 15px; font: 400 14px/1.5 Manrope,Arial,sans-serif; } .contact-dialog-form input::placeholder,.contact-dialog-form textarea::placeholder { color: #777; } .contact-dialog-form textarea { resize: vertical; min-height: 95px; max-height: 240px; } .contact-dialog-submit { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 15px 20px; min-height: 56px; background: #e8e8e8; color: #111; border: 1px solid #e8e8e8; border-radius: 2px; cursor: pointer; font: 600 14px/1.5 Manrope,Arial,sans-serif; } .contact-dialog-submit span { font-size: 25px; font-weight: 400; } .contact-dialog-note { margin: -5px 0 0; font-size: 11px; line-height: 1.5; color: #888; } .gromko-contact-dialog :is(a,button):hover { color: #fff; border-color: #aaa; } .gromko-contact-dialog .contact-dialog-submit:hover { color: #111; background: #fff; } .gromko-contact-dialog :is(a,button,input,textarea):focus-visible { outline: 2px solid #aaa; outline-offset: 3px; } .gromko-preview button.contacts-call { cursor: pointer; text-align: left; } @media(max-width:650px) { .gromko-contact-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 20px; } .contact-dialog-heading { margin-bottom: 24px; padding-bottom: 18px; } .contact-dialog-grid { grid-template-columns: 1fr; gap: 28px; } .contact-dialog-info h2 { font-size: 36px; } .contact-dialog-info h2 br { display: none; } .contact-dialog-info p { margin-bottom: 20px; } .contact-dialog-channels { margin-top: 18px; } .contact-dialog-phone,.contact-dialog-email { font-size: 26px; } .contact-dialog-form { gap: 15px; } } .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}} :root { color-scheme: light dark; background-color: var( --background, var(--color-background-primary, light-dark(rgb(255 255 255), rgb(24 24 24))) ) !important; --background: var( --color-background-primary, light-dark(rgb(255 255 255), rgb(24 24 24)) ); --foreground: var( --color-text-primary, light-dark(rgb(26 28 31), rgb(255 255 255)) ); --card: color-mix(in oklab, var(--foreground) 5%, var(--background)); --card-foreground: var( --color-text-primary, light-dark(rgb(26 28 31), rgb(255 255 255)) ); --popover: var( --color-background-secondary, light-dark(rgb(255 255 255), rgb(45 45 45)) ); --popover-foreground: var( --color-text-primary, light-dark(rgb(26 28 31), rgb(255 255 255)) ); --primary: var( --color-text-info, light-dark(rgb(51 156 255), rgb(131 195 255)) ); --primary-foreground: var( --color-text-inverse, light-dark(rgb(255 255 255), rgb(13 13 13)) ); --secondary: var( --color-background-secondary, light-dark(rgb(255 255 255 / 96%), rgb(54 54 54 / 96%)) ); --secondary-foreground: var( --color-text-primary, light-dark(rgb(26 28 31), rgb(255 255 255)) ); --muted: color-mix(in srgb, var(--foreground) 10%, transparent); --muted-foreground: var( --color-text-secondary, light-dark(rgb(26 28 31 / 49.4%), rgb(255 255 255 / 49.8%)) ); --accent: var( --color-background-info, light-dark(rgb(229 242 255), rgb(13 39 63)) ); --accent-foreground: var( --color-text-info, light-dark(rgb(51 156 255), rgb(131 195 255)) ); --destructive: var( --color-text-warning, light-dark(rgb(226 85 7), rgb(255 133 73)) ); --border: var( --color-border-secondary, light-dark(rgb(26 28 31 / 8%), rgb(255 255 255 / 8.2%)) ); --input: var( --color-border-primary, light-dark( rgb(26 28 31 / 11.8%), color-mix(in oklab, rgb(0 0 0) 10%, transparent) ) ); --ring: var( --color-ring-primary, light-dark(rgb(51 156 255), rgb(131 195 255 / 76%)) ); --font-size-base: var(--font-text-md-size, 14px); --blue: light-dark(rgb(51 156 255), rgb(51 156 255)); --orange: light-dark(rgb(226 85 7), rgb(251 106 34)); --green: light-dark(rgb(0 162 64), rgb(64 201 119)); --red: light-dark(rgb(224 46 42), rgb(255 103 100)); --purple: light-dark(rgb(146 79 247), rgb(173 123 249)); --yellow: light-dark(rgb(255 195 0), rgb(255 210 64)); --viz-series-1: var(--primary); --viz-series-2: light-dark(rgb(243 136 59), rgb(245 154 86)); --viz-series-3: light-dark(rgb(93 201 119), rgb(116 213 139)); --viz-series-4: light-dark(rgb(235 119 177), rgb(240 143 192)); --viz-series-5: light-dark(rgb(155 121 236), rgb(170 145 239)); --viz-series-6: light-dark(rgb(58 185 177), rgb(90 203 194)); --font-sans: -apple-system, system-ui, "Segoe UI", sans-serif; --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --font-size-normal: max(11px, var(--font-size-base)); --font-size-tooltip: calc(var(--font-size-base) - 1px); --font-size-small: max(11px, calc(var(--font-size-base) - 2px)); --font-size-h1: calc(var(--font-size-normal) * 1.7142857143); --font-size-h2: calc(var(--font-size-normal) * 1.4285714286); --font-size-h3: calc(var(--font-size-normal) * 1.2857142857); --font-weight-normal: 430; --font-weight-medium: 500; --icon-size: 16px; --line-height-normal: calc(var(--font-size-normal) * 1.5); --line-height-tooltip: calc(var(--font-size-tooltip) * 1.4285714286); --line-height-small: calc(var(--font-size-small) + 4px); --corner-shape: round; --radius: var(--border-radius-lg, 10px); --radius-sm: calc(var(--radius) * 0.6); --radius-md: calc(var(--radius) * 0.8); --radius-lg: var(--radius); --radius-2xl: calc(var(--radius) * 1.6); --radius-full: 9999px; --shadow-sm: 0 1px 2px -1px rgb(0 0 0 / 8%); --checkmark-image: url("/assets/media/867ae4d8d4fa54dbe5e85f12.svg"); --viz-bg: transparent; --viz-panel: var(--card); --viz-border: var(--border); --viz-text: var(--foreground); --viz-muted: var(--muted-foreground); --viz-accent: var(--primary); --viz-accent-text: var(--primary-foreground); --viz-accent-bg: var(--accent); --viz-font-size: var(--font-size-base); --viz-warning: var(--destructive); } :root[data-theme="light"] { color-scheme: light; } :root[data-theme="dark"] { color-scheme: dark; } * { box-sizing: border-box; } html > body { --color-background-primary: var( --background, light-dark(rgb(255 255 255), rgb(24 24 24)) ); --color-text-primary: var( --foreground, light-dark(rgb(26 28 31), rgb(255 255 255)) ); --color-border-secondary: var( --border, light-dark(rgb(26 28 31 / 8%), rgb(255 255 255 / 8.2%)) ); margin: 0; padding: var(--visualize-paint-gutter, 0px); color: var(--foreground); background: transparent !important; font-family: var(--font-sans) !important; font-size: var(--font-size-normal); font-weight: var(--font-weight-normal); line-height: var(--line-height-normal); } .cursor-interaction { cursor: var(--cursor-interaction, pointer); } a { color: color-mix(in srgb, var(--viz-accent) 80%, var(--viz-text) 20%); cursor: var(--cursor-interaction, pointer); font-weight: var(--font-weight-medium, 500); text-decoration: none; text-underline-offset: 2px; } a:is(:hover, :focus-visible) { text-decoration-line: underline; text-decoration-style: dashed; text-decoration-thickness: 0.5px; } h1, h2, h3, h4, h5, h6, p { margin-block: 0; } h1 { font-size: var(--font-size-h1); font-weight: var(--font-weight-medium); line-height: 1.25; } h2 { font-size: var(--font-size-h2); font-weight: var(--font-weight-medium); line-height: 1.25; } h3, h4, h5, h6 { font-size: var(--font-size-h3); font-weight: var(--font-weight-medium); line-height: 1.3; } b, strong, th { font-weight: var(--font-weight-medium); } code:not(pre code) { display: inline; padding: 1px 6px; border-radius: var(--radius-sm); corner-shape: var(--corner-shape); background: var(--muted); font-family: var(--font-mono); font-size: 0.92em; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone; word-break: break-word; } .table-responsive { width: 100%; overflow-x: auto; scrollbar-width: thin; } .table { width: 100%; border-collapse: collapse; color: var(--foreground); font: inherit; text-align: start; } .table :is(th, td) { padding-block: 10px; padding-inline: 0 24px; overflow-wrap: anywhere; border-bottom: 1px solid var(--border); text-align: start; vertical-align: top; } .table-responsive > .table :is(th, td) { overflow-wrap: break-word; } .table :is(th, td):last-child { padding-inline-end: 0; } .table :is(caption, thead th) { font-weight: 600; } .table thead th { padding-block: 8px; border-bottom-color: color-mix(in srgb, var(--foreground) 16%, transparent); } .table tbody tr:last-child :is(th, td) { border-bottom: 0; } .table.table-sm :is(th, td) { padding-block: 6px; } .table.table-sm :is(th, td):not(:last-child) { padding-inline-end: 16px; } .table :is(.text-end, [align="right"]) { text-align: end; font-variant-numeric: tabular-nums; } .table :is(.text-center, [align="center"]) { text-align: center; } .table .text-nowrap { white-space: nowrap; } #widget { display: flex; flex-direction: column; gap: 12px; width: 100%; padding: 0; background: transparent !important; } .card { min-width: 0; padding: 12px; overflow: hidden; overflow-wrap: break-word; border-radius: var(--radius-2xl); corner-shape: var(--corner-shape); color: var(--card-foreground); background: var(--card); } .widget { min-width: 0; overflow: hidden; border: 0; border-radius: var(--radius-lg); corner-shape: var(--corner-shape); box-shadow: 0 0 0 0.5px var(--border-strong, var(--border)); color: var(--foreground); background: var(--background); } #widget > :not(.card, .widget, .progress) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .tooltip { position: fixed; z-index: 50; top: 0; left: 0; width: max-content; max-width: min( 20rem, var(--tooltip-available-width, calc(100vw - 10px)), calc(100vw - 10px) ); max-height: min( var(--tooltip-available-height, calc(100vh - 10px)), calc(100vh - 10px) ); padding: 4px 8px; border: 1px solid var(--border); border-radius: var(--radius-lg); corner-shape: var(--corner-shape); color: var(--popover-foreground); background: var(--popover); box-shadow: none; font-size: var(--font-size-tooltip); line-height: var(--line-height-tooltip); overflow-wrap: break-word; white-space: normal; pointer-events: none; user-select: none; } .viz-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(max(180px, 24%), 1fr)); gap: 10px; } .viz-stat { display: flex; flex-direction: column; gap: 2px; } .viz-stat-value { font-size: var(--font-size-h2); font-weight: var(--font-weight-medium); line-height: 1.25; } .viz-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } hr { width: 100%; height: 1px; margin-block: 6px; border: 0; background: var(--border); } .nav { display: flex; min-width: 0; align-items: center; gap: 4px; } .progress { display: flex; height: 8px; margin-block: calc((var(--line-height-normal, 1.5em) - 8px) / 2); overflow: hidden; border: 0; border-radius: var(--radius-full); background: var(--muted); } .progress-bar:only-child { border-radius: var(--radius-full); } .progress-bar { height: 100%; flex-shrink: 0; border: 0; background: var(--viz-series-1); } .viz-badge { padding: 3px 8px; border-radius: var(--radius-full); color: var(--accent-foreground); background: var(--accent); font-weight: var(--font-weight-medium); } small, .text-small, .viz-badge { font-size: var(--font-size-small); line-height: var(--line-height-small); } .text-muted { color: var(--muted-foreground); } .tabular-nums { font-variant-numeric: tabular-nums; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .viz-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .viz-controls > .form-label { display: grid; min-width: min(100%, 260px); flex: 1 1 280px; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 2px 12px; margin-bottom: 0; } .viz-controls > .form-label > :is(.form-control, .form-range, .form-select) { grid-column: 1 / -1; } .btn, .nav-link, .form-check-input, .form-control, .form-range, .form-select { font: inherit; } .btn, .nav-link { appearance: button; display: inline-flex; inline-size: fit-content; max-inline-size: 100%; min-height: 28px; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 0 8px; -webkit-app-region: no-drag; border: 1px solid var(--input); border-radius: var(--radius-lg); corner-shape: var(--corner-shape); color: var(--secondary-foreground); background: var(--secondary); cursor: var(--cursor-interaction, pointer); text-align: center; text-decoration: none; white-space: nowrap; user-select: none; -webkit-font-smoothing: antialiased; } .btn:is(.btn-block, .viz-tile) { inline-size: 100%; } .btn.viz-tile { min-width: 0; overflow-wrap: anywhere; white-space: normal; } a.btn { cursor: var(--cursor-interaction, pointer); text-decoration: none; } .btn:not(:disabled):hover, .nav-link:not(:disabled):not([aria-disabled="true"]):hover { background: color-mix(in srgb, var(--foreground) 6%, var(--secondary)); } .btn-primary { border-color: transparent; color: var(--primary-foreground); background: var(--foreground); background-clip: padding-box; } .btn-primary .text-muted { color: color-mix(in srgb, var(--primary-foreground) 50%, transparent); } .btn-primary:not(:disabled):hover { background: color-mix(in srgb, var(--foreground) 80%, transparent); background-clip: padding-box; } .btn-ghost { border-color: transparent; color: var(--muted-foreground); background: transparent; } .btn-ghost:not(:disabled):hover { color: var(--foreground); background: color-mix(in srgb, var(--foreground) 6%, var(--secondary)); } .nav-pills .nav-link { min-width: 0; border-color: transparent; color: var(--muted-foreground); background: transparent; } .nav-justified .nav-link { flex: 1 1 0; overflow-wrap: anywhere; white-space: normal; } .nav-pills .nav-link.active { color: var(--foreground); background: var(--muted); } .viz-dotted-background { background-image: radial-gradient( circle, color-mix(in srgb, var(--foreground) 14%, transparent) 0.8px, transparent 0.8px ); background-position: center; background-size: 16px 16px; } .viz-carousel { position: relative; min-width: 0; } .viz-carousel:has(> .viz-carousel-controls) { min-height: calc(60px + var(--viz-carousel-picker-height, 0px)); padding-bottom: 60px; } .viz-carousel > [data-variant][hidden] { display: none !important; } .viz-carousel > [data-variant] { isolation: isolate; } .viz-carousel-controls { --viz-carousel-hover: light-dark( color-mix(in srgb, var(--foreground) 5.4%, transparent), color-mix(in srgb, var(--foreground) 7.8%, transparent) ); position: absolute; z-index: 2; bottom: 8px; left: 50%; display: flex; width: max-content; max-width: calc(100% - 96px); align-items: center; gap: 0; padding: 0; border: 1px solid var(--border); border-radius: 16px; color: var(--foreground); background: var(--background); font-family: var(--font-sans); font-size: 13px; font-weight: var(--font-weight-normal); line-height: 18px; transform: translateX(-50%); user-select: none; } .viz-carousel-controls button, .viz-carousel-picker > summary { display: flex; min-height: 30px; align-items: center; justify-content: center; gap: 4px; padding: 0 6px; -webkit-app-region: no-drag; border: 0; border-radius: 14px; color: inherit; background: transparent; font: inherit; -webkit-tap-highlight-color: transparent; } .viz-carousel-controls > button, .viz-carousel-picker > summary { position: relative; isolation: isolate; } .viz-carousel-controls > button { --icon-size: 16px; width: 30px; padding: 0; } .viz-carousel-picker > summary { padding-inline: 12px; } .viz-carousel-controls .viz-carousel-caret { width: 14px; height: 14px; flex: none; margin: 0; color: inherit; transform: rotate(180deg); } .viz-carousel-controls > button > svg, .viz-carousel-controls .viz-carousel-caret, .viz-carousel-count { opacity: 0.5; } .viz-carousel-controls > button::before, .viz-carousel-picker > summary::before { position: absolute; z-index: -1; inset: 3px; border-radius: 12px; content: ""; pointer-events: none; } .viz-carousel-controls > button:hover::before, .viz-carousel-picker > summary:hover::before { background: var(--viz-carousel-hover); } .viz-carousel-controls > button, .viz-carousel-controls [data-lucide], .viz-carousel-controls .lucide { flex-shrink: 0; } .viz-carousel-picker { min-width: 0; } .viz-carousel-picker > summary { min-width: 0; list-style: none; } .viz-carousel-picker > summary::-webkit-details-marker { display: none; } .viz-carousel-count { flex-shrink: 0; white-space: nowrap; } .viz-carousel-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .viz-carousel-options { position: absolute; right: 0; bottom: calc(100% + 4px); left: 0; display: flex; max-height: 240px; flex-direction: column; gap: 2px; overflow: auto; padding: 4px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--background); box-shadow: 0 4px 12px light-dark(rgb(0 0 0 / 6%), rgb(0 0 0 / 25%)); } .viz-carousel-options > button { width: 100%; min-height: 28px; justify-content: flex-start; padding: 4px 8px; font-size: var(--font-size-small); text-align: start; white-space: normal; overflow-wrap: anywhere; } .viz-carousel-options > [aria-current="true"], .viz-carousel-options > button:hover { background: var(--viz-carousel-hover); } .btn:disabled, .nav-link:disabled, .nav-link[aria-disabled="true"] { cursor: not-allowed; opacity: 0.4; } [data-lucide] { stroke-width: 1.6; } .form-label { display: block; margin-bottom: 6px; color: var(--foreground); } .form-control { display: block; width: 100%; min-height: 28px; padding: 0 8px; outline: none; border: 1px solid var(--input); border-radius: var(--radius-lg); corner-shape: var(--corner-shape); color: var(--foreground); background: var(--secondary); } .form-control::placeholder { color: var(--muted-foreground); } .form-control[type="file"] { padding: 0; overflow: hidden; cursor: var(--cursor-interaction, pointer); } .form-control[type="file"]::file-selector-button { min-height: 26px; margin-right: 8px; padding: 0 8px; border: 0; border-right: 1px solid var(--input); color: var(--secondary-foreground); background: var(--secondary); cursor: inherit; font: inherit; } .form-control[type="file"]:not(:disabled):hover::file-selector-button { background: color-mix(in srgb, var(--foreground) 6%, var(--secondary)); } .form-control-color[type="color"] { width: 40px; height: 28px; padding: 3px; cursor: var(--cursor-interaction, pointer); } .form-control-color[type="color"]::-webkit-color-swatch-wrapper { padding: 0; } .form-control-color[type="color"]::-webkit-color-swatch { border: 0; border-radius: calc(var(--radius-lg) - 4px); corner-shape: var(--corner-shape); } textarea.form-control { height: auto; min-height: 72px; padding: 8px 10px; resize: vertical; } .form-control:focus-visible { border-color: var(--ring); box-shadow: inset 0 0 0 1px var(--ring); } .form-control:disabled, .form-select:disabled { cursor: not-allowed; opacity: 0.4; } .form-select { appearance: none; display: block; width: 100%; min-height: 28px; margin: 0; padding: 0 32px 0 8px; outline: none; border: 1px solid var(--input); border-radius: var(--radius-lg); corner-shape: var(--corner-shape); color: var(--foreground); background-color: var(--secondary); background-image: linear-gradient(45deg, transparent 50%, var(--muted-foreground) 50%), linear-gradient(135deg, var(--muted-foreground) 50%, transparent 50%); background-position: calc(100% - 14px) 50%, calc(100% - 10px) 50%; background-repeat: no-repeat; background-size: 4px 4px; cursor: var(--cursor-interaction, default); } .form-select:not(:disabled):hover { background-color: color-mix(in srgb, var(--foreground) 6%, var(--secondary)); } .form-select:focus-visible { border-color: var(--ring); box-shadow: inset 0 0 0 1px var(--ring); } .form-check { display: flex; min-height: 20px; align-items: center; gap: 6px; } .form-check-input { appearance: none; width: 14px; height: 14px; flex: 0 0 auto; margin: 0; border: 1px solid var(--input); color: var(--primary-foreground); background-color: transparent; cursor: var(--cursor-interaction, default); transition: background-color 150ms, border-color 150ms, box-shadow 150ms; } .form-check:not(.form-switch) .form-check-input[type="checkbox"] { border-color: var(--input); border-radius: var(--radius-sm); corner-shape: var(--corner-shape); background-color: var(--secondary); box-shadow: var(--shadow-sm); } .form-check:not(.form-switch) .form-check-input:not(:disabled):not(:checked):hover { background-color: var(--card); } .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked { border-color: var(--primary); background-color: var(--primary); } .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked::before { display: block; width: 100%; height: 100%; background: var(--primary-foreground); content: ""; mask: var(--checkmark-image) center / 12px 12px no-repeat; } .form-check-input[type="radio"] { width: 14px; height: 14px; border-radius: var(--radius-full); } .form-check-input[type="radio"]:checked { border: 2px solid var(--primary); background: radial-gradient(circle, var(--primary-foreground) 0 2.5px, transparent 3px), var(--primary); } .form-check:not(.form-switch) .form-check-input:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; } .form-check:not(.form-switch) .form-check-input:disabled { cursor: not-allowed; pointer-events: none; } .form-check:not(.form-switch) .form-check-input:disabled + .form-check-label { cursor: not-allowed; } .form-switch .form-check-input:disabled, .form-switch .form-check-input:disabled + .form-check-label { cursor: not-allowed; opacity: 0.6; } .form-check-label { color: var(--foreground); cursor: var(--cursor-interaction, default); } .form-switch .form-check-input { position: relative; width: 32px; height: 20px; border: 0; border-radius: var(--radius-full); background: var(--muted); box-shadow: none; transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1); } .form-switch .form-check-input::before { position: absolute; top: 50%; left: 0; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid light-dark(var(--primary-foreground), var(--foreground)); border-radius: var(--radius-full); background: light-dark(var(--primary-foreground), var(--foreground)); box-shadow: var(--shadow-sm); content: ""; transform: translate(2px, -50%); transition: transform 200ms cubic-bezier(0, 0, 0.2, 1); } .form-switch .form-check-input:checked { background: var(--primary); } .form-switch .form-check-input:checked::before { transform: translate(14px, -50%); } .form-switch .form-check-input:focus-visible { box-shadow: 0 0 0 2px var(--ring); } .form-range { appearance: none; display: block; width: 100%; height: 28px; flex: 1; margin: 0; padding: 0; outline: none; border: 0; accent-color: var(--primary); background: linear-gradient( color-mix(in srgb, var(--foreground) 7%, transparent), color-mix(in srgb, var(--foreground) 7%, transparent) ) center / 100% 2px no-repeat; } .form-range::-webkit-slider-runnable-track { height: 28px; background: transparent; } .form-range::-webkit-slider-thumb { appearance: none; width: 20px; height: 20px; margin-top: 4px; border: 1px solid var(--border); border-radius: var(--radius-full); background: light-dark(var(--primary-foreground), var(--foreground)); } .form-range:focus-visible::-webkit-slider-thumb { border-color: var(--ring); box-shadow: inset 0 0 0 1px var(--ring); } .form-range::-moz-range-track { height: 28px; background: transparent; } .form-range::-moz-range-thumb { width: 20px; height: 20px; border: 1px solid var(--border); border-radius: var(--radius-full); background: light-dark(var(--primary-foreground), var(--foreground)); } .form-range:focus-visible::-moz-range-thumb { border-color: var(--ring); box-shadow: inset 0 0 0 1px var(--ring); } .form-range:disabled { cursor: not-allowed; opacity: 0.4; } .btn:not(.btn-primary, .viz-tile):is( [aria-pressed="true"], [aria-selected="true"], .is-selected ) { border-color: var(--primary); color: var(--primary-foreground); background: var(--primary); } .btn.viz-tile:is([aria-pressed="true"], [aria-selected="true"], .is-selected) { border-color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); } .btn:focus-visible, .nav-link:focus-visible, .viz-carousel-controls :is(button, summary):focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; } @media (pointer: coarse) { .viz-carousel:has(> .viz-carousel-controls) { min-height: calc(76px + var(--viz-carousel-picker-height, 0px)); padding-bottom: 76px; } .btn, .nav-link, .viz-carousel-controls button, .viz-carousel-picker > summary, .form-control, .form-select { min-width: 44px; min-height: 44px; } .form-control, .form-select { font-size: max(16px, var(--font-size-normal)); } .form-control[type="file"]::file-selector-button { min-width: 44px; min-height: 44px; } .form-control-color[type="color"] { width: 44px; height: 44px; } .form-control:is( [type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"] ) { min-width: 0; max-width: 100%; padding-block: 8px; } .form-check { min-height: 44px; padding-inline: 15px; } .form-check-input { position: relative; } .form-check-input::after { position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; content: ""; transform: translate(-50%, -50%); } .form-check-label { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; } .form-range { height: 44px; touch-action: pan-y; } .form-range::-webkit-slider-runnable-track { height: 44px; } .form-range::-moz-range-track { height: 44px; } .form-range::-webkit-slider-thumb { margin-top: 12px; } } svg { display: block; max-width: 100%; height: auto; } #widget > svg { width: 100%; } svg.lucide { display: block; width: var(--icon-size) !important; height: var(--icon-size) !important; flex: none; margin: 0 !important; stroke-width: 1.6; } .text-warning, .text-destructive { color: var(--destructive); } html>body{padding:0} :root {} .gromko-preview{max-width:1440px;margin:0 auto;background:#050505} .gromko-preview a{color:inherit} .gromko-preview h2,.gromko-preview h3,.gromko-preview p{box-sizing:border-box} .gromko-preview .site{background:#050505;color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;--shade:.35}.gromko-preview *{box-sizing:border-box}.gromko-preview .screen{position:relative;overflow:hidden}.gromko-preview .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gromko-preview .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.18));}.gromko-preview .veil:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,var(--shade))}.gromko-preview header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:26px 4.5%;gap:25px}.gromko-preview .brand{display:block;width:126px;height:19px;overflow:hidden;position:relative;flex-shrink:0}.gromko-preview .brand img{position:absolute;width:189px;max-width:none;height:auto;left:-31.5px;top:-44.36px}.gromko-preview nav{display:flex;gap:24px;font-size:10px;letter-spacing:.04em}.gromko-preview .hero{height:480px}.gromko-preview .hero .veil{background:rgba(0,0,0,.1)}.gromko-preview .hero .veil:after{display:none}.gromko-preview .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #eeeeee;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:19px;padding-left:3px}.gromko-preview .eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#bcbcbc}.gromko-preview .hero-label{position:absolute;bottom:28px;left:4.5%;font-size:11px}.gromko-preview .about{height:555px;border-top:1px solid #303030}.gromko-preview .about-body{position:relative;z-index:1;padding:40px 4.5%}.gromko-preview h2{font-size:37px;line-height:1.12;font-weight:400;letter-spacing:-1.1px;margin:26px 0 20px;max-width:490px}.gromko-preview .intro{font-size:13px;line-height:1.5;color:#d0d0d0;max-width:340px;margin:0}.gromko-preview .stats{display:flex;gap:28px;margin-top:42px}.gromko-preview .stat{min-width:85px;border-right:1px solid #666666;padding-right:24px}.gromko-preview .stat:last-child{border:0}.gromko-preview .stat b{display:block;font-size:25px;font-weight:400}.gromko-preview .stat small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#b0b0b0;margin-top:6px}.gromko-preview .outline{display:inline-flex;align-items:center;gap:35px;border:1px solid #888888;padding:12px 17px;border-radius:30px;font-size:9px;margin-top:32px;color:#eeeeee;text-decoration:none}.gromko-preview .about-foot{position:absolute;left:4.5%;bottom:24px;font-size:8px;letter-spacing:.18em;color:#aaaaaa}.gromko-preview .mono .about .veil{background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.1))}.gromko-preview .mono .about h2{max-width:440px}.gromko-preview .mono .stats{border-top:1px solid #737373;padding-top:18px;max-width:330px;margin-top:32px}.gromko-preview .mono .stat{border:0;padding-right:10px}.gromko-preview .engineering{padding:55px 4.5% 40px;border-top:1px solid #373737;min-height:690px}.gromko-preview .engineering-top{display:grid;grid-template-columns:1fr 3fr;gap:22px}.gromko-preview .engineering h2{font-size:39px;line-height:1.13;max-width:660px;margin:0 0 22px}.gromko-preview .engineering h2 span{color:#838383}.gromko-preview .engineering .summary{max-width:410px;font-size:12px;line-height:1.6;color:#aaaaaa;margin:0 0 30px}.gromko-preview .engineering-bottom{display:grid;grid-template-columns:1.38fr 1fr;gap:35px;margin-top:10px}.gromko-preview .detail-photo{position:relative;min-height:280px;overflow:hidden}.gromko-preview .detail-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.64)}.gromko-preview .caption{position:absolute;bottom:15px;left:17px;font-size:9px;letter-spacing:.12em}.gromko-preview .steps{display:grid;align-content:start}.gromko-preview .step{display:grid;grid-template-columns:28px 1fr;gap:12px;border-top:1px solid #3b3b3b;padding:17px 0}.gromko-preview .num{font-size:10px;color:#777777;padding-top:4px}.gromko-preview h3{font-size:17px;font-weight:400;margin:0 0 8px}.gromko-preview .step p{font-size:11px;line-height:1.5;color:#999999;margin:0;max-width:270px}.gromko-preview .end{margin-top:30px;border-top:1px solid #333333;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#888888}.gromko-preview .mono .engineering-bottom{grid-template-columns:1fr 1.38fr}.gromko-preview .mono .detail-photo{order:2}.gromko-preview .mono .detail-photo img{filter:grayscale(1) brightness(.6)} @media(max-width:600px){.gromko-preview nav{gap:12px;font-size:8px}.gromko-preview nav span:nth-child(n+3){display:none}.gromko-preview .hero{height:300px}.gromko-preview .about{height:565px}.gromko-preview h2{font-size:31px;max-width:360px}.gromko-preview .about-body{padding-top:40px}.gromko-preview .engineering{padding-top:36px;min-height:880px}.gromko-preview .engineering-top{grid-template-columns:1fr;gap:22px}.gromko-preview .engineering h2{font-size:30px}.gromko-preview .engineering-bottom,.gromko-preview .mono .engineering-bottom{grid-template-columns:1fr;gap:22px}.gromko-preview .detail-photo{min-height:210px}.gromko-preview .mono .detail-photo{order:0}.gromko-preview .stats{gap:15px}.gromko-preview .stat{padding-right:15px;min-width:78px}.gromko-preview .intro{max-width:290px}} .gromko-preview .engineering-brand{margin-bottom:30px} .gromko-preview .engineering-top{grid-template-columns:1fr 3fr} .gromko-preview .engineering h2.engineering-title{margin:0 0 32px;max-width:680px;font-size:clamp(36px,5.5vw,62px);line-height:.98;letter-spacing:-2.4px} .gromko-preview .engineering-title .statement{display:block;color:#f0f0f0} .gromko-preview .engineering-title strong{display:block;font-weight:500} .gromko-preview .engineering-title em{display:block;font-family:Georgia,'Times New Roman',serif;font-size:.7em;line-height:1.15;font-weight:400;letter-spacing:-1px;color:#939393;margin-top:9px;padding-left:13%} .gromko-preview .engineering-title .result{margin-top:32px;padding-top:23px;border-top:1px solid #353535} .gromko-preview .engineering-title .qualifier{display:block;font-size:12px;line-height:1.4;letter-spacing:.11em;text-transform:uppercase;color:#9e9e9e;margin-bottom:9px} .gromko-preview .engineering{min-height:860px} @media(max-width:600px){.gromko-preview .engineering-top{grid-template-columns:1fr}.gromko-preview .engineering h2.engineering-title{font-size:44px;letter-spacing:-1.8px}.gromko-preview .engineering-title .qualifier{font-size:10px;letter-spacing:.07em}.gromko-preview .engineering{min-height:1100px}} .gromko-preview .end a{color:inherit;text-decoration:none} .gromko-preview .projects{padding:65px 4.5% 28px;background:#0a0a0a;border-top:1px solid #323232} .gromko-preview .projects-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:22px;align-items:start;margin-bottom:36px} .gromko-preview .projects h2{font-size:64px;line-height:1;letter-spacing:-3px;margin:0 0 16px;font-weight:400} .gromko-preview .projects-heading p{font-size:12px;line-height:1.5;color:#999999;margin:0} .gromko-preview .project-dot{color:#8a8a8a} .gromko-preview .project-count{font-size:9px;letter-spacing:.1em;color:#999999;text-align:right;padding-top:8px} .gromko-preview .project{min-width:0;margin:0} .gromko-preview .project-image{position:relative;aspect-ratio:1.5;overflow:hidden;background:#111111} .gromko-preview .featured .project-image{aspect-ratio:2.05} .gromko-preview .project-image>img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.8)} .gromko-preview .project-label{position:absolute;inset:0;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(transparent 65%,rgba(0,0,0,.7));font-size:9px;letter-spacing:.13em;color:#dddddd} .gromko-preview .project-info{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:17px 0 23px;border-bottom:1px solid #323232} .gromko-preview .project-info h3{font-size:23px;letter-spacing:-.6px;margin:0} .gromko-preview .project-info>span{font-size:10px;line-height:1.5;color:#999999;text-align:right} .gromko-preview .project-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px} .gromko-preview .projects-close{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:55px;padding-top:25px;border-top:1px solid #323232} .gromko-preview .projects-close>span:last-child{font-size:9px;letter-spacing:.12em;color:#888888} @media(max-width:600px){.gromko-preview .projects{padding-top:38px}.gromko-preview .projects-heading{grid-template-columns:1fr;gap:18px}.gromko-preview .projects h2{font-size:52px}.gromko-preview .project-count{text-align:left;padding:0}.gromko-preview .project-pair{grid-template-columns:1fr;gap:24px}.gromko-preview .featured .project-image{aspect-ratio:1.5}.gromko-preview .project-info h3{font-size:21px}.gromko-preview .project-info{flex-wrap:wrap}.gromko-preview .projects-close{flex-wrap:wrap}} .gromko-preview .engineering{min-height:0;padding-top:44px;padding-bottom:32px} .gromko-preview .engineering h2.engineering-title{font-size:28px;line-height:1.24;letter-spacing:-.65px;max-width:620px;margin:0 0 19px} .gromko-preview .engineering-title strong{display:inline;font-weight:500} .gromko-preview .engineering-title em{display:inline;font-family:inherit;font-size:inherit;line-height:inherit;font-style:normal;letter-spacing:inherit;color:#9a9a9a;margin:0;padding:0} .gromko-preview .engineering-title .result{margin-top:10px;padding-top:0;border:0} .gromko-preview .engineering .summary{margin-bottom:20px} .gromko-preview .engineering-bottom{margin-top:4px} @media(max-width:600px){.gromko-preview .engineering{min-height:0;padding-top:30px}.gromko-preview .engineering h2.engineering-title{font-size:24px;line-height:1.26;letter-spacing:-.4px}.gromko-preview .engineering-title .result{margin-top:10px}} .gromko-preview .engineering h2.engineering-title{font-size:26px;line-height:1.28;letter-spacing:-.55px;max-width:660px;text-wrap:balance} .gromko-preview .engineering-title strong{display:block} .gromko-preview .engineering-title em{display:block;white-space:nowrap;margin-top:2px} .gromko-preview .engineering-title .result{margin-top:19px} .gromko-preview .engineering .summary{max-width:470px;text-wrap:pretty} @media(max-width:600px){.gromko-preview .engineering h2.engineering-title{font-size:23px;line-height:1.28;letter-spacing:-.4px}.gromko-preview .engineering-title .result{margin-top:17px}} .gromko-preview .engineering-top{grid-template-columns:1fr 3fr;gap:22px;align-items:start} .gromko-preview .engineering h2.engineering-title{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;font-size:21px;line-height:1.36;letter-spacing:-.45px;max-width:none;margin:0 0 22px;text-wrap:initial} .gromko-preview .engineering-title .result{margin:0;padding:0;border:0} .gromko-preview .engineering-title strong{font-weight:400} .gromko-preview .engineering-title em{margin:2px 0 0;white-space:normal;color:#a4a4a4} .gromko-preview .engineering-brand{margin-bottom:24px} .gromko-preview .engineering .summary{font-size:12px;line-height:1.6;max-width:540px;margin-bottom:26px;color:#989898} .gromko-preview .engineering-bottom{margin-top:8px} @media(max-width:700px){.gromko-preview .engineering-top{grid-template-columns:1fr}.gromko-preview .engineering h2.engineering-title{font-size:20px;gap:20px;grid-template-columns:1fr 1.2fr}.gromko-preview .engineering-title .result{margin:0}} @media(max-width:440px){.gromko-preview .engineering h2.engineering-title{grid-template-columns:1fr;gap:16px;font-size:21px}.gromko-preview .engineering-title strong,.gromko-preview .engineering-title em{display:inline}.gromko-preview .engineering-title em:before{content:' '}} .gromko-preview .engineering h2.engineering-title{grid-template-columns:1fr 1fr;gap:28px;font-size:25px;line-height:1.26;letter-spacing:-.55px;margin-bottom:20px} .gromko-preview .engineering-title em{display:block;margin:0 0 3px;font-size:19px;color:#979797} .gromko-preview .engineering-title strong{display:block;font-weight:400} @media(max-width:600px){.gromko-preview .engineering h2.engineering-title{grid-template-columns:1fr 1fr;gap:16px;font-size:23px}.gromko-preview .engineering-title em{font-size:16px}.gromko-preview .engineering-title em:before{content:none}} .gromko-preview .engineering h2.engineering-title{display:block;font-size:28px;line-height:1.2;letter-spacing:-.65px;font-weight:400;color:#f0f0f0;max-width:none;margin:0 0 16px;text-wrap:balance} .gromko-preview .engineering .summary{max-width:470px;margin-bottom:24px} @media(max-width:600px){.gromko-preview .engineering h2.engineering-title{display:block;font-size:25px;line-height:1.24;letter-spacing:-.5px;max-width:340px}} .gromko-preview .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 26px} .gromko-preview .project-grid .project-image{aspect-ratio:1.5} @media(max-width:600px){.gromko-preview .project-grid{grid-template-columns:1fr;gap:24px}} .gromko-preview .engineering-top,.gromko-preview .projects-heading{align-items:start} .gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:400;line-height:1;letter-spacing:-.35px;margin:0 0 18px;padding:0} .gromko-preview .engineering h2.engineering-title{line-height:1.3;transform:translateY(-3px)} .gromko-preview .projects h2{transform:translateY(-1px)} .gromko-preview .engineering-brand,.gromko-preview .projects-brand{margin:0 0 24px} .gromko-preview .project-count{padding-top:4px} @media(max-width:600px){.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2{font-size:22px;letter-spacing:-.35px}.gromko-preview .engineering-top{grid-template-columns:1fr 2fr;gap:20px}.gromko-preview .projects-heading{grid-template-columns:1fr 2fr;gap:20px}.gromko-preview .project-count{grid-column:2}.gromko-preview .engineering-top .brand,.gromko-preview .projects-heading .brand{max-width:100%}} @media(max-width:440px){.gromko-preview .engineering-top,.gromko-preview .projects-heading{grid-template-columns:1fr;gap:18px}.gromko-preview .project-count{grid-column:1}} .gromko-preview{--gd-bg:#090909;--gd-ink:#f5f5f5;--gd-muted:#acacac;--gd-line:#2d2d2d;--gd-blue:#757575;--gd-pad:clamp(24px,5vw,72px);background:var(--gd-bg);max-width:1440px;margin:0 auto;color:var(--gd-ink)} .gromko-preview .site{background:var(--gd-bg);color:var(--gd-ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;--shade:.35} .gromko-preview *{box-sizing:border-box} .gromko-preview .screen{position:relative;overflow:hidden} .gromko-preview .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .gromko-preview .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,14,.94) 0%,rgba(4,7,14,.71) 42%,rgba(4,7,14,.15) 100%)} .gromko-preview .veil:after{content:'';position:absolute;inset:0;background:rgba(1,5,16,.2)} .gromko-preview header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:30px var(--gd-pad);gap:24px} .gromko-preview .brand{display:block;position:relative;overflow:hidden;width:160px;height:26px;flex-shrink:0} .gromko-preview .brand img{position:absolute;width:240px;max-width:none;height:auto;left:-40px;top:-56px} .gromko-preview nav{display:flex;gap:26px;font-size:11px;font-weight:500;letter-spacing:.1em;line-height:1.5} .gromko-preview nav span{white-space:nowrap} .gromko-preview .hero{height:auto;aspect-ratio:1.94;min-height:380px;max-height:740px} .gromko-preview .hero .photo{object-position:center 49%} .gromko-preview .hero .veil{background:linear-gradient(180deg,rgba(0,4,13,.6),transparent 45%,rgba(0,4,13,.5))} .gromko-preview .hero .veil:after{display:none} .gromko-preview .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #e3e3e390;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:23px;line-height:1;padding-left:3px;background:#10101020;backdrop-filter:blur(4px)} .gromko-preview .hero-label{position:absolute;bottom:26px;left:var(--gd-pad);font-size:11px;letter-spacing:.12em;line-height:1.5;color:#d9d9d9} .gromko-preview .eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;color:var(--gd-muted)} .gromko-preview .about{height:auto;min-height:690px;border-top:1px solid var(--gd-line);padding-bottom:60px} .gromko-preview .about header{padding-top:38px;padding-bottom:0} .gromko-preview .about nav{display:none} .gromko-preview .about-body{position:relative;z-index:1;padding:58px var(--gd-pad) 58px} .gromko-preview .about-body>.eyebrow{display:flex;align-items:center;gap:12px} .gromko-preview .about-body>.eyebrow:before{content:'';display:block;width:6px;height:6px;background:var(--gd-blue)} .gromko-preview .about h2{font-family:var(--gd-heading,Unbounded),Arial,sans-serif;font-size:clamp(30px,4.15vw,56px);line-height:1.18;font-weight:400;letter-spacing:-.045em;max-width:1050px;margin:25px 0 26px;text-wrap:balance} .gromko-preview .intro{font-size:16px;line-height:1.65;color:#cfcfcf;max-width:500px;margin:0} .gromko-preview .stats{display:flex;gap:0;margin-top:40px;max-width:570px} .gromko-preview .stat{flex:1;min-width:0;border-right:1px solid #84848444;padding:0 28px} .gromko-preview .stat:first-child{padding-left:0} .gromko-preview .stat:last-child{border:0;padding-right:0} .gromko-preview .stat b{display:block;font-family:Manrope,Arial,sans-serif;font-size:34px;line-height:1.15;letter-spacing:-.035em;font-weight:500} .gromko-preview .stat small{display:block;font-size:11px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;color:#b4b4b4;margin-top:10px} .gromko-preview .outline{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:44px;border:0;border-bottom:1px solid #9a9a9a;border-radius:0;padding:10px 0;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.1em;margin-top:34px;color:var(--gd-ink);text-decoration:none} .gromko-preview .outline span{font-size:19px;line-height:1} .gromko-preview .outline:hover{border-color:var(--gd-blue);color:#b8b8b8} .gromko-preview .about-foot{position:absolute;left:var(--gd-pad);right:var(--gd-pad);bottom:25px;padding-top:17px;border-top:1px solid #91919140;font-size:10px;line-height:1.6;letter-spacing:.14em;color:#b3b3b3} .gromko-preview .engineering{padding:64px var(--gd-pad) 32px;border-top:1px solid var(--gd-line);min-height:0} .gromko-preview .engineering-top{display:grid;grid-template-columns:1fr 3fr;gap:32px;align-items:start} .gromko-preview .engineering-brand,.gromko-preview .projects-brand{margin:0 0 23px} .gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2{font-family:var(--gd-heading,Unbounded),Arial,sans-serif;font-size:26px;font-weight:400;line-height:1.32;letter-spacing:-.035em;margin:0 0 22px;padding:0;max-width:none;transform:translateY(-5px);text-wrap:balance;display:block} .gromko-preview .engineering .summary{max-width:530px;font-size:15px;line-height:1.7;color:var(--gd-muted);margin:0 0 42px;text-wrap:pretty} .gromko-preview .engineering-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;margin-top:4px;align-items:stretch} .gromko-preview .detail-photo{position:relative;width:100%;min-width:0;min-height:350px;overflow:hidden;background:#0f0f0f} .gromko-preview .detail-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.77)} .gromko-preview .detail-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none} .gromko-preview .caption{position:absolute;z-index:1;bottom:25px;left:25px;right:22px;font-size:10px;line-height:1.7;letter-spacing:.12em;color:#e8e8e8} .gromko-preview .steps{display:grid;align-content:stretch} .gromko-preview .step{display:grid;grid-template-columns:28px 1fr;gap:18px;border-top:1px solid var(--gd-line);padding:23px 0 24px} .gromko-preview .step:first-child{padding-top:21px} .gromko-preview .step:last-child{padding-bottom:8px} .gromko-preview .num{font-size:11px;line-height:1.6;color:#9b9b9b;padding-top:4px;font-variant-numeric:tabular-nums} .gromko-preview h3{font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.025em;margin:0 0 11px} .gromko-preview .step p{font-size:14px;line-height:1.65;color:var(--gd-muted);margin:0;max-width:440px} .gromko-preview .end{margin-top:40px;border-top:1px solid var(--gd-line);padding-top:21px;display:flex;justify-content:space-between;gap:24px;font-size:10px;line-height:1.7;letter-spacing:.1em;color:#969696} .gromko-preview a{color:inherit;text-decoration:none} .gromko-preview .end a:hover{color:#bebebe} .gromko-preview .projects{padding:62px var(--gd-pad) 30px;background:var(--gd-bg);border-top:1px solid var(--gd-line)} .gromko-preview .projects-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:start;margin-bottom:42px} .gromko-preview .projects h2{margin-bottom:18px} .gromko-preview .projects-heading p{font-size:14px;line-height:1.65;color:var(--gd-muted);margin:0;max-width:350px} .gromko-preview .project-count{font-size:10px;line-height:1.7;letter-spacing:.12em;color:#969696;text-align:right;padding-top:3px} .gromko-preview .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px} .gromko-preview .project{min-width:0;margin:0} .gromko-preview .project-grid .project-image{position:relative;aspect-ratio:1.5;overflow:hidden;background:#151515} .gromko-preview .project-image>img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85);transition:filter .25s ease,transform .5s ease} .gromko-preview .project:hover .project-image>img{filter:brightness(1);transform:scale(1.025)} .gromko-preview .project-label{position:absolute;inset:0;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(transparent 60%,rgba(0,0,0,.7));font-size:10px;line-height:1.5;letter-spacing:.13em;color:#e7e7e7} .gromko-preview .project-info{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:20px 0;border-bottom:1px solid var(--gd-line)} .gromko-preview .project-info h3{font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:0} .gromko-preview .project-info>span{font-size:11px;line-height:1.5;color:var(--gd-muted);text-align:right;max-width:190px} .gromko-preview .projects-close{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:56px;padding-top:28px;border-top:1px solid var(--gd-line)} .gromko-preview .projects-close .brand{opacity:.6} .gromko-preview .projects-close>span:last-child{font-size:10px;line-height:1.7;letter-spacing:.12em;color:#969696} @media(min-width:1441px){.gromko-preview{--gd-pad:72px}} @media(max-width:1000px){.gromko-preview nav{gap:17px;font-size:10px}.gromko-preview .brand{width:138px;height:22px}.gromko-preview .brand img{width:207px;left:-34.5px;top:-48.3px}.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2{font-size:23px;transform:translateY(-4px)}.gromko-preview .engineering-top,.gromko-preview .projects-heading{gap:25px}.gromko-preview .engineering-bottom{gap:30px}.gromko-preview h3{font-size:20px}.gromko-preview .project-info{align-items:start;flex-direction:column;gap:8px}.gromko-preview .project-info>span{text-align:left}} @media(max-width:760px){.gromko-preview .hero{min-height:360px;aspect-ratio:1.7}.gromko-preview nav span:nth-child(n+3){display:none}.gromko-preview .about{min-height:620px}.gromko-preview .about-body{padding-top:43px}.gromko-preview .about h2{font-size:30px;line-height:1.23;letter-spacing:-.035em}.gromko-preview .engineering,.gromko-preview .projects{padding-top:42px}.gromko-preview .engineering-top,.gromko-preview .projects-heading{grid-template-columns:1fr 2.5fr;gap:22px}.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2{font-size:20px;line-height:1.4}.gromko-preview .engineering .summary{font-size:14px;margin-bottom:32px}.gromko-preview .engineering-bottom{grid-template-columns:1fr;gap:28px}.gromko-preview .detail-photo{min-height:310px;aspect-ratio:1.65}.gromko-preview .step{padding:20px 0;grid-template-columns:30px 1fr}.gromko-preview .step p{max-width:520px}.gromko-preview .project-count{grid-column:2;text-align:left;padding:0}.gromko-preview .projects-heading{row-gap:12px;margin-bottom:28px}.gromko-preview .project-grid{gap:28px 20px}.gromko-preview .project-info h3{font-size:20px}.gromko-preview .project-label{padding:14px;font-size:9px}} @media(max-width:540px){.gromko-preview{--gd-pad:24px}.gromko-preview header{padding-top:24px;padding-bottom:24px}.gromko-preview nav{gap:16px;font-size:9px;letter-spacing:.04em}.gromko-preview .brand{width:126px;height:20px}.gromko-preview .brand img{width:189px;left:-31.5px;top:-44.1px}.gromko-preview .hero{min-height:340px;aspect-ratio:auto;height:380px}.gromko-preview .hero .photo{object-position:58% center}.gromko-preview .play{width:48px;height:48px;font-size:20px}.gromko-preview .about{min-height:0;padding-bottom:70px}.gromko-preview .about header{padding-top:30px}.gromko-preview .about-body{padding-top:35px;padding-bottom:34px}.gromko-preview .about h2{font-size:28px;line-height:1.22;margin-top:23px;max-width:100%;text-wrap:initial}.gromko-preview .intro{font-size:14px;line-height:1.65}.gromko-preview .stats{margin-top:31px}.gromko-preview .stat{padding:0 14px}.gromko-preview .stat b{font-size:27px}.gromko-preview .stat small{font-size:9px;letter-spacing:0;line-height:1.55;max-width:95px}.gromko-preview .outline{margin-top:24px}.gromko-preview .about-foot{font-size:9px;letter-spacing:.06em;line-height:1.8;bottom:25px}.gromko-preview .engineering-top,.gromko-preview .projects-heading{grid-template-columns:1fr;gap:22px}.gromko-preview .engineering-top>div:first-child,.gromko-preview .projects-heading>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:16px}.gromko-preview .engineering-brand,.gromko-preview .projects-brand{margin:0}.gromko-preview .eyebrow{font-size:10px;letter-spacing:.08em}.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2{font-size:20px;line-height:1.4;letter-spacing:-.025em;transform:none;margin:7px 0 17px}.gromko-preview .engineering .summary{font-size:14px;max-width:100%;margin-bottom:26px}.gromko-preview .detail-photo{min-height:240px;aspect-ratio:1.32}.gromko-preview .caption{left:20px;right:20px;bottom:20px;font-size:9px;letter-spacing:.09em}.gromko-preview .step{gap:12px}.gromko-preview h3{font-size:20px}.gromko-preview .step p{font-size:14px}.gromko-preview .end{margin-top:28px;gap:20px;font-size:9px;letter-spacing:.04em}.gromko-preview .end>span{max-width:200px}.gromko-preview .end a{white-space:nowrap}.gromko-preview .project-count{grid-column:1;font-size:10px}.gromko-preview .projects-heading{gap:17px}.gromko-preview .projects-heading p{font-size:14px}.gromko-preview .project-grid{grid-template-columns:1fr;gap:28px}.gromko-preview .project-info{padding:17px 0;flex-direction:row;align-items:baseline;gap:16px}.gromko-preview .project-info>span{font-size:10px;max-width:125px;text-align:right}.gromko-preview .projects-close{margin-top:37px;gap:24px;align-items:start}.gromko-preview .projects-close>span:last-child{font-size:9px;max-width:120px;text-align:right}} @media(prefers-reduced-motion:reduce){.gromko-preview .project-image>img{transition:none}.gromko-preview .project:hover .project-image>img{transform:none}} html,body{scrollbar-width:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important} .gromko-preview .project{display:flex;flex-direction:column;border-bottom:1px solid var(--gd-line)} .gromko-preview .project-grid{align-items:stretch;gap:40px 26px} .gromko-preview .project-copy{padding:22px 0 26px;display:flex;flex-direction:column;flex:1} .gromko-preview .project-copy h3{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin:0 0 10px;min-height:2.6em} .gromko-preview .project-date{font-size:12px;line-height:1.6;color:#a8a8a8;margin:0 0 18px} .gromko-preview .project-description{font-size:15px;line-height:1.7;color:#cbcbcb;margin:0 0 22px} .gromko-preview .project-scope{font-size:11px;line-height:1.6;color:#989898;margin:auto 0 0;padding-top:8px;letter-spacing:.02em} .gromko-preview nav a{white-space:nowrap;min-height:32px;display:inline-flex;align-items:center;text-decoration:none;color:inherit} .gromko-preview nav a:hover{color:#bebebe} .gromko-preview .services{padding:64px var(--gd-pad);border-top:1px solid var(--gd-line)} .gromko-preview .services-heading{display:grid;grid-template-columns:1fr 3fr;gap:32px;margin-bottom:38px} .gromko-preview .services-brand{margin-bottom:23px} .gromko-preview .services h2{font-family:var(--gd-heading,Unbounded),Arial,sans-serif;font-size:26px;line-height:1.32;font-weight:400;letter-spacing:-.035em;margin:0 0 18px;max-width:none;transform:translateY(-5px)} .gromko-preview .services-heading p{font-size:15px;line-height:1.7;color:var(--gd-muted);margin:0;max-width:550px} .gromko-preview .equipment-filters{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:30px} .gromko-preview .equipment-filters button{appearance:none;font:500 14px/1.4 Manrope,Arial,sans-serif;background:transparent;border:1px solid #3b3b3b;border-radius:0;color:#bfbfbf;min-height:44px;padding:12px 19px;cursor:pointer} .gromko-preview .equipment-filters button span{color:#919191;margin-left:20px;font-size:11px;font-variant-numeric:tabular-nums} .gromko-preview .equipment-filters button[aria-pressed=true]{background:#616161;border-color:#616161;color:white} .gromko-preview .equipment-filters button[aria-pressed=true] span{color:#e9e9e9} .gromko-preview .equipment-filters button:focus-visible{outline:2px solid #bdbdbd;outline-offset:3px} .gromko-preview .equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start} .gromko-preview .equipment-card{background:#151515;border:1px solid #2c2c2c;min-width:0;padding:28px 25px;display:flex;flex-direction:column;min-height:300px} .gromko-preview .equipment-card[hidden]{display:none} .gromko-preview .equipment-visual{aspect-ratio:4/3;background:#dcdcdc;margin:-28px -25px 26px;padding:18px;display:flex;align-items:center;justify-content:center} .gromko-preview .equipment-visual img{display:block;width:100%;height:100%;object-fit:contain} .gromko-preview .equipment-kind{color:#9c9c9c;text-transform:uppercase;font-size:10px;letter-spacing:.12em;line-height:1.7;margin-bottom:30px} .gromko-preview .equipment-card h3{font-size:22px;line-height:1.35;font-weight:500;margin:0 0 17px;min-height:2.7em} .gromko-preview .equipment-card>p{font-size:14px;line-height:1.6;color:#b7b7b7;margin:0 0 24px;min-height:4.8em} .gromko-preview .equipment-price{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.04em;margin-top:auto;color:#f6f6f6} .gromko-preview .equipment-card details{margin-top:22px;border-top:1px solid #3a3a3a;font-size:13px;line-height:1.7;color:#c7c7c7} .gromko-preview .equipment-card summary{cursor:pointer;padding-top:17px;padding-bottom:3px;color:#e7e7e7;min-height:44px;font-size:13px} .gromko-preview .equipment-card ul{padding-left:18px;margin:16px 0 0}.gromko-preview .equipment-card li{margin-bottom:10px;overflow-wrap:anywhere} .gromko-preview .equipment-card dl{margin:16px 0 0}.gromko-preview .equipment-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #303030}.gromko-preview .equipment-card dd{margin:0;white-space:nowrap} .gromko-preview .rental-note{font-size:13px;line-height:1.7;color:#a6a6a6;margin:28px 0 0} @media(max-width:1000px){.gromko-preview .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gromko-preview .services h2{font-size:23px}.gromko-preview .project-copy h3{font-size:22px}} @media(max-width:760px){.gromko-preview .equipment-visual{margin:-24px -20px 24px}} @media(max-width:540px){.gromko-preview .equipment-visual{margin:-25px -25px 25px}} @media(max-width:760px){.gromko-preview .services-heading{grid-template-columns:1fr 2.5fr;gap:22px}.gromko-preview .services h2{font-size:20px}.gromko-preview .project-description{font-size:14px}.gromko-preview .project-date{font-size:11px}.gromko-preview .equipment-card{padding:24px 20px}} @media(max-width:540px){.gromko-preview header{gap:16px}.gromko-preview nav{gap:12px;font-size:9px}.gromko-preview nav a:last-child{display:none}.gromko-preview .project-copy h3{font-size:23px;min-height:0}.gromko-preview .project-date{font-size:12px}.gromko-preview .project-description{font-size:15px}.gromko-preview .project-scope{font-size:11px}.gromko-preview .services{padding:42px var(--gd-pad)}.gromko-preview .services-heading{grid-template-columns:1fr;gap:28px}.gromko-preview .services-heading>div:first-child{display:flex;justify-content:space-between;align-items:center}.gromko-preview .services-brand{margin:0}.gromko-preview .services h2{transform:none;font-size:20px;line-height:1.4}.gromko-preview .equipment-grid{grid-template-columns:1fr}.gromko-preview .equipment-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gromko-preview .equipment-filters button{font-size:12px;padding:12px}.gromko-preview .equipment-filters button span{margin-left:12px}.gromko-preview .equipment-card{min-height:0;padding:25px}.gromko-preview .equipment-card h3,.gromko-preview .equipment-card>p{min-height:0}.gromko-preview .equipment-kind{margin-bottom:20px}} .gromko-preview{--gd-bg:#0b0b0b;--gd-line:#303030;--gd-muted:#b8b8b8;--gd-blue:#696969} .gromko-preview .site{background:var(--gd-bg)} .gromko-preview .eyebrow{font-size:12px;letter-spacing:.13em;color:#b5b5b5} .gromko-preview .about{isolation:isolate;min-height:790px;padding-bottom:88px;background:#0d0d0d;border-top:1px solid #505050} .gromko-preview .about>.photo{left:auto;right:0;width:52%;height:100%;object-position:62% center;filter:brightness(.72) saturate(1.15)} .gromko-preview .about>.veil{z-index:0;background:linear-gradient(90deg,#0d0d0d 0%,#0d0d0d 47%,rgba(9,13,23,.97) 53%,rgba(9,13,23,.68) 66%,rgba(9,13,23,.06) 87%)} .gromko-preview .about>.veil:after{background:linear-gradient(0deg,#0d0d0d 0%,transparent 30%,transparent 80%,rgba(9,13,23,.2))} .gromko-preview .about header{padding-top:44px} .gromko-preview .about-body{padding-top:62px;padding-bottom:52px;max-width:960px;width:73%} .gromko-preview .about-body>.eyebrow{color:#d3d3d3} .gromko-preview .about-body>.eyebrow:before{width:22px;height:2px;background:#929292} .gromko-preview .about h2{font-size:clamp(35px,3.8vw,53px);line-height:1.19;letter-spacing:-.052em;font-weight:500;max-width:800px;margin:30px 0 28px;text-wrap:initial;color:#ffffff} .gromko-preview .about-heading-main,.gromko-preview .about-heading-accent{display:block} .gromko-preview .about-heading-accent{color:#9e9e9e} .gromko-preview .intro{font-size:18px;line-height:1.65;color:#e7e7e7;max-width:590px} .gromko-preview .stats{margin-top:45px;padding-top:25px;border-top:1px solid #79797965;max-width:660px} .gromko-preview .stat{padding:0 28px;border-color:#5e5e5e55} .gromko-preview .stat b{font-family:Manrope,Arial,sans-serif;font-size:46px;font-weight:500;line-height:1.1;letter-spacing:-.05em;color:white} .gromko-preview .stat small{font-size:12px;color:#cbcbcb;letter-spacing:.04em} .gromko-preview .about .outline{font-size:12px;letter-spacing:.1em;margin-top:34px;border-color:#898989;color:#f6f6f6;padding:12px 0;min-width:175px} .gromko-preview .about-foot{z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px var(--gd-pad);border:0;background:#585858;color:#ffffff;line-height:1.5;font-size:13px;font-weight:500;letter-spacing:.18em} .gromko-preview .about-foot span{display:flex;align-items:center;gap:24px} .gromko-preview .about-foot span+span:before{content:'+';font-size:18px;font-weight:400;opacity:.55} .gromko-preview .section-index{position:absolute;z-index:1;right:var(--gd-pad);top:34px;font-family:Manrope,Arial,sans-serif;font-size:90px;font-weight:500;line-height:1;color:transparent;-webkit-text-stroke:1px #dfdfdf55;letter-spacing:-.08em;pointer-events:none} .gromko-preview .engineering{position:relative;padding-top:80px;padding-bottom:34px;background:radial-gradient(ellipse at 100% 0%,#202020 0%,transparent 44%),#0b0b0b;border-top:0} .gromko-preview .engineering-top{grid-template-columns:1fr 3fr;gap:40px;margin-bottom:30px} .gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2,.gromko-preview .services h2{font-size:26px;font-weight:400;line-height:1.4;letter-spacing:-.035em;transform:translateY(-5px);text-wrap:initial} .gromko-preview .engineering h2 .engineering-subtitle{color:#9e9e9e} .gromko-preview .engineering .summary{font-size:16px;line-height:1.75;max-width:630px;margin:23px 0 22px;color:#c8c8c8} .gromko-preview .engineering-bottom{grid-template-columns:1.15fr 1fr;gap:48px;align-items:stretch} .gromko-preview .detail-photo{min-height:590px;border:1px solid #5b5b5b;box-shadow:12px 12px 0 #242424;overflow:hidden} .gromko-preview .detail-photo img{filter:brightness(.85);object-position:43% center} .gromko-preview .detail-photo:before{content:'';position:absolute;z-index:2;top:20px;left:20px;width:34px;height:34px;border-top:2px solid #cacaca;border-left:2px solid #cacaca;pointer-events:none} .gromko-preview .detail-photo:after{inset:50% 0 0;background:linear-gradient(transparent,#0a0a0aed)} .gromko-preview .caption{left:26px;right:26px;bottom:28px;padding-left:15px;border-left:3px solid #787878;font-size:12px;line-height:1.8;letter-spacing:.08em;max-width:340px} .gromko-preview .steps{gap:0;align-content:stretch;border-bottom:1px solid #484848} .gromko-preview .step,.gromko-preview .step:first-child,.gromko-preview .step:last-child{grid-template-columns:64px 1fr;gap:22px;align-content:center;position:relative;padding:28px 0;border-top:1px solid #484848;background:linear-gradient(90deg,#22222270,transparent 68%)} .gromko-preview .num{font-family:Manrope,Arial,sans-serif;font-size:40px;line-height:1.2;font-weight:500;letter-spacing:-.05em;color:#969696;padding:0 0 0 12px} .gromko-preview .step h3{font-size:24px;line-height:1.3;font-weight:500;margin-bottom:14px;color:#fafafa} .gromko-preview .step p{font-size:16px;line-height:1.65;color:#c1c1c1;max-width:380px} .gromko-preview .end{margin-top:48px;padding-top:24px;font-size:12px;letter-spacing:.065em;color:#a8a8a8} .gromko-preview .projects{padding-top:76px;padding-bottom:40px;background:#0e0e0e;border-top:1px solid #363636} .gromko-preview .projects-heading{grid-template-columns:1fr 2fr 1fr;gap:40px;margin-bottom:45px;align-items:start} .gromko-preview .projects-heading p{font-size:16px;line-height:1.65;max-width:360px;color:#bcbcbc} .gromko-preview .project-count{text-align:right;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px} .gromko-preview .project-count b{font-family:Manrope,Arial,sans-serif;font-size:72px;line-height:.85;letter-spacing:-.07em;font-weight:500;color:#9d9d9d} .gromko-preview .project-count span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#a5a5a5} .gromko-preview .project-grid{gap:32px 28px} .gromko-preview .project{background:#161616;border:1px solid #343434;position:relative;transition:background .25s ease,border-color .25s ease} .gromko-preview .project:hover{background:#1d1d1d;border-color:#6d6d6d} .gromko-preview .project-grid .project-image{aspect-ratio:1.5;background:#111111} .gromko-preview .project-image>img{filter:brightness(.89) saturate(.9)} .gromko-preview .project:hover .project-image>img{filter:brightness(1) saturate(1);transform:scale(1.018)} .gromko-preview .project-number{position:absolute;top:19px;left:24px;font-family:Manrope,Arial,sans-serif;font-size:56px;font-weight:500;line-height:1;letter-spacing:-.07em;color:#f4f4f415;-webkit-text-stroke:1px #ffffffa0;text-shadow:0 2px 20px #00000088} .gromko-preview .project-label{padding:22px 24px;background:linear-gradient(transparent 62%,#080808d9);font-size:12px;letter-spacing:.14em} .gromko-preview .project-label>span{border-left:3px solid #7b7b7b;padding-left:11px;line-height:1.4} .gromko-preview .project-copy{padding:25px 27px 29px} .gromko-preview .project-copy h3{font-family:Manrope,Arial,sans-serif;font-size:28px;line-height:1.22;font-weight:500;letter-spacing:-.04em;margin-bottom:13px;min-height:2.44em;color:#f8f8f8} .gromko-preview .project-date{font-size:13px;line-height:1.6;color:#a7a7a7;margin-bottom:22px} .gromko-preview .project-description{font-size:16px;line-height:1.7;color:#c7c7c7;margin:0;max-width:540px} .gromko-preview .projects-close{margin-top:48px;padding-top:26px;border-color:#363636} .gromko-preview .projects-close>span:last-child{font-size:12px;color:#b0b0b0;letter-spacing:.12em} .gromko-preview .services{position:relative;padding:76px var(--gd-pad) 64px;background:radial-gradient(ellipse at 8% 0%,#282828,transparent 43%),#0c0c0c;border-top:1px solid #494949} .gromko-preview .services-heading{gap:40px;margin-bottom:36px} .gromko-preview .services-heading p{font-size:16px;color:#c7c7c7;line-height:1.7} .gromko-preview .equipment-filters{gap:0;margin-bottom:35px;padding:0;border-bottom:1px solid #4a4a4a} .gromko-preview .equipment-filters button{min-height:58px;padding:17px 24px;font-size:14px;font-weight:500;background:transparent;border:0;border-bottom:3px solid transparent;position:relative;transition:color .2s,background .2s;color:#c7c7c7} .gromko-preview .equipment-filters button span{font-size:12px;color:#a3a3a3;margin-left:23px} .gromko-preview .equipment-filters button:hover{color:white;background:#2e2e2e} .gromko-preview .equipment-filters button[aria-pressed=true]{background:#585858;border-bottom-color:#afafaf;color:white} .gromko-preview .equipment-filters button[aria-pressed=true] span{color:#e2e2e2} .gromko-preview .equipment-grid{gap:26px 22px;align-items:stretch} .gromko-preview .equipment-card{position:relative;padding:29px 26px 24px;min-height:300px;border:1px solid #424242;background:linear-gradient(145deg,#202020,#151515 65%);transition:border-color .25s} .gromko-preview .equipment-card:hover{border-color:#808080} .gromko-preview .equipment-visual{margin:-29px -26px 27px;padding:25px;background:radial-gradient(ellipse at 48% 34%,#f5f5f5,#bbbbbb);position:relative;overflow:hidden;border-bottom:3px solid #767676} .gromko-preview .equipment-visual:before{content:'';position:absolute;inset:13px;border:1px solid #70707035;pointer-events:none} .gromko-preview .equipment-visual img{filter:drop-shadow(0 9px 9px #3636362a)} .gromko-preview .equipment-kind{font-size:12px;line-height:1.5;letter-spacing:.1em;color:#b6b6b6;margin-bottom:20px} .gromko-preview .equipment-card h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.035em;min-height:2.6em;margin:0 0 18px;color:#f7f7f7} .gromko-preview .equipment-card>p{font-size:16px;line-height:1.65;color:#c6c6c6;min-height:5em;margin-bottom:27px} .gromko-preview .equipment-price{font-size:32px;line-height:1.2;letter-spacing:-.045em;color:#d3d3d3;font-weight:500} .gromko-preview .equipment-card details{border-top:1px solid #525252;margin-top:24px;font-size:14px;line-height:1.7} .gromko-preview .equipment-card summary{font-size:14px;color:#e9e9e9;padding-top:18px;min-height:47px} .gromko-preview .equipment-card summary:hover{color:#aeaeae} .gromko-preview .equipment-card li{margin-bottom:12px;color:#c7c7c7} .gromko-preview .equipment-card dl>div{border-color:#404040} .gromko-preview .equipment-specplate{position:relative;aspect-ratio:4/3;margin:-29px -26px 27px;background:linear-gradient(135deg,#4e4e4e,#2d2d2d);border-bottom:3px solid #8e8e8e;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;color:#f4f4f4;overflow:hidden} .gromko-preview .equipment-specplate:before{content:'';position:absolute;inset:14px;border:1px solid #b7b7b74d;pointer-events:none} .gromko-preview .equipment-specplate b{font-family:Manrope,Arial,sans-serif;white-space:nowrap;font-size:clamp(37px,4.1vw,61px);font-weight:500;line-height:1.2;letter-spacing:-.07em;margin:15px 0 12px} .gromko-preview .equipment-specplate>span{font-size:12px;line-height:1.5;letter-spacing:.06em;color:#d4d4d4} .gromko-preview .equipment-specplate .specplate-label{position:absolute;top:26px;left:28px;letter-spacing:.16em;font-size:12px;color:#c2c2c2} .gromko-preview .rental-note{font-size:14px;color:#bcbcbc;line-height:1.7;margin-top:32px;padding-left:16px;border-left:2px solid #787878} @media(max-width:1100px){ .gromko-preview .about-body{width:78%;max-width:840px}.gromko-preview .about h2{font-size:43px}.gromko-preview .about>.veil{background:linear-gradient(90deg,#0d0d0d 0%,#0d0d0d 48%,#0d0d0ddd 67%,#0d0d0d44 100%)} .gromko-preview .engineering-bottom{gap:30px;grid-template-columns:1fr 1fr}.gromko-preview .detail-photo{min-height:640px}.gromko-preview .step{grid-template-columns:46px 1fr;gap:16px}.gromko-preview .step h3{font-size:22px}.gromko-preview .num{font-size:33px;padding-left:5px} .gromko-preview .project-copy h3{font-size:25px}.gromko-preview .project-copy{padding:24px}.gromko-preview .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .gromko-preview .about{min-height:700px}.gromko-preview .about-body{width:92%;padding-top:45px}.gromko-preview .about h2{font-size:38px;line-height:1.24;max-width:640px}.gromko-preview .about>.photo{width:67%;filter:brightness(.45)}.gromko-preview .about>.veil{background:linear-gradient(90deg,#0d0d0d 0%,#0d0d0ded 50%,#0d0d0d66 100%)} .gromko-preview .intro{font-size:16px}.gromko-preview .stat b{font-size:38px}.gromko-preview .section-index{font-size:67px;top:27px}.gromko-preview .about-foot{font-size:11px;gap:10px;padding-top:20px;padding-bottom:20px;letter-spacing:.08em}.gromko-preview .about-foot span{gap:10px}.gromko-preview .about-foot span+span:before{font-size:14px} .gromko-preview .engineering,.gromko-preview .projects,.gromko-preview .services{padding-top:55px}.gromko-preview .engineering-top,.gromko-preview .projects-heading,.gromko-preview .services-heading{gap:28px;grid-template-columns:1fr 2.5fr}.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2,.gromko-preview .services h2{font-size:22px}.gromko-preview .engineering .summary{margin-bottom:12px} .gromko-preview .engineering-bottom{grid-template-columns:1fr;gap:42px}.gromko-preview .detail-photo{min-height:380px;aspect-ratio:1.55;box-shadow:8px 8px 0 #242424}.gromko-preview .step,.gromko-preview .step:first-child,.gromko-preview .step:last-child{grid-template-columns:55px 1fr;padding:27px 10px;gap:20px}.gromko-preview .step p{max-width:none}.gromko-preview .num{font-size:38px} .gromko-preview .project-count{grid-column:2;flex-direction:row;align-items:baseline;gap:12px;text-align:left}.gromko-preview .project-count b{font-size:40px}.gromko-preview .project-grid{gap:24px 20px}.gromko-preview .project-copy{padding:21px}.gromko-preview .project-copy h3{font-size:23px}.gromko-preview .project-number{font-size:43px;left:17px;top:14px}.gromko-preview .project-label{font-size:11px;padding:17px}.gromko-preview .equipment-card h3{font-size:23px}.gromko-preview .equipment-filters button{padding:15px 17px}.gromko-preview .equipment-filters button span{margin-left:12px} } @media(max-width:540px){ .gromko-preview .about{min-height:0;padding-bottom:90px;background:#0d0d0d}.gromko-preview .about header{padding-top:32px}.gromko-preview .about-body{width:100%;padding-top:38px;padding-bottom:36px}.gromko-preview .about>.photo{width:100%;object-position:70% center;opacity:.37;filter:brightness(.6)}.gromko-preview .about>.veil{background:linear-gradient(90deg,#0d0d0df5 0%,#0d0d0ded 55%,#0d0d0db8 100%)} .gromko-preview .about h2{font-size:30px;line-height:1.22;letter-spacing:-.045em;font-weight:500;margin:26px 0 25px;max-width:100%}.gromko-preview .intro{font-size:16px;line-height:1.7;max-width:320px}.gromko-preview .section-index{font-size:54px;top:24px;color:transparent;-webkit-text-stroke-color:#dfdfdf45}.gromko-preview .stats{margin-top:33px;padding-top:25px}.gromko-preview .stat{padding:0 12px}.gromko-preview .stat b{font-size:34px}.gromko-preview .stat small{font-size:11px;line-height:1.5;letter-spacing:0;color:#d9d9d9}.gromko-preview .about .outline{margin-top:27px;font-size:12px} .gromko-preview .about-foot{font-size:11px;letter-spacing:.04em;justify-content:flex-start;flex-wrap:wrap;gap:9px 15px;padding-top:16px;padding-bottom:16px}.gromko-preview .about-foot span{gap:0}.gromko-preview .about-foot span+span:before{display:none}.gromko-preview .about-foot span:not(:last-child):after{content:'/';opacity:.45;margin-left:15px} .gromko-preview .engineering,.gromko-preview .projects,.gromko-preview .services{padding-top:42px}.gromko-preview .engineering-top,.gromko-preview .projects-heading,.gromko-preview .services-heading{grid-template-columns:1fr;gap:27px}.gromko-preview .engineering-top{margin-bottom:24px}.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2,.gromko-preview .services h2{font-size:20px;line-height:1.45;transform:none;margin:0 0 18px}.gromko-preview .engineering .summary{font-size:16px;margin:0;line-height:1.7}.gromko-preview .engineering h2 .engineering-subtitle{color:#afafaf}.gromko-preview .eyebrow{font-size:11px;letter-spacing:.07em} .gromko-preview .detail-photo{min-height:310px;aspect-ratio:1.12;box-shadow:7px 7px 0 #242424}.gromko-preview .caption{left:18px;right:18px;bottom:22px;font-size:11px;line-height:1.7;letter-spacing:.04em}.gromko-preview .step,.gromko-preview .step:first-child,.gromko-preview .step:last-child{grid-template-columns:44px 1fr;gap:15px;padding:27px 7px}.gromko-preview .num{font-size:32px;padding-left:0}.gromko-preview .step h3{font-size:22px}.gromko-preview .step p{font-size:15px;line-height:1.65}.gromko-preview .end{font-size:11px;letter-spacing:.02em;gap:20px;margin-top:32px} .gromko-preview .projects-heading{gap:22px;margin-bottom:28px}.gromko-preview .projects-heading p{font-size:16px}.gromko-preview .project-count{grid-column:1;gap:12px}.gromko-preview .project-count b{font-size:39px}.gromko-preview .project-count span{font-size:11px}.gromko-preview .project-grid{grid-template-columns:1fr;gap:28px}.gromko-preview .project-number{font-size:47px;top:18px;left:19px}.gromko-preview .project-label{padding:19px;font-size:11px}.gromko-preview .project-copy{padding:23px 21px 25px}.gromko-preview .project-copy h3{font-size:26px;line-height:1.22;min-height:0;margin-bottom:14px}.gromko-preview .project-date{font-size:12px;margin-bottom:17px}.gromko-preview .project-description{font-size:15px;line-height:1.7}.gromko-preview .projects-close>span:last-child{font-size:11px;line-height:1.65;letter-spacing:.04em;max-width:150px} .gromko-preview .services{padding-bottom:42px}.gromko-preview .services-heading{margin-bottom:29px}.gromko-preview .services-heading p{font-size:16px}.gromko-preview .equipment-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;border:0;margin-bottom:27px}.gromko-preview .equipment-filters button{border:1px solid #4a4a4a;font-size:13px;padding:15px 12px;min-height:52px}.gromko-preview .equipment-filters button[aria-pressed=true]{border-color:#929292}.gromko-preview .equipment-filters button span{font-size:11px;margin-left:13px} .gromko-preview .equipment-grid{grid-template-columns:1fr;gap:26px}.gromko-preview .equipment-card{padding:25px 24px 22px}.gromko-preview .equipment-visual,.gromko-preview .equipment-specplate{margin:-25px -24px 25px}.gromko-preview .equipment-visual{padding:23px}.gromko-preview .equipment-kind{font-size:12px;margin-bottom:17px}.gromko-preview .equipment-card h3{font-size:25px;min-height:0;margin-bottom:18px}.gromko-preview .equipment-card>p{font-size:16px;min-height:0;margin-bottom:25px}.gromko-preview .equipment-price{font-size:33px}.gromko-preview .equipment-specplate b{font-size:52px}.gromko-preview .rental-note{font-size:14px} } @media(prefers-reduced-motion:reduce){.gromko-preview .project,.gromko-preview .equipment-card,.gromko-preview .equipment-filters button{transition:none}} .gromko-preview .project[hidden]{display:none}.gromko-preview a.project{color:inherit;text-decoration:none}.gromko-preview a.project:focus-visible{outline:3px solid #adadad;outline-offset:5px}.gromko-preview a.project:hover h3{color:#b4b4b4}.gromko-preview .projects-more{display:flex;justify-content:center;margin-top:40px}.gromko-preview .projects-more button{display:flex;justify-content:space-between;align-items:center;gap:55px;min-width:300px;min-height:58px;background:#585858;border:1px solid #858585;color:#ffffff;padding:17px 25px;font:500 16px/1.4 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s}.gromko-preview .projects-more button span{color:#d4d4d4;font-size:12px}.gromko-preview .projects-more button:hover{background:#6b6b6b}.gromko-preview .projects-more button:focus-visible{outline:3px solid #bababa;outline-offset:4px}@media(max-width:540px){.gromko-preview .projects-more button{min-width:0;width:100%;gap:20px}.gromko-preview .projects-more{margin-top:28px}} .gromko-preview{--gd-bg:#050505;--gd-ink:#f4f4f4;--gd-muted:#aaa;--gd-line:#303030;--gd-blue:#ddd} .gromko-preview .site{background:#050505;color:#f4f4f4} .gromko-preview .eyebrow{color:#aaa;font-weight:500} .gromko-preview .about{background:#070707;border-color:#353535;min-height:790px} .gromko-preview .about>.photo{filter:grayscale(1) brightness(.65) contrast(1.1);object-position:62% center} .gromko-preview .about>.veil{background:linear-gradient(90deg,#070707 0%,#070707 45%,#070707f2 53%,#070707a3 67%,#07070708 90%)} .gromko-preview .about>.veil:after{background:linear-gradient(0deg,#070707 0%,transparent 33%,transparent 74%,#07070744 100%)} .gromko-preview .about h2{font-weight:400;color:#fff;letter-spacing:-.045em;line-height:1.22} .gromko-preview .about-heading-accent{color:#c7c7c7;background:linear-gradient(105deg,#fafafa 0%,#d1d1d1 47%,#939393 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .gromko-preview .about-body>.eyebrow{color:#bcbcbc;letter-spacing:.15em} .gromko-preview .about-body>.eyebrow:before{background:#c9c9c9} .gromko-preview .intro{color:#d0d0d0;font-weight:400} .gromko-preview .stats{border-color:#5559;max-width:660px} .gromko-preview .stat{border-color:#52525266} .gromko-preview .stat b{color:#eee;font-weight:400;letter-spacing:-.055em} .gromko-preview .stat small{color:#a9a9a9} .gromko-preview .about .outline{color:#e9e9e9;border-color:#8b8b8b;transition:color .2s,border-color .2s} .gromko-preview .about .outline:hover{color:white;border-color:white} .gromko-preview .about-foot{background:linear-gradient(100deg,#111 0%,#252525 35%,#3b3b3b 58%,#171717 100%);border-top:1px solid #62626280;border-bottom:1px solid #74747455;color:#ddd;font-size:12px;letter-spacing:.2em;padding-top:23px;padding-bottom:23px} .gromko-preview .about-foot span+span:before{color:#e0e0e0;opacity:.4;font-weight:400} .gromko-preview .section-index{color:transparent;-webkit-text-stroke-color:#d8d8d83d;font-weight:400} .gromko-preview .engineering{background:radial-gradient(ellipse at 100% 0%,#292929 0%,#141414 25%,transparent 58%),#050505} .gromko-preview .engineering h2.engineering-title{color:#f6f6f6} .gromko-preview .engineering h2 .engineering-subtitle{color:#9c9c9c} .gromko-preview .engineering .summary{color:#b1b1b1} .gromko-preview .detail-photo{border-color:#7c7c7c7a;box-shadow:12px 12px 0 #1b1b1b} .gromko-preview .detail-photo img{filter:grayscale(1) brightness(.82) contrast(1.08)} .gromko-preview .detail-photo:before{border-color:#e4e4e4aa} .gromko-preview .detail-photo:after{background:linear-gradient(transparent,#050505e8)} .gromko-preview .caption{color:#e1e1e1;border-color:#dedede} .gromko-preview .steps{border-color:#444} .gromko-preview .step,.gromko-preview .step:first-child,.gromko-preview .step:last-child{border-color:#464646;background:linear-gradient(110deg,#ffffff0a 0%,transparent 78%)} .gromko-preview .num{color:#d1d1d1;font-weight:400;letter-spacing:-.06em} .gromko-preview .step h3{color:#eee;font-weight:400} .gromko-preview .step p{color:#aaa} .gromko-preview .end{border-color:#3d3d3d;color:#9a9a9a} .gromko-preview .end a{color:#ccc} .gromko-preview .end a:hover{color:white} .gromko-preview .projects{border-color:#323232;background:radial-gradient(ellipse at 0% 0%,#242424 0%,#101010 25%,transparent 65%),#070707} .gromko-preview .projects-heading p{color:#ababab} .gromko-preview .project-count b{color:#d9d9d9;font-weight:400;background:linear-gradient(145deg,#fafafa,#8c8c8c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .gromko-preview .project-count span{color:#929292} .gromko-preview .project{border:1px solid #393939;background:linear-gradient(150deg,#1b1b1b 0%,#0e0e0e 68%);transition:border-color .3s,box-shadow .3s} .gromko-preview .project:hover{border-color:#919191;background:linear-gradient(150deg,#252525,#141414);box-shadow:0 18px 35px #0004} .gromko-preview .project-grid .project-image{background:#151515} .gromko-preview .project-image>img{filter:brightness(.84) saturate(.7);transition:filter .4s,transform .6s} .gromko-preview .project:hover .project-image>img{filter:brightness(1) saturate(1);transform:scale(1.022)} .gromko-preview .project-number{color:#ffffff0d;-webkit-text-stroke-color:#efefefaa;text-shadow:0 2px 20px #0008} .gromko-preview .project-label{color:#f0f0f0;background:linear-gradient(transparent 60%,#050505e0)} .gromko-preview .project-label>span{border-color:#e5e5e5} .gromko-preview .project-copy h3,.gromko-preview a.project:hover h3{color:#f4f4f4;font-weight:400;letter-spacing:-.04em} .gromko-preview .project-date{color:#999} .gromko-preview .project-description{color:#b4b4b4} .gromko-preview a.project:focus-visible{outline-color:#e8e8e8} .gromko-preview .projects-more button{background:linear-gradient(105deg,#f4f4f4,#d1d1d1);color:#111;border:1px solid #f2f2f2;min-width:340px;min-height:62px;font-weight:600;box-shadow:0 8px 30px #0003;transition:background .25s,box-shadow .25s} .gromko-preview .projects-more button span{color:#4b4b4b;font-weight:400} .gromko-preview .projects-more button:hover{background:linear-gradient(105deg,#fff,#e3e3e3);box-shadow:0 5px 28px #ffffff12} .gromko-preview .projects-more button:focus-visible{outline-color:#ccc} .gromko-preview .projects-close{border-color:#393939} .gromko-preview .projects-close>span:last-child{color:#9d9d9d} .gromko-preview .services{background:radial-gradient(ellipse at 15% 0%,#303030 0%,#151515 25%,transparent 53%),#070707;border-color:#3d3d3d} .gromko-preview .services-heading p{color:#b4b4b4} .gromko-preview .equipment-filters{border-color:#535353} .gromko-preview .equipment-filters button{color:#adadad;background:transparent;border-bottom-color:transparent} .gromko-preview .equipment-filters button span{color:#8b8b8b} .gromko-preview .equipment-filters button:hover{background:#292929;color:white} .gromko-preview .equipment-filters button[aria-pressed=true]{background:linear-gradient(120deg,#e7e7e7,#fff);color:#0d0d0d;border-bottom-color:#aaa} .gromko-preview .equipment-filters button[aria-pressed=true] span{color:#626262} .gromko-preview .equipment-filters button:focus-visible{outline-color:#ddd} .gromko-preview .equipment-card{background:linear-gradient(140deg,#242424,#111 70%);border-color:#444} .gromko-preview .equipment-card:hover{border-color:#8d8d8d} .gromko-preview .equipment-visual{background:radial-gradient(ellipse at 48% 30%,#fafafa,#b3b3b3);border-bottom:1px solid #f4f4f4} .gromko-preview .equipment-visual:before{border-color:#36363633} .gromko-preview .equipment-visual img{filter:drop-shadow(0 9px 9px #0003)} .gromko-preview .equipment-kind{color:#929292} .gromko-preview .equipment-card h3{color:#f1f1f1;font-weight:400} .gromko-preview .equipment-card>p{color:#b4b4b4} .gromko-preview .equipment-price{color:#f5f5f5;font-weight:400;background:linear-gradient(100deg,#fafafa,#b7b7b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .gromko-preview .equipment-card details{border-color:#515151;color:#bbb} .gromko-preview .equipment-card summary{color:#d3d3d3} .gromko-preview .equipment-card summary:hover{color:#fff} .gromko-preview .equipment-card li{color:#b7b7b7} .gromko-preview .equipment-card dl>div{border-color:#3f3f3f} .gromko-preview .equipment-specplate{background:radial-gradient(ellipse at 50% -15%,#747474 0%,#393939 39%,#161616 95%);border-bottom:1px solid #9b9b9b;color:#f2f2f2} .gromko-preview .equipment-specplate:before{border-color:#ddd5} .gromko-preview .equipment-specplate b{font-weight:400;color:#fafafa;text-shadow:0 3px 16px #0004} .gromko-preview .equipment-specplate>span{color:#bfbfbf} .gromko-preview .equipment-specplate .specplate-label{color:#b4b4b4} .gromko-preview .rental-note{color:#aaa;border-color:#9f9f9f} @media(max-width:1100px){.gromko-preview .about>.veil{background:linear-gradient(90deg,#070707 0%,#070707 45%,#070707df 67%,#07070744 100%)}} @media(max-width:760px){.gromko-preview .about{min-height:700px}.gromko-preview .about>.photo{filter:grayscale(1) brightness(.45) contrast(1.1)}.gromko-preview .about>.veil{background:linear-gradient(90deg,#070707 0%,#070707ef 50%,#07070770 100%)}.gromko-preview .about-foot{font-size:11px;letter-spacing:.08em}.gromko-preview .detail-photo{box-shadow:8px 8px 0 #1b1b1b}} @media(max-width:540px){ .gromko-preview .about{min-height:0;background:#070707}.gromko-preview .about>.photo{opacity:.4;filter:grayscale(1) brightness(.5)}.gromko-preview .about>.veil{background:linear-gradient(90deg,#070707f5 0%,#070707ef 55%,#070707b8 100%)}.gromko-preview .about-heading-accent{color:#c7c7c7;background:linear-gradient(110deg,#eee,#b3b3b3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gromko-preview .stat small{color:#b4b4b4}.gromko-preview .about-foot{letter-spacing:.04em;padding-top:16px;padding-bottom:16px}.gromko-preview .section-index{-webkit-text-stroke-color:#ddd4} .gromko-preview .detail-photo{box-shadow:7px 7px 0 #1b1b1b}.gromko-preview .projects-more button{min-width:0;width:100%;min-height:58px}.gromko-preview .equipment-filters button{border-color:#454545}.gromko-preview .equipment-filters button[aria-pressed=true]{border-color:#e2e2e2} } @media(prefers-reduced-motion:reduce){.gromko-preview .project,.gromko-preview .project-image>img,.gromko-preview .projects-more button{transition:none}} .gromko-preview .about{padding-bottom:112px} .gromko-preview .about-foot.service-marquee{position:absolute;left:0;right:0;bottom:0;width:100%;display:flex;align-items:center;overflow:hidden;padding:0;margin:0;height:104px;min-height:104px;border:0;border-radius:0;background:linear-gradient(180deg,rgba(7,7,7,.72) 0%,#090909 45%,#101010 100%);color:#fff;text-align:left;cursor:pointer;font:400 16px/1.4 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:uppercase} .gromko-preview .service-marquee span{margin:0;padding:0;border:0} .gromko-preview .service-marquee span:before,.gromko-preview .service-marquee span:after{content:none!important} .gromko-preview .service-marquee .marquee-track{display:flex;align-items:center;width:max-content;gap:0;will-change:transform;animation:gromko-service-scroll 42s linear infinite} .gromko-preview .service-marquee .marquee-group{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;width:max(100vw,1100px);gap:44px;padding:0 38px;color:#fff;white-space:nowrap} .gromko-preview .service-marquee .marquee-group>span{display:block;color:#fff} .gromko-preview .service-marquee .marquee-divider{font-weight:400;font-size:16px;letter-spacing:-.06em;color:#fff} .gromko-preview .service-marquee:hover .marquee-track,.gromko-preview .service-marquee:focus-visible .marquee-track,.gromko-preview .service-marquee[aria-pressed=true] .marquee-track{animation-play-state:paused} .gromko-preview .service-marquee:focus-visible{outline:1px solid #ddd;outline-offset:-5px} @keyframes gromko-service-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(max-width:540px){.gromko-preview .about{padding-bottom:88px}.gromko-preview .about-foot.service-marquee{padding:0;height:80px;min-height:80px;font-size:14px;letter-spacing:0}.gromko-preview .service-marquee .marquee-group{width:1000px;gap:36px;padding:0 32px}.gromko-preview .service-marquee .marquee-divider{font-size:14px}} @media(prefers-reduced-motion:reduce){.gromko-preview .service-marquee .marquee-track{animation:none;transform:none;width:100%;will-change:auto}.gromko-preview .service-marquee .marquee-group{width:100%;white-space:normal;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:0 20px}.gromko-preview .service-marquee .marquee-group+.marquee-group{display:none}.gromko-preview .service-marquee .marquee-divider{display:none}} .gromko-preview .about>.photo{filter:brightness(.84) saturate(1.05) contrast(1.04)} .gromko-preview .detail-photo img{filter:brightness(.94) saturate(1.06);opacity:1} .gromko-preview .about h2,.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2,.gromko-preview .services h2{font-family:Manrope,Arial,sans-serif;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:-.055em;transform:none} .gromko-preview .about h2{font-size:clamp(42px,5.25vw,76px);line-height:1.03;max-width:880px} .gromko-preview .about-heading-accent{color:#fff;background:none;-webkit-text-fill-color:currentColor} .gromko-preview .about-body{width:80%;max-width:1040px} .gromko-preview .engineering-top{display:block;margin-bottom:44px} .gromko-preview .engineering-top>div:first-child{margin-bottom:30px} .gromko-preview .engineering h2.engineering-title{font-size:clamp(54px,7.4vw,104px);line-height:.98;max-width:1100px} .gromko-preview .engineering-headline{display:block} .gromko-preview .engineering h2 .engineering-subtitle{display:block;margin-top:23px;color:#e5e5e5;font-family:Manrope,Arial,sans-serif;font-size:clamp(21px,2.2vw,30px);font-weight:400;line-height:1.35;letter-spacing:-.025em;text-transform:none} .gromko-preview .engineering .summary{margin-top:18px;max-width:610px} .gromko-preview .projects-heading{grid-template-columns:minmax(0,1fr) 150px;gap:26px 24px;align-items:end} .gromko-preview .projects-heading>div:first-child{grid-column:1/-1} .gromko-preview .projects h2{font-size:clamp(56px,8.2vw,116px);line-height:1;margin-bottom:22px} .gromko-preview .projects-heading p{max-width:none} .gromko-preview .project-count{padding-bottom:5px} .gromko-preview .services-heading{display:block;margin-bottom:46px} .gromko-preview .services-heading>div:first-child{margin-bottom:30px} .gromko-preview .services h2{font-size:clamp(52px,7.3vw,104px);line-height:1.02;margin-bottom:25px} .gromko-preview .services-heading p{max-width:none} @media(max-width:760px){ .gromko-preview .about-body{width:100%}.gromko-preview .about>.photo{filter:brightness(.7) saturate(1.05);opacity:.8} .gromko-preview .about h2{font-size:clamp(38px,6.6vw,52px);line-height:1.06} .gromko-preview .engineering h2.engineering-title{font-size:clamp(40px,7.5vw,56px)} .gromko-preview .projects h2{font-size:clamp(42px,8.2vw,62px)} .gromko-preview .services h2{font-size:clamp(34px,6.6vw,52px)} .gromko-preview .projects-heading{grid-template-columns:1fr}.gromko-preview .project-count{grid-column:1;flex-direction:row;align-items:baseline;gap:12px} .gromko-preview .engineering-top>div:first-child,.gromko-preview .services-heading>div:first-child{margin-bottom:26px} } .gromko-preview .engineering h2 .engineering-headline{color:#fff} .gromko-preview .projects-more{margin-top:46px} .gromko-preview .projects-more button{width:560px;max-width:100%;min-width:0;min-height:82px;padding:24px 30px;gap:26px;border:1px solid #777;background:linear-gradient(115deg,#212121 0%,#121212 60%,#191919 100%);box-shadow:inset 0 1px 0 #ffffff0c;color:#fff;font:600 18px/1.3 Manrope,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:border-color .25s,background .25s} .gromko-preview .projects-more button span{margin-left:auto;white-space:nowrap;color:#9a9a9a;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none} .gromko-preview .projects-more button:after{content:'↗';font-size:27px;line-height:1;font-weight:400;color:#f0f0f0;transition:transform .25s} .gromko-preview .projects-more button:hover{border-color:#e6e6e6;background:linear-gradient(115deg,#303030,#191919);box-shadow:inset 0 1px 0 #ffffff14} .gromko-preview .projects-more button:hover:after{transform:translate(3px,-3px)} .gromko-preview .projects-more button[aria-expanded=true]:after{content:'↑'} .gromko-preview .projects-more button:focus-visible{outline:2px solid #fff;outline-offset:5px} @media(max-width:540px){.gromko-preview .projects-more button{min-height:74px;padding:22px 20px;gap:15px;font-size:15px}.gromko-preview .projects-more button span{font-size:12px}.gromko-preview .projects-more button:after{font-size:23px}} @media(prefers-reduced-motion:reduce){.gromko-preview .projects-more button,.gromko-preview .projects-more button:after{transition:none}} .gromko-preview{--gd-display-size:clamp(42px,5.25vw,76px)} .gromko-preview .about h2,.gromko-preview .engineering h2.engineering-title,.gromko-preview .projects h2,.gromko-preview .services h2{font-size:var(--gd-display-size);line-height:1.03;font-weight:800;letter-spacing:-.055em} .gromko-preview .about-heading-main,.gromko-preview .about-heading-accent,.gromko-preview .engineering-headline{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit} @media(max-width:760px){.gromko-preview{--gd-display-size:clamp(32px,8.8vw,52px)}} .gromko-preview .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .gromko-preview .service-card{display:flex;flex-direction:column;color:#fff;text-decoration:none;border:1px solid #3f3f3f;background:linear-gradient(140deg,#242424,#101010 70%);transition:border-color .25s,background .25s;overflow:hidden} .gromko-preview .service-card:hover{border-color:#b0b0b0;background:linear-gradient(140deg,#303030,#151515 70%)} .gromko-preview .service-card:focus-visible{outline:2px solid #fff;outline-offset:5px} .gromko-preview .service-card-media{position:relative;aspect-ratio:1.45;overflow:hidden;background:#161616} .gromko-preview .service-card-media img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:transform .5s,filter .3s} .gromko-preview .service-card:hover img{transform:scale(1.025);filter:brightness(1)} .gromko-preview .service-card-media.equipment{background:radial-gradient(ellipse at 50% 20%,#ededed,#909090)} .gromko-preview .service-card-media.equipment img{object-fit:contain;padding:24px;filter:none} .gromko-preview .service-card-copy{display:flex;flex-direction:column;flex:1;padding:27px 25px 24px} .gromko-preview .service-number{font-size:13px;letter-spacing:.1em;color:#aaa;margin-bottom:25px} .gromko-preview .service-card h3{font:600 clamp(24px,2.4vw,33px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.035em;min-height:2.36em;margin:0 0 20px;color:#fff} .gromko-preview .service-card p{font-size:16px;line-height:1.65;margin:0 0 30px;color:#b8b8b8;flex:1} .gromko-preview .service-card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #4b4b4b;padding-top:19px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#eee} .gromko-preview .service-card-link b{font-size:24px;line-height:1;font-weight:400} .gromko-preview .services-overview .services-heading{margin-bottom:40px} .gromko-preview .service-page{min-height:100vh;background:radial-gradient(ellipse at 95% 0%,#323232,transparent 45%),#070707;color:#f2f2f2;padding:0 var(--gd-pad,60px) 60px} .gromko-preview .service-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0;border-bottom:1px solid #414141} .gromko-preview .service-nav>a:last-child,.gromko-preview .service-footer>a{color:#ddd;font-size:14px;line-height:1.5;text-decoration:none;border-bottom:1px solid #777;padding:8px 0} .gromko-preview .service-nav>a:hover,.gromko-preview .service-footer>a:hover{color:#fff;border-color:#fff} .gromko-preview .service-hero{padding:65px 0 48px} .gromko-preview .service-page h1{font:800 var(--gd-display-size,64px)/1.03 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em;color:#fff;margin:27px 0;max-width:1100px} .gromko-preview .service-lead{font-size:22px;line-height:1.55;max-width:850px;color:#c5c5c5;margin:0} .gromko-preview .service-cover{display:block;aspect-ratio:2.2;object-fit:cover;width:100%;border:1px solid #404040;margin-bottom:60px} .gromko-preview .service-detail-heading{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:0 0 30px;color:#f2f2f2} .gromko-preview .service-inclusions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:56px} .gromko-preview .service-inclusions article{padding:24px 0 0;border-top:1px solid #777} .gromko-preview .service-inclusions small{display:block;font-size:13px;color:#aaa;margin-bottom:25px} .gromko-preview .service-inclusions h3{font-size:24px;line-height:1.3;font-weight:500;margin:0 0 17px;color:#f1f1f1} .gromko-preview .service-inclusions p,.gromko-preview .service-result p{font-size:17px;line-height:1.7;color:#b5b5b5;margin:0} .gromko-preview .service-result{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:36px;border:1px solid #434343;background:linear-gradient(125deg,#242424,#111)} .gromko-preview .service-result h2{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0;color:#fff} .gromko-preview .service-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:60px;padding-top:28px;border-top:1px solid #404040} .gromko-preview .service-footer span{font-size:12px;letter-spacing:.08em;color:#999} .gromko-preview .rental-page .services{padding:60px 0 0;border:0;background:none} .gromko-preview .rental-page .services-heading .brand{display:none} .gromko-preview .rental-page .services-heading>div:first-child{margin-bottom:0} .gromko-preview .rental-page .services-heading p{font-size:20px;max-width:850px;line-height:1.55} @media(max-width:1000px){.gromko-preview .service-grid{gap:16px}.gromko-preview .service-card-copy{padding:23px 20px}.gromko-preview .service-card h3{font-size:24px}.gromko-preview .service-inclusions{gap:24px}} @media(max-width:760px){.gromko-preview .service-grid,.gromko-preview .service-inclusions{grid-template-columns:1fr}.gromko-preview .service-grid{gap:24px}.gromko-preview .service-card-media{aspect-ratio:1.8}.gromko-preview .service-card h3{font-size:30px;min-height:0}.gromko-preview .service-number{margin-bottom:18px}.gromko-preview .service-page{padding-bottom:35px}.gromko-preview .service-nav{padding:25px 0}.gromko-preview .service-hero{padding:40px 0 30px}.gromko-preview .service-page h1{font-size:var(--gd-display-size);overflow-wrap:normal}.gromko-preview .service-lead{font-size:18px}.gromko-preview .service-cover{aspect-ratio:1.5;margin-bottom:38px}.gromko-preview .service-inclusions{margin-bottom:35px;gap:30px}.gromko-preview .service-result{grid-template-columns:1fr;gap:20px;padding:25px}.gromko-preview .service-result h2{font-size:24px}.gromko-preview .service-footer{align-items:flex-start;flex-direction:column;margin-top:38px;gap:18px}.gromko-preview .rental-page .services{padding-top:40px}.gromko-preview .rental-page .services-heading p{font-size:18px}} @media(prefers-reduced-motion:reduce){.gromko-preview .service-card,.gromko-preview .service-card img{transition:none}} .gromko-preview .rental-nav{gap:28px;flex-wrap:wrap} .gromko-preview .rental-brand-note{font-size:10px;letter-spacing:.08em;line-height:1.6;color:#aaa;margin-right:auto} .gromko-preview .rental-nav nav{display:flex;gap:24px;font-size:13px;color:#ccc} .gromko-preview .rental-nav nav a{display:inline-flex!important} .gromko-preview .rental-nav .rental-phone{font-size:16px;white-space:nowrap;color:#fff} .gromko-preview .rental-page .services-heading{grid-template-columns:1fr;gap:0;margin-bottom:26px} .gromko-preview .rental-page .services-heading h1{font-size:clamp(46px,6.6vw,94px);margin:22px 0 28px} .gromko-preview .rental-actions{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 48px} .gromko-preview .rental-actions a{padding:17px 25px;text-decoration:none;color:#fff;font-size:14px;border:1px solid #777;background:linear-gradient(115deg,#2a2a2a,#131313)} .gromko-preview .rental-actions a:hover{border-color:#fff} .gromko-preview .rental-about{border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b;padding:32px 0;margin-bottom:55px;display:grid;grid-template-columns:1.1fr 1fr;gap:24px 55px} .gromko-preview .rental-about>p{font-size:20px;line-height:1.6;color:#bbb;margin:0} .gromko-preview .rental-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center} .gromko-preview .rental-stats b{display:block;font-size:clamp(30px,3.4vw,48px);line-height:1.2;font-weight:500;letter-spacing:-.06em;color:#fff} .gromko-preview .rental-stats span{display:block;font-size:11px;line-height:1.4;color:#aaa;margin-top:12px} .gromko-preview .rental-about>a{font-size:12px;letter-spacing:.08em;color:#eee;text-decoration:none;justify-self:start;border-bottom:1px solid #666;padding-bottom:10px} .gromko-preview .catalog-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em;color:#aaa;margin:0 0 25px;scroll-margin-top:30px} .gromko-preview .equipment-filters button{color:#bcbcbc;background:#111;border-color:#444} .gromko-preview .equipment-filters button[aria-pressed=true]{background:#e5e5e5;border-color:#e5e5e5;color:#111} .gromko-preview .equipment-filters button[aria-pressed=true] span{color:#555} .gromko-preview .equipment-filters button span{color:#999;margin-left:12px} .gromko-preview .equipment-item{height:100%;background:linear-gradient(145deg,#1b1b1b,#0d0d0d);border-color:#3b3b3b} .gromko-preview .equipment-item .rental-model-plate{display:flex;flex-direction:column;min-height:180px;justify-content:space-between;margin:-28px -25px 25px;padding:25px;background:radial-gradient(ellipse at 85% 0%,#3c3c3c,transparent 65%),linear-gradient(135deg,#262626,#111);border-bottom:1px solid #454545} .gromko-preview .rental-model-plate>span{font-size:11px;letter-spacing:.08em;color:#aaa;text-transform:uppercase} .gromko-preview .rental-model-plate b{font-size:clamp(30px,3.3vw,44px);font-weight:600;letter-spacing:-.05em;line-height:1.1;color:#fff;margin:20px 0} .gromko-preview .rental-model-plate small{font-size:11px;letter-spacing:.05em;color:#a5a5a5;text-transform:uppercase} .gromko-preview .equipment-item .equipment-kind{margin-bottom:14px;color:#aaa} .gromko-preview .equipment-item h3{font-size:23px;font-weight:500;letter-spacing:-.035em} .gromko-preview .equipment-item>p{flex:1;color:#bcbcbc;font-size:14px;line-height:1.7} .gromko-preview .equipment-item .equipment-price{font-size:28px;margin-top:6px} .gromko-preview .equipment-price small{font-size:13px;color:#a9a9a9;letter-spacing:0;font-weight:400} .gromko-preview .equipment-item dl>div{align-items:flex-start;border-color:#363636} .gromko-preview .equipment-item dt{color:#aaa;flex:1;min-width:0} .gromko-preview .equipment-item dd{white-space:normal;text-align:right;flex:1;color:#eee;overflow-wrap:anywhere} .gromko-preview .equipment-benefit{font-size:13px;line-height:1.65;color:#aaa;margin:20px 0 0} .gromko-preview .equipment-source{color:#ddd;text-decoration:none;font-size:12px;line-height:1.5;border-top:1px solid #444;padding-top:18px;margin-top:23px;display:flex;justify-content:space-between;gap:8px} .gromko-preview .rental-process{padding:70px 0 55px} .gromko-preview .rental-process h2{font-size:36px;font-weight:600;letter-spacing:-.035em;margin:0 0 35px} .gromko-preview .rental-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px} .gromko-preview .rental-process article{border-top:1px solid #666;padding-top:20px} .gromko-preview .rental-process small{color:#999;font-size:12px} .gromko-preview .rental-process h3{font-size:22px;font-weight:500;margin:24px 0 15px} .gromko-preview .rental-process p,.gromko-preview .rental-contact p{font-size:16px;line-height:1.7;color:#aaa;margin:0} .gromko-preview .rental-contact{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:40px;border:1px solid #555;background:radial-gradient(ellipse at top right,#343434,transparent 65%),#121212} .gromko-preview .rental-contact h2{font-size:clamp(30px,3.3vw,48px);font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:20px 0} .gromko-preview .rental-contact>a{text-decoration:none;color:#fff;font-size:clamp(22px,2.5vw,36px);letter-spacing:-.04em;white-space:nowrap;display:block} .gromko-preview .rental-contact>a small,.gromko-preview .rental-contact>a span{display:block;font-size:12px;letter-spacing:.06em;color:#bdbdbd;margin:0 0 18px} .gromko-preview .rental-contact>a span{margin:25px 0 0;border-top:1px solid #777;padding-top:20px} .gromko-preview .service-footer>.brand{border:0;padding:0} @media(max-width:1000px){.gromko-preview .rental-nav{gap:20px}.gromko-preview .rental-nav nav{gap:18px}.gromko-preview .rental-brand-note{display:none}.gromko-preview .rental-nav>.brand{margin-right:auto}.gromko-preview .rental-about{gap:25px}.gromko-preview .rental-about>p{font-size:18px}} @media(max-width:760px){.gromko-preview .rental-page .services-heading h1{font-size:clamp(34px,8.8vw,60px)}.gromko-preview .rental-about,.gromko-preview .rental-contact{grid-template-columns:1fr}.gromko-preview .rental-about{gap:28px}.gromko-preview .rental-nav nav{order:3;width:100%;font-size:12px}.gromko-preview .rental-nav .rental-phone{font-size:13px}.gromko-preview .rental-process>div{grid-template-columns:1fr;gap:30px}.gromko-preview .rental-process{padding:45px 0}.gromko-preview .rental-contact{padding:25px;gap:30px}.gromko-preview .rental-contact>a{font-size:26px}.gromko-preview .catalog-caption{font-size:10px;letter-spacing:.03em}.gromko-preview .equipment-item .rental-model-plate{margin:-24px -20px 24px;padding:25px}.gromko-preview .rental-stats b{font-size:37px}.gromko-preview .rental-stats span{font-size:10px}.gromko-preview .rental-actions a{font-size:12px;padding:14px 18px}.gromko-preview .equipment-filters button{text-align:left}.gromko-preview .equipment-filters button span{display:block;margin:6px 0 0}.gromko-preview .rental-process h2{font-size:30px}} @media(max-width:540px){.gromko-preview .equipment-item .rental-model-plate{margin:-25px -25px 24px}.gromko-preview .rental-nav>.brand img{width:135px}.gromko-preview .rental-nav>.brand{max-width:135px}} @media(max-width:540px){.gromko-preview .rental-nav>.brand{width:135px;height:22px;max-width:135px}.gromko-preview .rental-nav>.brand img{width:202.5px;left:-33.75px;top:-47.25px}} .gromko-preview .rental-event{position:relative;margin:0 0 64px;overflow:hidden;background:#100808;aspect-ratio:2.8} .gromko-preview .rental-event>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%} .gromko-preview .rental-event:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#050505e8);pointer-events:none} .gromko-preview .rental-event figcaption{position:absolute;inset:auto 28px 23px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff} .gromko-preview .rental-event figcaption>span{font-size:clamp(19px,2.2vw,30px);font-weight:500;letter-spacing:-.03em} .gromko-preview .rental-event a{font-size:12px;letter-spacing:.04em;color:#eee;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:7px} .gromko-preview .rental-product-photo{position:relative;height:260px;margin:-28px -25px 25px;display:flex;align-items:center;justify-content:center;padding:40px 24px 20px;background:radial-gradient(ellipse at 50% 35%,#f4f4f4,#c8c8c8);border-bottom:1px solid #626262} .gromko-preview .rental-product-photo>span{position:absolute;top:17px;left:24px;font-size:10px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:#555;z-index:1} .gromko-preview .rental-product-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:none} .gromko-preview .rental-contact-details>a{display:block;color:#fff;text-decoration:none;font-size:clamp(22px,2.5vw,36px);line-height:1.3;letter-spacing:-.04em;white-space:nowrap} .gromko-preview .rental-contact-details small{display:block;font-size:12px;letter-spacing:.07em;color:#aaa;margin-bottom:15px} .gromko-preview .rental-contact-details>a>span{display:block;font-size:13px;letter-spacing:.04em;color:#ddd;margin-top:20px;padding-top:20px;border-top:1px solid #666} .gromko-preview .rental-contact-details address{font-style:normal;font-size:18px;line-height:1.6;color:#ddd;margin-top:30px} @media(max-width:760px){.gromko-preview .rental-event{aspect-ratio:1.5;margin-bottom:40px}.gromko-preview .rental-event figcaption{left:18px;right:18px;bottom:18px;flex-direction:column;align-items:flex-start;gap:10px}.gromko-preview .rental-event a{font-size:11px}.gromko-preview .rental-product-photo{margin:-24px -20px 24px;height:270px}.gromko-preview .rental-contact-details>a{font-size:26px}} @media(max-width:540px){.gromko-preview .rental-product-photo{margin:-25px -25px 24px}} .gromko-preview .rental-page .services{padding-top:0} .gromko-preview .rental-intro{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:center;padding:42px 0 48px;margin-bottom:44px;min-height:560px;border-bottom:1px solid #353535} .gromko-preview .rental-intro-copy{position:relative;z-index:2;padding:24px 0} .gromko-preview .rental-page .rental-intro .services-heading h1{font-size:clamp(36px,4.3vw,65px);line-height:1.05;margin:24px 0} .gromko-preview .rental-page .rental-intro .services-heading p{font-size:17px;line-height:1.7;max-width:535px;margin-bottom:0;color:#b9b9b9} .gromko-preview .rental-intro .rental-actions{margin:30px 0 0;gap:12px} .gromko-preview .rental-intro .rental-actions a{padding:16px 18px;font-size:13px;background:linear-gradient(120deg,#252525,#101010)} .gromko-preview .rental-intro-media{position:relative;align-self:stretch;min-height:470px;margin:0;overflow:hidden} .gromko-preview .rental-intro-media img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% center;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 100%)} .gromko-preview .rental-intro-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070707bb,transparent 40%);pointer-events:none} .gromko-preview .rental-intro-media figcaption{position:absolute;right:20px;bottom:20px;z-index:1} .gromko-preview .rental-intro-media a{font-size:11px;color:#ddd;text-decoration:none;letter-spacing:.04em} @media(max-width:1000px){.gromko-preview .rental-intro{grid-template-columns:1.35fr 1fr}.gromko-preview .rental-page .rental-intro .services-heading h1{font-size:clamp(33px,4.3vw,47px)}.gromko-preview .rental-intro .rental-actions a{font-size:12px;padding:14px 15px}} @media(max-width:760px){.gromko-preview .rental-intro{grid-template-columns:1fr;gap:24px;padding:30px 0;margin-bottom:32px;min-height:0}.gromko-preview .rental-intro-copy{padding:0}.gromko-preview .rental-page .rental-intro .services-heading h1{font-size:clamp(32px,8.5vw,58px)}.gromko-preview .rental-page .rental-intro .services-heading p{font-size:16px;max-width:none}.gromko-preview .rental-intro-media{min-height:0;aspect-ratio:1.7}.gromko-preview .rental-intro-media img{mask-image:none;object-position:center 55%}.gromko-preview .rental-intro .rental-actions{margin-top:24px}} .gromko-preview .service-visual{margin:0;min-width:0} .gromko-preview .service-visual>:is(a,button){position:relative;display:block;aspect-ratio:1.78;overflow:hidden;background:#161616;border:1px solid #454545} .gromko-preview .service-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s} .gromko-preview .service-visual>:is(a,button):hover img{transform:scale(1.012)} .gromko-preview .service-visual>:is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px} .gromko-preview .service-visual.technical-visual>:is(a,button){background:#f6f6f6;padding:12px} .gromko-preview .visual-enlarge{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;background:#101010cf;border:1px solid #666;color:#fff;font-size:23px} .gromko-preview .service-visual figcaption{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 0 0;color:#e9e9e9} .gromko-preview .service-visual figcaption small{display:block;color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px} .gromko-preview .service-visual figcaption strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.4} .gromko-preview .visual-open-label{font-size:11px;color:#aaa;white-space:nowrap} .gromko-preview .service-visual-hero{margin-bottom:65px} .gromko-preview .service-visual-hero>:is(a,button){aspect-ratio:1.95} .gromko-preview .service-visual-hero.technical-visual>:is(a,button){aspect-ratio:1.95;padding:20px} .gromko-preview .service-visuals{margin:70px 0} .gromko-preview .visuals-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px;padding-top:36px;border-top:1px solid #414141} .gromko-preview .visuals-heading h2{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0} .gromko-preview .visuals-heading p{font-size:15px;line-height:1.6;color:#aaa;max-width:330px;margin:0} .gromko-preview .service-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px} .gromko-preview .service-card-media.engineering-preview{background:#ececec;padding:12px} .gromko-preview .service-card-media.engineering-preview img{object-fit:contain;filter:none} @media(max-width:760px){.gromko-preview .service-visual-grid{grid-template-columns:1fr;gap:35px}.gromko-preview .service-visual-hero{margin-bottom:40px}.gromko-preview .service-visual-hero>:is(a,button),.gromko-preview .service-visual-hero.technical-visual>:is(a,button){aspect-ratio:1.7;padding:0}.gromko-preview .service-visual.technical-visual>:is(a,button){padding:6px}.gromko-preview .visuals-heading{display:block}.gromko-preview .visuals-heading h2{font-size:27px}.gromko-preview .visuals-heading p{margin-top:18px}.gromko-preview .service-visuals{margin:45px 0}.gromko-preview .service-visual figcaption strong{font-size:16px}.gromko-preview .visual-open-label{display:none}.gromko-preview .visual-enlarge{width:32px;height:32px;font-size:20px;bottom:10px;right:10px}} @media(prefers-reduced-motion:reduce){.gromko-preview .service-visual img{transition:none}} .gromko-preview .service-visual>button{width:100%;padding:0;cursor:zoom-in;color:inherit;box-sizing:border-box}.gromko-preview .service-visual>button:focus-visible{outline:2px solid white;outline-offset:5px} .gromko-preview .led-scale-visual{margin:-30px -30px 28px;background:#111;border-bottom:1px solid #555} .gromko-preview .led-scale-visual img{display:block;width:100%;height:auto} .gromko-preview .equipment-card .rental-price-includes{font-size:13px;line-height:1.65;color:#bbb;min-height:0;margin:16px 0 8px;max-width:42em} .gromko-preview .rental-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;pointer-events:none} .gromko-preview .rental-slide.is-active{opacity:1;visibility:visible;pointer-events:auto} .gromko-preview .rental-slide a{position:absolute;z-index:2;bottom:78px;right:24px;left:32px;text-align:right;font-size:13px;line-height:1.5;text-shadow:0 1px 15px #000} .gromko-preview .rental-slide-controls{display:flex;align-items:center;gap:8px;position:absolute;z-index:3;bottom:20px;right:20px;left:28px;color:#ddd} .gromko-preview .rental-slide-count{font-size:11px;letter-spacing:.12em;margin-right:auto} .gromko-preview .rental-slide-controls button{font:16px Manrope,Arial,sans-serif;width:38px;height:38px;border:1px solid #ffffff55;background:#080808b3;color:#fff;cursor:pointer} .gromko-preview .rental-slide-controls button:hover{background:#fff;color:#111} .gromko-preview .rental-footer{margin-top:70px;padding:54px 0 0;border-top:1px solid #555;background:radial-gradient(ellipse at 25% 0,#ffffff05,transparent 65%)} .gromko-preview .rental-footer-top{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:55px;padding-bottom:48px} .gromko-preview .rental-footer .brand{display:block;width:165px;max-width:100%;margin:0 0 26px} .gromko-preview .rental-footer p,.gromko-preview .rental-footer address{font-size:14px;line-height:1.8;color:#aaa;font-style:normal;margin:20px 0} .gromko-preview .rental-footer a{color:#e6e6e6;text-decoration:none;font-size:14px;line-height:1.6} .gromko-preview .rental-footer a:hover{text-decoration:underline;text-underline-offset:5px} .gromko-preview .rental-footer h3{font-size:11px;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin:0 0 24px} .gromko-preview .rental-footer nav a{display:block;margin-top:9px} .gromko-preview .rental-footer .rental-footer-phone{font-size:clamp(19px,2.1vw,30px);letter-spacing:-.04em;white-space:nowrap} .gromko-preview .rental-footer-bottom{border-top:1px solid #333;display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#888;font-size:10px;letter-spacing:.08em} .gromko-preview .rental-footer-bottom a{font-size:11px} @media(max-width:760px){.gromko-preview .led-scale-visual{margin:-24px -20px 24px}.gromko-preview .rental-intro-media{aspect-ratio:1.45}.gromko-preview .rental-slide a{bottom:68px;left:15px;right:15px;font-size:11px}.gromko-preview .rental-slide-controls{left:16px;right:16px;bottom:14px}.gromko-preview .rental-footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.gromko-preview .rental-footer-brand{grid-column:1/-1}.gromko-preview .rental-footer-contacts{min-width:0}.gromko-preview .rental-footer .rental-footer-phone{white-space:normal;font-size:20px}.gromko-preview .rental-footer{margin-top:40px;padding-top:35px}.gromko-preview .rental-footer-bottom{flex-direction:column;gap:12px}} @media(prefers-reduced-motion:reduce){.gromko-preview .rental-slide{transition:none}} .gromko-preview .rental-footer nav{display:block;min-width:0} .gromko-preview .rental-footer nav a{white-space:normal;display:block} .gromko-preview .rental-footer-top>*{min-width:0} .gromko-preview .rental-footer-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr)} @media(max-width:760px){.gromko-preview .rental-footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} .gromko-preview .service-page{min-height:0} .gromko-preview .led-scale-visual{margin:-29px -26px 28px} @media(max-width:760px){.gromko-preview .led-scale-visual{margin:-24px -20px 24px}} .gromko-preview .service-order-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; width: fit-content; max-width: 100%; min-height: 58px; padding: 16px 24px; border: 1px solid #ffffff60; border-radius: 2px; background: linear-gradient(120deg, #222, #111); color: #fff; font: 600 14px/1.45 Manrope, Arial, sans-serif; text-decoration: none; } .gromko-preview .service-order-cta:hover { background: #2a2a2a; border-color: #fff; text-decoration: none; } .gromko-preview .service-order-cta:focus-visible { outline: 2px solid #fff; outline-offset: 4px; } .gromko-preview .service-order-cta b { font-size: 25px; font-weight: 400; } .gromko-preview .service-result { row-gap: 24px; } .gromko-preview .service-result .service-order-cta { grid-column: 2; justify-self: start; } .gromko-preview .rental-process > .service-order-cta { margin-top: 30px; } @media(max-width:760px) { .gromko-preview .service-result .service-order-cta { grid-column: 1; } .gromko-preview .service-order-cta { width: 100%; gap: 18px; padding: 16px 20px; } } .gromko-preview .service-nav > a.brand:last-child { border: 0; padding: 0; } .gromko-preview .service-contacts { position: relative; isolation: isolate; overflow: hidden; margin: 64px calc(-1 * var(--gd-pad, 60px)) -50px; padding: 48px var(--gd-pad, 60px) 38px; background: #080808; border-top: 1px solid #ffffff25; color: #fff; } .gromko-preview .service-contacts .section-header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 0 28px; border-bottom: 1px solid #ffffff25; margin: 0 0 52px; } .gromko-preview .service-contacts .section-header nav { display: flex; gap: 28px; } .gromko-preview .service-contacts .section-header nav a { color: #ccc; font-size: 12px; text-decoration: none; white-space: nowrap; } .gromko-preview .service-contacts .contacts-backdrop { position: absolute; z-index: 0; inset: 0 0 0 auto; width: 76%; height: 100%; object-fit: cover; object-position: 60% center; opacity: .78; filter: saturate(.5) brightness(.8); } .gromko-preview .service-contacts .contacts-scrim { position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, #080808 0%, #080808f5 26%, #080808b8 47%, #08080838 75%), linear-gradient(0deg, #080808ae, transparent 45%); } .gromko-preview .service-contacts .contacts-content { position: relative; z-index: 2; width: 58%; margin: 0; text-align: left; } .gromko-preview .service-contacts .closing-heading { display: block; margin: 0 0 34px; } .gromko-preview .service-contacts .closing-heading h2 { margin: 0; font: 800 clamp(42px, 5.8vw, 76px)/1.05 Manrope, Arial, sans-serif; letter-spacing: -.055em; text-transform: uppercase; color: #fff; } .gromko-preview .service-contacts .contacts-body { margin: 0; padding: 0; } .gromko-preview .service-contacts .contacts-details { display: grid; gap: 26px; width: 100%; } .gromko-preview .service-contacts .contacts-phone { display: block; color: #fff; text-decoration: none; } .gromko-preview .service-contacts .contacts-phone > span, .gromko-preview .service-contacts .contacts-address > span { display: block; margin: 0 0 12px; font: 400 11px/1.5 Manrope, Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #aaa; } .gromko-preview .service-contacts .contacts-phone strong { font-size: clamp(28px, 3.3vw, 46px); line-height: 1.3; font-weight: 400; letter-spacing: -.035em; white-space: nowrap; } .gromko-preview .service-contacts .contacts-address { margin: 0; padding: 0; border: 0; font-style: normal; } .gromko-preview .service-contacts .contacts-address p { margin: 0; font-size: 24px; line-height: 1.5; color: #eee; } .gromko-preview .service-contacts .contacts-call { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 58px; padding: 16px 24px; width: 100%; border: 1px solid #ffffff40; border-radius: 2px; background: linear-gradient(120deg, #1a1a1a, #111); color: #f1f1f1; font: 500 12px/1.4 Manrope, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; } .gromko-preview .service-contacts .contacts-call b { font-size: 25px; font-weight: 400; } .gromko-preview .service-contacts .contact-messengers { display: flex; gap: 12px; } .gromko-preview .service-contacts .messenger-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 12px; border: 1px solid #ffffff40; border-radius: 50%; background: #111; color: #e1e1e1; cursor: pointer; } .gromko-preview .service-contacts .messenger-icon svg { width: 22px; height: 22px; } .gromko-preview .service-contacts .messenger-icon:disabled { opacity: .55; cursor: default; } .gromko-preview .service-contacts a:hover { color: #fff; border-color: #aaa; } .gromko-preview .service-contacts a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; } .gromko-preview .service-contacts .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .gromko-preview .service-contacts .home-footer { position: relative; z-index: 2; display: flex; align-items: center; gap: 32px; margin-top: 36px; padding-top: 22px; border-top: 1px solid #ffffff25; font-size: 11px; color: #999; letter-spacing: .04em; } .gromko-preview .service-contacts .home-footer > span { margin-right: auto; } .gromko-preview .service-contacts .home-footer a { color: #bbb; text-decoration: none; } @media(max-width:760px) { .gromko-preview .service-contacts { margin-top: 46px; margin-bottom: -35px; padding: 30px var(--gd-pad, 24px) 32px; } .gromko-preview .service-contacts .section-header { align-items: flex-start; margin-bottom: 36px; } .gromko-preview .service-contacts .section-header nav { flex-wrap: wrap; justify-content: flex-end; gap: 10px 16px; } .gromko-preview .service-contacts .section-header nav a { font-size: 9px; } .gromko-preview .service-contacts .contacts-content { width: 100%; } .gromko-preview .service-contacts .contacts-backdrop { width: 100%; object-position: 70% center; } .gromko-preview .service-contacts .contacts-scrim { background: linear-gradient(90deg,#080808e8,#080808b8); } .gromko-preview .service-contacts .contacts-phone strong { font-size: clamp(25px,7.5vw,40px); } .gromko-preview .service-contacts .contacts-address p { font-size: 22px; } .gromko-preview .service-contacts .home-footer { flex-wrap: wrap; gap: 20px; } .gromko-preview .service-contacts .home-footer > span { flex-basis: 100%; font-size: 10px; } } .gromko-preview :is(.engineering, .projects, .services-overview, .team-section, .stage-design-page) { position: relative; isolation: isolate; overflow: hidden; --projection-unit: clamp(1.25px, .16vw, 2.2px); --projection-opacity: .19; } .gromko-preview .screen-atmosphere { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; user-select: none; } .gromko-preview .screen-drawing-light { position: absolute; top: -280px; right: -180px; width: 880px; height: 640px; border-radius: 50%; background: radial-gradient(ellipse, #9fb0c112, #69788908 38%, transparent 70%); filter: blur(28px); } .gromko-preview .screen-blueprint { position: absolute; display: block; width: calc(var(--projection-unit) * var(--projection-units)); height: calc(var(--projection-unit) * var(--projection-units) * var(--projection-ratio)); background-size: contain; background-position: center; background-repeat: no-repeat; filter: grayscale(1) invert(1); mix-blend-mode: screen; opacity: var(--projection-opacity); } .gromko-preview .projection-front { top: 135px; right: -28px; mask-image: linear-gradient(90deg, transparent, #000 28%, #000 90%, transparent); } .gromko-preview .projection-side { top: 440px; right: -140px; mask-image: linear-gradient(90deg, transparent, #000 46%, #000); } .gromko-preview .projection-plan { bottom: 18px; left: -175px; opacity: calc(var(--projection-opacity) * .7); mask-image: linear-gradient(90deg, #000, #000 33%, transparent 86%); } .gromko-preview .projects { --projection-opacity: .23; } .gromko-preview .services-overview .projection-front { top: -80px; right: -70px; } .gromko-preview .services-overview .projection-plan { left: -200px; bottom: 8px; } .gromko-preview .team-section .projection-plan { left: -1050px; } .gromko-preview :is(.projects-heading, .services-heading, .closing-heading, .project-grid, .service-grid, .team-grid, .projects-more, .engineering-top, .steps, .approach-carousel, .contacts-content, .home-footer) { position: relative; z-index: 2; } .gromko-preview .about-body, .gromko-preview .hero .play { z-index: 2; } @media (max-width: 760px) { .gromko-preview :is(.engineering, .projects, .services-overview, .team-section, .stage-design-page) { --projection-unit: 1.35px; --projection-opacity: .11; } .gromko-preview .projection-front { top: 145px; right: -195px; } .gromko-preview .projection-side { right: -165px; top: 530px; } .gromko-preview .projection-plan { left: -205px; bottom: 10px; } .gromko-preview .services-overview .projection-front { top: 140px; right: -215px; } .gromko-preview .services-overview .projection-plan { left: -195px; } .gromko-preview .team-section .projection-plan { left: -850px; } .gromko-preview .screen-drawing-light { width: 540px; right: -310px; opacity: .65; } } .gromko-preview .room-stage-design .projection-front { --projection-units: 460; --projection-ratio: .76; --gromko-drawing:url("/assets/performance/decor-79e27b165992735c68dd.webp");background-image:none; } .gromko-preview .room-stage-design .projection-side { --projection-units: 460; --projection-ratio: .76; --gromko-drawing:url("/assets/performance/decor-a1c88d320112af664031.webp");background-image:none; } .gromko-preview .room-equipment .projection-front { --projection-units: 460; --projection-ratio: .76; --gromko-drawing:url("/assets/performance/decor-e3c2a7dd13c0d79f68d9.webp");background-image:none; } .gromko-preview .room-equipment .projection-side { --projection-units: 460; --projection-ratio: .76; --gromko-drawing:url("/assets/performance/decor-94536aef0e571be69ab5.webp");background-image:none; } .gromko-preview .room-engineering .projection-front { --projection-units: 460; --projection-ratio: .76; --gromko-drawing:url("/assets/performance/decor-87f2805e168069efdbd6.webp");background-image:none; } .gromko-preview .room-engineering .projection-side { --projection-units: 460; --projection-ratio: .76; --gromko-drawing:url("/assets/performance/decor-b1b34853a29b954156e6.webp");background-image:none; }.gromko-preview .room-blueprint-page { position: relative; isolation: isolate; overflow: hidden; --projection-unit: clamp(1.3px,.16vw,2.2px); --projection-opacity: .17; background: radial-gradient(ellipse at 95% 0%,#ffffff05,transparent 50%),#080808; } .gromko-preview .room-blueprint-page > :not(.screen-atmosphere) { position: relative; z-index: 2; } .gromko-preview .room-blueprint-page .projection-front { top: 110px; right: -185px; mask-image: linear-gradient(90deg,transparent,#000 35%,#000 92%,transparent); } .gromko-preview .room-blueprint-page .projection-side { top: 1050px; right: -95px; opacity: calc(var(--projection-opacity) * .8); mask-image: linear-gradient(90deg,transparent,#000 40%,#000 96%,transparent); } .gromko-preview .room-blueprint-page .projection-plan { display: none; } .gromko-preview .room-equipment .projection-front { top: 200px; right: -210px; } .gromko-preview .room-equipment .projection-side { top: 1300px; } @media(max-width:760px) { .gromko-preview .room-blueprint-page { --projection-unit: 1.3px; --projection-opacity: .1; } .gromko-preview .room-blueprint-page .projection-front { top: 170px; right: -380px; } .gromko-preview .room-blueprint-page .projection-side { right: -330px; top: 1300px; } } .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; } } .gromko-preview .contacts-email { display: block; width: 100%; color: #eee; text-decoration: none; } .gromko-preview .contacts-email > span { display: block; margin: 0 0 12px; color: #aaa; font-size: 11px; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; } .gromko-preview .contacts-section .contacts-details :is(.contacts-phone,.contacts-email) > strong { font-size: clamp(24px,2.2vw,32px); font-weight: 400; line-height: 1.3; letter-spacing: -.035em; } .gromko-preview .contacts-email:hover { color: #fff; } .gromko-preview .contacts-email:focus-visible { outline: 2px solid #fff; outline-offset: 6px; } @media(max-width:760px) { .gromko-preview .contacts-section .contacts-details :is(.contacts-phone,.contacts-email) > strong { font-size: clamp(23px,5.8vw,30px); } } :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}}