/* ГРОМКО: stage light, technical precision, editorial framing. */
.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}
/* Compact headers keep the original logo alignment. */
.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}
/* Equally sized portfolio frames, with stronger photographic hierarchy. */
.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}
/* Equipment uses a clear product plate and a precise price/composition hierarchy. */
.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}}