@import url('technology-base.css');

/* Technology artwork overrides — Aug 2026 */
.milk-image{
  min-height:360px;
  background:url('milk1.webp') center/cover no-repeat;
}
.milk-image::before{display:none}
.milk-image img{display:none}

.milk-card::before{
  content:"";
  position:relative;
  z-index:2;
  display:block;
  height:280px;
  margin:-6px -6px 26px;
  border:1px solid rgba(106,188,226,.14);
  background-color:rgba(1,8,13,.68);
}
.white-milk::before{
  background:rgba(1,8,13,.68) url('milk.webp') center/contain no-repeat;
}
.red-milk::before{
  border-color:rgba(210,71,82,.22);
  background:rgba(20,4,8,.55) url('red-milk.webp') center/contain no-repeat;
}

.network-art img{
  width:100%;
  height:560px;
  object-fit:cover;
  opacity:1;
}

.ftl-visual{
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(92,184,226,.17);
  background:#020a10 url('ftl-communication.webp') center/cover no-repeat;
}
.ftl-visual>img{display:none}
.signal-ring{display:none}

.fleet-tech-art{
  min-height:0;
  aspect-ratio:16/9;
  background-color:#020a10;
  background-image:url('fleet-carrier.webp');
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.fleet-tech-art img{opacity:0;min-height:0}

@media(max-width:980px){
  .milk-image{min-height:320px}
  .network-art img{height:440px}
  .ftl-visual{min-height:440px}
}
@media(max-width:760px){
  .milk-image{min-height:250px}
  .milk-card::before{height:240px;margin:-2px -2px 22px}
  .network-art img{height:350px}
  .ftl-visual{min-height:350px}
}