.pin-wrap{padding:0;position:relative}.pin-stage{flex-direction:column;display:flex}.pin-inner{width:100%;padding-block:var(--pad-section);flex-direction:column;gap:2rem;display:flex}.pin-head h2{font-size:min(var(--text-h2), 2.4em);margin:0}.pin-head .lead{max-width:var(--measure);margin-top:.6em}.pin-dots,.pin-skip{display:none}.pin-dots{z-index:6;flex-direction:column;gap:1rem;position:absolute;top:50%;right:clamp(.9rem,3vw,2.2rem);transform:translateY(-50%)}.pin-dots button{border:1.5px solid var(--ink);opacity:.5;cursor:pointer;background:0 0;border-radius:50%;width:9px;height:9px;padding:0;transition:background-color .3s,border-color .3s,opacity .3s,transform .3s;position:relative}.pin-dots button:after{content:"";position:absolute;inset:-8px}.pin-dots button.on{background:var(--green);border-color:var(--green);opacity:1;transform:scale(1.25)}.pin-skip{z-index:6;min-height:var(--button-height);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(4px);cursor:pointer;color:var(--ink);font-family:var(--font-body);border:1.5px solid #0a0a0a40;border-radius:2rem;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s,transform .2s;position:absolute;bottom:1rem;left:50%;translate:-50%}.pin-skip svg{width:.95rem;height:.95rem}@media (hover:hover) and (pointer:fine){.pin-skip:hover{border-color:var(--green);color:var(--green);transform:translateY(2px)}}@media (width<=899px){.pin-skip{background:var(--paper);backdrop-filter:none;bottom:4.3rem}}@media (prefers-reduced-motion:no-preference){.pin-wrap.pin-on{height:var(--pin-runway,420vh);overflow-anchor:none}.pin-on .pin-stage{height:100svh;position:sticky;top:0;overflow:hidden auto}.pin-on .pin-inner{min-height:0;font-size:var(--stage-fs);flex:1;justify-content:safe center;gap:clamp(1rem,3.5svh,3rem);padding-top:clamp(4.5rem,8svh,5rem);padding-bottom:4.5rem}@media (width<=899px){.pin-on .pin-inner{padding-bottom:7.4rem}.pin-wrap.pin-on{margin-bottom:5.5rem}}.pin-on .pin-head{opacity:0;transition:opacity .5s .1s,transform .5s cubic-bezier(.2,.7,.2,1) .1s;transform:translateY(16px)}.pin-on .pin-stage.live .pin-head{opacity:1;transform:none}.pin-on .pin-head .lead{font-size:.9em}.pin-on .pin-body{opacity:0;visibility:hidden;transition:opacity .5s .4s,visibility 0s linear .9s}.pin-on .pin-stage.live .pin-body{opacity:1;visibility:visible;transition:opacity .5s .4s,visibility}.pin-on .pin-dots,.pin-on .pin-skip:not([hidden]){display:flex}}