/* Approved desktop option 01. The existing mobile presentation is retained. */
.reolite-desktop{display:none}
.reolite-dialog{width:min(880px,90vw);max-height:94vh;padding:20px;background:#fff}
.reolite-dialog .dialog-top{font-size:12px;padding-bottom:18px}
.reolite-dialog>img{width:100%;height:auto}
@media(min-width:1024px){
  .technology-section{width:100%;padding:0}
  .technology-section>.technology-inner{display:none}
  .reolite-desktop{--reolite-height:720px;display:grid;grid-template-columns:min(38.6%,calc(var(--reolite-height) * 1122 / 1402)) minmax(0,1fr);width:100%;height:var(--reolite-height);position:relative;background:var(--wash);font:400 13px/1.55 var(--sans)}
  .reolite-desktop .eyebrow{display:block;font:10px/1.4 var(--sans);letter-spacing:.065em}
  .reolite-visual{height:var(--reolite-height);min-width:0;position:relative;background:#fff}
  .reolite-main-art{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:zoom-in}
  .reolite-main-art img{width:100%;height:100%;object-fit:contain;object-position:left center}
  .reolite-zoom{pointer-events:none;position:absolute;right:14px;bottom:12px;font-size:20px;background:#ffffffcc;width:29px;height:29px;text-align:center}
  .reolite-content{padding:46px 48px 26px;display:flex;flex-direction:column;min-width:0}
  .reolite-content h2{font:38px/1.14 var(--serif);margin:25px 0 19px}
  .reolite-intro{font:17px/1.5 var(--serif);max-width:425px}
  .reolite-rows{margin-top:32px}
  .reolite-rows>div{display:grid;grid-template-columns:27px minmax(150px,.85fr) minmax(0,1.25fr);gap:20px;align-items:start;padding:23px 0;border-top:1px solid #c8cfe5}
  .reolite-rows>div:last-child{border-bottom:1px solid #c8cfe5}
  .reolite-rows>div>span{font-size:11px;padding-top:5px}
  .reolite-rows h3{font:22px/1.25 var(--serif)}
  .reolite-rows p{font-size:12px;line-height:1.65;max-width:335px}
  .reolite-picker{display:flex;gap:25px;align-items:center;margin-top:23px}
  .reolite-picker button{display:flex;align-items:center;gap:12px;text-align:left;opacity:.58;padding:4px;border:1px solid transparent;transition:opacity .15s}
  .reolite-picker button:hover,.reolite-picker button[aria-pressed=true]{opacity:1}
  .reolite-picker button[aria-pressed=true]{border-color:#b5bfdd}
  .reolite-picker img{width:40px;height:50px;object-fit:contain;background:#fff}
  .reolite-picker span{font-size:11px;line-height:1.6}
  .reolite-picker small{display:block;font-size:9px;letter-spacing:.04em;margin-bottom:3px}
  .reolite-scope{color:var(--muted);font-size:10px;line-height:1.6;margin-top:auto;padding-top:20px;max-width:720px}
}
@media(min-width:1600px){
  .reolite-content{padding-left:64px;padding-right:64px}
  .reolite-content h2{font-size:42px}
  .reolite-intro{max-width:500px}
  .reolite-rows{margin-top:38px}
  .reolite-rows>div{padding:27px 0}
}
@media(min-width:1024px) and (max-width:1279px){
  .reolite-content{padding:35px 30px 22px}
  .reolite-content h2{font-size:34px;margin:24px 0 17px}
  .reolite-intro{font-size:16px}
  .reolite-rows{margin-top:27px}
  .reolite-rows>div{grid-template-columns:21px minmax(120px,.9fr) minmax(0,1.2fr);gap:14px;padding:22px 0}
  .reolite-rows h3{font-size:20px}
  .reolite-rows p{font-size:11px}
  .reolite-scope{font-size:9px}
  .reolite-picker{gap:13px}
  .reolite-picker button{gap:8px}
  .reolite-picker span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.reolite-picker button{transition:none}}