.z3sh{position:relative;box-sizing:border-box;width:100%;height:100vh;height:100svh;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(96px,15vh,150px) 16px clamp(70px,11vh,100px);color:#1d1f22;pointer-events:none;overflow:visible}
html[data-z3="dark"] .z3sh{color:#eceae6}
.z3sh__in{transform-origin:50% 100%;will-change:transform,opacity}
.z3sh__big{display:block;font-family:Anton,Impact,sans-serif!important;text-transform:uppercase;font-weight:400;line-height:1;letter-spacing:.005em;white-space:nowrap;margin:0;transform-origin:50% 100%}
.z3sh__sub{margin:clamp(14px,2.4vh,26px) 0 0;font-family:Roboto,system-ui,sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:1.55;max-width:34em;opacity:.62}
.z3sh-hint{position:absolute;left:clamp(18px,2.4vw,40px);bottom:clamp(18px,3.2vh,34px);display:flex;align-items:stretch;gap:12px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .7s ease}
.z3sh-hint.on{opacity:1;transform:none}
.z3sh-hint .ln{position:relative;width:2px;overflow:hidden;background:rgba(255,134,102,.28);border-radius:2px}
.z3sh-hint .ln i{position:absolute;left:0;top:-45%;width:100%;height:45%;background:linear-gradient(rgba(255,134,102,0),rgba(255,134,102,1));animation:z3shsh 2.2s cubic-bezier(.65,0,.35,1) infinite}
.z3sh-hint .tx{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;line-height:1.12;font-size:clamp(13px,1.15vw,17px);color:rgba(29,31,34,.92);animation:z3shtx 2.2s ease-in-out infinite}
html[data-z3="dark"] .z3sh-hint .tx{color:rgba(244,242,238,.92)}
@keyframes z3shsh{0%{top:-45%}100%{top:100%}}
@keyframes z3shtx{0%,100%{opacity:.92}50%{opacity:.6}}
@media (prefers-reduced-motion:reduce){.z3sh-hint .ln i,.z3sh-hint .tx{animation:none}}
html.z3sh-on #z3st{padding-top:40px!important}