/* The opening is enabled only after its runtime and canonical assets are ready. */
.zsi-stage{display:none;position:fixed;inset:0;z-index:2147482000;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#000;color:#fff;isolation:isolate;contain:layout paint;pointer-events:auto}
html[data-zsi-active]{background:#000!important}
.zsi-stage[data-zsi-active]{display:grid;place-items:center}
.zsi-composition{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,4vh,44px);width:max-content;max-width:calc(100vw - 40px);max-height:100%;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.zsi-identity{display:flex;align-items:flex-end;justify-content:center;gap:clamp(16px,3vw,48px);max-width:100%}
.zsi-marco{width:clamp(156px,16vw,252px);aspect-ratio:1/1;flex:none;overflow:hidden;border-radius:50%;background:transparent}
.zsi-marco img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%;opacity:0;transform:translateY(8px) scale(.96)}
.zsi-sherlock{height:clamp(150px,18vw,280px);max-width:min(34vw,330px);display:flex;align-items:flex-end;justify-content:center}
.zsi-sherlock img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;opacity:0;transform:translateX(14px) scale(.97)}
.zsi-logo{display:block;width:clamp(230px,28vw,440px);height:auto;max-height:18vh;object-fit:contain;opacity:0;transform:translateY(10px)}
.zsi-reveal{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.zsi-chip{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:0;background:#06101d}
.zsi-chip picture,.zsi-chip picture img{display:block;width:100%;height:100%}
.zsi-chip picture img{object-fit:cover;object-position:center}
.zsi-chip-mark{position:absolute;left:70.8%;top:35.5%;z-index:1;width:clamp(76px,10.4vw,160px);height:auto;transform:translate(-50%,-50%);filter:brightness(0) invert(1) drop-shadow(0 0 4px #83b1ed);mix-blend-mode:screen;opacity:0}
.zsi-chip-copy{position:absolute;left:29%;top:26%;z-index:2;width:min(710px,48vw);box-sizing:border-box;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:0 2px 18px #000,0 0 24px #000;opacity:0}
.zsi-chip-copy::before{content:"";display:block;width:88px;height:1px;margin:0 auto 13px;background:linear-gradient(90deg,transparent,#c4a875,transparent)}
.zsi-chip-copy strong{display:block;font:700 clamp(48px,5vw,76px)/.98 Manrope,Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.zsi-chip-copy span{display:block;margin-top:15px;font:700 clamp(18px,1.55vw,24px)/1.2 Manrope,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.zsi-stage[data-zsi-chip-live] .zsi-chip-mark{animation:zsi-chip-pulse 1.1s ease-in-out infinite alternate}
@keyframes zsi-chip-pulse{from{filter:brightness(0) invert(1) drop-shadow(0 0 3px #6ca0ff)}to{filter:brightness(0) invert(1) drop-shadow(0 0 11px #9abfff)}}
.zsi-first-mark{display:block;width:clamp(38px,5vw,58px);height:auto;filter:brightness(0) invert(1);opacity:0}
.zsi-details{max-width:min(650px,90vw);text-align:center;opacity:0}
.zsi-details h2{font:700 clamp(21px,2.3vw,32px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.zsi-details p{font:400 clamp(13px,1.25vw,16px)/1.5 Manrope,Arial,sans-serif;color:#d9e3f2;margin:0 auto;max-width:58ch}
.zsi-details blockquote{font:italic 400 clamp(13px,1.2vw,15px)/1.5 Georgia,serif;color:#e9edf5;margin:12px 0 0}
.zsi-details blockquote cite{display:block;font:600 11px/1.4 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
.zsi-social{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:650px;opacity:0}
.zsi-social a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:84px;min-height:74px;box-sizing:border-box;border:1px solid #7890aa75;background:linear-gradient(150deg,#13243a88,#05090f66);color:#eaf1fc;text-decoration:none;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.zsi-social a::before{content:"";position:absolute;top:-1px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#c8aa72,transparent);opacity:.8}
.zsi-social img{display:block;width:23px;height:23px;object-fit:contain;filter:brightness(0) invert(1)}
.zsi-social span{font:700 9px/1.1 Manrope,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.zsi-social a:hover,.zsi-social a:focus-visible{background:#153052;border-color:#9fc6fa;transform:translateY(-3px)}
.zsi-social a:focus-visible{outline:2px solid #9fc6fa;outline-offset:3px}
.zsi-skip{position:absolute;z-index:3;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#07101dbc;border:1px solid #ffffff80;border-radius:3px;color:white;font:600 12px/1 Manrope,Arial,sans-serif;padding:10px 14px;cursor:pointer}
.zsi-skip:focus-visible{outline:3px solid #9ec5ff;outline-offset:3px}
@media(max-width:719px){
 .zsi-composition{gap:clamp(10px,2vh,20px);max-width:100vw}
 .zsi-identity{gap:clamp(10px,3vw,18px)}
 .zsi-marco{width:clamp(110px,30vw,150px)}
 .zsi-sherlock{height:clamp(110px,32vw,150px);max-width:32vw}
 .zsi-logo{width:min(68vw,290px);max-height:12vh}
 .zsi-chip-mark{left:50%;top:54.5%;width:clamp(88px,20vw,136px)}
 .zsi-chip-copy{left:50%;top:24%;width:calc(100vw - 28px)}
 .zsi-chip-copy strong{font-size:clamp(44px,13.8vw,56px)}
 .zsi-chip-copy span{font-size:20px;letter-spacing:.07em}
 .zsi-details{max-width:calc(100vw - 36px)}
 .zsi-details blockquote{margin-top:8px}
 .zsi-social{gap:6px}
 .zsi-social a{width:62px;min-height:65px;gap:5px}
 .zsi-social img{width:21px;height:21px}
 .zsi-social span{font-size:7px;letter-spacing:.04em}
}
@media(max-height:850px){.zsi-composition{gap:clamp(8px,2vh,18px)}.zsi-marco{width:min(19vh,170px)}.zsi-sherlock{height:min(21vh,180px)}.zsi-logo{max-height:11vh}.zsi-first-mark{max-height:6vh}.zsi-social a{min-height:62px}}
@media(max-height:560px){
 .zsi-composition{gap:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .zsi-marco{width:min(24vh,184px)}
 .zsi-sherlock{height:min(28vh,196px)}
 .zsi-logo{width:min(52vw,300px);max-height:13vh}
}
@media(max-width:719px) and (max-height:560px){
 .zsi-marco{width:min(26vw,24vh,148px)}
 .zsi-sherlock{height:min(26vw,28vh,150px)}
 .zsi-logo{width:min(58vw,270px);max-height:12vh}
}
@media(max-height:640px){.zsi-composition{gap:8px}.zsi-marco{width:min(22vh,140px)}.zsi-sherlock{height:min(23vh,150px)}.zsi-logo{max-height:9vh}.zsi-details blockquote{display:none}}
@media(prefers-reduced-motion:reduce){.zsi-stage,.zsi-composition,.zsi-marco img,.zsi-sherlock img,.zsi-logo,.zsi-chip-mark,.zsi-chip-copy{animation:none!important;transition:none!important}}