/* Every caption occupies its own layout row. Artwork never sits over text. */
.art-frame{--art-paper:#f1efe9;--art-ink:#0c192a;--art-rule:#d8dbde;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;margin:0!important;background:var(--art-paper);color:var(--art-ink);overflow:hidden;isolation:isolate}
.art-media{position:relative;display:grid;place-items:center;flex:1;min-width:0;min-height:0;width:100%;aspect-ratio:640/380;overflow:hidden;background:var(--art-paper)}
.art-theme-ink{--art-paper:#0b192a;--art-ink:#dbe6f4;--art-rule:#2b3d54}.art-theme-sand{--art-paper:#e9dfd0;--art-ink:#203247;--art-rule:#cfc3b2}.art-caption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;min-width:0;min-height:49px;padding:14px 20px;border-top:1px solid var(--art-rule);color:var(--art-ink);background:var(--art-paper);font:400 10px/1.5 Inter,Arial,sans-serif;letter-spacing:-.005em;z-index:1}.art-caption span{min-width:0}.art-caption span:last-child{font:400 8px/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.04em;opacity:.65;text-align:right}.art-diagram{display:block!important;width:100%!important;height:100%!important;max-width:100%;min-width:0;flex:none!important;overflow:visible;font-family:Inter,Arial,sans-serif}
.art-type{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400}.art-type-ink{fill:#2d4055}.art-type-light{fill:#c3d5e9}.art-small{font-family:'IBM Plex Mono',monospace;font-size:10px;fill:currentColor;opacity:.68}.art-type-ink .art-small{fill:#617081}.art-type-light .art-small{fill:#acc2df}.art-vendor{font-size:17px;letter-spacing:-.035em;font-weight:500}.art-brand{font-family:var(--editorial,Georgia,serif);font-size:29px;letter-spacing:-.04em}.art-product-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#2341614d,transparent 65%)}
.art-product-stage:before{content:'';position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#a4b7d21c,transparent)}.art-product-stage:after{content:'';position:absolute;width:58%;height:11%;bottom:13%;left:21%;border-radius:50%;background:#0007;filter:blur(13px);z-index:0}.art-product-image{position:relative;display:block;z-index:1;width:85%;height:90%;max-width:580px;object-fit:contain;object-position:center;filter:drop-shadow(0 19px 16px #0005);margin:0!important;padding:0!important;background:none!important;transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.art-compute .art-product-image{width:106%;height:124%;max-width:600px;transform:translateY(-2%)}.art-storage .art-product-image{width:85%;height:100%;max-width:590px;transform:translateY(-3%)}.art-workplace .art-product-image{width:82%;height:84%;max-width:470px;filter:drop-shadow(0 22px 20px #20375230);transform:translateY(-1%)}.art-workplace .art-product-stage{background:radial-gradient(ellipse at 50% 40%,#e1e5e8,transparent 72%)}.art-workplace .art-product-stage:after{background:#1b334b24;bottom:11%;width:51%;left:24.5%}.art-floor{position:absolute;inset:auto 8% 18%;height:1px;background:linear-gradient(90deg,transparent,#9cafc733,transparent)}
@media(hover:hover){a:hover .art-workplace .art-product-image{transform:translateY(-5%)}a:hover .art-storage .art-product-image{transform:translateY(-6%)}a:hover .art-compute .art-product-image{transform:translateY(-4%)}}
@media(max-width:700px){.art-caption{padding:12px 16px;gap:14px;min-height:47px;font-size:9px}.art-caption span:last-child{font-size:7px;max-width:47%}.art-media{aspect-ratio:1.65}.art-type{font-size:15px}.art-small{font-size:11px}.art-caption span:first-child{max-width:58%}.art-compute .art-product-image{height:128%;width:108%}.art-storage .art-product-image{width:91%}.art-workplace .art-product-image{width:83%}}
@media(prefers-reduced-motion:reduce){.art-frame *{transition:none!important;animation:none!important}}
/* Absolute centering keeps percentage sizing independent of implicit grid tracks. */
.art-product-stage{display:block}.art-product-image{position:absolute;left:50%;top:50%;width:88%;height:94%;max-width:none;transform:translate(-50%,-50%)}.art-compute .art-product-image{width:100%;height:128%;max-width:none;transform:translate(-50%,-50%)}.art-storage .art-product-image{width:88%;height:94%;max-width:none;transform:translate(-50%,-50%)}.art-workplace .art-product-image{width:82%;height:86%;max-width:none;transform:translate(-50%,-50%)}
@media(hover:hover){a:hover .art-product-image,a:hover .art-compute .art-product-image,a:hover .art-storage .art-product-image,a:hover .art-workplace .art-product-image{transform:translate(-50%,-53%)}}
@media(max-width:700px){.art-compute .art-product-image{width:104%;height:132%;transform:translate(-50%,-50%)}.art-storage .art-product-image{width:91%;height:94%;transform:translate(-50%,-50%)}.art-workplace .art-product-image{width:83%;height:86%;transform:translate(-50%,-50%)}}