/* Local camera-style entrance. With missing scripts/styles the homepage stays visible. */
.site-intro[hidden],.site-intro:not([open]){display:none!important}
.site-intro{--tps-intro-ready:1;--intro-yellow:#e5fa55;--intro-text:#f7f8f0;--intro-muted:#bec8bf;position:fixed;inset:0;z-index:10000;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:var(--intro-text);background:#080909;opacity:1;isolation:isolate;font-family:Arial,Helvetica,sans-serif}
.site-intro::backdrop{background:#080909}
.site-intro__video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#080909}
.site-intro__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#030808a6,transparent 20%,transparent 67%,#030808b3)}
.site-intro__top{position:absolute;left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);top:max(24px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;gap:20px}
.site-intro__brand{color:var(--intro-yellow);font-size:12px;font-weight:700;line-height:1.5;letter-spacing:2px}
.site-intro button{appearance:none;border:0;border-radius:0;min-height:44px;padding:10px 0;background:transparent;color:var(--intro-text);font:inherit;font-size:13px;cursor:pointer}
.site-intro button:hover{color:var(--intro-yellow)}
.site-intro button:focus-visible{outline:2px solid var(--intro-yellow);outline-offset:7px}
.site-intro__skip{border-bottom:1px solid #f7f8f052!important}
.site-intro__frame{position:absolute;inset:112px 32px 100px;pointer-events:none;opacity:.48}
.site-intro__frame i{position:absolute;width:24px;height:24px;border-color:#c7dacf;border-style:solid;border-width:0}
.site-intro__frame i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}
.site-intro__frame i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}
.site-intro__frame i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}
.site-intro__frame i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
.site-intro__camera{position:absolute;left:clamp(48px,5vw,80px);top:135px;display:flex;align-items:center;gap:10px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#e3eee7}
.site-intro__camera>span{width:6px;height:6px;background:var(--intro-yellow);border-radius:50%;box-shadow:0 0 14px #e5fa5599}
.site-intro__camera b{font-weight:400;color:#c0cabe;letter-spacing:.08em;padding-left:14px;border-left:1px solid #e3eee74d}
.site-intro__copy{position:absolute;left:clamp(48px,5vw,80px);bottom:125px;width:60%;pointer-events:none}
.site-intro__kicker{color:var(--intro-yellow);font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;margin:0}
.site-intro__title{display:none;color:var(--intro-text);margin:18px 0 0;font-size:clamp(46px,8vw,120px);font-weight:600;line-height:1;letter-spacing:-.065em;text-wrap:balance}
.site-intro__title span{display:block}
.site-intro__metrics{position:absolute;right:clamp(32px,4vw,64px);top:37%;width:265px;padding:20px 0 20px 24px;border-left:2px solid var(--intro-yellow);opacity:0;background:linear-gradient(90deg,#050c0edf,transparent);text-shadow:0 2px 20px #000;pointer-events:none;backdrop-filter:blur(3px)}
.site-intro__metrics>span{display:block;color:#e5fa55;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.site-intro__metrics strong{display:block;color:var(--intro-text);font-size:clamp(35px,3.8vw,60px);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:12px 0;white-space:nowrap}
.site-intro__metrics small{color:var(--intro-muted);font-size:12px;line-height:1.5}
.site-intro__bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);display:flex;justify-content:space-between;align-items:center;gap:16px}
.site-intro__note{color:var(--intro-muted);font-size:11px;line-height:1.6;letter-spacing:.1px;margin:0}
.site-intro__pause{color:var(--intro-muted)!important;font-size:12px!important}
.site-intro__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#e5fa5512}
.site-intro__progress span{display:block;height:100%;width:0;background:var(--intro-yellow)}
.site-intro[data-phase="signature"] .site-intro__copy{top:32%;bottom:auto;right:clamp(24px,7vw,115px);width:auto}
.site-intro[data-phase="signature"] .site-intro__title{display:block}
.site-intro[data-phase="signature"] .site-intro__frame,.site-intro[data-phase="signature"] .site-intro__camera{opacity:.15}
@media(max-width:760px){
 .site-intro__video{object-fit:cover}
 .site-intro__brand{font-size:11px;letter-spacing:1.3px}
 .site-intro__frame{inset:100px 16px 102px}
 .site-intro__frame i{width:16px;height:16px}
 .site-intro__camera{left:28px;top:118px;font-size:10px;gap:7px;letter-spacing:.06em}
 .site-intro__camera b{font-size:9px;padding-left:9px}
 .site-intro__copy{left:28px;bottom:120px;width:calc(100% - 56px)}
 .site-intro__kicker{font-size:10px;letter-spacing:.07em}
 .site-intro__metrics{top:auto;bottom:21%;right:28px;width:190px;padding:14px 0 14px 17px}
 .site-intro__metrics>span{font-size:10px}
 .site-intro__metrics strong{font-size:38px;margin:9px 0}
 .site-intro__metrics small{font-size:10px}
 .site-intro__bottom{gap:18px}
 .site-intro__note{font-size:10px;max-width:165px}
 .site-intro__pause{font-size:11px!important;white-space:nowrap}
 .site-intro[data-phase="signature"] .site-intro__copy{left:28px;right:28px;top:33%}
 .site-intro__title{font-size:clamp(42px,12vw,80px);line-height:1.06}
}
@media(max-height:500px) and (min-width:600px){.site-intro__frame{inset:85px 24px 75px}.site-intro__camera{top:94px;font-size:9px}.site-intro__copy{bottom:90px}.site-intro__metrics{top:37%;width:220px}.site-intro__metrics strong{font-size:38px}.site-intro[data-phase="signature"] .site-intro__copy{top:29%}.site-intro__title{font-size:55px}.site-intro__bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.site-intro{display:none!important}}
@media print{.site-intro{display:none!important}}
.intro-replay[hidden]{display:none!important}
.intro-replay{display:block;appearance:none;background:transparent;border:0;padding:7px 0;color:#b7bcae;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.intro-replay:hover{color:#e5fa55}
.intro-replay:focus-visible{outline:2px solid #e5fa55;outline-offset:4px}

.site-intro__camera{padding:7px 10px;background:#080909c9}
