/* A connected capability overview, over the existing photographic canvas. */
.stack-story .stack-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(48px,6vw,95px);align-items:center}
.stack-story .stack-intro h2{font-size:clamp(45px,4.7vw,68px);max-width:13ch}
.stack-story .stack-intro .screen-lede{max-width:37ch}
.stack-story .stack-intro .stack-engagement{color:var(--fg);font-size:17px;margin:23px 0 0;line-height:1.5}
.stack-map{margin:0;max-width:670px;position:relative}
.stack-map-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 15px}
.stack-layers{display:grid;gap:0}
.stack-layer{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:17px;align-items:center;text-decoration:none;color:var(--fg);padding:19px 22px;border:1px solid var(--line-2);border-left:3px solid var(--accent-ink);background:linear-gradient(115deg,color-mix(in srgb,var(--bg-2) 94%,transparent),color-mix(in srgb,var(--bg-3) 85%,transparent));backdrop-filter:blur(12px);transition:border-color .2s,background .2s}
.stack-layer:nth-child(1){margin-inline:48px 0}.stack-layer:nth-child(2){margin-inline:24px 0;border-top:0}.stack-layer:nth-child(3){border-top:0;box-shadow:0 13px 28px rgba(16,37,53,.08)}
.stack-layer:hover,.stack-layer:focus-visible{border-color:var(--accent-ink);background:color-mix(in srgb,var(--bg-2) 96%,transparent)}
.stack-layer-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;color:var(--accent-ink)}
.stack-layer-icon svg{width:20px;height:20px}
.stack-layer strong{display:block;font-size:21px;font-weight:500;line-height:1.25}
.stack-layer small{display:block;font-size:15px;line-height:1.4;color:var(--fg-2);margin-top:4px}
.stack-layer-arrow{font-size:21px;color:var(--accent-ink);justify-self:end}
.stack-environments{padding:21px 0 0;margin-top:10px;border-top:1px solid var(--line-2)}
.stack-environments p{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.stack-environments ul{display:flex;gap:0;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:var(--fg);font-size:16px}
.stack-environments li+li{border-left:1px solid var(--line-2);padding-left:19px;margin-left:19px}
@media(max-width:850px){.stack-story .stack-layout{grid-template-columns:1fr;gap:32px}.stack-map{max-width:none}.stack-story .stack-intro h2{font-size:clamp(40px,7vw,54px)}.stack-story .stack-intro .screen-lede{margin-top:18px}.stack-story .stack-intro .stack-engagement{margin-top:14px}.stack-story{padding-block:118px 105px}}
@media(max-width:600px){.stack-story{min-height:100svh;padding-block:112px 105px}.stack-story .stack-layout{gap:27px}.stack-story .stack-intro h2{font-size:40px}.stack-story .screen-kicker{margin-bottom:15px}.stack-story .stack-intro .screen-lede{font-size:18px;line-height:1.45}.stack-story .stack-intro .stack-engagement{font-size:16px}.stack-map-title{margin-bottom:10px}.stack-layer{padding:13px 14px;grid-template-columns:34px minmax(0,1fr) 20px;gap:12px}.stack-layer:nth-child(1){margin-left:20px}.stack-layer:nth-child(2){margin-left:10px}.stack-layer-icon{width:34px;height:34px}.stack-layer strong{font-size:18px}.stack-layer small{font-size:14px}.stack-environments{padding-top:15px}.stack-environments ul{font-size:15px}.stack-environments li+li{padding-left:12px;margin-left:12px}}
@media(prefers-reduced-motion:reduce){.stack-layer{transition:none}}