/* ==========================================================
   NEXABEE PREMIUM POST-SCROLL HOMEPAGE
   Additive only: does not redefine #intro-screen or
   #plant-experience styles.
   ========================================================== */

:root{
  --nx-ink:#061017;
  --nx-ink-2:#0a1821;
  --nx-navy:#0b2230;
  --nx-navy-2:#0e3040;
  --nx-gold:#f7b719;
  --nx-gold-soft:#e7be55;
  --nx-gold-hot:#ffe49a;
  --nx-white:#f6f8fa;
  --nx-text:#1a2b35;
  --nx-muted:#6a7a84;
  --nx-line:#dbe3e8;
  --nx-panel:#f5f8fa;
}

#website-home{
  background:#fff;
  color:var(--nx-text);
}

.nx-home-container{
  width:min(1240px,calc(100% - 64px));
  margin:0 auto;
}

.nx-home-hero{
  min-height:860px;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 72% 48%,rgba(247,183,25,.095),transparent 25%),
    radial-gradient(circle at 30% 40%,rgba(58,139,176,.14),transparent 34%),
    linear-gradient(135deg,#030a10 0%,#061722 52%,#06141d 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.nx-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(99,155,183,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,155,183,.06) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 30%,transparent 100%);
  opacity:.52;
  pointer-events:none;
}

.nx-home-hero-noise{
  position:absolute;
  inset:-12%;
  pointer-events:none;
  opacity:.035;
  background-image:
    radial-gradient(rgba(255,255,255,.85) .5px,transparent .65px),
    radial-gradient(rgba(255,204,93,.65) .4px,transparent .6px);
  background-size:6px 6px,11px 11px;
}

.nx-home-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr .9fr;
  align-items:center;
  gap:70px;
  min-height:860px;
  padding:90px 0;
}

.nx-eyebrow{
  margin:0 0 18px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.29em;
  color:var(--nx-gold);
}

.nx-eyebrow-dark{
  color:#a77408;
}

.nx-home-hero h1{
  margin:0;
  max-width:760px;
  font-size:clamp(46px,6.2vw,82px);
  line-height:.99;
  letter-spacing:-.045em;
  font-weight:500;
}

.nx-home-hero h1 span,
.nx-section-intro h2 span,
.nx-delivery-copy h2 span,
.nx-beyond-head h2 span,
.nx-about-copy h2 span,
.nx-cta-section h2 span{
  color:var(--nx-gold-soft);
}

.nx-hero-lede{
  max-width:690px;
  margin:30px 0 0;
  font-size:18px;
  line-height:1.85;
  color:#c8d5dd;
}

.nx-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:38px;
}

.nx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 24px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.nx-btn:hover{transform:translateY(-3px)}

.nx-btn-gold{
  color:#081118 !important;
  background:var(--nx-gold);
  border:1px solid var(--nx-gold);
  box-shadow:0 10px 34px rgba(247,183,25,.13);
}

.nx-btn-gold:hover{
  background:#ffd45b;
  border-color:#ffd45b;
}

.nx-btn-outline{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.28);
}

.nx-btn-outline:hover{
  border-color:rgba(247,183,25,.75);
  color:#ffd760 !important;
}

.nx-btn-dark{
  color:#fff !important;
  background:var(--nx-ink);
  border:1px solid var(--nx-ink);
}

.nx-btn-dark:hover{
  background:#132b38;
  border-color:#132b38;
}

.nx-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  margin-top:42px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
}

.nx-hero-meta span{
  font-size:9px;
  letter-spacing:.18em;
  color:#8297a3;
}

.nx-hero-visual{
  min-height:640px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1100px;
}

.nx-orbit{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(246,192,62,.13);
  transform:translate(-50%,-50%) rotateX(65deg);
}

.nx-orbit-a{width:560px;height:250px}
.nx-orbit-b{width:720px;height:320px;border-color:rgba(91,165,199,.11)}

.nx-hero-gridline{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(106,175,205,.18),transparent);
}
.nx-line-1{width:100%;top:26%}
.nx-line-2{width:76%;top:54%}
.nx-line-3{width:84%;top:77%}

