/* Shared product presentation: one readable frame, clear controls, quiet motion. */
.desktop-work,.hr-cinema{padding:76px 0;background:#f4f7fb}
.hr-cinema{background:#fff;border-top:1px solid #e5ebf2}
.desktop-work>.wrap,.hr-cinema>.wrap{max-width:1180px;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:0 54px;align-items:start}
.desktop-work .intro,.hc-heading{grid-column:1;grid-row:1 / 6;display:block;max-width:330px;margin:0}
.desktop-work .intro>.eyebrow,.hc-heading .eyebrow{display:block;color:#66809e;font-size:10px;letter-spacing:1.5px;line-height:1.7;margin:0 0 20px}
.desktop-work .intro h2,.hc-heading h2{font-size:36px;letter-spacing:-1.5px;line-height:1.12;color:#172b43;margin:0 0 23px}
.desktop-work .intro h2 span,.hc-heading h2 span{color:#3673b9}
.desktop-work .intro>p,.hc-heading-aside p{font-size:14px;line-height:1.8;color:#728298;margin:0 0 22px;max-width:330px}
.product-benefits{list-style:none;padding:0;display:grid;gap:12px;margin:25px 0 28px;color:#60748e;font-size:12px;line-height:1.6}
.product-benefits li{display:flex;gap:9px}.product-benefits li:before{content:'✓';color:#4388cf}
.desktop-work .story-link,.hc-heading-aside a{font-size:12px;color:#3673b9;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #c9d9ef;padding-bottom:6px}
.hc-heading-aside{display:block;max-width:330px;margin-top:24px;padding:0}
.desktop-work .desktop-select{grid-column:2;display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px;align-items:center;min-width:0}
.desktop-work .desktop-select>button,.erp-more summary{background:transparent;border:1px solid transparent;color:#728298;border-radius:6px;padding:9px 12px;font-size:11px;line-height:1.4;cursor:pointer;white-space:nowrap}
.desktop-work .desktop-select>button:hover,.erp-more summary:hover{background:#e9eff8;color:#294b79}
.desktop-work .desktop-select>button[aria-pressed=true]{background:#1a2d47;color:#fff;border-color:#1a2d47}
.erp-more{position:relative;margin-left:auto;z-index:8}
.erp-more summary{list-style:none;font-size:10px;padding-inline:8px}.erp-more summary::-webkit-details-marker{display:none}.erp-more summary span{margin-left:5px}
.erp-more>div{position:absolute;top:calc(100% + 6px);right:0;width:190px;background:#fff;border:1px solid #dbe4ef;border-radius:9px;padding:6px;box-shadow:0 12px 32px #1c355e1c;display:grid;gap:3px}
.desktop-work .erp-more button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px;font-size:11px;border-radius:5px;color:#59708c}
.desktop-work .erp-more button:hover,.desktop-work .erp-more button[aria-pressed=true]{background:#edf3fb;color:#285e9d}
.desktop-work .tour-control{grid-column:2;justify-self:end;font-size:10px;color:#8192a8;margin:-2px 0 12px}
.desktop-work .desktop-capture,.hc-theater{grid-column:2;min-width:0;max-width:700px;width:100%;border:1px solid #dce5ef;border-radius:11px;box-shadow:0 16px 40px #1c3e6b0c;background:#fff;overflow:hidden}
.desktop-work .desktop-brand{height:35px;padding:0 14px;background:#182b43;font-size:10px}.desktop-work .desktop-brand #desktop-label{font-size:8px}
.desktop-work .desktop-crop{aspect-ratio:2.2;overflow:hidden;background:#eef3f8}
.desktop-work #desktop-screen>img{transform-origin:var(--erp-focus,45% 35%);will-change:transform}
.desktop-work #desktop-screen.screen-changing>img{animation:productCamera 5s cubic-bezier(.25,.6,.3,1) both}
.erp-module-detail{padding:14px 16px 16px;background:#fff;border-top:1px solid #e8edf4;color:#304b6b}
.erp-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.erp-detail-heading>span{font-size:8px;letter-spacing:1px;color:#91a0b2}
.erp-detail-heading strong{font-size:12px;font-weight:500}
.erp-detail-options{display:flex;flex-wrap:wrap;gap:7px}
.erp-detail-options>span{font-size:10px;line-height:1.5;padding:5px 8px;background:#f1f5fb;border-radius:4px;color:#607999;animation:productLabel .4s ease var(--option-delay) both}
.desktop-work .desktop-caption,.hc-footnote{font-size:8px;color:#91a0b2;line-height:1.7;margin-top:12px;grid-column:2}
.desktop-work .desktop-caption>span:last-child{display:none}
.hc-topline{font-size:7px;color:#8192a8;padding:15px 18px 0;letter-spacing:1px}.hc-topline b{color:#385977}.hc-topline i{background:#4d96ca;box-shadow:none}
.hc-ambient,.hc-grid{display:none}
.hc-deck{aspect-ratio:2.12;margin:7px 0 0;background:#f4f8fb}
.hc-scene{inset:4% 3% 5%;transform:translateY(13px) scale(.98);transition:opacity .5s,transform .65s,visibility .65s}
.hc-scene.is-active,.hc-theater[data-scene] .hc-scene.is-active{transform:none}
.hc-scene.is-leaving{transform:translateY(-8px);opacity:0}
.hc-window{border-color:#d6e4e9;border-radius:6px;box-shadow:0 5px 14px #2152680c}
.hc-chrome{height:22px;background:#173846;border-color:#173846;font-size:6px}
.hc-image-viewport{aspect-ratio:2.22}
.hc-scene.is-active .hc-image-viewport img{animation:productCamera 5s cubic-bezier(.25,.6,.3,1) both}
.hc-caption{background:#fff;border-top:1px solid #e8edf4;margin:0;padding:15px 17px;gap:14px;min-height:87px}
.hc-caption>span{font-size:7px;color:#7d95ad;min-width:64px}
.hc-caption h3{font-size:16px;line-height:1.3;color:#304b6b;letter-spacing:-.3px;margin-bottom:5px}
.hc-caption p{font-size:10px;color:#8495a8;line-height:1.65}
.hc-caption button{border-color:#dce5ef;color:#68829e;background:#f6f8fb;width:29px;height:29px;padding:7px}
.hc-selectors{grid-column:2;margin:12px 0 0;gap:7px}
.hc-selectors>button{padding:11px 10px;border-color:#e0e7ef;border-radius:6px;background:#f7f9fc;display:flex;align-items:center;gap:7px;box-shadow:none}
.hc-selectors>button[aria-pressed=true]{background:#edf3fb;border-color:#a9c2e2;box-shadow:none}
.hc-selector-number{font-size:9px;color:#91a5ba;margin:0}
.hc-selectors b{font-size:10px;line-height:1.5;color:#587391}
.hc-selectors small,.hc-selectors svg{display:none}
.hc-step-track i{background:#6f9aca}
.hr-cinema.is-playing .hc-selectors>button[aria-pressed=true] .hc-step-track i{animation:hcProgress 5s linear both}
.desktop-select button:focus-visible,.erp-more summary:focus-visible{outline:2px solid #6799d8;outline-offset:3px}
@keyframes productCamera{0%,23%{opacity:1;transform:scale(1)}55%,90%{opacity:1;transform:scale(1.13)}100%{opacity:1;transform:scale(1.08)}}
@keyframes productLabel{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:701px){.desktop-work>.wrap,.hr-cinema>.wrap{gap:0 30px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.desktop-work .intro h2,.hc-heading h2{font-size:30px}.desktop-work .desktop-select>button{font-size:10px;padding:8px}.erp-more{margin-left:0}.hc-caption>span{display:none}}
@media(max-width:700px){.desktop-work,.hr-cinema{padding:55px 0}.desktop-work>.wrap,.hr-cinema>.wrap{display:block;max-width:600px}.desktop-work .intro,.hc-heading{max-width:100%;margin-bottom:28px}.desktop-work .intro h2,.hc-heading h2{font-size:33px}.desktop-work .intro>p,.hc-heading-aside p{max-width:470px;font-size:13px}.product-benefits{gap:8px;margin:20px 0;font-size:11px}.hc-heading-aside{max-width:470px;margin-top:20px}.desktop-work .tour-control{display:block;text-align:right}.desktop-work .desktop-select>button{padding:8px 10px;font-size:10px}.erp-more summary{font-size:9px}.hc-caption{flex-wrap:nowrap;min-height:83px}.hc-caption h3{font-size:14px;max-width:none}.hc-caption p{font-size:9px;max-width:none}.hc-caption>span{display:none}.hc-selectors b{font-size:9px}.hc-selectors>button{padding:10px 7px}.hc-theater{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.desktop-work #desktop-screen.screen-changing>img,.hc-scene.is-active .hc-image-viewport img,.erp-detail-options>span{animation:none!important;transform:none!important}}
.motion-off .desktop-work #desktop-screen.screen-changing>img,.motion-off .erp-detail-options>span{animation-play-state:paused!important;}