/* Product Design refinement: supplied double-door imagery, native interactions. */
.hero{grid-template-columns:.92fr 1.18fr;gap:30px;padding-block:48px;min-height:650px}
.hero-visual{overflow:hidden;background:#f7fafc;border:0;animation:product-enter .8s ease both}
.hero-visual img{width:135%;max-width:none;margin-left:-35%;height:auto;aspect-ratio:auto;object-fit:contain;transition:transform .55s ease}
.hero-visual:hover img{transform:scale(1.025)}
.hero-copy{animation:product-enter .65s ease both}
.hero-visual .figure-top{font-size:9px;letter-spacing:1px}
.hero-visual figcaption{align-items:center;border-top:1px solid var(--line);background:var(--paper)}
.image-open{border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);padding:4px 0;font-size:12px;white-space:nowrap}
.image-open:hover{color:var(--teal);border-color:var(--teal)}
.product-section{padding:94px 0;background:#f0f5f8;margin-top:60px}
.product-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:65px;align-items:center}
.product-tabs{border-top:1px solid #ccdce4}
.product-tabs button{display:block;width:100%;padding:17px 0;text-align:left;border:0;border-bottom:1px solid #ccdce4;color:var(--muted);background:none;transition:color .2s,padding .25s}
.product-tabs button span{display:block;font-size:21px;font-weight:600}
.product-tabs button small{display:block;font-size:11px;margin-top:5px}
.product-tabs button[aria-selected=true]{border-bottom-color:var(--teal);color:var(--ink);padding-left:14px;box-shadow:inset 3px 0 var(--teal)}
.product-tabs button:hover{color:var(--teal)}
.product-story{padding-top:30px;min-height:220px}
.product-story .eyebrow{font-size:9px;margin-bottom:13px}
.product-story h3{font-size:23px;margin-bottom:12px}
.product-story>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.95}
.concept-note{color:var(--muted);font-size:10px;margin-top:20px}
.product-panel{min-width:0;background:#f8fafc}
.product-images{aspect-ratio:1.34;display:grid;overflow:hidden}
.product-images img{grid-area:1/1;width:100%;height:100%;object-fit:contain;animation:product-enter .4s ease both}
.product-images img[hidden]{display:none}
.product-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:17px 22px;font-size:10px;letter-spacing:.6px}
.workflow-product{width:100%;height:auto;aspect-ratio:2.07;object-fit:contain}
.feature{padding-top:32px}
.feature h3{border-top:2px solid var(--gold);padding-top:24px}
.image-dialog{width:min(1100px,94vw);max-width:none;max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #071c3650;overflow:auto}
.image-dialog::backdrop{background:#071c36b8;backdrop-filter:blur(5px)}
.image-dialog[open]{animation:product-enter .25s ease both}
.dialog-header,.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px}
.dialog-header{border-bottom:1px solid var(--line)}
.dialog-header h2{font-size:18px;letter-spacing:0}
.dialog-header button,.dialog-footer button{padding:8px 16px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:3px;font-size:12px}
.dialog-header button:hover,.dialog-footer button:hover{border-color:var(--teal);color:var(--teal)}
.dialog-image-frame img{width:100%;height:65dvh;object-fit:contain}
.dialog-footer{border-top:1px solid var(--line);font-size:12px}
body.image-view-open{overflow:hidden}
@keyframes product-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.header-inner nav{gap:15px}.product-layout{grid-template-columns:240px minmax(0,1fr);gap:30px}.hero{gap:20px;min-height:570px}.product-section{padding:70px 0}}
@media(max-width:760px){.hero{gap:25px;min-height:0;padding-block:36px}.hero-visual img{width:100%;margin-left:0;aspect-ratio:auto}.product-section{margin-top:35px;padding:52px 0}.product-layout{display:flex;flex-direction:column;gap:22px;align-items:stretch}.product-sidebar{display:contents}.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);order:0}.product-tabs button{padding:12px 5px}.product-tabs button span{font-size:17px}.product-tabs button small{font-size:9px}.product-tabs button[aria-selected=true]{padding-left:5px;box-shadow:none;border-bottom:2px solid var(--teal)}.product-panel{order:1}.product-images{aspect-ratio:1.5}.product-story{order:2;padding:0;min-height:0}.product-story h3{font-size:23px}.concept-note{order:3;margin-top:0}.product-caption{padding:12px 14px;font-size:9px}.dialog-header,.dialog-footer{padding:12px;gap:8px}.dialog-header h2{font-size:14px}.dialog-footer{font-size:10px}.dialog-footer button{padding:8px 10px}.dialog-image-frame img{height:auto;min-height:230px}.image-dialog{max-height:90dvh}.workflow-product{aspect-ratio:1.6}.hero-visual figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-visual,.product-images img,.image-dialog[open]{animation:none}.hero-visual:hover img{transform:none}}
