.persona-intro{max-width:760px;margin:24px auto 28px;padding:14px 28px 18px;border-radius:28px;background:linear-gradient(145deg,#fdfafb,#f8f0f2);box-shadow:inset 0 0 0 1px #b512350c,0 12px 32px #20101a06;text-align:center;color:#20101a}.intro-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.intro-top>span{font-size:10px;letter-spacing:.13em;color:#986b77}.intro-top button{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#89646e;border-radius:50%}.intro-art{display:flex;align-items:center;justify-content:center;gap:28px;height:188px;padding:14px 0}.intro-photo{width:100px;padding:8px 8px 6px;background:white;border-radius:16px;box-shadow:0 2px 4px #20101a09,0 10px 22px #20101a0d;position:relative}.intro-photo svg{width:76px;height:102px;color:#9f8189}.intro-photo span,.intro-scene span{display:block;font-size:10px;color:#8a6972}.intro-arrow{color:#caacb4;flex-shrink:0}.intro-look{position:relative;width:110px}.intro-chosen{z-index:2;margin:auto;transition:transform .6s ease}.intro-chosen svg{color:#b51235}.intro-ghost{position:absolute;width:82px;height:110px;background:#fff;border-radius:14px;top:6px;color:#bc97a1;opacity:.65;transition:transform .7s ease,opacity .7s ease}.intro-ghost svg{width:70px}.ghost-left{left:8px;transform:translateX(-18px) rotate(-12deg)}.ghost-right{right:8px;transform:translateX(18px) rotate(12deg)}.intro-slider{position:absolute;bottom:-17px;left:10px;right:10px;height:4px;border-radius:5px;background:#eedce1;z-index:3}.intro-slider i{display:block;width:14px;height:14px;background:#b51235;border:3px solid white;box-shadow:0 1px 5px #a34d6433;border-radius:50%;position:absolute;top:-5px;left:46%;transition:transform 1.2s ease}.intro-album{position:relative;width:100px;height:138px}.intro-scene{position:absolute;width:94px;height:130px;overflow:hidden;border:5px solid white;background:linear-gradient(#dce7e1 60%,#c2d4c6 0);border-radius:14px;box-shadow:0 6px 18px #20101a12;transition:transform .7s ease}.intro-scene svg{position:absolute;width:85px;bottom:12px;left:0;color:#8a636d;--face-paper:#f7eef0}.intro-scene span{position:absolute;bottom:0;background:#fff;width:100%;font-size:9px;padding-top:3px}.scene-back{transform:translate(12px,-4px) rotate(9deg);background:linear-gradient(#f0e4dc 55%,#ddc7b5 0)}.scene-front{transform:rotate(-5deg)}.persona-intro[data-chapter="1"] .intro-chosen{transform:translateY(-4px)}.persona-intro[data-chapter="1"] .intro-slider i{transform:translateX(20px)}.persona-intro[data-chapter="1"] .intro-ghost{opacity:.25}.persona-intro[data-chapter="2"] .scene-back{transform:translate(24px,-8px) rotate(15deg)}.persona-intro[data-chapter="2"] .scene-front{transform:translate(-5px,3px) rotate(-9deg)}.intro-copy{display:grid;min-height:100px;align-items:center}.intro-copy>div{grid-area:1/1;opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.intro-copy>div.active{opacity:1;transform:translateY(0)}.intro-copy h2{font-size:23px;font-weight:650;letter-spacing:-.025em;margin:0 0 8px;text-wrap:balance}.intro-copy p{font-size:14px;line-height:1.6;max-width:480px;margin:0 auto;color:#896d74;text-wrap:pretty}.intro-chapters{display:flex;justify-content:center;gap:8px;margin-top:10px}.intro-chapters button{display:flex;align-items:center;gap:6px;min-height:42px;padding:7px 10px;font-size:11px;color:#91747c;border:0;border-radius:12px;background:transparent;transition:background-color .2s,color .2s,transform .2s}.intro-chapters button[aria-pressed=true]{background:#fff;color:#b51235;box-shadow:0 2px 8px #20101a09}.intro-chapters button span{font-variant-numeric:tabular-nums;font-size:10px;opacity:.7}.intro-chapters button:active,.intro-top button:active{transform:scale(.96)}.persona-intro button:focus-visible{outline:2px solid #b51235;outline-offset:3px}@media(max-width:600px){.persona-intro{padding:10px 14px 14px;margin-top:12px;border-radius:22px}.intro-art{gap:12px;height:170px}.intro-photo{width:76px;padding:5px}.intro-photo svg{width:62px;height:86px}.intro-look{width:80px}.intro-ghost{width:62px;height:92px}.intro-ghost svg{width:56px}.intro-arrow{width:14px}.intro-album{width:75px;height:116px}.intro-scene{width:72px;height:108px}.intro-scene svg{width:64px}.intro-copy{min-height:122px}.intro-copy h2{font-size:20px}.intro-copy p{font-size:13px}.intro-chapters{gap:3px}.intro-chapters button{flex:1;padding:6px 3px;font-size:10px;line-height:1.3;justify-content:center}.intro-chapters button span{display:none}}@media(prefers-reduced-motion:reduce){.persona-intro *{transition:none!important;animation:none!important}}