.dr-intro .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center}.dr-intro h1{font-size:clamp(44px,5.3vw,78px)}.dr-intro .dr-brand{display:flex;margin-top:26px;width:185px}.dr-photo{background:#fff;border:1px solid #dfdcd3;border-radius:25px;overflow:hidden}.dr-photo img{width:100%;height:320px;object-fit:contain;padding:16px}.dr-photo figcaption{font-size:12px;line-height:1.5;color:#70766b;padding:0 20px 16px}.dr-intro .dr-photo img{height:370px}.dr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.dr-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.dr-card{background:rgba(255,255,255,.76);border:1px solid #dfdcd3;border-radius:25px;padding:30px;min-width:0}.dr-card h3{font-size:27px;line-height:1.16;margin-bottom:18px}.dr-card p{font-size:16px;line-height:1.72}.dr-card .dr-photo{border:0;border-radius:16px;margin:-10px -10px 26px}.dr-card .dr-photo img{height:230px}.dr-brand-cards .dr-brand{margin:0 0 24px;width:185px}.dr-card .button{margin-top:26px}.dr-link{display:inline-block;color:#92591c;border-bottom:1px solid #bba68c;margin-top:20px;font-size:15px}.dr-lead{max-width:900px;font-size:21px;line-height:1.7;margin-bottom:32px}.dr-note{font-size:13px;line-height:1.65;color:#697164;margin-top:22px;max-width:1000px}.dr-sources{font-size:13px;margin-top:24px}.dr-sources a{border-bottom:1px solid #c3b69f}.dr-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:start}.dr-product h3{font-size:32px;margin-bottom:20px}.dr-product .dr-photo img{height:355px}.dr-specs{margin:26px 0 0;padding:0;border-top:1px solid #d1cabe}.dr-specs>div{display:grid;grid-template-columns:1fr 1.7fr;gap:22px;padding:16px 0;border-bottom:1px solid #d1cabe;font-size:15px}.dr-specs dt{font-weight:600}.dr-specs dd{margin:0;color:#65705f}.dr-callout{border-left:3px solid #ef971d;padding:20px 28px;margin-top:28px;background:#f0ebe0;border-radius:0 20px 20px 0}.dr-callout h3{font-size:27px;margin-bottom:15px}.dr-sequence{display:flex;gap:22px;list-style-position:inside;padding:22px 0;margin:24px 0;border-block:1px solid #d7d0c4;font-size:14px}.dr-sequence li{flex:1}.dr-catalogs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dr-catalog{display:flex;gap:25px;align-items:flex-start;border:1px solid #dcd7cc;background:#fffdf9;border-radius:24px;padding:25px}.dr-catalog>img{width:100px;height:140px;object-fit:contain;flex:0 0 100px}.dr-catalog h3{font-size:24px;line-height:1.2;margin-bottom:13px}.dr-catalog p{font-size:14px;line-height:1.65}.dr-catalog small{display:block;color:#757a6e;font-size:11px;line-height:1.7;margin-top:12px}.dr-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:14px}.dr-actions a{border-bottom:1px solid #bdaa8c}.dr-video{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:40px 0}.dr-video h3{font-size:31px;margin-bottom:20px}.dr-video .button{display:inline-flex;margin:24px 15px 0 0}.dr-cta{display:flex;gap:50px;align-items:center}.dr-cta p{max-width:740px}.dr-cta .button{flex:0 0 auto}.dr-detail{margin-top:30px;padding:24px 28px;border:1px solid #cfc6b8;border-radius:20px;background:#f9f6ee}.dr-detail summary{cursor:pointer;font-weight:600}.dr-detail p{font-size:15px;line-height:1.7;margin-top:20px}
/* Explanatory process illustrations; separate hero film on the overview. */
.dr-animation{border:1px solid #d8d4c8;background:linear-gradient(140deg,#fbfaf6,#eee8da);border-radius:28px;overflow:hidden;position:relative;padding:20px;margin-top:30px}.dr-intro .dr-animation{margin-top:0}.dr-modes{display:flex;gap:6px;flex-wrap:wrap}.dr-modes button{flex:1;padding:12px 14px;border:1px solid transparent;background:transparent;border-radius:14px;color:#6d7468;font-size:13px;line-height:1.4}.dr-modes button[aria-pressed=true]{background:#fff;border-color:#ddd5c6;color:#333a31;box-shadow:0 5px 18px #38342809}.dr-diagram{display:block;width:100%;height:auto;max-height:460px}.dr-diagram text{font:13px Arial,sans-serif;fill:#5b6659}.dr-water,.dr-air,.dr-fluid{fill:none;stroke-width:4;stroke-dasharray:9 12}.dr-water,.dr-heat,.dr-air,.dr-fluid,.dr-pressure{opacity:.15}.dr-gauge{transform-origin:132px 102px;transform:rotate(35deg)}.dr-state{border-top:1px solid #d9d3c8;display:grid;grid-template-columns:55px 1fr;gap:14px;padding:22px 8px 14px;min-height:153px}.dr-state>span{color:#b37023;font-size:12px;font-weight:600;padding-top:6px;line-height:1.6}.dr-state h3{font-size:24px;line-height:1.2;margin-bottom:9px;letter-spacing:-.025em}.dr-state p{font-size:14px;line-height:1.65}.dr-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:4px 8px}.dr-step-buttons{display:flex;gap:7px;flex-wrap:wrap}.dr-controls button{min-height:40px;border:1px solid #d3cbbc;background:#fff9;border-radius:12px;color:#555e4e;padding:8px 12px;font-size:12px}.dr-step-buttons button[aria-pressed=true]{background:#e89729;color:#242820;border-color:#e89729}.dr-controls>button{margin-left:auto;white-space:nowrap}.dr-controls button:disabled{opacity:.65;cursor:default}.dr-animation>.dr-note{font-size:11px;line-height:1.5;margin:16px 8px 2px}.dr-animation[data-step="1"] .dr-heat,.dr-animation[data-step="2"] .dr-heat,.dr-animation[data-step="1"] .dr-air,.dr-animation[data-step="2"] .dr-air,.dr-animation[data-step="2"] .dr-water{opacity:1}.dr-animation[data-step="1"] .dr-gauge,.dr-animation[data-step="2"] .dr-gauge{transform:rotate(-45deg)}.dr-animation.is-running[data-step="2"] .dr-water,.dr-animation.is-running[data-step="1"] .dr-air,.dr-animation.is-running[data-step="2"] .dr-air{animation:dr-travel 1.7s linear infinite}.dr-animation.is-running[data-step="1"] .dr-heat,.dr-animation.is-running[data-step="2"] .dr-heat{animation:dr-warm 2.6s ease-in-out infinite}.dr-animation.is-running[data-step="1"] .dr-fan,.dr-animation.is-running[data-step="2"] .dr-fan{animation:dr-spin 2.3s linear infinite}.dr-animation[data-mode="em"][data-step="2"] .dr-fan{animation:none}.dr-bath{visibility:hidden;transform-origin:center bottom;transform:scaleY(.1)}.dr-animation[data-mode="imp"][data-step="1"] .dr-bath,.dr-animation[data-mode="imp"][data-step="2"] .dr-bath,.dr-animation[data-mode="imp"][data-step="3"] .dr-bath{visibility:visible;transform:scaleY(1)}.dr-animation[data-mode="imp"][data-step="1"] .dr-fluid,.dr-animation[data-mode="imp"][data-step="3"] .dr-fluid,.dr-animation[data-mode="imp"][data-step="2"] .dr-pressure{opacity:1}.dr-animation.is-running[data-mode="imp"][data-step="1"] .dr-fluid{animation:dr-travel 1.7s linear infinite reverse}.dr-animation.is-running[data-mode="imp"][data-step="3"] .dr-fluid{animation:dr-travel 1.7s linear infinite}.dr-animation.is-running[data-mode="imp"][data-step="2"] .dr-pressure{animation:dr-warm 1.5s infinite}.dr-animation.is-running[data-mode="imp"][data-step="1"] .dr-bath{animation:dr-fill 4s ease-out both}.dr-animation.is-running[data-mode="imp"][data-step="3"] .dr-bath{animation:dr-fill 4s ease-out both reverse}.dr-animation[data-step="3"]:not([data-mode="imp"]) .dr-timber rect{fill:#d7bc8a}
.dr-monitor{padding:28px;border:1px solid #d7d5c9;background:#fcfbf7;border-radius:26px;margin-bottom:30px}.dr-monitor-head{display:flex;align-items:center;gap:10px;font-size:13px;color:#5c6755}.dr-signal{width:8px;height:8px;background:#df921c;border-radius:50%}.dr-monitor-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:27px 0 17px}.dr-monitor-track>div{padding:20px;border:1px solid #ddd9ce;border-radius:16px;transition:background .5s,border-color .5s}.dr-monitor-track span{font-size:12px;color:#8d774f}.dr-monitor-track strong{display:block;font-size:21px;font-weight:500;margin:10px 0}.dr-monitor-track small{color:#697260;font-size:13px}.dr-monitor[data-node="0"] [data-monitor-node="0"],.dr-monitor[data-node="1"] [data-monitor-node="1"],.dr-monitor[data-node="2"] [data-monitor-node="2"],.dr-monitor[data-node="3"] [data-monitor-node="3"]{background:#f5e6cb;border-color:#dba451}.dr-monitor-line{display:flex;gap:12px}.dr-monitor-line i{display:block;height:3px;background:#e4e1d6;flex:1;position:relative;overflow:hidden}.dr-monitor.is-running .dr-monitor-line i:after{content:"";position:absolute;inset:0;background:#e7a140;transform:translateX(-100%);animation:dr-data 2.3s ease-in-out infinite}.dr-monitor .dr-note{margin-top:18px;font-size:12px}
@keyframes dr-travel{to{stroke-dashoffset:-42}}@keyframes dr-spin{to{transform:rotate(360deg)}}@keyframes dr-warm{50%{opacity:.4}}@keyframes dr-fill{from{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes dr-data{to{transform:translateX(100%)}}
@media(max-width:1000px){.dr-intro .hero-grid{grid-template-columns:1fr;gap:35px}.dr-intro .hero-grid>div:last-child{max-width:720px;width:100%;margin:auto}.dr-intro .dr-photo img{height:330px}.dr-grid.three{grid-template-columns:1fr}.dr-product{gap:28px}.dr-catalogs{grid-template-columns:1fr}.dr-cta{flex-direction:column;align-items:flex-start;gap:25px}}
@media(max-width:650px){.dr-intro h1{font-size:43px}.dr-grid,.dr-product,.dr-video{grid-template-columns:1fr}.dr-card{padding:23px}.dr-photo img,.dr-product .dr-photo img,.dr-intro .dr-photo img{height:230px}.dr-monitor{padding:20px}.dr-monitor-track{grid-template-columns:1fr 1fr}.dr-monitor-track>div{padding:15px}.dr-monitor-track strong{font-size:19px}.dr-animation{padding:12px;border-radius:23px}.dr-modes button{font-size:11px;padding:10px 8px;min-width:90px}.dr-diagram{min-height:180px}.dr-diagram text{font-size:15px}.dr-state{grid-template-columns:40px 1fr;gap:10px;min-height:189px;padding:17px 4px 12px}.dr-state h3{font-size:21px}.dr-state p{font-size:13px}.dr-state>span{font-size:10px}.dr-controls{padding:4px;gap:6px;flex-wrap:wrap}.dr-controls button{padding:8px 10px}.dr-step-buttons{gap:5px}.dr-catalog{padding:20px;gap:18px}.dr-catalog>img{width:75px;flex-basis:75px;height:110px}.dr-catalog h3{font-size:22px}.dr-specs>div{grid-template-columns:1fr;gap:5px}.dr-lead{font-size:18px}.dr-sequence{flex-direction:column;gap:13px}.dr-video{gap:25px}.dr-actions{gap:12px}.dr-brand-cards .button{font-size:14px}.dr-callout{padding:20px}.dr-cta .button{max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.dr-animation *,.dr-monitor *{animation:none!important;transition:none!important}}.motion-reduced .dr-animation *,.motion-reduced .dr-monitor *{animation:none!important;transition:none!important}
/* Larger named process controls, shared by all ISVE and INCOMAC modes. */
.dr-controls{display:grid;grid-template-columns:1fr;padding:12px 8px;gap:16px}.dr-step-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.dr-step-buttons button{display:flex;align-items:center;gap:15px;text-align:left;min-height:84px;padding:17px 20px;border-radius:19px;font:inherit;font-size:17px;line-height:1.35;cursor:pointer;transition:background .2s,border-color .2s}.dr-step-index{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#e9e3d7;color:#6b705e;font-size:14px}.dr-step-name{font-weight:500}.dr-step-buttons button[aria-pressed=true]{background:#f4dfb8;border-color:#d39432;color:#30372c;box-shadow:inset 0 0 0 1px #d39432}.dr-step-buttons button[aria-pressed=true] .dr-step-index{background:#e79523;color:#262b23}.dr-controls>button{justify-self:end;margin:0;min-height:44px;padding:10px 18px;font-size:14px}.dr-controls button:focus-visible{outline:3px solid #e79523;outline-offset:4px}.dr-state h3{font-size:28px}.dr-state p{font-size:16px}.dr-hero-film{position:relative;overflow:hidden;border-radius:28px;background:#c4b498;border:1px solid #d8d1c5;margin:0;box-shadow:0 20px 65px #55442c13}.dr-hero-film video{display:block;width:100%;height:490px;object-fit:cover}.dr-hero-film figcaption{position:absolute;left:18px;right:70px;bottom:17px;font-size:11px;line-height:1.5;color:#fff;text-shadow:0 1px 8px #000;background:#252a2280;border-radius:10px;padding:7px 11px;width:fit-content}.dr-hero-film .video-toggle{position:absolute;right:15px;bottom:15px;z-index:3;width:44px;height:44px;border-radius:50%;background:#ffffffe6;color:#373c30;border:1px solid #fff8;cursor:pointer}
@media(max-width:1000px){.dr-hero-film video{height:auto;aspect-ratio:16/10}}
@media(max-width:650px){.dr-step-buttons{gap:9px}.dr-step-buttons button{flex-direction:column;align-items:flex-start;gap:10px;min-height:114px;padding:15px;font-size:14px;border-radius:17px}.dr-step-index{flex-basis:32px;height:32px;width:32px;font-size:12px}.dr-state h3{font-size:24px}.dr-state p{font-size:15px}.dr-state{grid-template-columns:38px 1fr;min-height:175px}.dr-hero-film video{aspect-ratio:4/3}.dr-hero-film figcaption{font-size:10px;left:12px;bottom:12px}.dr-hero-film{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.dr-step-buttons button{transition:none}}