/* The capabilities are one connected architecture, built from the foundation up. */
.experience-page .stack-section{position:relative;border-top:1px solid var(--line);padding:0;background:var(--paper)}
.stack-pin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:3.2vw;align-items:center;min-height:900px;padding-block:125px 65px}
.stack-ready .stack-section{height:340svh}
.stack-ready .stack-pin{position:sticky;top:0;height:100svh;min-height:720px;padding-block:105px 35px}
.stack-editorial{position:relative;z-index:2}
.stack-editorial>.section-caption{font-size:11px;margin-bottom:27px}
.stack-editorial h2{font-size:clamp(34px,3.6vw,62px);line-height:1.05;letter-spacing:-.065em;font-weight:550}
.stack-intro{font-size:16px;line-height:1.6;color:var(--muted);margin-top:25px;max-width:365px}
.stack-tabs{display:none;grid-template-columns:1fr;gap:1px;margin:28px 0 24px;max-width:340px}
.stack-ready .stack-tabs{display:grid}
.stack-tabs button{display:flex;gap:17px;align-items:center;width:fit-content;max-width:100%;border:0;padding:6px 10px 6px 0;text-align:left;background:none;font-size:13px;color:#7b827e;transition:color .25s;line-height:1.4}
.stack-tabs button>span{color:var(--blue);font-size:10px;font-variant-numeric:tabular-nums}
.stack-tabs button>i{width:4px;height:4px;border-radius:50%;background:var(--blue);opacity:0;transform:scale(0);transition:opacity .2s,transform .3s}
.stack-tabs button[aria-selected=true]{color:var(--ink)}
.stack-tabs button[aria-selected=true]>i{opacity:1;transform:scale(1)}
.stack-tabs button:hover{color:var(--blue)}
.stack-panels{min-height:178px;max-width:365px}
.stack-panel h3{font-size:16px;letter-spacing:-.025em;margin-bottom:9px;font-weight:600}
.stack-panel p{font-size:13px;line-height:1.65;color:var(--muted);max-width:350px}
.stack-panel .inline-link{font-size:11px;margin-top:20px;gap:18px;padding-bottom:6px;border:0}
.stack-drawing{position:relative;min-width:0;width:100%;align-self:center}
.stack-drawing>svg{width:100%;max-height:calc(100svh - 135px);display:block;overflow:visible;transform:perspective(1400px) rotateY(var(--stack-y,0deg)) rotateX(var(--stack-x,0deg));transform-origin:50% 55%;will-change:transform}
.stack-layer{outline:none}
.stack-plate{transition:translate .5s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.plate-top{fill:var(--paper);stroke:#a4aaa6;stroke-width:.8;transition:fill .4s}
.plate-front{fill:#e9ece9;stroke:#3f3f3f;stroke-width:1.1}
.plate-side{fill:#f0f2ef;stroke:#3f3f3f;stroke-width:1.1}
.plate-trace{stroke:var(--blue);stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:0;fill:none}
.plate-name{font-family:Manrope,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.8px;fill:#303332;pointer-events:none}
.plate-detail{stroke:var(--blue);stroke-width:.8;fill:none;opacity:0!important;transition:opacity .4s}
.plate-detail circle{fill:var(--blue);stroke:none}
.stack-layer[aria-pressed=true] .plate-top{fill:#eaf3fa}
.stack-layer[aria-pressed=true] .plate-detail{opacity:.45!important}
.stack-layer[aria-pressed=true] .plate-name{fill:#146caa}
.stack-layer:focus-visible .plate-trace{stroke-width:3;stroke-dasharray:7 5}
.stack-layer:hover .stack-plate,.stack-layer:focus-visible .stack-plate{translate:0 -10px}
.stack-annotation{pointer-events:none}
.stack-annotation path,.stack-dimension path{stroke:var(--blue);stroke-width:1}
.annotation-title{font-family:Manrope,sans-serif;font-size:17px;font-weight:650;fill:#303332;letter-spacing:-.3px}
.annotation-copy{font-family:'DM Sans',sans-serif;font-size:14px;fill:#686f6a}
.annotation-number{font-family:'DM Sans',sans-serif;font-size:10px;fill:#69736b;font-variant-numeric:tabular-nums}
.stack-dimension text{font-family:'DM Sans',sans-serif;font-size:11px;fill:#2287d9;letter-spacing:.4px}
.stack-instruction{display:flex;align-items:center;gap:12px;margin:25px 0 0 7%;font-size:10px;color:var(--muted)}
.stack-instruction>span:first-child{color:var(--blue);font-size:15px}
.stack-instruction a{margin-left:auto;text-decoration:underline;text-underline-offset:4px;font-size:10px}
.stack-complete .stack-instruction>span:first-child{transform:rotate(-90deg)}
.stack-panel[hidden]{display:none}
:root:not(.stack-ready) .stack-panels{margin-top:28px}
:root:not(.stack-ready) .stack-panel+.stack-panel{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}
.stack-ready .stack-drawing .stack-guides path{stroke-dasharray:1;stroke-dashoffset:var(--guide-offset,1)}
.stack-ready .stack-dimension{opacity:var(--dimension-opacity,0)}
@media(min-width:1800px){.stack-pin{grid-template-columns:1fr 2.1fr;gap:60px}.stack-editorial h2{font-size:62px}}
@media(max-width:1150px){.stack-pin{gap:2vw;grid-template-columns:1fr 1.8fr}.stack-editorial h2{font-size:3.9vw}.stack-intro{font-size:14px}.stack-tabs{margin-top:21px;margin-bottom:20px}.stack-panel p{font-size:12px}.stack-panels{min-height:175px}.stack-instruction{margin-left:0;font-size:9px;gap:7px}.stack-instruction a{font-size:9px}}
@media(max-height:780px) and (min-width:901px){.stack-ready .stack-pin{min-height:640px;padding-top:100px;padding-bottom:15px}.stack-editorial>.section-caption{margin-bottom:17px}.stack-editorial h2{font-size:clamp(32px,3.1vw,47px)}.stack-intro{font-size:14px;margin-top:17px}.stack-tabs{margin-block:17px}.stack-tabs button{font-size:12px;padding-block:4px}.stack-panel h3{font-size:14px}.stack-panel p{font-size:12px}.stack-panels{min-height:148px}.stack-panel .inline-link{margin-top:12px}.stack-instruction{margin-top:10px}}
@media(max-width:900px){
 .stack-ready .stack-section{height:auto}.stack-ready .stack-pin,.stack-pin{position:relative;height:auto;min-height:0;grid-template-columns:1fr;gap:35px;padding-block:90px 60px;max-width:650px}
 .stack-editorial h2{font-size:clamp(36px,6vw,50px);max-width:550px}.stack-editorial>.section-caption{margin-bottom:20px}.stack-intro{font-size:16px;max-width:490px;margin-top:24px}
 .stack-tabs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;gap:5px 20px;margin-block:25px}.stack-tabs button{font-size:13px;gap:12px}.stack-panels{min-height:192px;max-width:480px}.stack-panel p{font-size:14px;max-width:480px}.stack-panel h3{font-size:16px}.stack-panel .inline-link{font-size:12px;margin-top:16px}
 .stack-drawing{max-width:480px;margin-inline:auto}.stack-drawing>svg{max-height:none}.stack-annotation{display:none}.stack-instruction{margin:22px 0 0;justify-content:space-between}.stack-instruction>span:first-child{display:none}.stack-instruction .stack-hint{font-size:10px;max-width:160px}.stack-instruction a{font-size:10px}
}
@media(max-width:420px){.stack-ready .stack-pin{gap:24px}.stack-intro{font-size:15px}.stack-tabs button{font-size:12px;gap:9px}.stack-panel p{font-size:13px}.stack-panels{min-height:225px}.stack-editorial h2{font-size:37px}.stack-drawing{width:95%}.stack-instruction .stack-hint{max-width:140px}.stack-instruction a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.stack-ready .stack-section{height:auto}.stack-ready .stack-pin{position:relative;min-height:800px;height:auto;padding-block:110px 60px}.stack-drawing>svg{transform:none;will-change:auto}.stack-layer:hover .stack-plate,.stack-layer:focus-visible .stack-plate{translate:none}.stack-ready .stack-dimension{opacity:1}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.stack-ready .stack-pin{min-height:0;padding-block:85px 55px}}
