.technology--construction{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:5%;align-items:center}.technology--construction .tech-intro h2{font-size:clamp(52px,5.8vw,86px)}.technology--construction .tech-visual{min-width:0}.construction{--construction-ink:#2c2435;background:#eeebf2;color:var(--construction-ink);border:1px solid #bfaed0;border-radius:10px;overflow:hidden;scroll-margin-top:110px}.construction [hidden]{display:none!important}.construction-topline{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 0;font-size:9px;letter-spacing:.14em;font-weight:600;gap:16px}.construction-profile{font-size:25px;font-weight:600;letter-spacing:-.06em;line-height:1}.construction-profile>span{font-size:10px;letter-spacing:0;margin-left:2px}.construction-stage{position:relative;background:radial-gradient(ellipse at 60% 50%,#dcd1e9 50%,transparent 72%);padding:24px 12px 10px}.construction-drawing{display:block;width:100%;height:auto;overflow:visible}.construction-annotation{display:block;text-align:center;font-size:8px;letter-spacing:.09em;color:#776980;margin:0 0 6px;text-transform:uppercase}.construction-layer{transition:opacity .22s ease;opacity:1}.construction.has-active-layer .construction-layer:not(.is-active){opacity:.62}.construction-layer.is-active{opacity:1}.construction-number circle{fill:#eeebf2;stroke:#9a85b0;stroke-width:1}.construction-number text{fill:#695577;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;text-anchor:middle;letter-spacing:.03em}.construction-number path{fill:none;stroke:#9a85b0;stroke-width:1;stroke-dasharray:3 4}.construction-number.is-active circle{fill:#d9ec86;stroke:#657538}.construction-number.is-active text{fill:#2c3420}.construction-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:3px 22px 0;border:1px solid #c9becf;border-radius:5px;overflow:hidden}.construction-controls button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;background:transparent;border:0;border-right:1px solid #c9becf;border-radius:0;min-height:66px;padding:11px 9px;text-align:left;color:#5b4b69;font-size:10px;line-height:1.25;cursor:pointer;font-weight:600}.construction-controls button:last-child{border-right:0}.construction-controls button>span{font-size:8px;font-weight:400;letter-spacing:.08em}.construction-controls button:hover{background:#e2d9eb;color:#2c2435}.construction-controls button[aria-pressed=true]{background:#2c2435;color:#f5f2e9}.construction-controls button[aria-pressed=true]>span{color:#d9ec86}.construction-controls button:focus-visible{outline:3px solid #783be5;outline-offset:-3px;position:relative;z-index:1}.construction-details{padding:23px 25px 0}.construction-details article{border-top:1px solid #cfc4d8;padding:18px 0}.construction.is-ready .construction-details article{border:0;padding:0;min-height:94px}.construction-detail-number{display:block;font-size:8px;letter-spacing:.12em;color:#7b688c;margin-bottom:9px}.construction-details h3{font-size:20px;line-height:1.15;letter-spacing:-.035em;margin:0 0 8px}.construction-details p{font-size:12px;line-height:1.55;color:#64566e;max-width:460px;margin:0}.construction-note{font-size:8px;letter-spacing:.04em;color:#7b6c87;padding:18px 25px 22px;margin:0}.construction.is-ready .construction-note{padding-top:6px}.construction-explore>span{display:inline-block}@media(max-width:1050px)and (min-width:701px){.technology--construction{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:4%;padding-inline:4%}.construction-topline{padding:18px 18px 0}.construction-controls{margin-inline:15px}.construction-controls button{font-size:9px;padding-inline:7px}.construction-details,.construction-note{padding-inline:18px}.technology--construction .tech-intro h2{font-size:60px}}@media(max-width:700px){.technology--construction{grid-template-columns:1fr;padding:50px 6% 35px;gap:28px}.technology--construction .tech-intro h2{font-size:64px}.technology--construction .tech-visual{margin:0}.construction{scroll-margin-top:85px;border-radius:8px}.construction-topline{padding:18px 16px 0;font-size:8px}.construction-profile{font-size:23px}.construction-stage{padding:25px 4px 10px}.construction-annotation{font-size:7px}.construction-controls{margin:4px 12px 0;grid-template-columns:repeat(5,minmax(0,1fr))}.construction-controls button{font-size:9px;padding:9px 6px;min-height:64px;gap:8px}.construction-controls button>span{font-size:8px}.construction-details{padding:20px 17px 0}.construction-details h3{font-size:20px}.construction-details p{font-size:11px}.construction.is-ready .construction-details article{min-height:103px}.construction-note{padding:18px 17px;font-size:7px}}@media(prefers-reduced-motion:reduce){.construction-layer{transition:none}}@media print{.construction-controls{display:none!important}.construction [data-construction-panel][hidden]{display:block!important}.construction.has-active-layer .construction-layer{opacity:1}.construction-details article{padding:12px 0!important;min-height:0!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/zadi-construction.css.map */