.pinned-story-notes{--psn-text: #ffffff;--psn-overlay: rgba(0, 0, 0, .45);--psn-note-active: rgba(255, 255, 255, 1);--psn-title-size: clamp(28px, 4vw, 40px);--psn-heading-size: clamp(18px, 2.2vw, 24px);--psn-body-size: clamp(14px, 1.6vw, 16px);position:relative;color:var(--psn-text)}.pinned-story-notes__pin-wrap{height:calc(100vh * var(--psn-step-count, 3))}.pinned-story-notes__stage{position:sticky;top:0;height:100vh;min-height:520px;overflow:hidden;display:flex;align-items:stretch}.pinned-story-notes__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.pinned-story-notes__bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .65s ease;will-change:opacity}.pinned-story-notes__bg-layer.is-active{opacity:1}.pinned-story-notes__bg-layer picture,.pinned-story-notes__bg-layer img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pinned-story-notes__bg-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#1a1a1a,#3d3d3d)}.pinned-story-notes__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--psn-overlay);pointer-events:none}.pinned-story-notes__content-wrap{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:clamp(48px,8vh,96px) 24px;display:flex;align-items:center;box-sizing:border-box}.pinned-story-notes__content{width:100%;max-width:640px}.pinned-story-notes__title{margin:0 0 clamp(32px,6vh,56px);font-size:var(--psn-title-size);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--psn-text)}.pinned-story-notes__notes{display:flex;flex-direction:column;gap:clamp(20px,4vh,36px)}.pinned-story-notes__note{margin:0;transition:opacity .45s ease,transform .45s ease;opacity:.28;transform:translateY(8px)}.pinned-story-notes__note.is-active{opacity:1;transform:translateY(0)}.pinned-story-notes__note strong{display:block;margin-bottom:8px;font-size:var(--psn-heading-size);font-weight:600;line-height:1.35;color:var(--psn-note-active)}.pinned-story-notes__note span{display:block;font-size:var(--psn-body-size);font-weight:400;line-height:1.7;color:var(--psn-text);opacity:.45;transition:opacity .45s ease}.pinned-story-notes__note.is-active span{opacity:.9}.pinned-story-notes__progress{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:10px}.pinned-story-notes__progress-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;transition:background .3s ease,transform .3s ease}.pinned-story-notes__progress-dot.is-active{background:#ffd100;transform:scale(1.35)}@media screen and (min-width:768px){.pinned-story-notes__content-wrap{padding-left:32px;padding-right:32px}.pinned-story-notes__progress{right:32px}}@media screen and (min-width:1200px){.pinned-story-notes__content-wrap{padding-left:max(32px,calc((100vw - 1400px)/2));padding-right:max(32px,calc((100vw - 1400px)/2))}}@media(prefers-reduced-motion:reduce){.pinned-story-notes__pin-wrap{height:auto}.pinned-story-notes__stage{position:relative;height:auto;min-height:0}.pinned-story-notes__bg-layer{transition:none}.pinned-story-notes__bg-layer:not(:first-child){display:none}.pinned-story-notes__note{opacity:1;transform:none;transition:none}.pinned-story-notes__note span{opacity:.9}.pinned-story-notes__progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/section-pinned-story-notes.css.map */