.tclimb{--tc-p: .5;--tc-acw: clamp(84px, 11vw, 168px);--tc-h: clamp(400px, 56svh, 560px);--tc-rise: 1.15;--tc-x0: -38vw;--tc-dx: 158vw;min-height:var(--tc-h);display:flex;align-items:flex-start;isolation:isolate}.tclimb-sky{position:absolute;inset:0;z-index:0;background-image:linear-gradient(180deg,color-mix(in srgb,rgb(var(--c-anchor)) 30%,rgb(var(--c-royal-deep))),color-mix(in srgb,rgb(var(--c-royal-deep)) 70%,rgb(var(--c-sky))) 46%,color-mix(in srgb,rgb(var(--c-sky)) 62%,rgb(var(--c-bg))) 82%,rgb(var(--c-surface-2)))}.tclimb-field{position:absolute;left:-10%;right:-10%;bottom:11%;z-index:2;color:rgb(var(--c-royal-deep));opacity:.46;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 56%,transparent 76%);mask-image:linear-gradient(90deg,#000 0%,#000 56%,transparent 76%)}.tclimb-field__i{display:block;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 64%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,#000 64%,transparent 82%)}.tclimb-field svg{display:block;width:100%;height:auto}.tclimb-ground{position:absolute;left:0;right:0;bottom:0;z-index:1;height:26%;background-image:linear-gradient(180deg,transparent 0%,color-mix(in srgb,rgb(var(--c-surface-2)) 55%,rgb(var(--c-sky)) / .55) 58%,rgb(var(--c-surface-2) / .82) 100%)}.tclimb-tape{position:absolute;right:0;top:30%;bottom:14%;z-index:2;width:clamp(104px,17vw,208px);pointer-events:none}.tclimb-rung{position:absolute;right:0;bottom:calc(var(--at) * 100%);display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;--lit: clamp(0, calc((var(--tc-p) - var(--at) * .82 - .06) / .07), 1);--hi: clamp(0, calc((var(--at) - .7) * 100), 1);opacity:calc(.42 + .58 * var(--lit))}.tclimb-tick{height:2px;border-radius:2px;flex:none;width:calc(14px + 16px * var(--lit));background:color-mix(in srgb,rgb(255 255 255) calc(var(--hi) * 100%),rgb(var(--c-anchor)));opacity:calc(.45 + .55 * var(--lit))}.tclimb-code{font-family:var(--ff-mono);font-size:clamp(9px,1.05vw,11px);letter-spacing:.16em;font-weight:700;white-space:nowrap;color:color-mix(in srgb,rgb(255 255 255) calc(var(--hi) * 100%),rgb(var(--c-anchor)));padding-right:clamp(12px,2.2vw,28px)}.tclimb-clouds{position:absolute;inset:0;z-index:1;pointer-events:none}.tclimb-cloud{position:absolute;color:#fff}.tclimb-cloud svg{display:block;width:100%;height:auto}.tclimb-cloud--1{top:46%;left:1%;width:38%;opacity:.22;transform:translate3d(calc(var(--tc-p) * 7vw),0,0)}.tclimb-cloud--2{top:29%;left:53%;width:31%;opacity:.17;transform:translate3d(calc(var(--tc-p) * -4vw),0,0)}.tclimb-cloud--3{top:7%;left:55%;width:20%;opacity:.26;transform:translate3d(calc(var(--tc-p) * 5vw),0,0)}@media (max-width: 1023.98px){.tclimb-cloud--2{display:none}.tclimb-cloud--1{top:54%;left:-4%;width:72%}.tclimb-cloud--3{top:45%;left:54%;width:46%}}.tclimb-ac{position:absolute;z-index:3;left:0;bottom:0;width:var(--tc-acw);color:#fff;filter:drop-shadow(0 8px 14px rgb(var(--c-anchor) / .32)) drop-shadow(0 0 1.5px rgb(var(--c-royal-deep) / .6));transform:translate3d(calc(var(--tc-x0) + var(--tc-p) * var(--tc-dx)),calc(.08 * var(--tc-h) - var(--tc-p) * var(--tc-rise) * var(--tc-h)),0) rotate(-11deg)}.tclimb-ac svg{display:block;width:100%;height:auto}.tclimb-ac:before{content:"";position:absolute;right:84%;top:52%;width:clamp(90px,22vw,340px);height:2px;background-image:repeating-linear-gradient(90deg,rgb(var(--c-sky) / .55) 0 13px,transparent 13px 28px);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 100%);pointer-events:none}@media (max-width: 1023.98px){.tclimb{--tc-acw: clamp(94px, 26vw, 140px);--tc-h: 430px;min-height:var(--tc-h);--tc-rise: .52;--tc-x0: -52vw;--tc-dx: 176vw}.tclimb-tape{display:none}}.fp-index{border-bottom:1px solid rgb(var(--c-line))}.fp-index::-webkit-scrollbar{display:none}.fp-index{scrollbar-width:none}.fp-chip:hover{color:rgb(var(--c-ink));background:rgb(var(--c-surface-2))}.fp-chip.is-here{color:rgb(var(--c-ink));background:rgb(var(--c-surface-2));box-shadow:inset 0 0 0 1px rgb(var(--c-line))}.fp-chip.is-here .fp-num{color:rgb(var(--c-accent))}.fp-chip:active{transform:scale(.97)}.fp-chip{transition:color .16s ease,background-color .16s ease,transform var(--mo-dur-micro) var(--mo-ease-snap)}@media (prefers-reduced-motion: reduce){.fp-chip{transition:color .16s ease}}
