/* A Dukes interpretation of a connected stack: original layout and animation. */
.about-stack{position:relative;isolation:isolate;margin-top:140px;padding:70px 50px 35px;border-block:1px solid #ffffff1a;overflow:hidden;background:radial-gradient(ellipse at 20% 45%,#7c10253d,transparent 52%),linear-gradient(115deg,#150a0f66,#07070899)}
.about-stack-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;align-items:center}
.about-stack-copy{text-align:right;position:relative;z-index:2}.about-stack-copy h2{font-size:clamp(26px,3vw,55px);line-height:1.15;max-width:650px;margin-left:auto}.about-stack-copy p:not(.eyebrow){max-width:590px;margin:24px 0 0 auto;color:#c2b6bd;font-size:15px;line-height:1.8}.about-stack-copy .pill{margin-top:28px}
.about-stack-stage{position:relative;min-width:0;height:400px;contain:layout;overflow:visible;perspective:900px;isolation:isolate}
.about-stack-orbit{position:absolute;width:290px;height:290px;border:1px solid #ffffff0f;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.about-stack-orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #ffffff13;border-radius:50%}
.about-stack-orbit:before{content:'';position:absolute;inset:70px;border-radius:50%;background:#bb213d28;filter:blur(30px)}
.about-stack-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:105px;height:105px;display:grid;place-items:center;border:1px solid #ed8a9d44;border-radius:26px;background:linear-gradient(130deg,#ffffff16,#c12c4310);box-shadow:inset 0 1px 0 #ffffff1a,0 20px 55px #0008,0 0 75px #d22a3e1a;backdrop-filter:blur(14px)}.about-stack-hub img{width:66px;height:66px;object-fit:contain;transform:rotate(8deg)}
.about-stack-tile{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;width:94px;padding:17px 12px 12px;border:1px solid #ffffff2c;border-radius:20px;background:linear-gradient(135deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px 0 #ffffff16,0 14px 30px #0005;backdrop-filter:blur(12px);animation:dukesStackDrift 7s ease-in-out infinite;animation-play-state:paused;will-change:transform}
.about-stack-tile img{display:block;width:38px;height:38px;object-fit:contain}.about-stack-tile span{font-size:10px;color:#d7cdd2;letter-spacing:.05em}.about-stack-tile:not(.stack-clay) img{filter:brightness(0) invert(1)}
.stack-figma{left:13%;top:25px;--tilt:-9deg;animation-delay:-1s}.stack-clay{right:3%;top:61px;--tilt:9deg;animation-delay:-3s}.stack-n8n{left:4%;bottom:43px;--tilt:7deg;animation-delay:-5s}.stack-gpt{right:11%;bottom:22px;--tilt:-7deg;animation-delay:-2s}
.about-stack.is-in-view .about-stack-tile{animation-play-state:running}
.about-stack-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:58px 0 0;padding:27px 0 0;border-top:1px solid #ffffff1d;text-align:right}.about-stack-steps li{min-width:0}.about-stack-steps small{font-family:ManifoldOblique,sans-serif;color:#bf5d70;font-size:10px;display:block;margin-bottom:9px}.about-stack-steps strong{font-size:clamp(11px,1.15vw,18px);font-family:ManifoldOblique,sans-serif;line-height:1.4}.about-stack-steps span{display:block;font-size:11px;color:#a49aa1;line-height:1.7;margin-top:8px}
@keyframes dukesStackDrift{0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt))}50%{transform:translate3d(5px,-16px,0) rotate(0deg)}}
html.motion-paused .about-stack-tile,.about-stack.is-document-hidden .about-stack-tile{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.about-stack-tile{animation:none!important;will-change:auto;transform:rotate(var(--tilt))}}
@media(max-width:1000px){.about-stack{padding:45px 28px 30px}.about-stack-layout{gap:25px;grid-template-columns:.9fr 1.1fr}.about-stack-stage{height:360px}.about-stack-tile{width:76px;padding:13px 8px 10px;border-radius:16px}.about-stack-tile img{width:31px;height:31px}.about-stack-tile span{font-size:9px}.about-stack-orbit{width:240px;height:240px}.stack-figma{left:8%}.stack-clay{right:0}.stack-n8n{left:0}.stack-gpt{right:3%}.about-stack-copy p:not(.eyebrow){font-size:14px}}
@media(max-width:700px){.about-stack{margin-top:85px;padding:32px 20px 27px}.about-stack-layout{display:flex;flex-direction:column-reverse;gap:15px}.about-stack-copy{width:100%}.about-stack-copy h2{font-size:clamp(26px,7.7vw,42px)}.about-stack-copy p:not(.eyebrow){font-size:14px;margin-top:20px}.about-stack-stage{width:100%;height:330px;max-width:430px}.about-stack-hub{width:85px;height:85px;border-radius:23px}.about-stack-hub img{width:56px;height:56px}.about-stack-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;margin-top:10px;padding-top:25px}.about-stack-steps strong{font-size:14px}.stack-figma{left:13%;top:14px}.stack-clay{right:4%;top:45px}.stack-n8n{left:3%;bottom:38px}.stack-gpt{right:13%;bottom:14px}}
/* The wider stack, with the same quiet glass orbit and motion controls. */
.about-stack-stage{height:520px}
.about-stack-tile{width:78px;padding:13px 8px 10px;border-radius:18px;gap:8px}
.about-stack-tile img{width:31px;height:31px}
.about-stack-tile span{font-size:9px}
.stack-figma{left:12%;top:28px;bottom:auto;right:auto}
.stack-adobe{right:13%;top:32px;--tilt:7deg;animation-delay:-4s}
.stack-shopify{left:0;top:155px;--tilt:-6deg;animation-delay:-2s}
.stack-clay{right:0;top:158px;bottom:auto;left:auto}
.stack-n8n{left:0;bottom:145px;top:auto;right:auto}
.stack-gpt{right:0;bottom:145px;top:auto;left:auto}
.stack-agents{left:13%;bottom:28px;--tilt:6deg;animation-delay:-6s}
.stack-portals{right:13%;bottom:24px;--tilt:-8deg;animation-delay:-3s}
.about-stack-capabilities{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:24px 0 0;padding:0;list-style:none}
.about-stack-capabilities li{border:1px solid #ffffff20;border-radius:999px;padding:8px 12px;font-size:11px;line-height:1.5;color:#d3c6cf;background:#ffffff05}
@media(max-width:1000px){.about-stack-stage{height:520px}.about-stack-tile{width:62px;padding:12px 5px 10px;border-radius:15px}.about-stack-tile img{width:27px;height:27px}.about-stack-tile span{font-size:8px}.about-stack-hub{width:84px;height:84px}.about-stack-hub img{width:54px;height:54px}.about-stack-orbit{width:205px;height:300px}}
@media(max-width:700px){.about-stack-stage{height:475px;max-width:390px}.about-stack-tile{width:72px;padding:13px 7px 10px}.about-stack-tile span{font-size:9px}.about-stack-orbit{width:220px;height:290px}.stack-figma{left:14%;top:12px}.stack-adobe{right:14%;top:16px}.stack-shopify{left:0;top:122px}.stack-clay{right:0;top:126px}.stack-n8n{left:0;bottom:128px}.stack-gpt{right:0;bottom:128px}.stack-agents{left:14%;bottom:13px}.stack-portals{right:14%;bottom:9px}}