/* Scoped HPE drive catalogues: each collection uses a distinct palette */
.drive-page{--drive:#176cc5;--drive-bright:#67c3ff;--drive-light:#e7f2ff;background:#f4f7fb;color:#152d47}
.drive-theme-hdd{--drive:#1974c5;--drive-bright:#73d5ff;--drive-light:#e7f3ff}
.drive-theme-ssd{--drive:#078c77;--drive-bright:#65edd0;--drive-light:#defaf1}
.drive-theme-nvme{--drive:#7b4de6;--drive-bright:#d2b6ff;--drive-light:#f0eaff}
.drive-theme-msa{--drive:#b9781b;--drive-bright:#ffd08b;--drive-light:#fff3df}
.drive-page .nav{background:#fff;border-bottom:1px solid #e0e8f0}
.drive-page .brand,.drive-page .brand-text{color:#153451}
.drive-page .brand em{color:#1678a9;-webkit-text-fill-color:#1678a9}
.drive-page .navlinks a{color:#28445e;font-size:.79rem}
.drive-page .navlinks a[href="hpe-server-drives.html"]{color:#096c9d;font-weight:850}
.drive-page .navlinks a:hover{color:#0c79a2;background:#edf6fc}
.drive-crumb{display:flex;flex-wrap:wrap;gap:11px;align-items:center;padding-top:23px;padding-bottom:20px;color:#60758a;font-size:.79rem}
.drive-crumb a{color:#1d668e;text-decoration:none}
.drive-crumb a:hover{text-decoration:underline}
.drive-hero{background:linear-gradient(120deg,#fff 2%,var(--drive-light));border-block:1px solid #e2e8f1}
.drive-hero-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(290px,.87fr);align-items:center;gap:39px;padding-top:62px;padding-bottom:67px}
.drive-eyebrow,.drive-overline{color:var(--drive);letter-spacing:.17em;font-size:.72rem;font-weight:850;margin:0 0 15px}
.drive-hero h1{font-size:clamp(2.45rem,4.7vw,4.5rem);line-height:1.07;letter-spacing:-.055em;color:#142b44;margin:0 0 22px;font-weight:850}
.drive-hero-text>p:not(.drive-eyebrow){color:#55718a;font-size:1.04rem;line-height:1.83;max-width:720px}
.drive-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.drive-primary,.drive-secondary{min-height:46px;display:inline-flex;justify-content:center;align-items:center;padding:13px 22px;font-size:.86rem;font-weight:850;text-decoration:none;border-radius:12px}
.drive-primary{background:var(--drive);color:#fff;border:1px solid var(--drive)}
.drive-primary:hover{filter:brightness(.9);color:#fff}
.drive-secondary{background:#ffffffd9;color:#2a516d;border:1px solid #c0d2df}
.drive-secondary:hover{background:#fff;color:#195279}
.drive-display{position:relative;min-height:310px;overflow:hidden;border-radius:27px;background:radial-gradient(circle at 79% 24%,#ffffff46,transparent 35%),linear-gradient(137deg,#112944,var(--drive));box-shadow:0 30px 55px #11294424;display:grid;place-items:center;padding:24px;color:#fff}
.drive-display:before,.drive-display:after{content:"";position:absolute;border:1px solid #ffffff22;width:260px;height:260px;border-radius:50%;right:-110px;bottom:-115px}
.drive-display:after{width:370px;height:370px;right:-130px;bottom:-210px}
.drive-display-top{position:absolute;top:26px;left:27px;right:27px;display:flex;justify-content:space-between;gap:14px;font-size:.62rem;font-weight:850;letter-spacing:.1em;color:#ffffffb8}
.drive-disc{position:relative;width:160px;height:160px;border:12px solid #ffffff95;border-radius:50%;background:radial-gradient(circle,#fff 0 11px,transparent 12px 19px,#ffffff91 20px 28px,transparent 29px);transform:rotate(-18deg);box-shadow:0 0 0 14px #ffffff20,0 0 0 29px #ffffff10}
.drive-disc i{position:absolute;background:#ffffffb8;height:13px;width:48px;left:50%;top:50%;transform-origin:left center;border-radius:10px}
.drive-disc i:nth-child(1){transform:rotate(16deg)}.drive-disc i:nth-child(2){transform:rotate(136deg)}.drive-disc i:nth-child(3){transform:rotate(256deg)}
.drive-theme-ssd .drive-disc,.drive-theme-nvme .drive-disc{border-radius:18px;border:9px solid #ffffffb0;background:repeating-linear-gradient(90deg,transparent 0 31px,#ffffff4e 32px 36px);width:225px;height:110px;transform:rotate(-10deg)}
.drive-theme-ssd .drive-disc i,.drive-theme-nvme .drive-disc i{height:24px;width:28px;background:#ffffffae;border-radius:5px;position:absolute;top:25px;left:18px;transform:none}
.drive-theme-ssd .drive-disc i:nth-child(2),.drive-theme-nvme .drive-disc i:nth-child(2){left:80px}.drive-theme-ssd .drive-disc i:nth-child(3),.drive-theme-nvme .drive-disc i:nth-child(3){left:146px}
.drive-theme-msa .drive-disc{width:240px;height:145px;border:3px solid #ffffff9f;border-radius:13px;transform:rotate(-8deg);background:repeating-linear-gradient(0deg,#ffffff26 0 23px,#ffffff6f 25px 29px);box-shadow:0 11px 0 #ffffff46,0 22px 0 #ffffff23}
.drive-theme-msa .drive-disc i{display:none}
.drive-display-foot{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end}
.drive-display-foot>span{font-weight:800;letter-spacing:.04em;font-size:.85rem}
.drive-display-foot strong{font-size:2.75rem;line-height:1;color:#fff}
.drive-category-row{display:flex;gap:9px;padding-top:22px;padding-bottom:10px;flex-wrap:wrap}
.drive-category-row a{background:#fff;border:1px solid #dbe5ee;color:#2b506f;padding:10px 15px;text-decoration:none;border-radius:12px;font-size:.81rem;font-weight:850}
.drive-category-row a:hover{color:var(--drive);border-color:var(--drive)}
.drive-category-row a span{color:var(--drive);margin-left:9px}
.drive-list-section{padding-top:68px;padding-bottom:80px}
.drive-section-intro{max-width:790px;margin-bottom:28px}
.drive-section-intro h2,.drive-guidance h2,.drive-next h2,.drive-cta h2{color:#142c47;font-size:clamp(1.8rem,3vw,2.65rem);font-weight:850;letter-spacing:-.045em;line-height:1.19;margin:0 0 14px}
.drive-section-intro>p:not(.drive-overline){color:#59718a;line-height:1.77;margin:0}
.drive-toolbar{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(140px,1fr));gap:13px;padding:21px;border:1px solid #d8e4ee;border-radius:18px;background:#eaf1f7}
.drive-theme-msa .drive-toolbar{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(120px,1fr))}
.drive-toolbar label{display:block;font-weight:780;font-size:.77rem;color:#385971;margin-bottom:8px}
.drive-toolbar input,.drive-toolbar select{width:100%;min-height:44px;border:1px solid #c6d5e1;background:#fff;color:#203d57;border-radius:10px;padding:10px 12px;font-size:.82rem;outline-offset:1px}
.drive-list-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0}
.drive-list-summary p{margin:0;color:#577087;font-size:.83rem}
.drive-list-summary a{font-size:.82rem;color:var(--drive);font-weight:800}
.drive-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.drive-card{display:flex;flex-direction:column;gap:14px;border:1px solid #e1e8f0;background:#fff;border-radius:18px;padding:23px;box-shadow:0 12px 29px #162c3e08;min-height:235px}
.drive-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.drive-part{font-weight:850;letter-spacing:.04em;color:var(--drive);font-size:.9rem}
.drive-num{font-size:.69rem;color:#90a1af;letter-spacing:.08em;font-weight:750}
.drive-card h3{font-size:1.04rem;font-weight:800;color:#20374e;line-height:1.54;margin:0}
.drive-card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:1px solid #eef2f5;padding:13px 0;margin:0}
.drive-card-facts dt{font-size:.65rem;letter-spacing:.08em;color:#8c9ba8;font-weight:800;text-transform:uppercase;margin-bottom:5px}
.drive-card-facts dd{margin:0;color:#32536c;font-weight:780;font-size:.83rem;overflow-wrap:anywhere}
.drive-card-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;flex-wrap:wrap}
.drive-card-foot a{color:var(--drive);font-size:.84rem;font-weight:850;text-decoration:none}
.drive-card-foot a:hover{text-decoration:underline}
.drive-card-foot span{font-size:.72rem;color:#81909f}
.drive-check{font-size:.75rem;color:#815514;border:1px solid #e7d9a8;background:#fff8e9;padding:10px 12px;border-radius:8px;margin:0}
.drive-alert{margin-top:27px;color:#775628;background:#fff7e8;border-left:4px solid #d69a40;border-radius:10px;padding:18px 20px;font-size:.83rem;line-height:1.78}
.drive-empty{padding:40px;background:#fff;border:1px dashed #b7c9d8;border-radius:15px;text-align:center}
.drive-empty h3{color:#1e425c}.drive-empty p{color:#6a7e91}.drive-empty button{background:var(--drive);color:#fff;border:0;border-radius:10px;padding:11px 20px;cursor:pointer}
.drive-guidance{background:#e9eff6;padding:70px 0}
.drive-guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.drive-guidance-grid>div>p:not(.drive-overline){color:#60758a;line-height:1.76}
.drive-guidance ol{list-style:none;padding:0;margin:0;background:#fff;border:1px solid #dce6f0;border-radius:18px}
.drive-guidance li{display:flex;gap:19px;padding:21px 23px;border-bottom:1px solid #e8eef3;align-items:flex-start}
.drive-guidance li:last-child{border:0}
.drive-guidance li span{color:var(--drive);font-weight:850}
.drive-guidance li p{margin:0;color:#3c586f;font-size:.85rem;line-height:1.61;font-weight:680}
.drive-next{padding-top:69px;padding-bottom:76px}
.drive-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.drive-next-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dae5ed;border-radius:14px;padding:17px;text-decoration:none}
.drive-next-card:hover{border-color:var(--drive)}
.drive-next-symbol{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;background:var(--drive-light);color:var(--drive);border-radius:13px;font-size:1.5rem}
.drive-next-card span:nth-child(2){min-width:0;flex:1}
.drive-next-card strong{display:block;color:#193a55;font-size:.85rem}
.drive-next-card small{color:#647e93;font-size:.74rem}
.drive-next-card b{color:var(--drive)}
.drive-cta{padding:47px 0;background:#fff;border-top:1px solid #e5edf3}
.drive-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}
.drive-cta-grid h2{font-size:1.85rem}.drive-cta-grid>div>p:not(.drive-overline){color:#698095;margin:0}
.drive-hub-hero{background:linear-gradient(114deg,#0f253e 8%,#174664 72%,#23667d);color:#fff;padding:83px 0 100px;position:relative;overflow:hidden}
.drive-hub-head{position:relative;z-index:1}.drive-hub-head h1{font-size:clamp(2.7rem,5.4vw,5.3rem);line-height:1.08;letter-spacing:-.055em;font-weight:880;color:#fff;margin:0 0 21px}
.drive-hub-head h1 em{font-style:normal;color:#8de8db}
.drive-hub-head>p:not(.drive-eyebrow){color:#d2e3ed;font-size:1.05rem;line-height:1.8;max-width:710px;margin-bottom:29px}
.drive-hub-head .drive-eyebrow{color:#81eee0}
.drive-hub-head .drive-primary{background:#55decb;border-color:#55decb;color:#103c45}
.drive-hub-pulse{position:absolute;right:10px;top:50px;width:270px;height:270px;border:1px dashed #ffffff63;border-radius:50%;display:grid;place-items:center;opacity:.5;z-index:-1}
.drive-hub-pulse span{position:absolute;background:#ffffff20;border:1px solid #ffffff5f;border-radius:19px;padding:9px 15px;letter-spacing:.15em;font-weight:850;font-size:.72rem}
.drive-hub-pulse span:nth-child(1){left:-15px;top:35px}.drive-hub-pulse span:nth-child(2){right:-15px;top:42px}
.drive-hub-pulse span:nth-child(3){bottom:25px;left:-7px}.drive-hub-pulse span:nth-child(4){bottom:20px;right:-15px}
.drive-hub-section{padding-top:77px;padding-bottom:82px}
.drive-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.drive-hub-card{display:flex;flex-direction:column;gap:15px;border:1px solid #e1e7ef;border-radius:21px;background:#fff;padding:31px;color:#1c3a54;text-decoration:none;min-height:265px}
.drive-hub-card:hover{border-color:#97bfd7;box-shadow:0 17px 35px #15394d13}
.drive-hub-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7c91a4;font-size:.7rem;font-weight:850;letter-spacing:.12em}
.drive-hub-card-top span:last-child{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#e7f3ff;color:#1974c5;font-size:2rem}
.drive-hub-ssd .drive-hub-card-top span:last-child{background:#defaf1;color:#078c77}
.drive-hub-nvme .drive-hub-card-top span:last-child{background:#f0eaff;color:#7b4de6}
.drive-hub-msa .drive-hub-card-top span:last-child{background:#fff3df;color:#b9781b}
.drive-hub-card h2{font-size:1.38rem;color:#153550;letter-spacing:-.025em;margin:0}
.drive-hub-card>p{color:#637990;line-height:1.7;font-size:.84rem;margin:0}
.drive-hub-card-foot{display:flex;justify-content:space-between;gap:14px;margin-top:auto;color:#56778e;font-size:.81rem}
.drive-hub-card-foot b{color:#0a6999}
.drive-hub-memory{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:26px 30px;margin-top:25px;border:1px solid #cbe9e2;background:#e5f9f2;border-radius:17px}
.drive-hub-memory strong{color:#19524f;font-size:1.05rem}
.drive-hub-memory p{margin:6px 0 0;color:#5d807d;font-size:.83rem}
.drive-hub-memory a{color:#10685e;font-weight:850;font-size:.87rem;flex-shrink:0;text-decoration:none}
.drive-home-promo{background:#eaf4fe;border-block:1px solid #cddfea;padding:27px 0}
.drive-home-promo-inner{display:flex;justify-content:space-between;align-items:center;gap:26px}
.drive-home-promo h2{color:#163b58;font-size:clamp(1.28rem,2.7vw,1.9rem);margin:0 0 7px}
.drive-home-promo p{color:#54768e;font-size:.85rem;margin:0}
.drive-home-promo a,.drive-link-promo a{background:#15699b;padding:12px 19px;color:#fff;text-decoration:none;font-size:.85rem;font-weight:820;border-radius:10px;white-space:nowrap}
.drive-link-promo{display:flex;justify-content:space-between;align-items:center;gap:21px;border:1px solid #c9deeb;border-radius:17px;background:#eaf4fd;margin-top:20px;margin-bottom:24px;padding:24px 28px}
.drive-link-promo strong{display:block;color:#174467;font-size:1.12rem}
.drive-link-promo p{margin:7px 0 0;color:#5f7e95;font-size:.83rem}
.drive-memory-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;background:#eaf4fb;border:1px solid #d4e5f0;border-radius:15px}
.drive-memory-link strong{color:#174467}.drive-memory-link a{color:#176a9c;font-weight:800;text-decoration:none}
.drive-page [hidden]{display:none!important}
@media(max-width:1050px){.drive-hero-layout{grid-template-columns:1fr 300px}.drive-hub-pulse{opacity:.2}.drive-toolbar,.drive-theme-msa .drive-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.drive-hero-layout,.drive-guidance-grid{grid-template-columns:1fr}.drive-display{max-width:560px;width:100%}.drive-cards{grid-template-columns:1fr}.drive-cta-grid,.drive-home-promo-inner,.drive-link-promo,.drive-hub-memory{flex-direction:column;align-items:flex-start}.drive-next-grid{grid-template-columns:1fr}}
@media(max-width:620px){.drive-hero-layout{padding-top:40px;padding-bottom:44px}.drive-list-section{padding-top:43px;padding-bottom:50px}.drive-toolbar,.drive-theme-msa .drive-toolbar{grid-template-columns:1fr}.drive-hub-grid{grid-template-columns:1fr}.drive-hub-hero{padding:58px 0 70px}.drive-hub-pulse{display:none}.drive-hub-section{padding-top:45px;padding-bottom:55px}.drive-list-summary{align-items:flex-start;flex-direction:column;gap:8px}.drive-card-facts{gap:7px}.drive-cta-grid h2{font-size:1.65rem}}

/* HPE hardware photographs instead of CSS-drawn drive media */
.drive-photo-frame{min-height:290px;background:white;border:1px solid #e6edf3;box-shadow:0 26px 50px #122c4b21;border-radius:22px;padding:18px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;overflow:hidden}
.drive-photo-frame img{width:100%;height:240px;max-width:100%;object-fit:contain}
.drive-photo-frame figcaption{text-align:center;color:#50677f;font-size:.75rem;line-height:1.4}
.drive-hub-photo{position:absolute;right:0;top:-5px;width:275px;z-index:-1;border-radius:18px;background:#fff;padding:12px;margin:0;box-shadow:0 17px 30px #07172a2d}
.drive-hub-photo img{width:100%;height:155px;object-fit:contain}
.drive-hub-photo figcaption{font-size:.68rem;color:#466177}
@media(max-width:800px){.drive-photo-frame{max-width:540px;width:100%}.drive-hub-photo{position:relative;right:auto;top:auto;margin-top:25px;width:min(300px,100%);z-index:0}}

/* Accurate product-photo figures for drive and storage media pages */
.hpe-drive-photo{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:19px;min-height:0}
.drive-photo-surface{background:white;width:100%;padding:20px;display:grid;place-items:center;min-height:238px}
.hpe-drive-photo .drive-photo-surface img{display:block;width:100%;max-width:100%;height:230px;object-fit:contain}
.hpe-drive-photo figcaption{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;background:#f8fafc;border-top:1px solid #e5ecf1;padding:12px 15px;line-height:1.5;text-align:center}
.hpe-drive-photo figcaption strong{color:#163e59;font-size:.84rem}.hpe-drive-photo figcaption span{color:#62788d;font-size:.72rem}
.hpe-drive-photo figcaption a{font-weight:800;color:#156e96;font-size:.76rem;text-decoration:none}
.drive-hub-gallery{position:absolute;right:3px;top:0;display:grid;grid-template-columns:repeat(2,140px);gap:10px}
.drive-hub-gallery-item{background:white;display:grid;justify-items:center;gap:6px;padding:10px;border-radius:11px;border:1px solid #d1e3ef;text-decoration:none;color:#27516b;box-shadow:0 8px 24px #081c3144}
.drive-hub-gallery-item img{width:100%;height:95px;object-fit:contain;max-width:100%}
.drive-hub-gallery-item span{text-align:center;font-size:.66rem;font-weight:850;line-height:1.4}
.hpe-drive-photo-unavailable{width:100%;display:grid;place-items:center;padding:9px;text-align:center;border-radius:8px;background:#edf4f8;color:#315872;font-size:.76rem;line-height:1.4;font-weight:780;min-height:65px}
@media(max-width:1100px){.drive-hub-gallery{position:relative;right:auto;top:auto;margin-top:25px;max-width:300px}}
@media(max-width:700px){.drive-hub-gallery{grid-template-columns:repeat(2,minmax(0,135px))}}