.nx-stack-card{
  position:relative;
  z-index:2;
  width:min(490px,100%);
  padding:30px;
  border:1px solid rgba(121,171,194,.28);
  background:linear-gradient(145deg,rgba(9,31,43,.88),rgba(4,13,19,.80));
  box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 0 90px rgba(43,121,159,.05);
  transform:rotateY(-6deg) rotateX(2deg);
  backdrop-filter:blur(10px);
}

.nx-stack-card::before,
.nx-stack-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
}

.nx-stack-card::before{
  inset:13px;
  border:1px solid rgba(247,183,25,.08);
}

.nx-stack-card::after{
  width:2px;
  height:120px;
  right:-1px;
  top:15%;
  background:linear-gradient(180deg,transparent,var(--nx-gold),transparent);
  box-shadow:0 0 16px rgba(247,183,25,.38);
}

.nx-stack-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:30px;
  font-size:9px;
  letter-spacing:.22em;
  color:#879ca6;
}

.nx-stack-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--nx-gold);
  box-shadow:0 0 12px rgba(247,183,25,.5);
}

.nx-stack-title{
  font-size:29px;
  line-height:1.04;
  letter-spacing:-.03em;
  color:#fff;
}

.nx-stack-title span{color:#f0c459}

.nx-stack-rows{
  margin-top:30px;
  border-top:1px solid rgba(255,255,255,.08);
}

.nx-stack-rows > div{
  display:grid;
  grid-template-columns:45px 1fr auto;
  align-items:center;
  gap:10px;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.nx-stack-rows span{
  font-size:9px;
  color:#607985;
  letter-spacing:.14em;
}
.nx-stack-rows strong{
  font-size:11px;
  letter-spacing:.14em;
  color:#f7f8fa;
}
.nx-stack-rows em{
  font-size:9px;
  color:#8ea2ad;
  font-style:normal;
  letter-spacing:.10em;
}

.nx-floating-tag{
  position:absolute;
  padding:7px 10px;
  border:1px solid rgba(247,183,25,.20);
  color:#e9c969;
  background:rgba(5,17,23,.74);
  font-size:8px;
  letter-spacing:.18em;
  backdrop-filter:blur(8px);
}
.nx-tag-a{top:17%;right:2%}
.nx-tag-b{bottom:23%;left:1%}
.nx-tag-c{bottom:12%;right:11%}

.nx-discipline-band{
  padding:124px 0 132px;
  background:
    radial-gradient(circle at 95% 0%,rgba(247,183,25,.06),transparent 24%),
    #fbfcfd;
  border-bottom:1px solid #e7ecef;
}

.nx-section-intro{
  display:grid;
  grid-template-columns:1.05fr .72fr;
  gap:60px;
  align-items:end;
  margin-bottom:62px;
}

.nx-section-intro h2,
.nx-delivery-copy h2,
.nx-beyond-head h2,
.nx-about-copy h2,
.nx-cta-section h2{
  margin:0;
  font-size:clamp(40px,4.6vw,64px);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:500;
  color:#102b39;
}

.nx-section-intro > p{
  margin:0;
  max-width:510px;
  font-size:16px;
  line-height:1.9;
  color:#6c7a83;
}

.nx-discipline-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#dbe3e7;
  border:1px solid #dbe3e7;
}

.nx-discipline-card{
  min-height:430px;
  position:relative;
  padding:32px 30px 30px;
  background:#fff;
  overflow:hidden;
  transition:transform .28s ease,box-shadow .28s ease;
}

.nx-discipline-card::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  top:-65px;
  right:-55px;
  border:1px solid rgba(247,183,25,.18);
  transform:rotate(45deg);
}

.nx-discipline-card:hover{
  z-index:1;
  transform:translateY(-6px);
  box-shadow:0 22px 55px rgba(16,43,57,.12);
}

.nx-card-index{
  font-size:10px;
  letter-spacing:.18em;
  color:#a2761b;
}

.nx-card-icon{
  margin-top:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  min-height:42px;
  padding:0 10px;
  border:1px solid #d9e2e7;
  color:#1a5d78;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  background:#f8fbfc;
}

.nx-discipline-card h3{
  max-width:330px;
  margin:20px 0 12px;
  font-size:24px;
  line-height:1.12;
  color:#143547;
}

.nx-discipline-card p{
  margin:0;
  min-height:82px;
  font-size:14px;
  line-height:1.75;
  color:#677680;
}

.nx-discipline-card ul{
  list-style:none;
  margin:20px 0 22px;
  padding:0;
  display:grid;
  gap:8px;
}

