/* Viewport-sized product scenes, with a separate compact rack drawing for phones. */
.rack-hero{height:calc(100svh - var(--head,76px));max-height:820px;padding:24px 0;margin-top:var(--head,76px);background:#edf0e7;border-bottom:1px solid #d3dccc;box-sizing:border-box}
.rack-hero .rh-grid{height:100%;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:38px;min-height:0}
.rack-hero .rh-copy{min-width:0}
.rack-hero .rh-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#71364a;font-weight:700;margin:0 0 18px}
.rack-hero h1{font-size:clamp(37px,3.8vw,58px);font-weight:400;line-height:1.07;letter-spacing:-.055em;margin:0;color:#26392e;max-width:15ch}
.rack-hero .rh-lead{font-size:14px;line-height:1.75;max-width:41ch;margin:23px 0;color:#4b5e4c}
.rack-hero .rh-links{display:flex;flex-wrap:wrap;gap:9px}
.rack-hero .rh-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:10px 13px;border:1px solid #b4c1ac;border-radius:5px;color:#71364a;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none}
.rack-hero .rh-links a:first-child{background:#71364a;border-color:#71364a;color:#fff9f0}
.rack-hero .rh-links a:hover{box-shadow:0 2px 8px #25382b16}
.rack-hero .rh-compare{display:inline-flex;gap:10px;align-items:center;font-size:11px;font-weight:700;line-height:1.5;margin-top:21px;color:#43553e;text-decoration:none;border-bottom:1px solid #9cad91;padding-bottom:4px}
.rack-hero .breadcrumbs{font-size:11px;margin:0 0 25px}
.rack-hero-manifold .rh-eyebrow{max-width:28ch}
.rh-product-studies{padding:40px 0 44px;background:#f4efe8}
.rh-product-studies .rh-studies-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
.rh-product-studies h2{font-size:clamp(25px,2.8vw,36px);line-height:1.12;letter-spacing:-.04em;font-weight:400;margin:0}
.rh-product-studies p{font-size:13px;line-height:1.7;color:#56634f;max-width:44ch;margin:0}
.rh-product-studies .cl-home-studies{max-width:950px;margin-inline:auto}
.rh-product-studies .cl-home-photo{aspect-ratio:auto}
.rh-product-studies .cl-home-photo img{aspect-ratio:1.8;object-fit:cover;height:auto}
.rh-manifold-study h2{font-size:clamp(31px,3.6vw,49px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0}
.rack-motion{min-width:0;color:#e5eadc;scroll-margin-top:0}
.rack-motion>.wrap{padding:0;max-width:none}
.rack-motion .rm-board{position:relative;min-width:0;border:1px solid #405849;border-radius:10px;background:radial-gradient(ellipse at 50% 20%,#2c4335 0,#1e3228 55%,#15291f 100%);box-shadow:0 16px 35px #33432d0c}
.rack-motion .rm-board-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px 10px;border-bottom:1px solid #415344;min-width:0}
.rack-motion .rm-board-head h2{font-size:13px;line-height:1.4;font-weight:700;letter-spacing:-.015em;margin:0;color:#e2ead9;max-width:none}
.rack-motion .rm-board-head span{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#b2c3a5;white-space:nowrap}
.rack-motion .rm-board-head i{width:5px;height:5px;border-radius:50%;background:#bedba4}
.rack-motion .rm-controls{padding:9px 16px 0}
.rack-motion .rm-tray-controls{display:flex;gap:6px}
.rack-motion button,.rack-motion summary{font:inherit;font-size:11px;font-weight:700;line-height:1.35;color:#d2dfc7;cursor:pointer}
.rack-motion .rm-tray-controls button{flex:1;min-height:44px;padding:7px 10px;border:1px solid #536a4c;border-radius:5px;background:transparent;white-space:nowrap}
.rack-motion .rm-tray-controls button:hover{border-color:#9db98d;background:#344f3d}
.rack-motion button:focus-visible,.rack-motion summary:focus-visible{outline:2px solid #d6edc1;outline-offset:2px}
.rack-motion button[aria-pressed="true"]{background:#d3e4c3;border-color:#d3e4c3;color:#223a28}
.rack-motion button:disabled{cursor:default;opacity:.55}
.rack-motion .rm-drawing{padding:0 12px;min-height:0}
.rack-motion .rm-svg{display:block;width:100%;height:clamp(215px,calc(100svh - 390px),430px);overflow:visible}
.rack-motion .rm-diagram-tall{display:none}
.rack-motion .rm-svg text{font-family:var(--font);text-anchor:middle;font-size:18px;fill:#d5e1ca;letter-spacing:0}
.rack-motion .rm-svg .rm-header-label{font-size:18px;fill:#abc29d;letter-spacing:.1em;font-weight:700}
.rack-motion .rm-svg .rm-tray-label{font-size:15px;fill:#e7efdf;font-weight:700;text-anchor:start}
.rack-motion .rm-svg .rm-module-label{font-size:14px;fill:#c4d7b6;font-weight:700}
.rack-motion .rm-svg .rm-sensing-label{font-size:14px;fill:#def0cc;font-weight:700}
.rack-motion .rm-tray-shell{stroke:#78917c;stroke-width:1.1;transition:stroke .22s}
.rack-motion .rm-braided-hose{fill:none;stroke:#7b8f83;stroke-width:13;stroke-linecap:round}
.rack-motion .rm-braid-highlight{fill:none;stroke:#b2c2b3;stroke-width:10;stroke-dasharray:1 4;opacity:.55;stroke-linecap:round}
.rack-motion .rm-main-pipe{fill:none;stroke:#718772;stroke-width:15;stroke-linejoin:round}
.rack-motion .rm-direction{fill:none;stroke:#eff9e5;stroke-width:1.5}
.rack-motion .rm-branch{opacity:1;transition:opacity .22s ease}
.rack-motion[data-rm-active="1"] .rm-branch:not([data-rm-tray="1"]),.rack-motion[data-rm-active="2"] .rm-branch:not([data-rm-tray="2"]),.rack-motion[data-rm-active="3"] .rm-branch:not([data-rm-tray="3"]){opacity:.22}
.rack-motion[data-rm-active="1"] [data-rm-tray="1"] .rm-tray-shell,.rack-motion[data-rm-active="2"] [data-rm-tray="2"] .rm-tray-shell,.rack-motion[data-rm-active="3"] [data-rm-tray="3"] .rm-tray-shell{stroke:#d1e3ba;stroke-width:2}
.rack-motion .rm-selected-route{fill:none;stroke:#cde9ab;stroke-width:17;opacity:.12;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.rack-motion .rm-selected-center{fill:none;stroke:#eff9dd;stroke-width:1.2;opacity:.62;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.rack-motion[data-rm-active="all"] .rm-selected-route,.rack-motion[data-rm-active="all"] .rm-selected-center{opacity:0}
.rack-motion .rm-sensor-layer{opacity:0;transition:opacity .2s;pointer-events:none}
.rack-motion[data-rm-sensors="true"] .rm-sensor-layer{opacity:1}
.rack-motion .rm-packets{pointer-events:none}
.rack-motion .rm-packet-halo{fill:inherit;opacity:.14}
.rack-motion .rm-packet-light{fill:inherit;opacity:.45}
.rack-motion .rm-packet-core{fill:#f7fff0}
.rack-motion .rm-flow-key{display:flex;justify-content:center;gap:18px;min-height:24px;padding:0 12px 7px}
.rack-motion .rm-flow-key span{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.5;color:#bdceb2;white-space:nowrap}
.rack-motion .rm-flow-key i{width:17px;height:3px;flex:none;border-radius:2px}
.rack-motion .rm-board-head .rm-help{display:block;white-space:normal;text-align:right;font-size:11px;line-height:1.35}
.rack-motion .rm-sensor-key{display:none}
.rack-motion[data-rm-sensors="true"] .rm-flow-key{display:none}
.rack-motion[data-rm-sensors="true"] .rm-sensor-key{display:flex}
.rack-motion .rm-sensor-key b{color:#def0cc}
.rack-motion .rm-key-supply{background:#76cfe6}.rack-motion .rm-key-heat{background:linear-gradient(90deg,#76cfe6,#b59fb7,#e6a493)}.rack-motion .rm-key-return{background:#e6a493}
.rack-motion .rm-bottom{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:4px;padding:3px 12px 6px;border-top:1px solid #415344;background:#15291f55;border-radius:0 0 9px 9px}
.rack-motion .rm-secondary-controls{display:contents}
.rack-motion .rm-bottom button,.rack-motion summary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:6px 3px;border:0;background:transparent;border-radius:4px;text-decoration:none;font-size:10px}
.rack-motion .rm-bottom button[aria-pressed="true"]{color:#d5e9bf;background:#3b533c}
.rack-motion .rm-details{position:relative}
.rack-motion summary{list-style:none;gap:5px}
.rack-motion summary::-webkit-details-marker{display:none}
.rack-motion summary:after{content:"+";font-size:14px}
.rack-motion .rm-details[open] summary:after{content:"−"}
.rack-motion .rm-description{position:absolute;z-index:4;bottom:50px;right:-5px;width:min(330px,75vw);padding:17px;background:#1e3427;border:1px solid #79906d;border-radius:7px;box-shadow:0 12px 35px #071b16aa}
.rack-motion .rm-focus-title{font-size:14px;line-height:1.4;font-weight:700;color:#e4efd7;margin:0 0 7px}
.rack-motion .rm-focus-copy,.rack-motion .rm-detail-note{font-size:12px;line-height:1.7;color:#c3d3b7;margin:0}
.rack-motion .rm-detail-note{font-size:10px;margin-top:10px;color:#a9be9a}
.rack-motion noscript{display:block;font-size:11px;line-height:1.6;padding:8px 16px;color:#c4d4b8}
@media(min-width:1000px) and (max-height:710px){.rack-hero{padding-block:14px}.rack-hero h1{font-size:42px}.rack-hero .rh-eyebrow{margin-bottom:11px}.rack-hero .rh-lead{margin:16px 0}.rack-hero .rm-svg{height:calc(100svh - 300px)}.rack-hero .rh-compare{margin-top:14px}}
@media(min-width:700px) and (max-width:999px){.rack-hero .rh-grid{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:22px}.rack-hero h1{font-size:36px}.rack-hero .rh-lead{font-size:13px;line-height:1.6}.rack-hero .rh-links a{font-size:11px;padding:8px 10px}.rack-motion .rm-board-head{padding-inline:12px}.rack-motion .rm-board-head span{display:none}.rack-motion .rm-controls{padding-inline:10px}.rack-motion .rm-svg{height:clamp(220px,calc(100svh - 325px),400px)}}
@media(max-width:699px){
 .rack-hero{height:calc(100svh - var(--head,64px));max-height:800px;padding:12px 0 14px}
 .rack-hero .rh-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:start;gap:13px}
 .rack-hero .rh-eyebrow,.rack-hero .breadcrumbs,.rack-hero .rh-compare{display:none}
 .rack-hero h1{font-size:clamp(25px,7.8vw,33px);line-height:1.07;letter-spacing:-.045em;max-width:none}
 .rack-hero .rh-lead{font-size:12px;line-height:1.5;margin:10px 0;max-width:none}
 .rack-hero .rh-links{gap:7px}
 .rack-hero .rh-links a{font-size:11px;min-height:38px;padding:8px 11px;gap:12px}
 .rack-hero-manifold .rh-links a{font-size:10px}
 .rack-motion .rm-board{border-radius:8px}
 .rack-motion .rm-board-head{padding:9px 12px 8px}
 .rack-motion .rm-board-head h2{font-size:12px}
 .rack-motion .rm-board-head span{font-size:9px}
 .rack-motion .rm-controls{padding:7px 10px 0}
 .rack-motion .rm-tray-controls{gap:5px}
 .rack-motion .rm-tray-controls button{font-size:11px;padding:6px 4px;min-height:44px}
 .rack-motion .rm-diagram-wide{display:none}
 .rack-motion .rm-diagram-tall{display:block}
 .rack-motion .rm-drawing{padding:0 4px}
 .rack-motion .rm-svg{height:auto;max-height:calc(100svh - 292px)}
 .rack-motion .rm-diagram-tall .rm-header-label{font-size:18px;letter-spacing:.05em}
 .rack-motion .rm-diagram-tall .rm-tray-label{font-size:18px}
 .rack-motion .rm-diagram-tall .rm-module-label{font-size:20px}
 .rack-motion .rm-diagram-tall .rm-sensing-label{font-size:18px}
 .rack-motion .rm-flow-key{gap:12px;min-height:22px;padding-bottom:5px}
 .rack-motion .rm-flow-key span{font-size:9px;gap:4px}
 .rack-motion .rm-flow-key i{width:13px}
 .rack-motion .rm-bottom{padding:1px 7px 3px}
 .rack-motion .rm-bottom button,.rack-motion summary{font-size:11px;min-height:44px}
 .rack-motion .rm-description{right:-2px;bottom:43px;width:min(310px,78vw);padding:14px}
 .rh-product-studies{padding:30px 0 35px}.rh-product-studies .rh-studies-heading{display:block;margin-bottom:18px}.rh-product-studies h2{font-size:27px;max-width:17ch}.rh-product-studies p{margin-top:12px;font-size:12px}
 .rh-product-studies .cl-home-studies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rh-product-studies .cl-home-photo img{aspect-ratio:1.15}.rh-product-studies .cl-product-entry>div{padding:12px 10px}.rh-product-studies .cl-product-entry strong{font-size:11px}
 .rh-manifold-study h2{font-size:31px}
}
@media(max-width:380px){.rack-motion .rm-board-head span{display:none}.rack-hero .rh-lead{font-size:11px}.rack-motion .rm-flow-key{gap:9px}}
@media(max-width:699px) and (max-height:640px){.rack-hero{padding:8px 0}.rack-hero .rh-grid{gap:10px}.rack-hero .rh-lead{display:none}.rack-hero .rh-links{margin-top:10px}.rack-hero h1{font-size:25px}.rack-motion .rm-svg{max-height:calc(100svh - 265px)}}
@media(prefers-reduced-motion:reduce){.rack-motion *{transition:none!important;animation:none!important}}