/* Homepage composition. Module images keep their original aspect ratios. */
#redronic-ntp .rnt-hero-composition{grid-template-columns:1.04fr 1fr;gap:14px;padding-inline:32px;min-height:530px}
#redronic-ntp .rnt-hero-composition .ntp-hero-copy{position:relative;z-index:2;min-width:0}
#redronic-ntp .rnt-hero-collage{position:relative;height:435px;min-width:0;width:100%;direction:ltr;isolation:isolate}
#redronic-ntp .rnt-hero-module{position:absolute;display:block;border:0;background:none;padding:0;outline-offset:5px;border-radius:var(--rnt-radius-md);transform:rotate(var(--rnt-rotate,0deg));transition:filter .18s ease;cursor:default}
#redronic-ntp a.rnt-hero-module{cursor:pointer}
#redronic-ntp .rnt-hero-module-art{display:block;width:100%;height:100%;filter:drop-shadow(0 9px 7px #24344224);animation:rnt-hero-arrive .8s both;animation-delay:var(--rnt-delay,0s)}
#redronic-ntp .rnt-hero-module img,#redronic-ntp .rnt-hero-module picture{width:100%;height:100%;display:block;object-fit:contain}
#redronic-ntp .rnt-hero-module img{max-width:100%;max-height:100%;margin:0}
#redronic-ntp .rnt-hero-module-radio{width:32%;height:42%;left:2%;top:2%;z-index:2;--rnt-rotate:-11deg;--rnt-delay:.08s}
#redronic-ntp .rnt-hero-module-ecg{width:32%;height:43%;left:0;top:49%;z-index:4;--rnt-rotate:8deg;--rnt-delay:.14s}
#redronic-ntp .rnt-hero-module-mcu{width:39%;height:76%;left:30%;top:7%;z-index:3;--rnt-rotate:-7deg}
#redronic-ntp .rnt-hero-module-imu{width:40%;height:49%;left:59%;top:36%;z-index:5;--rnt-rotate:9deg;--rnt-delay:.2s}
#redronic-ntp .rnt-hero-module-line{width:67%;height:23%;left:22%;top:78%;z-index:6;--rnt-rotate:-4deg;--rnt-delay:.26s}
#redronic-ntp .rnt-hero-module-caption{position:absolute;left:50%;bottom:2px;transform:translate(-50%,80%) rotate(calc(-1 * var(--rnt-rotate,0deg)));display:block;width:max-content;max-width:230px;padding:7px 10px;background:#fff;color:var(--ntp-text);border:1px solid var(--line);box-shadow:0 6px 16px #24344213;border-radius:var(--rnt-radius-sm);opacity:0;visibility:hidden;pointer-events:none;text-align:center;transition:opacity .15s ease;line-height:1.6}
#redronic-ntp .rnt-hero-module-caption b{display:block;font:600 12px Arial,sans-serif;white-space:nowrap}
#redronic-ntp .rnt-hero-module-caption small{display:block;font-size:12px;direction:rtl;color:var(--muted)}
#redronic-ntp .rnt-hero-module:hover,#redronic-ntp .rnt-hero-module:focus{z-index:10}
#redronic-ntp .rnt-hero-module:hover .rnt-hero-module-caption,#redronic-ntp .rnt-hero-module:focus .rnt-hero-module-caption{opacity:1;visibility:visible}
@keyframes rnt-hero-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:761px){#redronic-ntp .rnt-hero-composition{padding:24px;grid-template-columns:1fr 1fr;gap:8px;min-height:470px}#redronic-ntp .rnt-hero-collage{height:360px}#redronic-ntp .rnt-hero-composition h1{font-size:32px}}
@media(max-width:760px){#redronic-ntp .rnt-hero-composition{grid-template-columns:1fr;padding:25px;gap:18px;min-height:0}#redronic-ntp .rnt-hero-collage{height:300px;max-width:360px;justify-self:center}#redronic-ntp .rnt-hero-desktop-only{display:none}#redronic-ntp .rnt-hero-module-mcu{width:42%;height:87%;left:29%;top:3%}#redronic-ntp .rnt-hero-module-radio{width:34%;height:48%;left:2%;top:14%}#redronic-ntp .rnt-hero-module-imu{width:40%;height:58%;left:60%;top:37%}#redronic-ntp .rnt-hero-module-caption{max-width:190px}#redronic-ntp .rnt-hero-module-caption b{font-size:12px}}
@media(prefers-reduced-motion:reduce){#redronic-ntp .rnt-hero-module-art{animation:none}#redronic-ntp .rnt-hero-module,#redronic-ntp .rnt-hero-module-caption{transition:none}}

/* Artwork left, selectors middle, copy right in the RTL storefront. */
#redronic-ntp .rnt-domain-panel .rnt-hero-module-caption{left:0;bottom:100%;transform:rotate(calc(-1 * var(--rnt-rotate,0deg)))}
#redronic-ntp .rnt-domain-robotics .rnt-hero-module-imu .rnt-hero-module-caption,#redronic-ntp .rnt-domain-medical .rnt-hero-module-mcu .rnt-hero-module-caption,#redronic-ntp .rnt-domain-iot .rnt-hero-module-mcu .rnt-hero-module-caption{left:auto;right:0}
#redronic-ntp .rnt-hero-explorer{display:block;position:relative;padding:32px;min-height:530px}
#redronic-ntp .rnt-domain-panel{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:16px;align-items:center;min-height:466px;position:relative;z-index:1}
#redronic-ntp .rnt-domain-panel[hidden],#redronic-ntp .rnt-domain-tabs[hidden]{display:none!important}
#redronic-ntp .rnt-domain-panel .ntp-hero-copy{grid-column:1;grid-row:1;min-width:0}
#redronic-ntp .rnt-domain-panel .ntp-hero-copy h2{text-wrap:balance}#redronic-ntp .rnt-domain-panel .ntp-hero-copy>p{text-align:justify;text-wrap:pretty}
#redronic-ntp .rnt-domain-panel .rnt-hero-collage{grid-column:3;grid-row:1;height:400px}
#redronic-ntp .rnt-domain-panel h2{font-size:37px;line-height:1.8;font-weight:750;margin:12px 0;color:var(--ntp-text)}
#redronic-ntp .rnt-domain-panel h2 em{font-style:normal}
#redronic-ntp .rnt-domain-panel p{font-size:15px;line-height:2.2;margin:16px 0 23px}
#redronic-ntp .rnt-domain-tabs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;display:flex;flex-direction:column;gap:12px;z-index:20}
#redronic-ntp .rnt-domain-tabs [role=tab]{min-height:90px;padding:12px 5px;background:#ffffffb8;border:1px solid transparent;box-shadow:var(--rnt-paper-shadow);border-radius:var(--rnt-radius-md);color:#475568;cursor:pointer;font:inherit;line-height:1.7;transition:background .18s,border-color .18s}
#redronic-ntp .rnt-domain-tabs [role=tab] b{display:block;font-size:14px}
#redronic-ntp .rnt-domain-tabs [role=tab] small{display:block;font:12px Arial,sans-serif;letter-spacing:.7px;margin-top:7px}
#redronic-ntp .rnt-domain-tabs [role=tab][aria-selected=true]{background:#ffdb00;border-color:#ffdb00;color:#202a3b}
#redronic-ntp .rnt-domain-tabs [role=tab]:focus-visible{outline:2px solid #1c628a;outline-offset:3px}
#redronic-ntp .rnt-domain-robotics .rnt-hero-module-mcu{left:20%;top:3%;width:46%;height:83%}
#redronic-ntp .rnt-domain-robotics .rnt-hero-module-imu{left:61%;top:26%;width:39%;height:53%}
#redronic-ntp .rnt-domain-robotics .rnt-hero-module-line{left:3%;top:78%;width:94%;height:22%}
#redronic-ntp .rnt-domain-medical .rnt-hero-module-ecg{left:1%;top:7%;width:66%;height:80%;--rnt-rotate:-8deg}
#redronic-ntp .rnt-domain-medical .rnt-hero-module-mcu{left:63%;top:22%;width:36%;height:73%;--rnt-rotate:8deg}
#redronic-ntp .rnt-domain-iot .rnt-hero-module-radio{left:0;top:1%;width:64%;height:67%;--rnt-rotate:-8deg}
#redronic-ntp .rnt-domain-iot .rnt-hero-module-mcu{left:62%;top:15%;width:36%;height:79%;--rnt-rotate:8deg}
#redronic-ntp .rnt-domain-iot .rnt-hero-module-imu{left:4%;top:64%;width:38%;height:36%;--rnt-rotate:-4deg}
@media(min-width:761px) and (max-width:1100px){#redronic-ntp .rnt-hero-explorer{padding:24px}#redronic-ntp .rnt-domain-panel{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:12px}#redronic-ntp .rnt-domain-tabs{width:86px}#redronic-ntp .rnt-domain-panel h2{font-size:29px}#redronic-ntp .rnt-domain-panel .rnt-hero-collage{height:340px}}
@media(max-width:760px){#redronic-ntp .rnt-hero-explorer{padding:24px;min-height:0}#redronic-ntp .rnt-domain-tabs{position:relative;left:auto;top:auto;transform:none;flex-direction:row;width:100%;gap:8px;margin-bottom:23px}#redronic-ntp .rnt-domain-tabs [role=tab]{flex:1;min-width:0;min-height:74px;padding:10px 3px}#redronic-ntp .rnt-domain-tabs [role=tab] b{font-size:13px}#redronic-ntp .rnt-domain-tabs [role=tab] small{font-size:12px;letter-spacing:.2px}#redronic-ntp .rnt-domain-panel{grid-template-columns:minmax(0,1fr);min-height:0;gap:18px}#redronic-ntp .rnt-domain-panel .ntp-hero-copy{grid-column:1;grid-row:1}#redronic-ntp .rnt-domain-panel .rnt-hero-collage{grid-column:1;grid-row:2;height:280px}#redronic-ntp .rnt-domain-panel h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){#redronic-ntp .rnt-domain-tabs [role=tab]{transition:none}}

/* Inside .ntp-intro: fixed 480px desktop banner beside the category sidebar. */
@media(min-width:761px){#redronic-ntp .ntp-intro>.rnt-hero-explorer{height:480px;min-height:0;padding:20px 28px}#redronic-ntp .ntp-intro>.rnt-hero-explorer .rnt-domain-panel{min-height:0;height:100%}#redronic-ntp .ntp-intro>.rnt-hero-explorer .rnt-hero-collage{height:100%;max-height:420px}}