.nx-discipline-card li{
  position:relative;
  padding-left:16px;
  font-size:11px;
  line-height:1.45;
  color:#50636e;
}

.nx-discipline-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#c49320;
}

.nx-discipline-card a{
  text-decoration:none;
  color:#9b6b08;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
}

.nx-discipline-card.nx-featured{
  background:
    linear-gradient(145deg,#0a1f2b 0%,#0d2a39 100%);
  color:#fff;
}

.nx-discipline-card.nx-featured h3{color:#fff}
.nx-discipline-card.nx-featured p{color:#b9c9d1}
.nx-discipline-card.nx-featured li{color:#b9c9d1}
.nx-discipline-card.nx-featured .nx-card-index{color:#efc85a}
.nx-discipline-card.nx-featured .nx-card-icon{
  border-color:rgba(255,255,255,.13);
  color:#f4ca59;
  background:rgba(255,255,255,.035);
}
.nx-discipline-card.nx-featured a{color:#f3cf68}

.nx-delivery-section{
  position:relative;
  padding:124px 0;
  color:#fff;
  background:
    radial-gradient(circle at 72% 22%,rgba(247,183,25,.08),transparent 28%),
    #07151e;
}

.nx-delivery-copy{
  max-width:850px;
}

.nx-delivery-copy h2{color:#fff}
.nx-delivery-copy h2 span{color:#e4c464}
.nx-delivery-copy > p{
  max-width:720px;
  margin:22px 0 0;
  font-size:16px;
  line-height:1.85;
  color:#aebfc8;
}

.nx-delivery-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
  margin-top:76px;
}

.nx-flow-line{
  position:absolute;
  left:4%;
  right:4%;
  top:20px;
  height:1px;
  background:linear-gradient(90deg,rgba(247,183,25,.20),rgba(247,183,25,.66),rgba(247,183,25,.20));
}

.nx-flow-item{
  position:relative;
  z-index:1;
}

.nx-flow-item span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:41px;
  height:41px;
  border:1px solid rgba(247,183,25,.45);
  border-radius:50%;
  background:#07151e;
  color:#f0c450;
  font-size:10px;
}

.nx-flow-item strong{
  display:block;
  margin-top:23px;
  color:#fff;
  font-size:11px;
  letter-spacing:.15em;
}

.nx-flow-item em{
  display:block;
  margin-top:9px;
  color:#7f949f;
  font-size:10px;
  line-height:1.5;
  font-style:normal;
  max-width:150px;
}

.nx-project-section{
  padding:120px 0 128px;
  background:#f7f9fa;
}

.nx-project-intro{margin-bottom:48px}

.nx-project-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.nx-project-card{
  overflow:hidden;
  background:#fff;
  border:1px solid #dce4e8;
  box-shadow:0 12px 30px rgba(8,29,42,.05);
  transition:transform .28s ease,box-shadow .28s ease;
}

.nx-project-card:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 55px rgba(8,29,42,.11);
}

.nx-project-visual{
  position:relative;
  height:260px;
  overflow:hidden;
  background:#081b26;
}

.nx-project-label{
  position:absolute;
  left:22px;
  top:20px;
  z-index:3;
  font-size:9px;
  letter-spacing:.21em;
  color:#efc862;
}

.nx-project-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,transparent 10%,rgba(255,255,255,.06) 50%,transparent 90%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}

.nx-project-card:hover .nx-project-visual::after{transform:translateX(120%)}

.nx-piping-visual{
  background:
    radial-gradient(circle at 50% 44%,rgba(247,183,25,.16),transparent 20%),
    linear-gradient(145deg,#071a25,#0c3040);
}
.nx-structural-visual{
  background:
    radial-gradient(circle at 45% 42%,rgba(111,181,211,.13),transparent 26%),
    linear-gradient(145deg,#071821,#0d2735);
}
.nx-bim-visual{
  background:
    radial-gradient(circle at 50% 50%,rgba(247,183,25,.10),transparent 26%),
    linear-gradient(145deg,#06151e,#0b2a39);
}

.nx-pipe-graphic{
  position:absolute;
  inset:45px 40px 35px;
}
.nx-pipe-graphic i,.nx-pipe-graphic b,.nx-pipe-graphic u,.nx-pipe-graphic em{
  position:absolute;
  display:block;
  text-decoration:none;
  border:3px solid rgba(95,182,216,.86);
  border-radius:30px;
}
.nx-pipe-graphic i{left:4%;top:43%;width:42%;height:86px;border-right:0}
.nx-pipe-graphic b{left:30%;top:20%;width:50%;height:60px;border-bottom:0}
.nx-pipe-graphic u{right:3%;top:15%;width:26%;height:145px;border-left:0}
.nx-pipe-graphic em{left:16%;bottom:5%;width:70%;height:70px;border-top:0}

.nx-steel-graphic{
  position:absolute;
  inset:40px 55px 38px;
  background:
    linear-gradient(90deg,transparent 9%,rgba(92,181,215,.65) 9.5%,transparent 10%),
    linear-gradient(90deg,transparent 49%,rgba(92,181,215,.65) 49.5%,transparent 50%),
    linear-gradient(90deg,transparent 89%,rgba(92,181,215,.65) 89.5%,transparent 90%);
}
.nx-steel-graphic::before,.nx-steel-graphic::after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:2px;
  background:rgba(236,192,82,.75);
}
.nx-steel-graphic::before{top:20%}
.nx-steel-graphic::after{top:68%}
.nx-steel-graphic i,.nx-steel-graphic b,.nx-steel-graphic u{
  position:absolute;
  width:72%;
  height:2px;
  background:rgba(92,181,215,.55);
  transform-origin:left center;
}
.nx-steel-graphic i{left:9%;top:20%;transform:rotate(34deg)}
.nx-steel-graphic b{left:10%;top:68%;transform:rotate(-34deg)}
.nx-steel-graphic u{right:0;top:44%;transform:rotate(23deg)}

.nx-bim-graphic{
  position:absolute;
  inset:42px 45px;
  border:1px solid rgba(102,190,221,.46);
  perspective:500px;
}
.nx-bim-graphic::before{
  content:"";
  position:absolute;
  left:18%;top:18%;
  width:60%;height:60%;
  border:1px solid rgba(247,183,25,.5);
  transform:rotateX(58deg) rotateZ(45deg);
  box-shadow:
    18px 12px 0 -1px rgba(75,165,205,.25),
    -16px 10px 0 -1px rgba(75,165,205,.18);
}
.nx-bim-graphic i,.nx-bim-graphic b,.nx-bim-graphic u,.nx-bim-graphic em{
  position:absolute;
  width:1px;
  background:rgba(114,195,226,.45);
}
.nx-bim-graphic i{left:18%;top:14%;height:72%}
.nx-bim-graphic b{left:48%;top:14%;height:72%}
.nx-bim-graphic u{left:78%;top:14%;height:72%}
.nx-bim-graphic em{left:0;right:0;top:47%;height:1px;width:auto;background:rgba(247,183,25,.36)}

.nx-project-body{padding:28px}

.nx-project-body p{
  margin:0 0 10px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  color:#a2761b;
}

.nx-project-body h3{
  margin:0 0 12px;
  font-size:23px;
  color:#143547;
}

.nx-project-body span{
  color:#6b7b84;
  font-size:12px;
  line-height:1.6;
}

.nx-beyond-section{
  padding:120px 0;
  color:#fff;
  background:#06151e;
}

.nx-beyond-head{
  max-width:860px;
  margin-bottom:60px;
}

.nx-beyond-head h2{color:#fff}
.nx-beyond-head h2 span{color:#e4c464}
.nx-beyond-head > p:last-child{
  max-width:760px;
  margin:20px 0 0;
  color:#a9bcc6;
  font-size:16px;
  line-height:1.85;
}

.nx-beyond-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:#274251;
  border:1px solid #274251;
}

.nx-beyond-card{
  min-height:420px;
  position:relative;
  padding:38px;
  background:#06151e;
}

.nx-beyond-number{
  font-size:48px;
  line-height:1;
  color:rgba(247,183,25,.16);
  font-weight:700;
}

.nx-card-kicker{
  margin:30px 0 15px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.23em;
  color:#d7ae43;
}

.nx-beyond-card h3{
  margin:0 0 15px;
  max-width:540px;
  font-size:32px;
  line-height:1.08;
  color:#fff;
}

.nx-beyond-card > p:not(.nx-card-kicker){
  max-width:560px;
  margin:0;
  color:#9db1bb;
  font-size:15px;
  line-height:1.75;
}

.nx-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:25px 0 27px;
}

.nx-chip-row span{
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.11);
  color:#8fa4ae;
  font-size:9px;
  letter-spacing:.08em;
}

.nx-beyond-card a{
  text-decoration:none;
  color:#f0c75b;
  font-size:11px;
  font-weight:800;
}

.nx-about-section{
  padding:124px 0;
  background:#fff;
}

.nx-about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:start;
}

.nx-about-copy p:not(.nx-eyebrow){
  max-width:610px;
  margin:20px 0 0;
  color:#697984;
  font-size:16px;
  line-height:1.9;
}

.nx-about-actions{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:center;
  margin-top:34px;
}

.nx-text-link{
  text-decoration:none;
  color:#9b6b08;
  font-size:11px;
  font-weight:800;
}

.nx-principles{
  border-top:1px solid #dbe3e8;
}

.nx-principle{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:20px;
  padding:24px 0;
  border-bottom:1px solid #dbe3e8;
}

.nx-principle > span{
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  color:#a2761b;
}

.nx-principle strong{
  font-size:18px;
  color:#143547;
}

.nx-principle p{
  margin:7px 0 0 !important;
  max-width:520px !important;
  font-size:13px !important;
  line-height:1.7 !important;
}

.nx-cta-section{
  padding:92px 0;
  background:
    radial-gradient(circle at 84% 20%,rgba(247,183,25,.11),transparent 25%),
    linear-gradient(135deg,#091d28,#0b2c3b);
  color:#fff;
}

.nx-cta-inner{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:50px;
}

.nx-cta-section h2{
  max-width:860px;
  color:#fff;
}

.nx-cta-section h2 span{color:#e5c55f}

.nx-cta-section p:not(.nx-eyebrow){
  max-width:760px;
  margin:18px 0 0;
  color:#b7c8d0;
  font-size:15px;
  line-height:1.8;
}

.nx-cta-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  min-width:190px;
}

.nx-cta-mail{
  color:#e1c05a;
  text-decoration:none;
  font-size:11px;
  letter-spacing:.08em;
}

@media (max-width:1020px){
  .nx-home-hero-grid{grid-template-columns:1fr;gap:50px}
  .nx-home-hero{min-height:auto}
  .nx-home-hero-grid{min-height:auto;padding:100px 0 90px}
  .nx-hero-visual{min-height:540px}
  .nx-discipline-grid{grid-template-columns:repeat(2,1fr)}
  .nx-project-grid{grid-template-columns:1fr}
  .nx-about-grid{gap:60px}
  .nx-delivery-flow{grid-template-columns:repeat(3,1fr);row-gap:42px}
  .nx-flow-line{display:none}
}

@media (max-width:760px){
  .nx-home-container{width:min(100% - 40px,1240px)}
  .nx-section-intro,.nx-about-grid{grid-template-columns:1fr;gap:35px}
  .nx-discipline-grid,.nx-beyond-grid{grid-template-columns:1fr}
  .nx-discipline-card{min-height:auto}
  .nx-delivery-flow{grid-template-columns:1fr 1fr}
  .nx-cta-inner{flex-direction:column;align-items:flex-start}
  .nx-orbit-b{display:none}
  .nx-stack-card{transform:none}
  .nx-home-hero h1{font-size:48px}
  .nx-stack-title{font-size:25px}
  .nx-floating-tag{display:none}
}

@media (max-width:520px){
  .nx-home-container{width:calc(100% - 32px)}
  .nx-home-hero-grid{padding:74px 0 65px}
  .nx-home-hero h1{font-size:42px}
  .nx-hero-lede{font-size:16px}
  .nx-hero-meta{gap:10px 13px}
  .nx-hero-meta span{font-size:8px}
  .nx-hero-visual{min-height:430px}
  .nx-stack-card{padding:22px}
  .nx-stack-rows > div{grid-template-columns:34px 1fr}
  .nx-stack-rows em{display:none}
  .nx-section-intro h2,.nx-delivery-copy h2,.nx-beyond-head h2,.nx-about-copy h2,.nx-cta-section h2{font-size:38px}
  .nx-delivery-flow{grid-template-columns:1fr}
  .nx-project-visual{height:220px}
}