.cue-memory{--memory-header:72px;--memory-stage-height: calc(100svh - 72px) ;--memory-background:url(memory-scene-background.webp);background:#030303;color:#eee;position:relative;scroll-margin-top:var(--memory-header)}.cue-memory.memory-pinned{height:calc(var(--memory-stage-height) + var(--memory-travel))}.cue-memory__pin{padding-block:80px}.memory-pinned>.cue-memory__pin{height:var(--memory-stage-height);padding:0;position:sticky;top:var(--memory-header);display:flex;align-items:center;overflow:clip}.cue-memory__stage{width:min(1156px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:518fr 500fr;gap:clamp(40px,9.7vw,140px);align-items:center}.cue-memory__copy{height:640px;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.cue-memory__item{border-top:1px solid #262626;min-height:0}.cue-memory__item:first-child{border:0}.cue-memory__label{display:block;background:none;border:0;text-align:left;padding:18px 0;width:100%;min-height:44px;font-size:1.125rem;line-height:26px;font-weight:400;color:#888;transition:color .3s,padding .65s var(--ease)}.cue-memory__item.active{flex:1}.cue-memory__item.active>.cue-memory__label{color:#aaa;padding-top:0}.cue-memory__detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .65s var(--ease),opacity .4s}.cue-memory__detail>div{overflow:hidden;min-height:0}.cue-memory__item.active .cue-memory__detail{grid-template-rows:1fr;opacity:1}.cue-memory__detail h2{font-size:2.5rem;line-height:1.2;letter-spacing:-1.4px;font-weight:300;margin:0 0 18px;max-width:440px}.cue-memory__detail p{max-width:351px;font-size:1.125rem;line-height:26px;color:#aaa;margin:0 0 32px}.cue-memory__visual-wrap{position:relative;min-width:0;width:100%;max-width:500px;justify-self:end}.cue-memory__visual{width:100%;aspect-ratio:500/640;border-radius:30px;position:relative;overflow:hidden;background:#414944}.cue-memory__background{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--memory-background) center/cover;transition:transform 1s,filter 1s}.cue-memory__visual[data-scene="1"] .cue-memory__background{transform:scale(1.1);filter:hue-rotate(-18deg) brightness(.7)}.cue-memory__visual[data-scene="2"] .cue-memory__background{transform:scale(1.18) translate(-3%);filter:brightness(.45)}.cue-memory__visual[data-scene="3"] .cue-memory__background{transform:scale(1.05);filter:brightness(.6)}.cue-memory__scene{position:absolute;top:0;right:0;bottom:0;left:0;padding:12% 19%;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .6s,transform .7s,visibility .7s;pointer-events:none;overflow:hidden}.cue-memory__scene.active{opacity:1;visibility:visible;transform:translateY(0)}.cue-memory__micro{font-size:.625rem;line-height:1.5;color:#e1e5dd;margin-bottom:14px}.cue-memory__card{background:#161712de;border:1px solid #ffffff0c;padding:15px 13px;margin-bottom:7px;border-radius:22px;color:#eee;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.cue-memory__card strong{display:block;font-size:.8125rem;line-height:1.5;font-weight:450;margin:8px 0 4px}.cue-memory__card p{font-size:.625rem;line-height:1.5;margin:0;color:#bbb}.cue-memory__tag{font-size:.5rem;padding:5px 9px;border-radius:20px;background:#36515e;display:inline-block}.cue-memory__tag.pink{background:#653549}.cue-memory__tag.gray{background:#484a3a}.cue-memory__time{font-size:.5rem;color:#999;float:right;margin-top:5px}.cue-memory__scene-title{font-size:1.5625rem;font-weight:400;letter-spacing:-.7px;margin:20px 0;color:#fff}.cue-memory__scene:not([data-memory-scene="0"]) .cue-memory__card{margin-bottom:14px}.cue-memory__avatar{width:32px;height:32px;border-radius:50%;background:#a68d68;display:grid;place-items:center;font-size:.75rem;margin-bottom:12px}.cue-memory__pill{padding:10px 16px;border-radius:20px;background:#d4c6ac;color:#292721;display:inline-block;font-size:.6875rem;margin-top:14px}.cue-memory__chat{margin-top:42px}.cue-memory__question{margin-left:28px;background:#665f50}.cue-memory__input{font-size:.6875rem;padding:15px;border:1px solid #ffffff44;border-radius:25px;margin-top:20px;background:#2229;color:#c4c1ba}.cue-memory__keys{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:22px}.cue-memory__keys span{background:#f7f3e2bb;color:#333;text-align:center;border-radius:4px;padding:10px 0;font-size:.625rem}.cue-memory__dots{position:absolute;left:-37px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column}.cue-memory__dot{padding:0;width:24px;height:24px;display:grid;place-items:center;border:0;background:none}.cue-memory__dot:after{content:"";width:6px;height:6px;background:#555;border-radius:50%;transition:background .4s,transform .4s}.cue-memory__dot[aria-current=true]:after{background:#eee;transform:scale(1.15)}.cue-memory__hint{display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:#777;font-size:.6875rem;letter-spacing:.6px}.memory-pinned .cue-memory__hint{display:block}.memory-pinned .cue-memory__copy{height:min(640px,calc(var(--memory-stage-height) - 100px))}.memory-pinned .cue-memory__visual-wrap{width:min(100%,calc((var(--memory-stage-height) - 100px)*.78125))}.memory-measuring *{transition:none!important;animation:none!important}.cue-memory:not(.memory-ready) .cue-memory__detail{grid-template-rows:1fr;opacity:1}.cue-memory:not(.memory-ready) .cue-memory__copy{height:auto}@media(min-width:1700px){.cue-memory__stage{width:1250px;gap:170px}}@media(max-height:800px)and (min-width:761px){.cue-memory__detail h2{font-size:2.125rem}.cue-memory__detail p{font-size:1rem;line-height:23px;margin-bottom:24px}.cue-memory__label{padding:12px 0;font-size:1rem}}@media(max-width:1000px)and (min-width:761px){.cue-memory__stage{gap:52px}.cue-memory__detail h2{font-size:2rem}.cue-memory__detail p{font-size:1rem;line-height:23px}.cue-memory__copy{height:560px}}@media(max-width:760px){.cue-memory__stage{width:calc(100% - 40px);display:flex;flex-direction:column;gap:20px;justify-content:center}.cue-memory__copy{width:100%;height:320px;order:2}.cue-memory__visual-wrap{width:min(260px,64vw);order:1}.cue-memory__visual{border-radius:20px}.cue-memory__label{font-size:.8125rem;line-height:18px;padding:10px 0;min-height:44px}.cue-memory__detail h2{font-size:1.5625rem;letter-spacing:-.7px;line-height:1.12;margin-bottom:8px}.cue-memory__detail p{font-size:.8125rem;line-height:18px;max-width:100%;margin-bottom:10px}.memory-pinned .cue-memory__hint{display:none}.memory-pinned .cue-memory__copy{height:340px}.memory-pinned .cue-memory__stage{gap:16px}.memory-pinned .cue-memory__visual-wrap{width:min(260px,64vw,calc((var(--memory-stage-height) - 400px)*.78125));min-width:145px}.cue-memory__scene{padding:10% 15%}.cue-memory__card{padding:8px 10px;border-radius:12px}.cue-memory__card strong{font-size:.625rem;margin:4px 0}.cue-memory__card p{font-size:.5rem}.cue-memory__scene-title{font-size:1.125rem;margin:8px 0}.cue-memory__micro{font-size:.5rem;margin-bottom:8px}.cue-memory__chat{margin-top:10px}.cue-memory__tag{font-size:.4375rem;padding:3px 6px}.cue-memory__keys span{padding:6px 0;font-size:.5rem}.cue-memory__avatar{width:24px;height:24px;margin-bottom:4px}.cue-memory__pill{margin-top:6px;padding:7px 10px}.cue-memory__input{margin-top:10px;padding:10px}}@media(prefers-reduced-motion:reduce){.cue-memory *{transition:none!important;animation:none!important}}@media print{.cue-memory.memory-pinned{height:auto}.memory-pinned>.cue-memory__pin{position:static;height:auto}.cue-memory__dots,.cue-memory__hint{display:none}.cue-memory__copy{height:auto!important}.cue-memory__detail{grid-template-rows:1fr;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sutyo-cue-memory-chapter.css.map */