.opc{--opc-p:0;position:relative;height:215svh;margin:0 -12px 50px;background:#f1eee4;color:#203f32;border:1px solid #d9dacd;border-radius:12px;isolation:isolate}.opc *{box-sizing:border-box}.opc__pin{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center}.opc__grid{width:min(1160px,100%);padding:30px 50px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:center}.opc__copy{position:relative;z-index:2;max-width:520px}.opc__kicker{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#a44f32!important;margin:0 0 19px!important}.opc h2.opc__title{font:400 clamp(36px,4.6vw,64px)/1.07 Georgia,serif!important;letter-spacing:-.035em!important;color:#203f32!important;margin:0 0 23px!important}.opc h2.opc__title em{color:#b45c3b!important;font-weight:400}.opc .opc__lead{font:16px/1.75 Arial,sans-serif!important;color:#476052!important;margin:0 0 30px!important;max-width:470px}.opc__steps{display:grid;gap:12px;max-width:380px}.opc__step{font:700 13px/1.5 Arial,sans-serif;color:#718574;display:flex;align-items:center;gap:12px;opacity:.46;transition:opacity .25s,color .25s}.opc__step:before{content:"";width:5px;height:5px;border-radius:50%;background:#b45c3b;flex:0 0 5px}.opc__step.is-active{opacity:1;color:#203f32}.opc .opc__foot{font:11px/1.5 Arial,sans-serif;color:#607663!important;margin:28px 0 0!important}.opc__visual{position:relative;min-height:490px;height:min(76svh,640px);max-height:660px;perspective:1100px;display:flex;align-items:center;justify-content:center;isolation:isolate}.opc__halo{position:absolute;width:95%;height:80%;left:3%;top:11%;border-radius:49%;background:radial-gradient(ellipse at center,#dfe7d7,#e6e9dd 40%,#f0ece200 75%);pointer-events:none}.opc__platform{position:absolute;bottom:9%;left:16%;width:73%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#32473536 0%,transparent 70%);filter:blur(12px);pointer-events:none}.opc__cover,.opc__sheet{position:absolute;display:block;margin:0;backface-visibility:hidden;will-change:transform,opacity;transition:none}.opc__cover{z-index:3;width:min(85%,450px);transform:translateZ(0);filter:drop-shadow(0 22px 22px rgba(32,63,50,.15))}.opc__cover img{width:100%;height:auto;display:block;object-fit:contain;border-radius:12px}.opc__sheet{z-index:2;width:min(55%,270px);padding:10px;border-radius:9px;background:#fdfcf5;box-shadow:0 15px 36px #203f322b;opacity:0}.opc__sheet img{width:100%;height:auto;aspect-ratio:655/926;object-fit:contain;display:block;border-radius:4px}.opc__sheet--b{z-index:1}.opc__caption{position:absolute;bottom:2px;left:2%;right:2%;font:11px/1.4 Arial,sans-serif;color:#617160;text-align:center}.opc__progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#dfe6d9}.opc__progress span{display:block;height:100%;background:#b45c3b;transform:scaleX(var(--opc-p));transform-origin:left}.opc--avanzato{background:#e9ece3}.opc--avanzato .opc__halo{background:radial-gradient(ellipse at center,#d4dfd1 0%,#e5ebe1 43%,transparent 75%)}@media(max-width:749px){.opc{height:220svh;margin:0 -5px 38px;border-radius:10px}.opc__pin{min-height:0}.opc__grid{height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:6px;padding:44px 20px 30px}.opc__copy{max-width:none}.opc__kicker{font-size:9px;margin:0 0 10px!important}.opc h2.opc__title{font-size:clamp(30px,8.3vw,45px)!important;margin:0 0 11px!important}.opc .opc__lead{font-size:13px!important;line-height:1.5!important;margin:0 0 12px!important}.opc__steps{gap:6px}.opc__step{font-size:10px}.opc .opc__foot{font-size:10px;margin:13px 0 0!important}.opc__visual{width:100%;flex:1;height:45svh;min-height:230px;max-height:470px}.opc__cover{width:min(85%,360px)}.opc__sheet{width:min(54%,230px);padding:7px}.opc__platform{bottom:7%}.opc__caption{font-size:9px;bottom:0}}@media(max-height:620px)and (min-width:750px){.opc__grid{padding-block:10px}.opc__visual{min-height:320px;height:85svh}}@media(prefers-reduced-motion:reduce){.opc{height:auto}.opc__pin{position:relative;height:auto;min-height:500px}.opc__grid{padding-block:50px}.opc__cover{position:relative;transform:none!important}.opc__sheet,.opc__progress{display:none}.opc__step{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ortologic-product-cinema.css.map */