body.spotlight-home{color:#2e2938;background:#faf9fd;--border:#e9e4f1}
body.spotlight-home #app *{box-sizing:border-box}
body.spotlight-home{margin:0}
body.spotlight-home #app a{color:inherit;text-decoration:none}
body.spotlight-home #app button,body.spotlight-home #app select{font:inherit}
body.spotlight-home #app button,body.spotlight-home #app a,body.spotlight-home #app select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body.spotlight-home #app button{cursor:pointer}
body.spotlight-home #app button:disabled{opacity:.4;cursor:default}
body.spotlight-home #app button:focus-visible,body.spotlight-home #app a:focus-visible,body.spotlight-home #app select:focus-visible,body.spotlight-home #app .stage:focus-visible{outline:3px solid #9d7ee1;outline-offset:5px}
body.spotlight-home #app button[hidden],body.spotlight-home #app [hidden]{display:none!important}
body.spotlight-home #app .page-header{max-width:1280px;margin:auto;height:88px;padding:0 44px;display:flex;align-items:center;gap:24px}
body.spotlight-home #app .brand{display:flex;gap:9px;align-items:center;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.5px}
body.spotlight-home #app .brand img{border-radius:9px}
body.spotlight-home #app .demo-label{font-size:11px;letter-spacing:.9px;text-transform:uppercase;color:#8a8098;border-left:1px solid #ded7e9;padding-left:22px}
body.spotlight-home #app .collection-link{margin-left:auto;font-size:13px;color:#70637e;display:flex;align-items:center;gap:8px}
body.spotlight-home #app .collection-link:hover{color:var(--purple)}
body.spotlight-home #app main{max-width:1280px;padding:0 44px;margin:auto}
body.spotlight-home #app .intro{padding:27px 0 28px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
body.spotlight-home #app .eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:600;color:var(--purple);order:2;margin:0}
body.spotlight-home #app .intro h1{font-family:Manrope,sans-serif;font-size:38px;font-weight:700;letter-spacing:-1.7px;margin:0}
body.spotlight-home #app .showcase{min-width:0}
body.spotlight-home #app .stage{--portrait:390px;--step:350px;position:relative;height:510px;border-radius:28px;overflow:hidden;background:#eae6f3;isolation:isolate;touch-action:pan-y pinch-zoom;outline-offset:5px;border:1px solid #e6e0ef}
body.spotlight-home #app .stage-topline{position:absolute;inset:25px 28px auto;z-index:8;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#9a8ba9;pointer-events:none}
body.spotlight-home #app .stage-topline span:last-child{font-variant-numeric:tabular-nums;letter-spacing:1px}
body.spotlight-home #app .stage-halo{position:absolute;inset:0;background:radial-gradient(ellipse 39% 85% at 50% 33%,#fffdf8e6 0%,#f4effbaa 47%,#eae6f300 100%);opacity:1;transition:opacity .8s ease}
body.spotlight-home #app .spotlight-beam{position:absolute;left:50%;top:-50px;width:640px;height:560px;transform:translateX(-50%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(180deg,#fffdf9c7,#fffaf451 53%,#fff8e81a);filter:blur(16px);opacity:1;transition:opacity .75s ease;pointer-events:none}
body.spotlight-home #app .stage-floor{position:absolute;left:-25%;width:150%;height:180px;bottom:-93px;border-radius:50%;background:linear-gradient(#dcd4ea70,#eee8f4);border-top:1px solid #d7cee448}
body.spotlight-home #app .floor-light{position:absolute;width:460px;height:85px;bottom:22px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#fffdfaca 0%,#fff7e86b 45%,#fff7e800 73%);filter:blur(7px);transition:opacity .75s ease;pointer-events:none}
body.spotlight-home #app .stage.is-moving .stage-halo{opacity:.4}
body.spotlight-home #app .stage.is-moving .spotlight-beam,body.spotlight-home #app .stage.is-moving .floor-light{opacity:.15}
body.spotlight-home #app .stage-signature{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font-size:10px;color:#ad9cbd;letter-spacing:1.3px;white-space:nowrap;z-index:7}
body.spotlight-home #app .slides{position:absolute;inset:53px 0 0;pointer-events:none}
body.spotlight-home #app .slide{position:absolute;left:50%;top:0;width:var(--portrait);height:var(--portrait);transform:translateX(calc(-50% + var(--slot)*var(--step))) translateY(20px) scale(.72);opacity:.32;filter:saturate(.55);transition:transform .7s cubic-bezier(.22,.75,.2,1),opacity .65s ease,filter .65s ease;will-change:transform;pointer-events:none;visibility:visible}
body.spotlight-home #app .slide.is-active{transform:translateX(-50%) translateY(0) scale(1);opacity:1;filter:none;z-index:4}
body.spotlight-home #app .slide.is-away{opacity:0;visibility:hidden;transition:transform .7s cubic-bezier(.22,.75,.2,1),opacity .65s ease,visibility 0s .7s}
body.spotlight-home #app .slide img{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);mask-composite:intersect}
body.spotlight-home #app .slide .image-fallback{display:none;height:100%;align-items:center;justify-content:center;color:#8c7b9e;font-size:13px;text-align:center;padding:60px;line-height:1.6}
body.spotlight-home #app .slide.has-failed img{display:none}
body.spotlight-home #app .slide.has-failed .image-fallback{display:flex}
body.spotlight-home #app .stage-message{position:absolute;inset:42% 15% auto;text-align:center;font-size:14px;color:#82708e;z-index:7;margin:0}
body.spotlight-home #app .retry{position:absolute;left:50%;top:54%;transform:translateX(-50%);border:1px solid #cfc0e2;background:#ffffffa8;color:#755b99;padding:10px 18px;border-radius:12px;z-index:9}
body.spotlight-home #app .character-panel{display:flex;justify-content:space-between;align-items:center;padding:29px 7px 26px;gap:24px;border-bottom:1px solid var(--border)}
body.spotlight-home #app .character-info{min-width:0;min-height:128px}
body.spotlight-home #app .character-kicker{margin:0 0 7px;text-transform:uppercase;letter-spacing:1.35px;color:#9b8bae;font-size:10px;font-weight:600}
body.spotlight-home #app .character-info h2{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;line-height:1.25;margin:0 0 9px}
body.spotlight-home #app .character-subtitle{font-size:14px;color:#7c728a;margin:0 0 15px;line-height:1.5}
body.spotlight-home #app .character-tags{display:flex;gap:7px;flex-wrap:wrap}
body.spotlight-home #app .character-tags span{font-size:11px;color:#897697;background:#f1edf7;padding:5px 9px;border-radius:6px}
body.spotlight-home #app .navigation{display:flex;align-items:center;gap:19px}
body.spotlight-home #app .arrow{height:52px;width:52px;border-radius:50%;display:grid;place-items:center;border:1px solid #e1d8ec;background:#fff;color:#7a6892;transition:background .2s,transform .2s}
body.spotlight-home #app .arrow:hover{background:#f0eaf8;transform:translateY(-2px)}
body.spotlight-home #app .arrow.next{background:#7857c8;color:white;border-color:#7857c8;box-shadow:0 5px 18px #7653c523}
body.spotlight-home #app .arrow.next:hover{background:#6947bb}
body.spotlight-home #app .arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.spotlight-home #app .page-count{font-size:12px;font-variant-numeric:tabular-nums;min-width:43px;text-align:center;color:#9c8daf;white-space:nowrap}
body.spotlight-home #app .browse-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 7px}
body.spotlight-home #app .browse-row p{margin:0;font-size:12px;color:#9a90a6;display:flex;gap:8px;align-items:center}
body.spotlight-home #app .browse-row p span{font-size:18px;color:#ab9bbb}
body.spotlight-home #app .character-picker{display:flex;align-items:center;gap:12px;color:#9a90a6;font-size:12px}
body.spotlight-home #app .character-picker select{max-width:200px;font-size:12px;color:#6e5b81;border:1px solid var(--border);border-radius:9px;padding:10px 31px 10px 12px;background:#fff;min-height:42px}
body.spotlight-home #app footer{padding:26px 7px 30px;display:flex;justify-content:space-between;gap:20px;color:#aaa0b5;font-size:11px;line-height:1.6}
body.spotlight-home #app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){body.spotlight-home #app .stage{height:550px;--portrait:425px;--step:370px}
body.spotlight-home #app .slides{top:58px}
body.spotlight-home #app .floor-light{bottom:23px}
}
@media(max-width:900px){body.spotlight-home #app .page-header{padding:0 28px}
body.spotlight-home #app main{padding:0 28px}
body.spotlight-home #app .stage{--portrait:350px;--step:290px;height:470px}
body.spotlight-home #app .intro h1{font-size:34px}
body.spotlight-home #app .eyebrow{font-size:10px}
body.spotlight-home #app .character-info h2{font-size:27px}
}
@media(max-width:600px){body.spotlight-home #app .page-header{height:72px;padding:0 20px;gap:13px}
body.spotlight-home #app .brand{font-size:24px;gap:7px}
body.spotlight-home #app .brand img{width:27px;height:27px}
body.spotlight-home #app .demo-label{font-size:9px;letter-spacing:.5px;padding-left:13px}
body.spotlight-home #app .collection-link{font-size:11px;gap:4px}
body.spotlight-home #app main{padding:0 16px}
body.spotlight-home #app .intro{display:block;padding:20px 5px 22px}
body.spotlight-home #app .eyebrow{margin-bottom:9px;letter-spacing:1.1px}
body.spotlight-home #app .intro h1{font-size:31px;letter-spacing:-1.2px}
body.spotlight-home #app .stage{--portrait:min(70vw,330px);--step:46vw;height:370px;border-radius:22px}
body.spotlight-home #app .stage-topline{inset:20px 20px auto;font-size:9px;letter-spacing:1.2px}
body.spotlight-home #app .slides{top:57px}
body.spotlight-home #app .spotlight-beam{width:450px;height:440px}
body.spotlight-home #app .stage-halo{background:radial-gradient(ellipse 70% 90% at 50% 40%,#fffdf8d9,#efe9f685 58%,#eae6f300)}
body.spotlight-home #app .floor-light{width:280px;bottom:19px;height:62px}
body.spotlight-home #app .stage-floor{bottom:-113px}
body.spotlight-home #app .stage-signature{bottom:15px;font-size:8px}
body.spotlight-home #app .character-panel{display:block;text-align:center;padding:23px 4px 22px}
body.spotlight-home #app .character-info{min-height:133px}
body.spotlight-home #app .character-info h2{font-size:26px}
body.spotlight-home #app .character-subtitle{font-size:13px}
body.spotlight-home #app .character-tags{justify-content:center}
body.spotlight-home #app .navigation{justify-content:center;margin-top:19px;gap:27px}
body.spotlight-home #app .arrow{height:48px;width:48px}
body.spotlight-home #app .browse-row{flex-direction:column;gap:16px;padding:18px 0}
body.spotlight-home #app .browse-row p{font-size:11px}
body.spotlight-home #app .character-picker{font-size:11px}
body.spotlight-home #app footer{padding:15px 5px 25px;display:block;text-align:center;font-size:10px}
body.spotlight-home #app footer span{display:block;margin-top:7px}
}
@media(max-width:360px){body.spotlight-home #app .page-header{padding:0 16px;gap:10px}
body.spotlight-home #app .demo-label{font-size:8px;padding-left:10px}
body.spotlight-home #app .collection-link{font-size:10px}
body.spotlight-home #app .stage{height:330px;--portrait:72vw;--step:46vw}
body.spotlight-home #app .slides{top:52px}
body.spotlight-home #app .stage-topline{inset:17px 16px auto}
body.spotlight-home #app .stage-signature{font-size:7px}
body.spotlight-home #app .intro h1{font-size:29px}
}
@media(prefers-reduced-motion:reduce){body.spotlight-home #app *,body.spotlight-home #app *::before,body.spotlight-home #app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.spotlight-home #app .stage.is-moving .stage-halo,body.spotlight-home #app .stage.is-moving .spotlight-beam,body.spotlight-home #app .stage.is-moving .floor-light{opacity:1}
}


