.equipment-hero { background: radial-gradient(ellipse at 75% 30%,#254d89,transparent 55%),#101f43; color:#fff; padding:clamp(3rem,6vw,5rem) 0 0; }
.equipment-hero__grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:clamp(2rem,4vw,4rem); align-items:center; padding-bottom:4rem; }
.equipment-hero h1 { color:#fff; font-size:clamp(2.5rem,4vw,3.75rem); line-height:1.08; letter-spacing:-.04em; margin:1rem 0 1.5rem; }
.equipment-hero__lead { color:#dce5f5; max-width:42ch; font-size:1.08rem; line-height:1.8; margin-bottom:2rem; }
.equipment-eyebrow { font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:#a9c4f4; }
.equipment-hero__meta { display:flex; gap:2rem; flex-wrap:wrap; padding:1.4rem 0; border-top:1px solid #ffffff30; font-size:.8rem; color:#dce5f5; }
.equipment-hero__meta strong { color:#fff; margin-right:.5rem; }
.equipment-partner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(1.5rem,4vw,3rem); align-items:center; padding-block:2.25rem; border-bottom:1px solid var(--color-border); }
.equipment-partner img { max-width:170px; max-height:80px; object-fit:contain; }
.equipment-partner h2 { font-size:1.4rem; margin-bottom:.6rem; }
.equipment-partner p { color:var(--color-text-secondary); max-width:65ch; }
.equipment-explore { padding-block:3rem 1rem; }
.equipment-explore h2 { margin-bottom:.75rem; }
.equipment-category-nav { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
.equipment-category-nav a { text-decoration:none; padding:.85rem 1.1rem; background:var(--color-surface); border:1px solid var(--color-border); border-radius:100px; font-size:.9rem; font-weight:500; }
.equipment-category-nav a:hover { background:var(--color-primary-subtle); border-color:var(--color-primary); }
.equipment-category { padding-block:3rem; scroll-margin-top:1.5rem; }
.equipment-category__heading { display:flex; align-items:baseline; gap:1rem; margin-bottom:.8rem; }
.equipment-category__number { color:var(--color-accent); font-size:.85rem; font-weight:600; }
.equipment-category__intro { color:var(--color-text-secondary); max-width:65ch; margin-bottom:2rem; }
.equipment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; align-items:start; }
.equipment-grid--vitals { grid-template-columns:repeat(3,minmax(0,1fr)); }
.equipment-card { border:1px solid var(--color-border); border-radius:1rem; background:#fff; overflow:hidden; transition:box-shadow .25s,border-color .25s; scroll-margin-top:1.5rem; }
.equipment-card:hover { box-shadow:0 12px 35px #14295812; border-color:#a5b7d4; }
.equipment-card__visual { position:relative; margin:0; background:#fff; padding:1.5rem; border-bottom:1px solid #edf0f5; }
.equipment-card__visual img { width:100%; height:250px; object-fit:contain; transition:transform .35s; }
.equipment-card:hover .equipment-card__visual img { transform:translateY(-3px); }
.equipment-card__visual figcaption { font-size:.72rem; color:var(--color-text-secondary); margin-top:.75rem; }
.equipment-card__body { padding:1.5rem; }
.equipment-card__label { color:var(--color-primary-light); font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.12em; }
.equipment-card h3 { margin:.5rem 0 .8rem; font-size:1.7rem; color:var(--color-primary-dark); }
.equipment-card__description { color:var(--color-text-secondary); min-height:4.8em; }
.equipment-tags { display:flex; gap:.45rem; flex-wrap:wrap; list-style:none; margin:1rem 0 1.25rem; }
.equipment-tags li { font-size:.75rem; background:var(--color-surface); padding:.35rem .6rem; border-radius:.35rem; }
.equipment-card details { border-top:1px solid var(--color-border); padding-block:1rem; }
.equipment-card summary { color:var(--color-primary); cursor:pointer; font-weight:600; font-size:.9rem; padding:.35rem 0; }
.equipment-specs { margin:1rem 0; }
.equipment-specs div { padding:.65rem 0; border-bottom:1px solid #edf0f5; }
.equipment-specs dt { font-size:.8rem; font-weight:600; color:var(--color-primary-dark); }
.equipment-specs dd { margin:.25rem 0 0; font-size:.88rem; color:var(--color-text-secondary); }
.equipment-note { padding:1rem; border-left:2px solid var(--color-primary); background:var(--color-surface); font-size:.82rem; line-height:1.65; margin:1rem 0; color:var(--color-text-secondary); }
.equipment-source { font-size:.82rem; display:inline-block; padding:.5rem 0; text-underline-offset:3px; }
.equipment-card__cta { display:flex; justify-content:space-between; align-items:center; gap:.5rem; font-size:.9rem; font-weight:600; text-decoration:none; border-top:1px solid var(--color-border); padding-top:1rem; }
.equipment-gallery { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
.equipment-gallery[hidden] { display:none; }
.equipment-gallery button { border:1px solid var(--color-border); border-radius:5px; background:#fff; color:var(--color-primary); padding:.45rem .6rem; font-size:.75rem; min-height:36px; }
.equipment-gallery button[aria-pressed="true"] { border-color:var(--color-primary); background:var(--color-primary-subtle); }
.equipment-modules { display:grid; grid-template-columns:200px 1fr; align-items:center; gap:2rem; padding:2rem; margin-top:1.5rem; border-radius:1rem; background:var(--color-surface); }
.equipment-modules img { max-height:150px; object-fit:contain; }
.equipment-modules h3 { font-size:1.2rem; margin-bottom:.5rem; }
.equipment-modules p { color:var(--color-text-secondary); font-size:.9rem; }
.equipment-cta { background:var(--color-primary-dark); color:#fff; padding:clamp(2rem,5vw,4rem); border-radius:1rem; margin-block:2rem 5rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.equipment-cta h2 { color:#fff; margin-bottom:.75rem; }
.equipment-cta p { color:#dce5f5; max-width:56ch; }
.equipment-image-fallback { min-height:180px; display:grid; place-items:center; color:var(--color-text-secondary); text-align:center; }
@media (max-width:1000px) {
 .equipment-grid--vitals { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
 .equipment-hero__grid,.equipment-grid,.equipment-grid--vitals { grid-template-columns:1fr; }
 .equipment-hero__grid { padding-bottom:2rem; }
 .equipment-partner,.equipment-modules { grid-template-columns:1fr; }
 .equipment-category-nav a { font-size:.8rem; }
 .equipment-card__description { min-height:0; }
 .equipment-cta { flex-direction:column; align-items:flex-start; }
 .equipment-hero__meta { gap:.65rem 1.5rem; }
 .equipment-category__heading h2 { font-size:1.65rem; }
}
@media (prefers-reduced-motion:no-preference) {
 .equipment-card.is-revealing { animation:equipment-reveal .5s ease both; }
 @keyframes equipment-reveal { from { opacity:.3; transform:translateY(16px); } to { opacity:1; transform:none; } }
}
@media (prefers-reduced-motion:reduce) {
 .equipment-card,.equipment-card__visual img { transition:none; }
 .equipment-card:hover .equipment-card__visual img { transform:none; }
}

/* Catalogue Hero monitor: a restrained, schematic live-monitor treatment. */
.equipment-hero__grid > :first-child,.equipment-hero__monitor { min-width:0; }
.equipment-hero__monitor { margin:0; position:relative; padding:clamp(.75rem,2vw,1.25rem); border:1px solid #83b7ef35; border-radius:1.2rem; background:linear-gradient(145deg,#142b50 0%,#0c1933 78%); box-shadow:0 24px 58px #07132955,inset 0 1px #ffffff0a; }
.equipment-hero__monitor-frame { overflow:hidden; border:1px solid #91b8e326; border-radius:.75rem; background:linear-gradient(180deg,#0c1a32,#0a172c); }
.equipment-hero__monitor-canvas { display:block; width:100%; height:clamp(220px,27vw,330px); }
.equipment-category { position:relative; border-top:1px solid #dbe3ef; padding-block:clamp(2.5rem,5vw,4rem); }
.equipment-category__heading { gap:1rem; }
.equipment-category__heading h2 { letter-spacing:-.025em; }
.equipment-category__number { padding:.35rem .55rem; border-radius:99px; background:var(--color-primary-subtle); }
.equipment-grid,.equipment-grid--vitals { align-items:stretch; }
.equipment-card { display:flex; flex-direction:column; min-width:0; box-shadow:0 4px 18px #14295808; }
.equipment-card__visual { background:linear-gradient(180deg,#fbfcfe,#f5f8fc); }
.equipment-card__visual img { max-width:100%; }
.equipment-card__body { display:flex; flex:1; flex-direction:column; }
.equipment-card__cta { margin-top:auto; }
.equipment-category-nav a { transition:background-color .2s,border-color .2s,transform .2s; }
.equipment-category-nav a:hover { transform:translateY(-2px); }
.equipment-gallery button { cursor:pointer; transition:background-color .2s,border-color .2s; }
.equipment-gallery button:focus-visible,.equipment-category-nav a:focus-visible { outline:3px solid #6ca6e8; outline-offset:3px; }
@media(max-width:1000px) { .equipment-hero__grid { grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:2rem; } .equipment-hero__monitor-canvas { height:250px; } }
@media(max-width:700px) { .equipment-hero__grid { grid-template-columns:1fr; gap:2rem; } .equipment-hero__monitor { width:100%; } .equipment-hero__monitor-canvas { height:220px; } .equipment-partner { gap:1rem; } .equipment-category { padding-block:2.5rem; } .equipment-card__visual img { height:220px; } .equipment-modules { padding:1.25rem; } }
@media(prefers-reduced-motion:reduce) { .equipment-category-nav a,.equipment-gallery button { transition:none; } .equipment-category-nav a:hover { transform:none; } }

/* Desktop proportions for wide monitors while preserving fluid gutters. */
@media (min-width:1440px) { .equipment-hero__grid { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:clamp(3rem,5vw,5.5rem); } .equipment-hero h1 { max-width:16ch; font-size:clamp(3.25rem,3.4vw,4.25rem); } .equipment-partner { gap:clamp(2rem,4vw,4rem); } }
@media (min-width:701px) and (max-width:900px) { .equipment-hero__grid { grid-template-columns:1fr; gap:2rem; } .equipment-hero__monitor { max-width:42rem; width:100%; justify-self:center; } .equipment-hero h1 { max-width:22ch; } }