/* A type-led title sequence, not a second 3D scene or simulated progress bar. */
.axis-entry{background:transparent;isolation:isolate;color:#e6e9e8;overflow:hidden;touch-action:none;overscroll-behavior:none}
.axis-entry:before,.axis-entry:after{content:'';position:absolute;left:0;right:0;height:50.2%;z-index:-1;background:#091217;will-change:transform;transition:transform .62s cubic-bezier(.76,0,.24,1)}
.axis-entry:before{top:0;background:radial-gradient(ellipse at 70% 100%,#172b35 0,transparent 65%),#091217}
.axis-entry:after{bottom:0;background:radial-gradient(ellipse at 70% 0,#172b35 0,transparent 65%),#091217}
.entry-composition{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:opacity .22s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.entry-credit{position:absolute;top:8%;margin:0;font:9px Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#718995;text-transform:uppercase}
.entry-signature{position:relative;display:flex;align-items:center;justify-content:center;width:min(82vw,940px);padding:84px 0}
.entry-word{position:relative;display:flex;gap:clamp(19px,3vw,46px);font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,6.2vw,92px);font-weight:400;line-height:1;letter-spacing:0;padding-left:3px}
.entry-word span{display:inline-block;animation:axis-letter-settle .8s cubic-bezier(.2,.75,.2,1) both}
.entry-word span:nth-child(1){--offset:-22px}.entry-word span:nth-child(2){--offset:-7px}.entry-word span:nth-child(3){--offset:7px}.entry-word span:nth-child(4){--offset:22px}
.entry-word:after{content:'';position:absolute;inset:-6px -25px;background:linear-gradient(105deg,transparent 25%,#e7c69440 49%,transparent 73%);transform:translateX(-115%);opacity:0;animation:axis-light-pass 3.6s ease-in-out .3s infinite;mix-blend-mode:screen;pointer-events:none}
.entry-rule{position:absolute;top:50%;height:1px;width:clamp(40px,15vw,225px);background:linear-gradient(90deg,transparent,#b8925d);opacity:.5;transform-origin:right;animation:axis-rule-settle 1s cubic-bezier(.2,.7,.2,1) both}
.entry-rule-left{right:calc(50% + clamp(124px,17vw,250px))}.entry-rule-right{left:calc(50% + clamp(124px,17vw,250px));background:linear-gradient(90deg,#b8925d,transparent);transform-origin:left}
.entry-register{position:absolute;left:50%;height:24px;width:1px;background:linear-gradient(#cfad7b,transparent);opacity:.45}
.entry-register-top{top:0}.entry-register-bottom{bottom:0;transform:rotate(180deg)}
.entry-line{margin:0;font:400 clamp(12px,1.1vw,15px) Arial,Helvetica,sans-serif;letter-spacing:.065em;color:#b0bdc3}
.entry-edition{position:absolute;bottom:8%;font:8px Arial,Helvetica,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#657e8b}
.entry-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.entry-recovery{position:absolute;bottom:13%;left:20px;right:20px;text-align:center;font:11px/1.7 Arial,Helvetica,sans-serif;color:#a6b5bc}
.entry-recovery p{margin:0 0 9px}.entry-recovery button{min-height:44px;padding:10px 0;border-bottom:1px solid #ad8c5e;color:#dec298;font-size:11px}.entry-recovery button span{margin-left:20px}
.axis-entry[data-state=revealing]{pointer-events:none}.axis-entry[data-state=revealing]:before{transform:translateY(-101%)}.axis-entry[data-state=revealing]:after{transform:translateY(101%)}.axis-entry[data-state=revealing] .entry-composition{opacity:0;transform:scale(1.035)}.axis-entry[data-state=revealing] .entry-recovery{visibility:hidden}
@keyframes axis-letter-settle{from{opacity:.4;transform:translateX(var(--offset))}to{opacity:1;transform:translateX(0)}}
@keyframes axis-rule-settle{from{opacity:0;transform:scaleX(.25)}to{opacity:.5;transform:scaleX(1)}}
@keyframes axis-light-pass{0%,12%{opacity:0;transform:translateX(-115%)}32%{opacity:.65}55%,100%{opacity:0;transform:translateX(115%)}}
@media(max-width:760px){.entry-signature{padding:65px 0;width:86vw}.entry-rule{width:15vw}.entry-rule-left{right:calc(50% + 120px)}.entry-rule-right{left:calc(50% + 120px)}.entry-credit{top:8%;font-size:8px;letter-spacing:.14em}.entry-edition{bottom:8%;font-size:7px}.entry-line{font-size:12px}.entry-recovery{bottom:14%}}
@media(prefers-reduced-motion:reduce){.entry-word span,.entry-word:after,.entry-rule{animation:none}.entry-word:after{display:none}.axis-entry:before,.axis-entry:after,.entry-composition{transition:none}}