.dosslink { color:var(--accent); text-decoration:underline; text-underline-offset:.16em; text-decoration-thickness:.06em; } .dosslink:hover { color:var(--limestone); } .dosslink cite { font-style:normal; } .dossdlg { width:min(46rem, calc(100vw - 2rem)); max-height:calc(100vh - 3rem); padding:0; border:var(--hair) solid var(--rule); border-radius:.5rem; background:var(--panel); color:var(--limestone); overflow:hidden; } .dossdlg::backdrop { background:rgba(6,4,14,.72); } .dossbody { padding:1.6rem 1.5rem 1.5rem; max-height:calc(100vh - 3rem); overflow-y:auto; } .dossclose { position:sticky; top:0; float:right; margin:.55rem .6rem 0 0; z-index:2; font-family:var(--mono); font-size:var(--s-2); letter-spacing:.06em; color:var(--ink-mute); background:var(--panel); border:var(--hair) solid var(--rule); border-radius:.3rem; padding:.3rem .6rem; cursor:pointer; } .dossclose:hover { color:var(--limestone); border-color:var(--accent); } .dossmore { margin:1.4rem 0 0; padding-top:1rem; border-top:var(--hair) solid var(--rule); font-family:var(--mono); font-size:var(--s-2); } .dsum { font-size:var(--s1); line-height:1.5; margin:0 0 1.4rem; max-width:var(--measure); } .dossier h2, .dossier h3 { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin:1.6rem 0 .7rem; font-weight:600; } .dfacts { margin:0; } .drow { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:.4rem 1.2rem; padding:.55rem 0; border-top:var(--hair) solid var(--rule); align-items:baseline; } .drow dt { margin:0; color:var(--ink-mute); font-size:var(--s-1); } .drow dd { margin:0; } .dval { font-family:var(--mono); } .dcite { font-family:var(--mono); font-size:.62em; margin-left:.3em; } .dcite a { color:var(--accent); text-decoration:none; } .dwhen { display:block; font-family:var(--mono); font-size:var(--s-2); color:var(--ink-mute); margin-top:.2rem; } .dnotes, .dgaps, .dsources { margin:0; padding-left:1.1rem; max-width:var(--measure); } .dnotes li { margin:0 0 .8rem; line-height:1.55; } .dgaps li { margin:0 0 .45rem; color:var(--ink-mute); } .dsources li { margin:0 0 .7rem; font-size:var(--s-1); line-height:1.5; } .dpub { color:var(--ink-mute); } .drung { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.06em; text-transform:uppercase; color:var(--accent); border:var(--hair) solid var(--rule); border-radius:.25rem; padding:.05rem .35rem; white-space:nowrap; } .facilitypage .crumb { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.06em; color:var(--ink-mute); margin:0 0 .6rem; } .dfoot { margin-top:2rem; padding-top:1rem; border-top:var(--hair) solid var(--rule); color:var(--ink-mute); font-size:var(--s-1); max-width:var(--measure); } .creach { font-family:var(--mono); font-size:var(--s-1); color:var(--ink-mute); margin:0 0 1.4rem; } .csum { max-width:var(--measure); } .ckind { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.06em; text-transform:uppercase; color:var(--ink-mute); margin:0 0 1.2rem; } .crole { margin:1.8rem 0 0; } .crole h2 { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin:0 0 .6rem; font-weight:600; } .cfacs, .clist, .csplit, .cvars { list-style:none; margin:0; padding:0; } .cfacs li, .clist li, .csplit li { padding:.4rem 0; border-top:var(--hair) solid var(--rule); } .cvars li { padding:.2rem 0; color:var(--ink-mute); font-size:var(--s-1); } .cwhen { font-family:var(--mono); font-size:var(--s-2); color:var(--ink-mute); margin-left:.4em; } .crolechip { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.05em; color:var(--ink-mute); margin-left:.5em; } .clist .num, .csplit .num { font-family:var(--mono); color:var(--accent); display:inline-block; min-width:2.4em; } .companyindex h2 { margin-top:2.2rem; } .gwrap { margin:1.6rem 0 2.2rem; } .gfield { position:relative; background: radial-gradient(120% 90% at 50% 0%, #12102a 0%, var(--night) 62%, #05040b 100%); border:var(--hair) solid var(--rule); border-radius:.5rem; overflow:hidden; touch-action:pan-y; } .gsvg { display:block; width:100%; height:auto; } .gfield.live .gsvg { cursor:crosshair; } .gfield.dragging .gsvg { cursor:grabbing; } .ggrid { stroke:#251F45; stroke-width:.5; opacity:.55; } .ggrids { transition:transform .35s cubic-bezier(.2,.7,.3,1); } .gneat { fill:none; stroke:#3B3468; stroke-width:1; opacity:.75; } .gvs0 { stop-color:#000; stop-opacity:0; } .gvs1 { stop-color:#000; stop-opacity:.55; } .gcursorlight { opacity:0; transition:opacity .5s ease; pointer-events:none; } .gfield.near .gcursorlight { opacity:1; } .gcs0 { stop-color:var(--sig-link); stop-opacity:.26; } .gcs1 { stop-color:var(--sig-link); stop-opacity:.08; } .gcs2 { stop-color:var(--sig-link); stop-opacity:0; } .gvignette { pointer-events:none; } .gedge { stroke:var(--sig-link); stroke-width:var(--w,1); opacity:var(--o,.3); stroke-linecap:round; transition:opacity .18s ease, stroke .18s ease; } .gfield.lit .gedge.off { opacity:.04; } .gedge.on { stroke:var(--gold); opacity:1; } .gdot { fill:var(--limestone); transition:fill .18s ease; filter:drop-shadow(0 0 4px rgba(127,178,217,.55)); } .ghalo { fill:var(--sig-link); opacity:.11; transition:opacity .2s ease, fill .2s ease; } .gring { fill:none; stroke:var(--sig-link); stroke-width:1; opacity:.3; transition:opacity .2s ease, stroke .2s ease; } .ghit { fill:transparent; } .gnode { cursor:pointer; } .gnode:hover .ghalo, .gnode:focus .ghalo { opacity:.4; fill:var(--gold); } .gnode:hover .gring, .gnode:focus .gring { opacity:.9; stroke:var(--gold); } .gnode:hover .gdot, .gnode:focus .gdot { fill:var(--gold); filter:drop-shadow(0 0 9px rgba(224,149,106,.9)); } .gfield.lit .gnode.off .ghalo { opacity:.03; } .gfield.lit .gnode.off .gring { opacity:.06; } .gfield.lit .gnode.off .gdot { fill:var(--sig-shut); filter:none; } .gnode.on .ghalo { opacity:.32; fill:var(--gold); } .gnode.on .gring { opacity:.75; stroke:var(--gold); } .gnode:focus { outline:none; } .gnode:focus-visible .gdot { stroke:var(--caliche); stroke-width:2; } .glabel { font-family:var(--mono); font-size:13px; fill:var(--caliche); opacity:0; pointer-events:none; transition:opacity .16s ease; paint-order:stroke; stroke:var(--night); stroke-width:3.5px; stroke-linejoin:round; } .gnamed .glabel { opacity:.62; } .gnode:hover .glabel, .gnode:focus .glabel, .gnode.focus .glabel { opacity:1; } .gfield.lit .gnode.on:not(.focus) .glabel { opacity:0; } .gfield.lit .gnode.off .glabel { opacity:0; } .greadout { display:grid; grid-template-columns:minmax(12rem,.9fr) minmax(18rem,1.6fr) auto; gap:.7rem 1.2rem; align-items:center; padding:.8rem 1rem; border-top:var(--hair) solid #3B3468; background:rgba(5,4,11,.82); font-family:var(--mono); font-size:var(--s-2); } .greadout p { margin:0; max-width:none; } .greadout p:first-child { display:grid; gap:.12rem; } .grk { color:var(--ink-mute); font-size:.78em; letter-spacing:.12em; text-transform:uppercase; } .greadout strong { color:var(--caliche); font-weight:550; } .greadout #grmeta { color:var(--ink-mute); line-height:1.45; } .greadout a { justify-self:end; color:var(--accent); text-decoration:underline; text-underline-offset:.16em; white-space:nowrap; } .gkey { display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; margin:.7rem 0 0; font-family:var(--mono); font-size:var(--s-2); color:var(--ink-mute); letter-spacing:.05em; } .gkey b { color:var(--caliche); font-weight:400; } .ghint { font-family:var(--mono); font-size:var(--s-2); color:var(--ink-mute); margin:.5rem 0 0; } @media (prefers-reduced-motion: reduce) { .gedge, .gdot, .ghalo, .gring, .glabel, .gcursorlight { transition:none; } .gcursorlight { display:none; } } @media (max-width:46rem) { .greadout { grid-template-columns:1fr auto; } .greadout #grmeta { grid-column:1 / -1; grid-row:2; } } @media (max-width:34rem) { .glabel { font-size:17px; } .ggrid { opacity:.3; } .gnamed .glabel { opacity:0; } .greadout { grid-template-columns:1fr; padding:.75rem .8rem; } .greadout #grmeta { grid-column:auto; grid-row:auto; } .greadout a { justify-self:start; white-space:normal; } } .sectioneyebrow, .entityeyebrow { display:block; font-family:var(--mono); font-size:var(--s-2); line-height:1.35; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); } .dchero { position:relative; isolation:isolate; display:grid; grid-template-rows:minmax(20rem,1fr) auto; min-height:min(48rem,82vh); margin:0 0 clamp(3rem,8vw,6.5rem); overflow:hidden; border-bottom:var(--hair) solid var(--rule); background:#08060f url("datacenter-atlas-relief.webp") center / cover no-repeat; } .dchero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(8,6,15,.94) 0%,rgba(8,6,15,.7) 45%,rgba(8,6,15,.18) 78%), linear-gradient(0deg,rgba(8,6,15,.92) 0%,transparent 52%,rgba(8,6,15,.32) 100%); } .dchero::after { content:"Decorative survey plate"; position:absolute; top:1rem; right:1rem; font-family:var(--mono); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(237,230,214,.56); } .dcmobileplate { display:none; } .dchero-copy { width:min(72rem,calc(100% - 2.4rem)); margin:auto; align-self:center; padding:clamp(4rem,10vw,8rem) 0 3rem; } .dchero h1 { max-width:9ch; margin:.35rem 0 .8rem; font-size:clamp(3.2rem,9vw,8.2rem); line-height:.84; letter-spacing:-.055em; text-wrap:balance; } .dchero .dclede { max-width:39rem; margin:0; font-size:clamp(1.1rem,2.2vw,1.55rem); line-height:1.48; color:var(--caliche); } .dcjump { display:flex; flex-wrap:wrap; gap:.7rem; margin:1.8rem 0 0; } .dcjump a { display:inline-flex; align-items:center; min-height:2.7rem; padding:.55rem .85rem; border:var(--hair) solid rgba(224,149,106,.55); border-radius:.28rem; background:rgba(8,6,15,.54); color:var(--limestone); font-family:var(--mono); font-size:var(--s-2); letter-spacing:.04em; text-decoration:none; } .dcjump a:first-child { background:var(--accent); border-color:var(--accent); color:var(--night); } .dcjump a:hover, .dcjump a:focus-visible { border-color:var(--limestone); } .dchero .dctiles { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:min(72rem,calc(100% - 2.4rem)); margin:0 auto 1.2rem; gap:var(--hair); padding:var(--hair); border:var(--hair) solid rgba(228,216,195,.28); border-radius:.4rem; background:rgba(8,6,15,.82); backdrop-filter:blur(12px); } .dchero .dctile { display:grid; align-content:end; min-height:7rem; padding:1rem 1.1rem; border:0; background:rgba(18,16,42,.52); } .dchero .dcn { font-size:clamp(1.45rem,2.7vw,2.35rem); line-height:1.05; color:var(--limestone); } .dchero .dck { margin-top:.35rem; color:var(--ink-mute); font-family:var(--mono); font-size:var(--s-2); line-height:1.35; letter-spacing:.05em; text-transform:uppercase; } .dcontology { width:min(72rem,calc(100% - 2.4rem)); margin:clamp(3rem,7vw,6rem) auto; padding:clamp(1.3rem,3vw,2.4rem); border:var(--hair) solid var(--rule); border-radius:.55rem; background:linear-gradient(145deg,rgba(18,16,42,.76),rgba(8,6,15,.7)); } .ontohead { display:grid; grid-template-columns:minmax(14rem,.65fr) minmax(20rem,1fr); gap:.35rem 2rem; align-items:end; } .ontohead .sectioneyebrow { grid-column:1 / -1; } .ontohead h2 { margin:.25rem 0 0; font-size:clamp(2rem,4.4vw,3.7rem); line-height:.96; letter-spacing:-.035em; text-wrap:balance; } .ontohead p { margin:0; max-width:39rem; color:var(--ink-mute); } .ontoflow { position:relative; display:grid; grid-template-columns:minmax(13rem,.72fr) minmax(0,1.5fr); gap:clamp(2rem,7vw,6rem); align-items:center; margin:2.5rem 0 1.2rem; } .ontoflow::before { content:""; position:absolute; left:27%; right:63%; top:50%; border-top:var(--hair) solid var(--sig-link); opacity:.75; } .ontocore { position:relative; z-index:1; padding:1.2rem; border:var(--hair) solid var(--accent); border-radius:50%; aspect-ratio:1; display:grid; align-content:center; text-align:center; background:radial-gradient(circle,rgba(224,149,106,.16),rgba(8,6,15,.92) 68%); } .ontok { font-family:var(--mono); font-size:var(--s-2); color:var(--accent); text-transform:uppercase; letter-spacing:.08em; } .ontocore h3, .ontoroles h3 { margin:.35rem 0; font-size:var(--s1); } .ontocore p, .ontoroles p { margin:0; color:var(--ink-mute); font-size:var(--s-1); } .ontoroles { position:relative; display:grid; gap:.55rem; } .ontoroles::before { content:""; position:absolute; left:-1.5rem; top:16%; bottom:16%; border-left:var(--hair) solid var(--sig-link); } .ontoroles article { display:grid; grid-template-columns:auto 1fr; gap:.8rem; align-items:center; padding:.85rem 1rem; border:var(--hair) solid var(--rule); border-radius:.35rem; background:rgba(8,6,15,.7); } .ontomark { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; border:var(--hair) solid var(--sig-link); font-family:var(--mono); color:var(--caliche); } .ontolayers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; padding-top:1.2rem; border-top:var(--hair) solid var(--rule); } .ontolayers article { display:grid; gap:.2rem; padding:.85rem; border-left:.15rem solid var(--rule); background:rgba(8,6,15,.45); } .ontolayers span { font-family:var(--mono); font-size:.65rem; color:var(--ink-mute); letter-spacing:.08em; text-transform:uppercase; } .ontolayers strong { color:var(--limestone); font-weight:550; } .ontolayers small { color:var(--ink-mute); line-height:1.45; } .gwrap { width:min(92rem,calc(100% - 2.4rem)); margin:0 auto clamp(3rem,8vw,7rem); } .ghead { display:grid; grid-template-columns:minmax(18rem,.8fr) minmax(20rem,1fr); gap:.4rem 2rem; align-items:end; margin:0 0 1.2rem; } .ghead .sectioneyebrow { grid-column:1 / -1; } .ghead h2 { margin:.25rem 0 0; font-size:clamp(2.2rem,5.4vw,4.8rem); line-height:.92; letter-spacing:-.045em; text-wrap:balance; } .ghead p { margin:0; max-width:38rem; color:var(--ink-mute); font-size:var(--s1); } .ghead .gmobileintro { display:none; } .gcontrols { display:grid; grid-template-columns:minmax(16rem,1.3fr) minmax(12rem,.75fr) auto; gap:.55rem; align-items:end; margin:0 0 .65rem; } .gcontrols label { display:grid; gap:.3rem; font-family:var(--mono); font-size:var(--s-2); color:var(--ink-mute); } .gcontrols input, .gcontrols select, .gcontrols button { width:100%; min-height:2.75rem; padding:.55rem .7rem; border:var(--hair) solid var(--rule); border-radius:.28rem; background:var(--panel); color:var(--limestone); font:inherit; } .gcontrols button { width:auto; cursor:pointer; color:var(--caliche); } .gcontrols input:focus-visible, .gcontrols select:focus-visible, .gcontrols button:focus-visible { outline:.12rem solid var(--accent); outline-offset:.12rem; } .gmobilehint { display:none; margin:.2rem 0 .6rem; color:var(--dust); font-family:var(--mono); font-size:var(--s-2); letter-spacing:.04em; } .gmobile { display:none; } .gmhead { padding:1.15rem 1rem 1rem; border-bottom:var(--hair) solid var(--rule); background:linear-gradient(135deg,rgba(224,149,106,.11),rgba(18,16,42,.72)); } .gmhead h3 { margin:.3rem 0 .4rem; color:var(--limestone); font-size:1.55rem; line-height:1.02; letter-spacing:-.025em; } .gmhead > p { margin:0; color:var(--ink-mute); font-size:var(--s-1); line-height:1.5; } .gmhead .gmstatus { margin-top:.85rem; color:var(--accent); font-family:var(--mono); font-size:.68rem; line-height:1.35; letter-spacing:.08em; text-transform:uppercase; } .gmlist { display:grid; gap:.55rem; padding:.65rem; } .gmrelationship { min-width:0; overflow:hidden; border:var(--hair) solid var(--rule); border-radius:.4rem; background:rgba(8,6,15,.6); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .gmrelationship.selected { border-color:rgba(224,149,106,.78); box-shadow:0 1rem 2.8rem rgba(0,0,0,.24),inset .18rem 0 0 var(--accent); } .gmtrigger { display:grid; gap:.75rem; width:100%; min-height:6.8rem; padding:.9rem; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; } .gmtrigger:focus-visible { outline:.12rem solid var(--accent); outline-offset:-.18rem; } .gmnames { display:grid; grid-template-columns:minmax(0,1fr) 4.7rem minmax(0,1fr); gap:.45rem; align-items:center; } .gmcompany { color:var(--limestone); font-size:.91rem; line-height:1.2; overflow-wrap:anywhere; } .gmcompany:last-child { text-align:right; } .gmbridge { --gm-strength:.16; display:grid; grid-template-rows:auto auto auto; justify-items:center; gap:.18rem; color:var(--ink-mute); font-family:var(--mono); } .gmtrack { position:relative; display:block; width:100%; height:.6rem; } .gmtrack::before { content:""; position:absolute; left:.32rem; right:.32rem; top:50%; height:calc(1px + (var(--gm-strength) * 3px)); transform:translateY(-50%); border-radius:999px; background:linear-gradient(90deg,var(--sig-link),var(--gold)); box-shadow:0 0 .75rem rgba(127,178,217,.34); } .gmtrack::after { content:""; position:absolute; inset:50% .08rem auto; height:.48rem; transform:translateY(-50%); background:radial-gradient(circle at left,var(--limestone) 0 .16rem,transparent .18rem), radial-gradient(circle at right,var(--limestone) 0 .16rem,transparent .18rem); } .gmcount { color:var(--accent); font-size:1rem; line-height:1; } .gmunit { color:var(--ink-mute); font-size:.58rem; line-height:1.2; text-align:center; text-transform:uppercase; letter-spacing:.04em; } .gmcta { justify-self:start; color:var(--caliche); font-family:var(--mono); font-size:.66rem; letter-spacing:.05em; text-decoration:underline; text-decoration-color:rgba(224,149,106,.55); text-underline-offset:.18em; } .gmevidence { padding:.85rem .9rem 1rem; border-top:var(--hair) solid var(--rule); background:linear-gradient(180deg,rgba(18,16,42,.68),rgba(8,6,15,.88)); } .gmevidence .grfacilities { display:grid; gap:.15rem; margin:.55rem 0 0; } .gmevidence .grfacilities li { padding:.35rem 0; border-top:var(--hair) solid rgba(228,216,195,.12); } .gmprofiles { display:grid; gap:.35rem; margin:.9rem 0 0; padding-top:.75rem; border-top:var(--hair) solid var(--rule); } .gmprofiles span { color:var(--ink-mute); font-family:var(--mono); font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; } .gmprofiles a { color:var(--caliche); font-size:var(--s-1); } .gmempty { margin:0; padding:1.2rem; border:var(--hair) dashed var(--rule); color:var(--ink-mute); } .gmmore { min-height:3.2rem; margin:0 .65rem .65rem; border:var(--hair) solid var(--rule); border-radius:.3rem; background:var(--panel); color:var(--caliche); font-family:var(--mono); font-size:var(--s-2); cursor:pointer; } .gworkspace { display:grid; grid-template-columns:minmax(0,2.25fr) minmax(20rem,.75fr); height:clamp(32rem,38vw,42rem); min-height:0; overflow:hidden; border:var(--hair) solid var(--rule); border-radius:.55rem; background:var(--panel); box-shadow:0 2rem 6rem rgba(0,0,0,.22); } .gworkspace .gfield { min-width:0; border:0; border-right:var(--hair) solid #3b3468; border-radius:0; height:100%; } .gworkspace .gsvg { width:100%; height:100%; } .gfield.live .gsvg { cursor:default; } .gedgehit { fill:none; stroke:transparent; stroke-width:16; pointer-events:stroke; cursor:help; } .gedgehit:focus { outline:none; } .gedgehit:focus-visible { stroke:rgba(224,149,106,.13); } .gnode.filtered, .gedge.filtered, .gedgehit.filtered { opacity:.06; pointer-events:none; } .glens { display:flex; flex-direction:column; min-width:0; overflow-y:auto; padding:1.25rem 1.15rem; background:linear-gradient(180deg,rgba(18,16,42,.92),rgba(8,6,15,.98)); } .glens h3 { margin:.3rem 0 .55rem; color:var(--limestone); font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.12; overflow-wrap:anywhere; } .glens > p { margin:0; color:var(--ink-mute); font-size:var(--s-1); line-height:1.5; } .grroles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.35rem; margin:1rem 0; } .grrole { display:grid; gap:.15rem; padding:.55rem; border:var(--hair) solid var(--rule); color:var(--ink-mute); font-family:var(--mono); font-size:.66rem; line-height:1.3; } .grrole b { color:var(--caliche); font-weight:500; text-transform:uppercase; letter-spacing:.06em; } .grconnections { display:grid; gap:.55rem; margin:.45rem 0 1rem; } .grsection { margin:.2rem 0 0; font-family:var(--mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-mute); } .grconnection { padding:.7rem .75rem; border:var(--hair) solid var(--rule); border-radius:.3rem; background:rgba(8,6,15,.58); } .grpair { display:flex; flex-wrap:wrap; gap:.25rem .45rem; align-items:baseline; margin:0; line-height:1.35; } .grpair a, .grcompany { color:var(--limestone); text-decoration:underline; text-decoration-color:rgba(224,149,106,.55); text-underline-offset:.16em; } .grpair span { color:var(--ink-mute); } .grcount { display:block; margin:.3rem 0 .15rem; color:var(--ink-mute); font-size:var(--s-2); } .grcount strong { color:var(--accent); } .grfacilities { margin:.25rem 0 0; padding:0; list-style:none; } .grfacilities li { padding:.18rem 0; font-size:var(--s-2); line-height:1.4; } .grfacilities a { color:var(--caliche); } .grquiet { margin:.4rem 0; padding:.8rem; border:var(--hair) dashed var(--rule); color:var(--ink-mute); font-size:var(--s-1); } .grmore { margin:.15rem 0 0; color:var(--ink-mute); font-family:var(--mono); font-size:.68rem; } .grinspect { margin:.55rem 0 0; padding:.35rem .5rem; border:var(--hair) solid var(--rule); border-radius:.22rem; background:transparent; color:var(--caliche); cursor:pointer; font-family:var(--mono); font-size:.66rem; letter-spacing:.05em; } .grinspect:hover, .grinspect:focus-visible { border-color:var(--accent); color:var(--limestone); } .grlink { margin-top:auto; align-self:flex-start; padding-top:.8rem; color:var(--accent); font-family:var(--mono); font-size:var(--s-2); text-underline-offset:.18em; } .gkey { padding:.65rem 0 0; border-top:var(--hair) solid transparent; } .companypage, .facilitypage, .dcpage { width:min(72rem,100%); } .entityhero { position:relative; isolation:isolate; display:grid; align-content:end; min-height:clamp(13rem,30vw,23rem); margin:.6rem 0 2rem; padding:clamp(1.2rem,4vw,2.4rem); overflow:hidden; border:var(--hair) solid var(--rule); border-radius:.55rem; background:#08060f url("datacenter-atlas-relief.webp") center 64% / cover no-repeat; } .entityhero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgba(8,6,15,.97),rgba(8,6,15,.18) 80%), linear-gradient(90deg,rgba(8,6,15,.72),transparent); } .entityhero h1 { max-width:18ch; margin:.4rem 0 0; font-size:clamp(2.25rem,6vw,5rem); line-height:.94; letter-spacing:-.04em; text-wrap:balance; } .entityhero cite { font-style:normal; } .dossierlead { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr); gap:1.2rem 2rem; align-items:start; margin:0 0 2.4rem; } .dossierlead .dsum { margin:0; font-size:clamp(1.1rem,2vw,1.35rem); } .devidence { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.35rem; } .devidence span { display:grid; align-content:start; min-height:4.8rem; padding:.65rem; border:var(--hair) solid var(--rule); background:rgba(18,16,42,.48); color:var(--ink-mute); font-family:var(--mono); font-size:.64rem; line-height:1.35; letter-spacing:.04em; text-transform:uppercase; } .devidence strong { color:var(--limestone); font-size:var(--s0); line-height:1.1; font-weight:500; } .dsection { margin:clamp(2rem,5vw,4rem) 0; } .dossier .dsection h2, .dossier .dsection h3 { margin:0 0 1rem; } .dfacts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; } .drow { display:block; min-width:0; padding:1rem; border:var(--hair) solid var(--rule); border-radius:.3rem; background:rgba(18,16,42,.35); } .drow dt { margin:0 0 .4rem; font-family:var(--mono); font-size:.68rem; line-height:1.35; letter-spacing:.07em; text-transform:uppercase; } .drow dd { line-height:1.45; overflow-wrap:anywhere; } .drow.dmetric .dval { display:block; color:var(--limestone); font-size:clamp(1.18rem,2.6vw,1.75rem); line-height:1.12; letter-spacing:-.025em; } .drow.drole { border-top-color:var(--accent); } .drow.drecord { background:rgba(8,6,15,.48); } .dnotes, .dgaps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; max-width:none; margin:0; padding:0; list-style:none; } .dnotes li, .dgaps li { margin:0; padding:.9rem 1rem; border:var(--hair) solid var(--rule); border-radius:.3rem; line-height:1.55; } .dnotes li { background:rgba(18,16,42,.35); } .dgaps li { border-style:dashed; color:var(--ink-mute); background:rgba(8,6,15,.35); } .dsources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; max-width:none; margin:0; padding:0; list-style:none; counter-reset:source; } .dsource { position:relative; display:grid; gap:.5rem; min-width:0; margin:0; padding:.9rem 1rem .9rem 2.6rem; border:var(--hair) solid var(--rule); border-radius:.3rem; background:rgba(8,6,15,.38); counter-increment:source; font-size:var(--s-1); } .dsource::before { content:counter(source); position:absolute; top:.9rem; left:.9rem; font-family:var(--mono); color:var(--accent); } .dsource-main { display:grid; gap:.12rem; min-width:0; line-height:1.45; overflow-wrap:anywhere; } .dsource-main a { color:var(--caliche); } .dsource-meta { display:flex; flex-wrap:wrap; gap:.35rem .55rem; align-items:center; } .dsource .dpub, .dsource .dwhen { margin:0; font-size:.68rem; } .dossdlg { width:min(64rem,calc(100vw - 2rem)); } .cstats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; margin:0 0 1.5rem; } .cstat { display:grid; min-height:6.6rem; align-content:end; padding:.8rem; border:var(--hair) solid var(--rule); border-radius:.3rem; background:rgba(18,16,42,.4); } .cstat strong { color:var(--limestone); font-family:var(--mono); font-size:clamp(1.4rem,3vw,2.2rem); line-height:1; font-weight:500; } .cstat small { margin-top:.35rem; color:var(--ink-mute); font-family:var(--mono); font-size:.66rem; letter-spacing:.06em; text-transform:uppercase; } .cidentity { margin:1.5rem 0 3rem; padding:1rem 1.1rem; border-left:.18rem solid var(--accent); background:rgba(18,16,42,.42); } .cidentity .ckind { margin:0; } .cidentity details { margin:.75rem 0 0; } .cidentity summary { color:var(--caliche); cursor:pointer; font-family:var(--mono); font-size:var(--s-2); } .cidentity p, .cidentity ul { color:var(--ink-mute); font-size:var(--s-1); } .cportfolio { margin:2.5rem 0 4rem; } .cportfolio > h2, .crelations > h2 { margin-bottom:.55rem; } .cportfolio > p, .crelations > p { color:var(--ink-mute); } .cfacs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; } .cfac { display:flex; flex-direction:column; min-width:0; padding:1rem; border:var(--hair) solid var(--rule); border-radius:.3rem; background:rgba(18,16,42,.3); } .cfacmain { display:grid; gap:.35rem; } .cfacmain a { color:var(--limestone); font-size:var(--s1); line-height:1.25; } .cfac .cwhen { margin:0; } .cfacroles { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:1rem; } .cfacrole { padding:.2rem .4rem; border:var(--hair) solid var(--rule); border-radius:999px; color:var(--ink-mute); font-family:var(--mono); font-size:.65rem; letter-spacing:.04em; text-transform:uppercase; } .crelations { margin:4rem 0; } .crelationgrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; } .crelation { min-width:0; padding:1rem; border:var(--hair) solid var(--rule); border-radius:.3rem; background:linear-gradient(145deg,rgba(18,16,42,.45),rgba(8,6,15,.38)); } .crelation h3 { margin:0 0 .35rem; font-size:var(--s1); line-height:1.25; } .crelation > p { margin:.2rem 0 .65rem; color:var(--ink-mute); font-size:var(--s-1); } .crelation ul { margin:.4rem 0 0; padding-left:1.1rem; } .crelation li { margin:.35rem 0; font-size:var(--s-1); line-height:1.4; } .crelmore { color:var(--ink-mute); font-family:var(--mono); font-size:.68rem; } .cempty { padding:1rem; border:var(--hair) dashed var(--rule); color:var(--ink-mute); } .registryoverview { display:grid; grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr); gap:.75rem; margin:2.5rem 0 4rem; } .registryyears, .registryroles { min-width:0; padding:1.1rem; border:var(--hair) solid var(--rule); border-radius:.35rem; background:rgba(18,16,42,.3); } .registryoverview h2 { margin-top:0; } .registryroles .rroles { grid-template-columns:repeat(3,minmax(0,1fr)); } .registryroles .rrole .ops { grid-template-columns:minmax(0,1fr); } .registryroster { scroll-margin-top:5rem; margin-top:4rem; } @media (max-width:68rem) { .gworkspace { grid-template-columns:1fr; height:auto; } .gworkspace .gfield { height:auto; aspect-ratio:1000 / 620; border-right:0; border-bottom:var(--hair) solid #3b3468; } .gworkspace .gsvg { height:auto; } .glens { min-height:24rem; overflow:visible; } .grlink { margin-top:1rem; } .ontohead, .ghead { grid-template-columns:1fr; align-items:start; } .ontohead .sectioneyebrow, .ghead .sectioneyebrow { grid-column:auto; } .ontoflow::before { left:31%; right:56%; } .dossierlead { grid-template-columns:1fr; } .registryoverview { grid-template-columns:1fr; } } @media (max-width:48rem) { .dchero { grid-template-rows:auto auto auto; min-height:0; background:#08060f; } .dchero::before, .dchero::after { display:none; } .dcmobileplate { position:relative; display:block; min-height:18rem; overflow:hidden; border-bottom:var(--hair) solid var(--rule); background:#08060f; } .dcmobileplate::before { content:""; position:absolute; inset:-7%; background:url("datacenter-atlas-relief.webp") 50% 72% / auto 155% no-repeat; filter:brightness(1.32) contrast(1.09) saturate(1.12); transform:scale(1.025); } .dcmobileplate::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,6,15,.05) 28%,rgba(8,6,15,.35) 66%,#08060f 100%), linear-gradient(90deg,rgba(8,6,15,.4),transparent 56%,rgba(8,6,15,.1)); } .dcmobileplate span { position:absolute; z-index:1; top:.85rem; right:.85rem; max-width:14rem; color:rgba(237,230,214,.72); font-family:var(--mono); font-size:.62rem; line-height:1.35; letter-spacing:.08em; text-align:right; text-transform:uppercase; } .dchero-copy { position:relative; z-index:2; margin:-5.2rem auto 0; padding:0 0 2.4rem; } .dchero .dctiles { grid-template-columns:repeat(2,minmax(0,1fr)); } .dchero .dctile { min-height:5.8rem; } .dchero .dcn { font-size:clamp(1.15rem,5.6vw,1.45rem); } .gcontrols { grid-template-columns:1fr; } .gcontrols button { width:100%; } .ghead .gdesktopintro { display:none; } .ghead .gmobileintro { display:block; } .gmobile.live { display:grid; border:var(--hair) solid var(--rule); border-radius:.55rem; overflow:hidden; background:var(--panel); box-shadow:0 2rem 6rem rgba(0,0,0,.22); } .gmobile.live + .gworkspace { display:none; } .gwrap .gkey, .gwrap .ghint { display:none; } .ontoflow { grid-template-columns:1fr; } .ontoflow::before { left:50%; right:auto; top:27%; bottom:56%; border-top:0; border-left:var(--hair) solid var(--sig-link); } .ontocore { width:min(16rem,82%); margin:auto; } .ontoroles::before { display:none; } .ontolayers, .dfacts, .dnotes, .dgaps, .dsources, .cfacs, .crelationgrid { grid-template-columns:1fr; } .cstats { grid-template-columns:repeat(2,minmax(0,1fr)); } .registryroles .rroles { grid-template-columns:1fr; } } @media (max-width:30rem) { .dchero-copy, .dchero .dctiles, .dcontology, .gwrap { width:calc(100% - 1.2rem); } .dchero .dctile { min-height:5.4rem; padding:.8rem; } .dchero h1 { font-size:3.25rem; } .grroles { grid-template-columns:1fr; } .entityhero { margin-left:-.2rem; margin-right:-.2rem; } } .cywrap { margin:1.2rem 0 .4rem; } .cysvg { display:block; width:100%; height:clamp(140px,22vw,260px); } .cyaxis { stroke:var(--rule); stroke-width:1; } .cybar { fill:var(--accent); opacity:.62; transition:opacity .16s ease; } .cyr:hover .cybar { opacity:1; } .cylab { font-family:var(--mono); font-size:15px; fill:var(--ink-mute); text-anchor:middle; } @media (max-width:44rem) { .cylab { font-size:24px; } .cycrowded .cylab { display:none; } .cycrowded .cytick2 .cylab, .cycrowded .cyfirst .cylab, .cycrowded .cylast .cylab { display:block; } .cycrowded .cyfirst .cylab { text-anchor:start; } .cycrowded .cylast .cylab { text-anchor:end; } } @media (max-width:30rem) { .cylab { font-size:36px; } .cytight .cylab, .cytight .cytick2 .cylab { display:none; } .cytight .cytick3 .cylab, .cytight .cyfirst .cylab, .cytight .cylast .cylab { display:block; } .cytight .cyfirst .cylab { text-anchor:start; } .cytight .cylast .cylab { text-anchor:end; } } .cbtable { margin:1rem 0 0; border-top:var(--hair) solid var(--rule); } .cbfile { width:min(46rem,calc(100vw - 4rem)); min-width:100%; } .cbfile .cbrow { grid-template-columns:2.2rem 6.6rem 7.4rem 1fr 5.2rem; } .cbjoin .cbrow { grid-template-columns:1fr 7rem 0 5.4rem 6rem; } .cbcamp .cbrow { grid-template-columns:minmax(21.1rem,1fr) 6.6rem 7.1rem 5.6rem 7.1rem; column-gap:.35rem; } .cbfile .cbm, .cbfile .cbs { text-align:right; } .cbrow { display:grid; grid-template-columns:minmax(6.5rem,1fr) 9rem 8rem 6.5rem 6rem; gap:.2rem .9rem; align-items:baseline; padding:.5rem 0; border-bottom:var(--hair) solid var(--rule); font-family:var(--mono); font-size:var(--s-2); color:var(--ink-mute); } .cbd { color:var(--ink-bright); letter-spacing:.04em; } .cbm { color:var(--caliche); } .ctwo { display:grid; grid-template-columns:1fr 1fr; gap:0 2rem; margin:.6rem 0 0; } .ctwo h3 { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-mute); margin:1rem 0 .4rem; font-weight:600; } .construction .rcl li { font-family:var(--mono); font-size:var(--s-2); } @media (max-width:49.75rem) { .cbcamp .cbrow { grid-template-columns:1fr; } .cbcamp .cbd { grid-row:auto; } } @media (max-width:44rem) { .cbrow { grid-template-columns:6.5rem 1fr; gap:.1rem .8rem; } .cbfile .cbrow { grid-template-columns:2.8rem 1fr; } .cbjoin .cbrow { grid-template-columns:1fr; } .cbjoin .cbd { grid-row:auto; } .cbcamp .cbrow { grid-template-columns:1fr; } .cbcamp .cbd { grid-row:auto; } .cbfile .cbm, .cbfile .cbs { text-align:left; } .cbd { grid-row:span 4; } .ctwo { grid-template-columns:1fr; } } .rcday { margin:2rem 0 0; padding-top:1rem; border-top:var(--hair) solid var(--rule); } .rcday h2 { font-family:var(--mono); font-size:var(--s0); color:var(--accent); margin:0 0 .8rem; } .rcday h3 { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-mute); margin:1.2rem 0 .5rem; font-weight:600; } .rcl { list-style:none; margin:0; padding:0; } .rcl li { padding:.45rem 0; border-top:var(--hair) solid var(--rule); } .rcf { display:grid; grid-template-columns:9.5rem 2.6rem 1fr; gap:.1rem .9rem; align-items:baseline; margin-top:.5rem; } .rcfl { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.09em; text-transform:uppercase; color:var(--ink-mute); grid-row:span 2; } .rcw { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.06em; text-transform:uppercase; } .rcwas .rcw { color:var(--ink-mute); } .rcnow .rcw { color:var(--accent); } .rcwas, .rcnow { font-family:var(--mono); font-size:var(--s-2); line-height:1.5; overflow-wrap:anywhere; display:contents; } .rcwas cite { grid-column:3; color:var(--ink-mute); font-style:normal; } .rcnow cite { grid-column:3; color:var(--ink-bright); font-style:normal; } @media (max-width:34rem) { .rcf { grid-template-columns:2.6rem 1fr; gap:.05rem .7rem; } .rcfl { grid-row:auto; grid-column:span 2; } .rcwas cite, .rcnow cite { grid-column:2; } .drow { grid-template-columns:1fr; gap:.15rem; } .dossbody { padding:1.3rem 1rem 1.2rem; } .dossdlg { width:100vw; max-width:100vw; max-height:100vh; border-radius:0; border:0; } } .shape { margin:1.5rem 0; } .loadshape { width:100%; height:auto; display:block; } .loadshape .mk { fill:var(--accent); stroke:var(--bg); stroke-width:1.5; } .loadshape .mklab { fill:var(--ink-bright); font-size:11px; } .loadshape .res { stroke:var(--accent); stroke-width:6; stroke-linecap:butt; opacity:.75; vector-effect:non-scaling-stroke; } .loadshape .zero { stroke:var(--rule-strong); stroke-width:1.5; vector-effect:non-scaling-stroke; } .loadshape .line { fill:none; stroke:var(--accent); stroke-width:2; stroke-linejoin:round; vector-effect:non-scaling-stroke; } .loadshape .fc { fill:none; stroke:var(--ink-mute); stroke-width:1.4; stroke-dasharray:5 4; vector-effect:non-scaling-stroke; } .loadshape .g { stroke:var(--rule); stroke-width:1; vector-effect:non-scaling-stroke; } .loadshape .ax { fill:var(--ink-mute); font-family:var(--mono); font-size:11px; } .loadshape .ax.unit { font-size:9px; letter-spacing:.08em; } @media (max-width:22rem) { .loadshape .ax, .loadshape .mklab { font-size:27px; } .loadshape .ax.unit { font-size:22px; } } @media (min-width:22.01rem) and (max-width:26rem) { .loadshape .ax, .loadshape .mklab { font-size:22px; } .loadshape .ax.unit { font-size:18px; } } @media (min-width:26.01rem) and (max-width:34rem) { .loadshape .ax, .loadshape .mklab { font-size:19px; } .loadshape .ax.unit { font-size:16px; } } @media (min-width:34.01rem) and (max-width:46rem) { .loadshape .ax, .loadshape .mklab { font-size:15px; } .loadshape .ax.unit { font-size:12px; } } .queuegap { margin:0 0 var(--band); scroll-margin-top:5rem; background:var(--paper); color:var(--night); border-radius:var(--radius-lg); padding:clamp(1.25rem,4vw,2.5rem); box-shadow:0 1px 0 rgba(255,255,255,.06), 0 24px 60px -28px rgba(0,0,0,.85); } .queuegap h2, .queuegap h3 { color:var(--night); } .queuegap .qlede { color:var(--night); } .queuegap .qk { color:var(--granite); } .queuegap .qv { color:var(--night); } .queuegap .qnote { color:var(--granite); } .queuegap .qnote a { color:var(--granite); text-decoration-color:var(--paper-rule); } .queuegap .qbar { background:var(--paper-rule); border-color:var(--paper-rule); } .queuegap .qfill { background:var(--granite); } .queuegap .qstages li { border-bottom-color:var(--paper-rule); } .queuegap .qstages .qs { color:var(--granite); } .queuegap > h2:first-child { padding-top:.35rem; } .queuegap .qlede { font-family:var(--display); font-size:var(--s2); line-height:1.25; max-width:22ch; margin:0 0 var(--gap); } .qgap { display:flex; flex-direction:column; gap:.55rem; margin:0 0 .7rem; } .qrow { display:grid; grid-template-columns:minmax(9rem,auto) 1fr; gap:.5rem 1rem; align-items:center; } .qlab { display:flex; flex-direction:column; line-height:1.15; } .qk { font-family:var(--mono); font-size:var(--s-2); letter-spacing:.08em; text-transform:uppercase; color:var(--ink-mute); } .qv { font-family:var(--display); font-size:var(--s1); color:var(--ink-bright); font-variant-numeric:tabular-nums; } .qbar { height:1.1rem; background:var(--surface); border:var(--hair) solid var(--rule-strong); border-radius:2px; overflow:hidden; } .qfill { height:100%; background:var(--accent-deep); min-width:2px; } .qnote { font-size:var(--s-1); color:var(--ink-mute); max-width:var(--measure); margin:0 0 var(--gap); } .qstages { list-style:none; padding:0; margin:0 0 .7rem; max-width:none; display:flex; flex-direction:column; gap:.4rem; } .qstages li { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.75rem; align-items:baseline; padding:.5rem 0; border-bottom:var(--hair) solid var(--line); } .qstages .qk { overflow-wrap:anywhere; } .qstages .qs { font-family:var(--mono); font-size:var(--s-2); color:var(--ink-mute); font-variant-numeric:tabular-nums; min-width:3.4rem; text-align:right; } @media (max-width:26rem) { .qrow { grid-template-columns:1fr; gap:.15rem; } .qlab { flex-direction:row; align-items:baseline; gap:.5rem; } } .queuegap .qfill { transition:width 1.1s cubic-bezier(.16,1,.3,1); } @media (prefers-reduced-motion:reduce) { .queuegap .qfill { transition:none; } }