body.spotlight-home #app .spotlight-nav{margin-left:auto;display:flex;align-items:center;gap:24px}
body.spotlight-home #app .spotlight-nav .collection-link{margin-left:0;min-height:44px}
body.spotlight-home #app .spotlight-how{border:1px solid #e1d8ec;background:white;color:#78668c;border-radius:50%;width:36px;height:36px;font-size:15px}
body.spotlight-home #app #spotlight-saved-count{font-size:11px;background:#eee7f7;border-radius:5px;padding:2px 5px;color:#7857c8}
body.spotlight-home #app .spotlight-actions{display:flex;gap:9px;align-items:center;margin-top:18px}
body.spotlight-home #app .spotlight-actions .button{min-height:44px;font-size:13px;padding:12px 16px}
body.spotlight-home #app .spotlight-save{height:44px;width:44px;display:grid;place-items:center;border-radius:12px;border:1px solid #e1d8ec;background:white;color:#8d779f;flex-shrink:0}
body.spotlight-home #app .spotlight-save svg{width:17px;height:17px}
body.spotlight-home #app .spotlight-save.saved{color:#7857c8;background:#eee7f7;border-color:#cbb9e7}
body.spotlight-home #app .spotlight-save.saved svg{fill:currentColor}
@media(max-width:600px){
 body.spotlight-home #app .spotlight-nav{gap:14px}
 body.spotlight-home #app .spotlight-how{width:30px;height:30px}
 body.spotlight-home #app .spotlight-actions{justify-content:center;gap:7px}
 body.spotlight-home #app .spotlight-actions .button{font-size:12px;padding:12px}
 body.spotlight-home #app .stage{height:345px}
 body.spotlight-home #app .character-panel{padding-top:20px}
}
@media(max-width:360px){
 body.spotlight-home #app .spotlight-nav{gap:10px}
 body.spotlight-home #app .page-header{gap:12px}
 body.spotlight-home #app .stage{height:315px}
 body.spotlight-home #app .spotlight-actions .button{padding:12px 10px;font-size:11px}
}