/* Datacenter-specific visual pairing of infrastructure illustrations and copy. */
.datacenter-infrastructure-items{border-top:1px solid var(--line)}
.datacenter-infrastructure-item{
    display:grid;grid-template-columns:minmax(0,62ch) 210px;justify-content:center;align-items:center;
    gap:clamp(var(--space-5),4vw,var(--space-7));padding:var(--space-6) 0;
}
.datacenter-infrastructure-item + .datacenter-infrastructure-item{border-top:1px solid var(--line)}
.datacenter-infrastructure-item-image{
    grid-column:2;grid-row:1;width:100%;max-width:210px;height:auto;aspect-ratio:1;object-fit:contain;
    justify-self:end;
}
.datacenter-infrastructure-item p{
    grid-column:1;grid-row:1;max-width:62ch;color:var(--text-secondary);
    font-size:var(--fs-body-lg);line-height:var(--lh-body);
}

@media (max-width:820px){
    .datacenter-infrastructure-item{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6) 0}
    .datacenter-infrastructure-item-image{grid-column:1;grid-row:1;width:150px;justify-self:center}
    .datacenter-infrastructure-item p{grid-column:1;grid-row:2}
}

/* Technology catalogue: names today become logo slots once vendor marks arrive. */
.datacenter-technologies{background:var(--soft)}
.datacenter-technology-list{--technology-rail-x:17px;position:relative;max-width:1060px;margin-inline:auto;border-top:1px solid var(--line)}
.datacenter-technology{
    position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;width:100%;max-width:1000px;margin-inline:auto;
    column-gap:clamp(var(--space-6),5vw,var(--space-9));padding:var(--space-8) 0;
    border-bottom:1px solid var(--line);
}
.datacenter-technology::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:var(--technology-rail-x);width:1px;background:#d9dce3}
.datacenter-technology:first-child::before{top:50%}
.datacenter-technology:last-child::before{bottom:50%}
.datacenter-technology-visual{position:relative;z-index:1;grid-column:1;align-self:center;padding-left:36px}
.datacenter-technology-visual::after{content:"";position:absolute;box-sizing:border-box;top:50%;left:calc(var(--technology-rail-x) - 7px);width:14px;height:14px;border:3px solid var(--soft);border-radius:50%;background:var(--red);transform:translateY(-50%)}
.datacenter-technology-visual img{display:block;width:100%;height:auto}
.datacenter-technology-content{grid-column:2;display:grid;gap:var(--space-5);width:100%}
.datacenter-technology-title{color:var(--blue);font-size:var(--fs-subhead);line-height:var(--lh-tight);letter-spacing:var(--tracking-heading)}
.datacenter-technology-copy{display:grid;gap:var(--space-4)}
.datacenter-technology-copy p{color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-body)}
.datacenter-technology-brands{min-width:0;padding-top:var(--space-5);border-top:1px solid var(--line)}
.datacenter-technology-brands-label{margin-bottom:var(--space-3);color:var(--red);font-size:var(--fs-label);font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.datacenter-technology-brand-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-5);margin:0;padding:0;list-style:none}
.datacenter-technology-brand{
    display:flex;align-items:center;justify-content:center;flex:0 1 130px;min-width:0;min-height:42px;color:var(--text);font-size:var(--fs-body-sm);font-weight:700;line-height:1.25;text-align:center;
}
.datacenter-technology-brand img{display:block;width:100%;max-width:116px;height:34px;margin-inline:auto;object-fit:contain;object-position:center}

@media (prefers-reduced-motion:no-preference){
    .datacenter-technologies.is-brand-reveal-enabled .datacenter-technology-brand{opacity:0;transform:translateY(8px)}
    .datacenter-technologies.is-brand-reveal-enabled .datacenter-technology-brands.is-revealed .datacenter-technology-brand{animation:datacenterBrandReveal 280ms cubic-bezier(.23,1,.32,1) forwards;animation-delay:var(--brand-reveal-delay,0ms)}
    @keyframes datacenterBrandReveal{to{opacity:1;transform:translateY(0)}}
}

@media (max-width:760px){
    .datacenter-technology-list{--technology-rail-x:15px}
    .datacenter-technology{grid-template-columns:164px minmax(0,1fr);column-gap:var(--space-5);padding:var(--space-7) 0}
    .datacenter-technology-visual{padding-left:32px}
    .datacenter-technology-content{grid-column:2;gap:var(--space-4)}
    .datacenter-technology-brands{padding-top:var(--space-4)}
}
@media (max-width:520px){
    .datacenter-technology-list{--technology-rail-x:12px}
    .datacenter-technology{grid-template-columns:124px minmax(0,1fr);column-gap:var(--space-4);padding:var(--space-6) 0}
    .datacenter-technology-visual{padding-left:28px}
    .datacenter-technology-visual::after{left:calc(var(--technology-rail-x) - 6px);width:12px;height:12px}
    .datacenter-technology-copy p{font-size:var(--fs-body-sm)}
}

/* Flexible approach: standard copy paired with one human Datacenter scene. */
.datacenter-flexible-layout{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;
    gap:clamp(var(--space-6),6vw,var(--space-9));max-width:1040px;margin-inline:auto;
}
.datacenter-flexible-media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}

@media (max-width:820px){
    .datacenter-flexible-layout{grid-template-columns:1fr;gap:var(--space-6)}
    .datacenter-flexible-media{width:min(100%,520px);margin-inline:auto}
}