.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}}