/* Black / graphite / silver. Light is the graphic system. */
.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}}
/* Continuous service ribbon. The complete control can also pause by keyboard. */
.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}}
/* Large white display titles, as in the supplied second design. */
.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}
/* Portfolio control: graphite surface, a fine frame and quiet metadata. */
.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}}
/* One display scale for every main section heading. */
.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)}}