#experience{height:1479.5svh}#infrastructure-section{position:absolute;inset:0;z-index:4;color:#eff5f8;visibility:hidden;pointer-events:none}#infrastructure-section em{font-style:normal;color:#c0dde9}.infra-kicker{position:absolute;top:130px;left:5%;right:5%;display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:.12em;color:#a8c7d9}.infra-beat{position:absolute;visibility:hidden}.infra-eyebrow{font:10px/1.6 monospace;letter-spacing:.12em;color:#a5c9dc;margin:0 0 28px}.infra-hero{left:5%;top:27%;width:39%}.infra-hero h2{font-size:clamp(49px,4.8vw,73px);font-weight:400;line-height:1.04;letter-spacing:-.063em;margin:0 0 30px}.infra-hero>p:last-child,.infra-detail>p:last-child{font-size:17px;line-height:1.65;color:#adc7d7}.infra-detail{left:5%;top:29%;width:40%}.infra-detail h2{font-size:clamp(45px,4.5vw,68px);line-height:1.04;letter-spacing:-.063em}.infra-logical{position:absolute;inset:0;pointer-events:none}.infra-virtual{left:5%;top:28%;width:38%}.infra-virtual h2{font-size:clamp(50px,5.3vw,80px);line-height:1.02;letter-spacing:-.063em;margin:0 0 30px}.infra-virtual>p:last-child{font-size:24px;line-height:1.5}.infra-virtual>p:last-child span{display:block;color:#9fbdce;font-size:15px;margin-top:8px;max-width:340px}.virtual-stack{position:absolute;left:53%;right:9%;top:28%;bottom:20%;visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.virtual-layer{position:relative;border-top:1px solid #35586e;padding:15px 0 12px;transform-origin:left center}.virtual-layer span{display:block;font:9px monospace;letter-spacing:.09em;color:#8eb8cb;margin-bottom:10px}.virtual-layer strong{font-size:26px;font-weight:400;letter-spacing:-.02em}.virtual-layer div{display:flex;gap:40px}.virtual-layer b{font-size:18px;font-weight:400;color:#c2dce7}.virtual-stack svg{position:absolute;left:-40px;top:0;height:100%;width:20px}.virtual-stack path{stroke:#6797ae;stroke-width:1;fill:none;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}.infra-fabric{left:5%;right:5%;top:23%}.infra-fabric h2,.infra-operations h2{font-size:clamp(43px,4.7vw,72px);line-height:1.04;letter-spacing:-.06em;margin:0 0 22px}.infra-fabric>p:last-child{font-size:17px;color:#a6c1d1;line-height:1.5}.resource-map{position:absolute;left:5%;right:5%;top:51%;bottom:22%;visibility:hidden}.resource-map svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.fabric-route{stroke:#37576a;stroke-width:1.25;fill:none;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}.resource-node{position:absolute;background:#030810;padding:10px 18px;transform:translate(-50%,-50%)}.resource-node span{font:8px monospace;color:#86b4ca;letter-spacing:.08em;display:block;margin-bottom:8px}.resource-node strong{font-size:24px;font-weight:400;letter-spacing:-.03em}.resource-node small{display:block;color:#8fadbE;font:10px monospace;margin-top:10px}.resource-compute{left:11%;top:35%}.resource-virtual{left:50%;top:15%}.resource-network{left:50%;top:71%}.resource-storage{left:89%;top:71%}.resource-services{left:89%;top:15%}.infra-operations{left:5%;right:5%;top:26%}.operations-line{display:flex;justify-content:space-between;gap:35px;margin-top:70px}.operations-line>div{flex:1}.operations-line span{font:10px monospace;color:#9dc4d8;letter-spacing:.12em}.operations-line p{font-size:22px;line-height:1.6;color:#c4d9e4;margin-top:20px}.operations-rule{position:absolute;left:5%;right:5%;top:70%;display:flex;gap:40px;visibility:hidden}.operations-rule i{height:1px;background:#466778;flex:1;transform-origin:left}.infra-ending{left:5%;right:5%;top:28%;bottom:23%}.expertise-words{display:flex;gap:24px;font-size:clamp(28px,3.6vw,56px);letter-spacing:-.05em;color:#b5cedd}.infra-ending img{margin-top:85px;width:360px;height:auto}.infra-ending>p:last-child{position:absolute;right:0;bottom:0;color:#c0d9e7;font-size:28px;line-height:1.4;letter-spacing:-.025em}.infra-bottom{position:absolute;left:5%;right:5%;bottom:85px;display:flex;justify-content:space-between;align-items:flex-end}.infra-bottom>p{font:9px/1.7 monospace;color:#95b3c6;margin:0}.infra-bottom nav{display:flex;gap:26px;pointer-events:auto;font-size:11px}.infra-bottom a{padding:13px 0;border-bottom:1px solid #395366;min-height:44px}.infra-bottom a[aria-current]{border-color:#b1d9e8;color:#d4ebf3}.infra-loading{position:absolute;right:5%;bottom:155px;color:#b4d1e0;font:10px monospace}.infra-static{display:none;position:absolute;inset:140px 5% 95px;overflow:auto;pointer-events:auto;overscroll-behavior:contain;font-size:15px;line-height:1.6;background:#030810}.infra-static h2{font-size:44px;line-height:1.05}.infra-static dt{margin:20px 0 4px;color:#c5e2ee}.infra-static dd{margin:0;color:#a7c3d4;max-width:900px}#infrastructure-section[data-static=true] .infra-static{display:block}#infrastructure-section[data-static=true] .infra-beat,#infrastructure-section[data-static=true] .infra-logical,#infrastructure-section[data-static=true] .infra-bottom{display:none}body[data-chapter=infrastructure] .inspection{display:none}.site-header nav{gap:24px}.site-header nav a{font-size:11px}.sequence-footer nav{gap:18px}
@media(max-width:800px){#experience{height:1390.5svh}.site-header nav a[data-progress="2.53"]{display:none!important}.site-header nav a[href="#infrastructure-section"]{display:inline!important;font-size:9px}.sequence-footer nav{gap:9px}.sequence-footer nav a{font-size:0}.sequence-footer nav a span{font-size:8px;margin:0}.infra-kicker{left:25px;right:25px;top:97px;font-size:8px}.infra-position{display:none}.infra-eyebrow{font-size:8px;margin-bottom:17px}.infra-hero,.infra-detail{left:25px;right:25px;top:150px;width:auto}.infra-hero h2{font-size:39px;line-height:1.02;margin-bottom:17px}.infra-detail h2{font-size:37px;line-height:1.04;margin-bottom:17px}.infra-hero>p:last-child,.infra-detail>p:last-child{font-size:12px;line-height:1.5}.infra-hero>p:last-child br,.infra-detail>p:last-child br{display:none}.infra-virtual{left:25px;right:25px;top:147px;width:auto}.infra-virtual h2{font-size:39px;line-height:1.02;margin-bottom:18px}.infra-virtual>p:last-child{font-size:17px;line-height:1.4}.infra-virtual>p:last-child span{font-size:11px;margin-top:5px}.virtual-stack{left:58px;right:25px;top:44%;bottom:23%}.virtual-layer{padding:9px 0 6px}.virtual-layer span{font-size:7px;margin-bottom:6px}.virtual-layer strong{font-size:20px}.virtual-layer b{font-size:15px}.virtual-layer div{gap:22px}.virtual-stack svg{left:-28px;width:16px}.infra-fabric{left:25px;right:25px;top:147px}.infra-fabric h2,.infra-operations h2{font-size:36px;line-height:1.04;margin-bottom:18px}.infra-fabric>p:last-child{font-size:12px;line-height:1.5}.resource-map{left:25px;right:25px;top:45%;bottom:23%}.resource-map svg{display:none}.resource-node{padding:10px 0;background:transparent;transform:none;border-top:1px solid #35586e}.resource-node span{font-size:7px;margin-bottom:7px}.resource-node strong{font-size:19px}.resource-node small{font-size:8px;margin-top:7px}.resource-compute{left:0;top:0;width:46%}.resource-virtual{left:54%;top:0;width:46%}.resource-network{left:0;top:36%;width:46%}.resource-storage{left:54%;top:36%;width:46%}.resource-services{left:0;top:76%;width:100%;text-align:center;border-color:#85acbc}.infra-operations{left:25px;right:25px;top:147px}.operations-line{display:block;margin-top:29px}.operations-line>div{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:baseline;border-top:1px solid #35586e;padding:14px 0}.operations-line span{font-size:8px}.operations-line p{font-size:14px;line-height:1.6;margin:0}.operations-rule{display:none}.infra-ending{left:25px;right:25px;top:174px;bottom:22%}.expertise-words{flex-direction:column;gap:4px;font-size:36px;line-height:1.15}.infra-ending img{width:224px;margin-top:45px}.infra-ending>p:last-child{position:static;font-size:19px;margin-top:23px}.infra-bottom{left:25px;right:25px;bottom:65px;flex-direction:column-reverse;align-items:stretch;gap:8px}.infra-bottom nav{gap:14px;justify-content:space-between;font-size:9px}.infra-bottom a{padding:8px 0;min-height:35px}.infra-bottom>p{font-size:7px}.infra-bottom>p br{display:none}.infra-static{inset:135px 25px 80px;font-size:13px}.infra-static h2{font-size:35px}.infra-loading{left:25px;right:25px;text-align:center;bottom:153px;font-size:8px}}
@media(max-height:740px) and (min-width:801px){.infra-kicker{top:100px}.infra-hero h2{font-size:55px}.infra-virtual h2{font-size:58px}.infra-detail h2,.infra-fabric h2,.infra-operations h2{font-size:52px}.infra-bottom{bottom:65px}.infra-eyebrow{margin-bottom:20px}.operations-line{margin-top:35px}.operations-line p{font-size:18px}.virtual-layer{padding:10px 0 6px}.virtual-layer strong{font-size:22px}.infra-ending img{margin-top:45px;width:290px}.expertise-words{font-size:37px}}
@media(max-height:700px) and (max-width:800px){.infra-kicker{top:77px}.infra-hero,.infra-detail,.infra-virtual,.infra-fabric,.infra-operations{top:117px}.infra-hero h2,.infra-detail h2,.infra-virtual h2,.infra-fabric h2,.infra-operations h2{font-size:31px}.infra-eyebrow{margin-bottom:12px}.infra-hero>p:last-child{font-size:11px}.virtual-stack{top:44%;bottom:24%}.virtual-layer strong{font-size:16px}.virtual-layer span{font-size:6px}.virtual-layer b{font-size:12px}.operations-line{margin-top:22px}.operations-line>div{padding:10px 0}.operations-line p{font-size:12px}.infra-ending{top:133px}.expertise-words{font-size:30px}.infra-ending img{margin-top:23px;width:205px}.infra-ending>p:last-child{font-size:17px}.infra-bottom{bottom:52px}.infra-bottom>p{font-size:6.5px}}
@media(orientation:landscape) and (max-height:520px){.infra-kicker{top:73px;font-size:7px}.infra-hero,.infra-detail,.infra-virtual,.infra-fabric,.infra-operations{top:110px}.infra-hero h2,.infra-detail h2,.infra-virtual h2,.infra-fabric h2,.infra-operations h2{font-size:34px;margin-bottom:15px}.infra-eyebrow{font-size:7px;margin-bottom:12px}.infra-hero>p:last-child,.infra-detail>p:last-child,.infra-fabric>p:last-child{font-size:11px}.infra-virtual>p:last-child{font-size:17px}.infra-virtual>p:last-child span{font-size:10px}.virtual-stack{top:112px;bottom:90px}.virtual-layer{padding:5px 0}.virtual-layer span{font-size:6px;margin-bottom:5px}.virtual-layer strong{font-size:17px}.virtual-layer b{font-size:13px}.resource-map{top:56%;bottom:20%}.resource-node strong{font-size:17px}.resource-node span{font-size:6px}.resource-node small{font-size:7px}.infra-bottom{bottom:44px}.infra-bottom>p{font-size:6px}.infra-bottom nav{font-size:8px}.infra-bottom a{min-height:30px;padding:8px 0}.operations-line{margin-top:23px}.operations-line p{font-size:13px;margin-top:12px}.operations-line span{font-size:7px}.operations-rule{top:76%}.infra-ending{top:115px;bottom:24%}.expertise-words{font-size:30px;gap:15px}.infra-ending img{width:240px;margin-top:30px}.infra-ending>p:last-child{font-size:19px}.infra-static{inset:100px 5% 75px;font-size:12px}.infra-static h2{font-size:31px}}

/* 6.1: the actual server is the lower layer of the logical stack. */



.infra-hero{width:40%;top:29%}
.infra-hero h2{font-size:clamp(49px,4.7vw,70px)}
@media(max-width:800px){.infra-hero{left:25px;right:25px;top:150px;width:auto}.infra-hero h2{font-size:39px}}
@media(max-height:700px) and (max-width:800px){.infra-hero{top:117px}.infra-hero h2{font-size:31px}}
@media(orientation:landscape) and (max-height:520px){.infra-hero{top:110px}.infra-hero h2{font-size:34px}}

/* The outline and WebGL aperture share the same four projected corners. */





/* QA75-012: reserve space for the workstation that is now present from entry. */
@media(min-width:801px) and (min-height:521px){.infra-hero{top:19%}.infra-hero h2{font-size:clamp(49px,4.4vw,66px)}}