.product-motion{--motion-travel-x:-19%;--motion-travel-y:-7%;contain:layout paint;position:absolute;inset:0;overflow:hidden}.product-motion[data-kind=frame]{--motion-travel-x:-8%;--motion-travel-y:-3%}.product-motion img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.product-motion-parts{position:absolute;inset:0}.product-motion-parts img{animation-duration:var(--motion-duration);animation-delay:var(--motion-offset);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:var(--motion-play)}.product-motion-cover{z-index:3}.product-motion-lever{z-index:4}.product-motion-tape{z-index:2}.product-motion[data-motion-mode=compatibility] .product-motion-cover,.product-motion[data-motion-mode=compatibility] .product-motion-lever{animation-name:product-compatibility}.product-motion[data-motion-mode=installation][data-kind=plate] .product-motion-cover{animation-name:product-install-cover}.product-motion[data-motion-mode=installation] .product-motion-tape{animation-name:product-install-tape}.product-motion[data-motion-mode=installation] .product-motion-lever{animation-name:product-install-lever}.product-motion[data-motion-mode=installation]:not([data-kind=plate]) .product-motion-cover{animation-name:product-install-open}@keyframes product-compatibility{0%,10%{opacity:0;transform:translate(var(--motion-travel-x), var(--motion-travel-y))}16%{opacity:1;transform:translate(var(--motion-travel-x), var(--motion-travel-y))}51%,85%{opacity:1;transform:translate(0)}95%,to{opacity:0;transform:translate(0)}}@keyframes product-install-tape{0%{opacity:0;transform:translate(-13%,-5%)}5%{opacity:1;transform:translate(-13%,-5%)}21%,to{opacity:1;transform:translate(0)}}@keyframes product-install-lever{0%,27%{opacity:0;transform:translate(-16%,-6%)}31%{opacity:1;transform:translate(-16%,-6%)}49%,to{opacity:1;transform:translate(0)}}@keyframes product-install-cover{0%,55%{opacity:0;transform:translate(var(--motion-travel-x), var(--motion-travel-y))}59%{opacity:1;transform:translate(var(--motion-travel-x), var(--motion-travel-y))}79%,to{opacity:1;transform:translate(0)}}@keyframes product-install-open{0%,27%{opacity:1;transform:translate(var(--motion-travel-x), var(--motion-travel-y))}55%,to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.product-motion[data-motion-mode=compatibility] .product-motion-parts img,.product-motion[data-motion-mode=installation] .product-motion-parts img{opacity:1;animation:none;transform:none}.product-motion[data-motion-mode=installation][data-kind=plate][data-stage="0"] .product-motion-lever,.product-motion[data-motion-mode=installation][data-kind=plate]:not([data-stage="2"]) .product-motion-cover{opacity:0}.product-motion[data-motion-mode=installation]:not([data-kind=plate])[data-stage="0"] .product-motion-cover{transform:translate(var(--motion-travel-x), var(--motion-travel-y))}}.product-motion[data-motion-once=true] .product-motion-parts img{animation-name:product-compatibility-once;animation-iteration-count:1;animation-fill-mode:both}@keyframes product-compatibility-once{0%,10%{opacity:0;transform:translate(var(--motion-travel-x),var(--motion-travel-y))}16%{opacity:1;transform:translate(var(--motion-travel-x),var(--motion-travel-y))}65%,to{opacity:1;transform:translate(0)}}
.installation{color:#612731;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin:70px 0;display:grid}.installation-copy h2{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(36px,4.4vw,64px);font-weight:400;line-height:.98}.installation-copy>p{max-width:380px;margin:0 0 20px;font-size:14px;line-height:1.45}.installation-steps{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.installation-steps li{background:#e9e8d9;border-radius:18px;transition:background .22s}.installation-steps li.is-active{background:#f4bad077}.installation-steps button{text-align:left;width:100%;min-height:66px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:11px 17px;font-family:inherit;display:flex}.installation-steps b{border:1px solid #61273166;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:400;display:grid}.installation-steps strong{margin-bottom:3px;font-size:14px;font-weight:500;display:block}.installation-steps small{font-size:11px;line-height:1.35;display:block}.installation-demo{color:#612731;background:#bbd0f0;border-radius:28px;min-width:0;margin:0;overflow:hidden}.installation-tabs{flex-wrap:wrap;justify-content:center;gap:7px;padding:25px 14px 0;display:flex}.installation-tabs button{min-height:38px;color:inherit;cursor:pointer;background:#f4bad0;border:0;border-radius:30px;padding:10px 15px;font-family:inherit;font-size:12px;line-height:1.2}.installation-tabs button[aria-pressed=true]{color:#ffd3df;background:#612731}.installation-3d{aspect-ratio:1.35;width:100%;min-height:200px;position:relative}.installation-3d canvas{width:100%;height:100%;display:block}.installation-canvas-host{position:absolute;inset:0}.installation-loading{text-align:center;place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.installation-caption{text-align:center;min-height:47px;padding:0 20px;font-size:12px;line-height:1.4}.installation-caption strong{font-size:14px;font-weight:500;display:block}.installation-caption span{margin-top:5px;font-size:11px;line-height:1.35;display:block}.installation-controls{flex-wrap:wrap;justify-content:center;gap:8px;padding:13px 12px 25px;display:flex}.installation-controls button{color:#612731;cursor:pointer;background:0 0;border:1px solid #61273126;border-radius:30px;min-height:40px;padding:10px 13px;font-family:inherit;font-size:11px}.installation button:focus-visible{outline-offset:3px;outline:2px solid}.installation button:disabled{cursor:default;opacity:.65}.installation-controls button[aria-pressed=true]{color:#f4bad0;background:#612731}@media (max-width:700px){.installation{grid-template-columns:1fr;gap:20px;margin:45px 0}.installation-copy h2{font-size:42px}.installation-copy>p{max-width:none}.installation-demo{justify-self:center;width:100%;max-width:600px}.installation-steps button{min-height:63px}.installation-tabs button{min-height:42px}.installation-controls button{min-height:44px}.installation-3d{aspect-ratio:1.4;min-height:190px;max-height:280px}}@media (prefers-reduced-motion:reduce){.installation-steps li{transition:none}}
