.siecle-intro-lock{overflow:hidden}.siecle-logo-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:#050505;color:#fff;opacity:0;visibility:hidden;transition:opacity .38s ease,visibility .38s ease}.siecle-logo-intro.is-active,.siecle-logo-intro.is-preview{opacity:1;visibility:visible}.siecle-logo-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none}.siecle-logo-intro__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#161616,#050505 68%)}.siecle-logo-intro__sequence{position:relative;width:min(76vw,760px);height:min(52vh,420px);display:grid;place-items:center}.siecle-logo-intro__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:scale(.965);transition:opacity .22s ease,transform .28s ease}.siecle-logo-intro__frame.is-current{opacity:1;transform:scale(1)}.siecle-logo-intro__frame img{display:block;width:100%;height:100%;object-fit:contain}.siecle-logo-intro__frame--cross img{width:min(48%,280px)}.siecle-logo-intro__frame--oval img{width:min(76%,580px)}.siecle-logo-intro__frame--sartoria img,.siecle-logo-intro__frame--horlogere img{width:min(70%,540px)}.siecle-logo-intro__frame--main img{width:min(82%,650px)}.siecle-logo-intro__skip{position:absolute;right:clamp(18px,4vw,48px);bottom:clamp(18px,4vw,38px);background:transparent;color:#f5f0e8;border:1px solid #777;padding:11px 15px;letter-spacing:.12em;font-size:10px;cursor:pointer}.siecle-logo-intro__skip span{margin-left:12px}.siecle-logo-intro.is-preview{position:relative;inset:auto;min-height:360px;z-index:1}.siecle-logo-intro.is-preview .siecle-logo-intro__sequence{height:300px}@media(max-width:749px){.siecle-logo-intro__sequence{width:88vw;height:min(46vh,330px)}.siecle-logo-intro__frame--cross img{width:min(58%,240px)}.siecle-logo-intro__frame--main img{width:90%}.siecle-logo-intro.is-preview .siecle-logo-intro__sequence{height:240px}.siecle-logo-intro__skip{right:18px;bottom:18px}}@media(prefers-reduced-motion:reduce){.siecle-logo-intro,.siecle-logo-intro__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/siecle-logo-intro.css.map */