/* MDHK: silver industrial product gallery, public page only. */
body:has(#login:not([hidden])){background:#f2f3ef;color:#17221e}
body:has(#login:not([hidden]))>header{height:86px;padding:0 6%;background:#f2f3eff2;border-bottom:1px solid #17221e18;backdrop-filter:blur(18px)}
body:has(#login:not([hidden]))>header>div{grid-template-columns:82px 1fr;column-gap:18px;row-gap:3px}
body:has(#login:not([hidden]))>header>div:before{content:'MDHK';width:82px;height:40px;border:0;border-radius:0;background:none;box-shadow:none;font:italic 900 26px 'Segoe UI',sans-serif;letter-spacing:-2px;color:#14251e}
body:has(#login:not([hidden]))>header h1{font-size:15px;color:#25352d;font-weight:600;letter-spacing:1px}
body:has(#login:not([hidden]))>header small{font-size:9px;letter-spacing:2px;color:#77867c}
body:has(#login:not([hidden])) .web-nav{gap:30px}
body:has(#login:not([hidden])) .web-nav a{font-size:12px;color:#526157}
body:has(#login:not([hidden])) .web-nav a:hover{color:#101b15}
body:has(#login:not([hidden])) .web-nav a:last-child{padding:11px 18px;border-radius:24px;border:1px solid #acb5ac;color:#17221e}
#login{background:#f2f3ef;color:#17221e}
#login .web-hero{min-height:calc(100svh - 86px);position:relative;display:grid;grid-template-columns:42% 58%;gap:0;align-items:center;padding:70px 6% 85px;background:radial-gradient(ellipse at 75% 50%,#fff 0,transparent 60%),#f2f3ef}
#login .web-hero-copy{z-index:2;max-width:610px}
#login .hero-kicker{font:10px Consolas,monospace;letter-spacing:2px;color:#61736a;display:flex;align-items:center;gap:10px}
.hero-kicker:before{content:'';width:7px;height:7px;background:#8aba3d;border-radius:50%}
#login .web-hero h2{font-size:clamp(48px,5.5vw,88px);font-weight:600;line-height:1.16;letter-spacing:-4px;margin:35px 0 25px;color:#16271e}
#login .web-hero em{font-style:normal;color:#70836e}
#login .web-hero p{font-size:14px;line-height:2;color:#788378;max-width:380px}
#login .web-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
#login .web-actions a{font-size:12px;border:1px solid #b6bfb4;border-radius:30px;background:transparent;color:#23392a;padding:15px 23px}
#login .web-actions a:first-child{background:#c8ee82;color:#243b20!important;border-color:#c8ee82}
#login .web-actions a:hover{background:#dce5d7}
.hero-capabilities{display:flex;gap:25px;max-width:430px;margin-top:60px;padding-top:22px;border-top:1px solid #cbd2c8}
.hero-capabilities span{display:grid;gap:10px;font-size:11px;color:#46594b}
.hero-capabilities b{font:9px Consolas,monospace;letter-spacing:1px;color:#8a9789}
#login .web-scroll{bottom:25px;left:6%;font:9px Consolas,monospace;letter-spacing:2px;color:#8c9989}
.product-stage{position:relative;min-width:0;margin-left:-20px;padding:35px 0 0}
.stage-topline{display:flex;justify-content:space-between;padding:0 15px 8px;font:9px Consolas,monospace;letter-spacing:2px;color:#8b9a8a}
.stage-topline span:last-child{color:#506850}
.product-image-wrap{position:relative;isolation:isolate;aspect-ratio:1.3;background:transparent;overflow:hidden}
.product-image-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;z-index:1}
.product-image-wrap canvas:active{cursor:grabbing}.product-image-wrap canvas:focus-visible{outline:1px solid #6e8a51;outline-offset:-3px}
.product-image-wrap img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply}
.model-floor{position:absolute;left:18%;bottom:12%;width:64%;height:13%;background:radial-gradient(ellipse,#7b8c7940,transparent 68%);filter:blur(12px);border-radius:50%}
.stage-scan,.stage-corner{display:none}
.model-status{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#6a7d67}
.model-tools{position:absolute;z-index:3;right:12px;bottom:12px;display:flex;gap:5px}
#login .model-tools button{background:#ffffffb0;border:1px solid #d0d8cb;color:#52694c;min-height:29px;padding:5px 10px;font-size:10px;border-radius:20px;font-weight:400}
.stage-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #ccd6c7}
.stage-switch{display:flex;gap:5px}
#login .stage-controls button{min-height:33px;border-radius:20px;padding:7px 15px;border:1px solid transparent;font-size:11px;color:#83907c;background:transparent;font-weight:400}
#login .stage-controls button[data-product-view][aria-pressed=true]{background:#203c2c;color:#f1f5e9}
#login .stage-controls button:hover{border-color:#879d7b}
#login .stage-controls button:disabled{opacity:.3}
#login .product-caption{font-size:10px;color:#94a08d;max-width:none;margin:5px 12px 0}
.product-stage[data-view=photo] .model-floor{display:none}
#login .web-section{padding:90px 8%;border-top:1px solid #ccd5c6;background:#f9faf6}
#login .web-section>small{font:10px Consolas,monospace;letter-spacing:2px;color:#7e9374}
#login .web-section h2{font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.4;letter-spacing:-1px;margin:22px 0 45px;color:#203728}
.product-story{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;margin-bottom:60px}
.product-photo{margin:0;overflow:hidden;border-radius:6px;background:#edf0e8}
.product-photo img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;object-position:bottom}
.product-photo figcaption{padding:16px 18px;font:9px Consolas,monospace;letter-spacing:2px;color:#7c8a73}
#login .product-story small{font:10px Consolas,monospace;color:#8a9a80;letter-spacing:2px}
#login .product-story h3{font-size:29px;font-weight:500;line-height:1.5;margin:18px 0;color:#2c432f}
.product-story p{font-size:14px;line-height:2;color:#809078}
.product-points{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#6d855f;border-top:1px solid #d6dfcf;padding-top:23px;margin-top:24px}
.web-grid{gap:0}.web-grid article{padding:32px;border:0;border-top:1px solid #cfdbc4;background:transparent}.web-grid article+article{border-left:1px solid #d9e2d0}.web-grid article>span{font:10px Consolas,monospace;letter-spacing:1px;color:#8b9b7e}.web-grid h3{font-size:22px;font-weight:500;margin:25px 0 18px;color:#2f462f}.web-grid p{font-size:13px;line-height:1.9;color:#7b8e6e}
#login .web-light{background:#e6ecdF;color:#293d29}.scene-label{font:10px Consolas,monospace;color:#798f68}
#login .web-access{background:#f2f3ef;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:9%}
#login .web-access>div>p{color:#7c8c70}
#login .web-access .login-content{background:#fff;border:1px solid #dce2d5;border-radius:8px;padding:36px;box-shadow:0 16px 50px #3c502b06}
#login .web-access .login-content h2{font-size:30px;color:#283e2b;margin:20px 0}#login .web-access .login-eyebrow{color:#6c8960}
#login .login-content label{color:#6d7c64}#login .login-content input{background:#f7f8f4;border-color:#d4dfca;color:#283e2b}#login .login-content input::placeholder{color:#a0ad95}#login .login-content .login-submit{background:#263f2c;border-color:#263f2c;color:#eef7e5;border-radius:4px}#login .login-note{color:#94a38a}
#login a:focus-visible,#login button:focus-visible{outline:2px solid #77974f;outline-offset:4px}
body:has(#login:not([hidden]))>footer{background:#f2f3ef;color:#9aa68f;border-color:#d6dfcc}
@media(min-width:1800px){#login .web-hero{padding-left:max(6%,calc((100vw - 1720px)/2));padding-right:max(6%,calc((100vw - 1720px)/2))}}
@media(max-width:1050px){#login .web-hero{grid-template-columns:43% 57%;padding-left:5%;padding-right:4%}#login .web-hero h2{font-size:50px}.hero-capabilities{gap:14px}.product-stage{margin-left:0}.product-story{gap:30px}#login .web-access{grid-template-columns:1fr 380px;gap:35px}}
@media(max-width:760px){body:has(#login:not([hidden]))>header{height:auto;min-height:106px;padding:14px 6%;gap:14px}body:has(#login:not([hidden])) .web-nav{gap:10px;width:100%;justify-content:space-between}body:has(#login:not([hidden])) .web-nav a{font-size:10px}body:has(#login:not([hidden])) .web-nav a:last-child{padding:6px 9px}#login .web-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:48px 6% 55px;gap:24px}#login .web-hero h2{font-size:clamp(44px,10vw,58px);letter-spacing:-2px;margin:25px 0 20px}#login .web-hero p{font-size:13px}.hero-capabilities{margin-top:30px;justify-content:space-between;max-width:none}.product-stage{padding:5px 0 0}.stage-topline{padding:0;font-size:8px;letter-spacing:1px}.product-image-wrap{aspect-ratio:1.2}.stage-controls{padding:9px 0}#login .stage-controls button{padding:7px 11px}#login .web-section{padding:58px 6%}#login .web-section h2{margin-bottom:30px}.product-story{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.web-grid{grid-template-columns:1fr}.web-grid article{padding:28px 0}.web-grid article+article{border-left:0}#login .web-access{grid-template-columns:1fr;gap:20px}#login .web-access .login-content{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-image-wrap canvas{pointer-events:none;cursor:default;touch-action:auto}

/* Cinematic light-show edition: fixed product pose, animated environment. */
body:has(#login:not([hidden])){background:#030813;color:#edf2f7}
body:has(#login:not([hidden]))>header{background:#030813f0;border-color:#ffffff10}
body:has(#login:not([hidden]))>header>div:before{color:#edf6ff}body:has(#login:not([hidden]))>header h1{color:#d2deea}body:has(#login:not([hidden]))>header small{color:#6b8196}
body:has(#login:not([hidden])) .web-nav a{color:#8d9bab}body:has(#login:not([hidden])) .web-nav a:hover{color:white}body:has(#login:not([hidden])) .web-nav a:last-child{border-color:#5a6d8355;color:#dbe8f5;border-radius:3px}
#login{background:#030813;color:#e9f1fa}
#login .web-hero{background:#030813;min-height:calc(100svh - 86px);grid-template-columns:45% 55%;padding-top:70px;padding-bottom:100px;isolation:isolate;overflow:hidden}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;z-index:-3;pointer-events:none}
.hero-film-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030813 1%,#030813bb 33%,#03081311 75%),linear-gradient(0deg,#030813,transparent 25%);pointer-events:none}
#login .hero-kicker{color:#7192b2;letter-spacing:3px}.hero-kicker:before{background:#ffa960;box-shadow:0 0 18px #ffad5c88}
#login .web-hero h2{font-size:clamp(50px,5.4vw,86px);font-weight:600;color:#f5f7fc;line-height:1.22;margin-top:32px;letter-spacing:-3px}
#login .web-hero em{color:#b9d7f4;background:linear-gradient(100deg,#f0f6ff,#93bceb 70%,#637ad0);background-clip:text;-webkit-text-fill-color:transparent}
#login .web-hero p{color:#7e94ab;line-height:2.1}
#login .web-actions a{border-color:#4c627655;border-radius:3px;background:#0a182777;color:#c9dceb}
#login .web-actions a:first-child{background:#f0bc87;color:#30200e!important;border-color:#f0bc87}
#login .web-actions a:hover{background:#1c3044}
.hero-capabilities{border-color:#52657a33;gap:30px;max-width:440px}.hero-capabilities span{color:#91a5ba}.hero-capabilities b{color:#536b83}
.product-stage{margin-left:-50px;padding-top:35px;z-index:0}
.stage-topline{color:#496982;letter-spacing:2px}.stage-topline span:last-child{color:#7398b3}
.product-image-wrap{aspect-ratio:1.28;overflow:visible}
.product-image-wrap:before{content:'';position:absolute;width:90%;height:65%;top:18%;left:5%;border-radius:50%;background:radial-gradient(ellipse,#2485be12,transparent 70%);filter:blur(15px)}
.model-floor{bottom:11%;left:14%;width:76%;height:18%;filter:blur(13px);background:radial-gradient(ellipse,#3e9cdb38,transparent 68%)}
.effect-ring{position:absolute;left:6%;bottom:3%;width:88%;height:35%;border:1px solid #64cffe42;border-radius:50%;transform:rotate(-9deg);box-shadow:0 0 20px #3cb2fb08;pointer-events:none}
.effect-ring:before{content:'';position:absolute;inset:10%;border:1px dashed #81c5ef20;border-radius:50%;animation:light-orbit 25s linear infinite}
.effect-ring:after{content:'';position:absolute;left:22%;top:4%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#a9e4ff,transparent);box-shadow:0 0 10px #5fd8ff;animation:ring-pulse 5s ease-in-out infinite}
.ring-two{bottom:9%;left:13%;width:74%;height:29%;border-color:#7d8be833;transform:rotate(11deg);animation:ring-pulse 7s ease-in-out infinite}
.effect-beam{position:absolute;inset:0;background:linear-gradient(110deg,transparent 44%,#7bc6ff08 49%,#ace8ff12 50%,#71c6ff06 52%,transparent 58%);animation:light-sweep 12s ease-in-out infinite;pointer-events:none}
#login .product-caption{color:#54738d;font-size:10px;text-align:right;letter-spacing:1px;padding-top:15px;position:relative}
#login .web-scroll{color:#516e89}
#login .effects-toggle{position:absolute;right:6%;bottom:25px;z-index:3;padding:8px 12px;min-height:30px;border:1px solid #68819b44;background:#07132299;color:#9ab3ca;border-radius:3px;font-size:10px;font-weight:400;letter-spacing:1px}
#login .effects-toggle:hover{border-color:#a8cde9;color:#d7eafa}
.effects-off .effect-ring,.effects-off .effect-ring:before,.effects-off .effect-ring:after,.effects-off .effect-beam{animation-play-state:paused!important}
#login .web-section{background:#08111d;border-color:#31465844}#login .web-section>small{color:#536e88}#login .web-section h2{color:#dae7f4}
.product-photo{background:#0d1b2a;border-radius:4px}.product-photo figcaption{color:#59748c}#login .product-story small{color:#7fa0bc}#login .product-story h3{color:#ccdeec}.product-story p{color:#7b93a7}.product-points{border-color:#3e587244;color:#99b5c8}
.web-grid article{border-color:#35506a55}.web-grid article+article{border-color:#35506a55}.web-grid article>span{color:#6587a5}.web-grid h3{color:#c3d9eb}.web-grid p{color:#758da4}
#login .web-light{background:radial-gradient(ellipse at 85% 40%,#12365355,transparent 70%),#050d17}.scene-label{color:#567d9f}
#login .web-access{background:#030813}#login .web-access>div>p{color:#64839e}#login .web-access .login-content{background:#0a1625;border-color:#2c415a;border-radius:5px;box-shadow:0 30px 90px #0004}#login .web-access .login-content h2{color:#d8e6f5}#login .web-access .login-eyebrow{color:#6289af}#login .login-content label{color:#8ea7bf}#login .login-content input{color:#d6e6f3;background:#07111e;border-color:#2d4258}#login .login-content input::placeholder{color:#526b83}#login .login-content .login-submit{background:#a9cbe8;color:#122b3e;border-color:#a9cbe8}#login .login-note{color:#57728b}
body:has(#login:not([hidden]))>footer{color:#4b6880;background:#030813;border-color:#273d5244}
@keyframes light-orbit{to{transform:rotate(360deg)}}@keyframes ring-pulse{0%,100%{opacity:.35}50%{opacity:1}}@keyframes light-sweep{0%,100%{transform:translateX(-12%);opacity:.2}50%{transform:translateX(12%);opacity:.8}}
@media(max-width:760px){#login .web-hero{padding-top:45px;padding-bottom:75px}.hero-film{object-position:70% center;opacity:.55}.hero-film-shade{background:linear-gradient(180deg,#030813dd,transparent 80%)}#login .web-hero h2{font-size:clamp(44px,10vw,58px);letter-spacing:-2px}.product-stage{margin-left:0;padding-top:10px}.hero-capabilities{gap:12px}.product-image-wrap{aspect-ratio:1.15}#login .product-caption{text-align:left}.stage-topline{letter-spacing:1px}#login .effects-toggle{bottom:23px}#login .web-scroll{font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.effect-ring,.effect-ring:before,.effect-ring:after,.effect-beam{animation:none!important}}