/* Yolmi adds a fifth connected product while keeping the original four plates. */
:root{--yolmi:#ffd700}
[data-product="yolmi"]{--accent:var(--yolmi)}
.yolmi-logo{background:#ffd700;border-radius:.55cqw}
.yolmi-logo img{filter:none;mix-blend-mode:normal;object-fit:contain}
.node-yolmi{border-width:1.2cqw;border-image-width:1.2cqw;filter:drop-shadow(0 3px 3px #08090c80);z-index:2}
.node-yolmi .press-face{inset:0;width:100%;height:100%;min-height:0}
.node-yolmi .press-face:before{background:none}
.node-yolmi .face-content{flex-direction:row;gap:.65cqw;padding:.2cqw .4cqw}
.node-yolmi .product-logo{width:3.3cqw;height:3.3cqw}
.node-yolmi strong{font-size:1.35cqw;letter-spacing:-.035cqw}
.node-yolmi .product-cta{font-size:1cqw;margin-inline-start:auto;white-space:nowrap}
.node-yolmi>.mobile-socket{display:block;left:-2.8cqw;right:auto;top:calc(50% - .65cqw);width:1.56cqw;height:1.3cqw;border-radius:.2cqw;background:repeating-linear-gradient(90deg,#45434b 0 .2cqw,#b4aab3 .2cqw .27cqw,#68616c .27cqw .46cqw)}
.project-scene{aspect-ratio:auto}
.rack-panel{position:relative;aspect-ratio:3/2;isolation:isolate}
.rack-panel>.rack-cables{overflow:visible}
.rack-yolmi{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:12cqw;margin:2.2cqw 8.6% 0 18.2%;border:1.55cqw solid transparent;border-image:url("assets/module-frame.png") 180 fill/1.55cqw/0 stretch;filter:drop-shadow(0 5px 5px #090a0d66)}
.rack-yolmi .rack-card-content{padding:1.1cqw 1.3cqw}
.rack-yolmi .rack-card-content>header{margin-bottom:.8cqw}
.rack-yolmi .rack-link-arrow{right:1cqw;top:1cqw}
.rack-yolmi p{max-width:68ch}
.rack-yolmi>.mobile-socket{display:block;left:-2.4cqw;right:auto;top:calc(50% - .65cqw);width:1.56cqw;height:1.3cqw;border-radius:.2cqw;background:repeating-linear-gradient(90deg,#45434b 0 .2cqw,#b4aab3 .2cqw .27cqw,#68616c .27cqw .46cqw)}
@media(max-width:900px){
  .node-yolmi{grid-column:1/-1;border-width:22px;border-image-width:22px;min-height:106px}
  .node-yolmi .press-face{position:relative;min-height:62px}
  .node-yolmi .face-content{flex-direction:row;gap:16px;min-height:62px;padding:8px 4px}
  .node-yolmi .product-logo{width:42px;height:42px;border-radius:5px}
  .node-yolmi strong{font-size:18px;letter-spacing:-.3px;white-space:nowrap}
  .node-yolmi .product-cta{font-size:13px}
  .node-yolmi>.mobile-socket{left:auto;right:-31px;top:calc(50% - 10px);width:24px;height:20px;border-radius:3px;background:repeating-linear-gradient(90deg,#45434b 0 3px,#b4aab3 3px 4px,#68616c 4px 7px)}
  .rack-panel{display:contents}
  .rack-panel>.scene-art{display:none}
  .rack-panel>.rack-cables{overflow:visible}
  .rack-yolmi{margin:0;min-height:250px;border-width:24px;border-image-width:24px}
  .rack-yolmi .rack-card-content{padding:18px 10px}
  .rack-yolmi .rack-card-content>header{margin-bottom:20px}
  .rack-yolmi .rack-link-arrow{right:8px;top:18px}
  .rack-yolmi>.mobile-socket{left:-33px;right:auto;top:calc(50% - 10px);width:24px;height:20px;border-radius:3px;background:repeating-linear-gradient(90deg,#45434b 0 3px,#b4aab3 3px 4px,#68616c 4px 7px)}
}
@media(max-width:440px){
  .node-yolmi{border-width:18px;border-image-width:18px}
  .node-yolmi .face-content{gap:12px}
  .node-yolmi .product-logo{width:35px;height:35px}
  .node-yolmi strong{font-size:15px}
  .node-yolmi .product-cta{font-size:12px}
  .rack-yolmi{border-width:21px;border-image-width:21px}
  .rack-yolmi .rack-card-content{padding:12px 4px}
}