#crew.stack-showcase{position:relative;height:380svh;max-width:none;margin:100px 0 0;padding:0;background:#f3f0eb;overflow:visible}
.stack-stage{position:sticky;top:0;height:100svh;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:clip;isolation:isolate;padding:36px 20px 20px;box-sizing:border-box}
.stack-stage>.section-intro{margin:0;text-align:center;z-index:30;pointer-events:none}.stack-stage>.section-intro h2{font-size:clamp(28px,3.6vw,46px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 12px}.stack-stage>.section-intro .large-copy{font-size:14px;line-height:1.5;margin:0;color:#858078}.avatar-stack{position:relative;width:100%;flex:1;min-height:400px;max-height:560px;margin:20px 0 10px;perspective:1100px}.card-scroll-layer{position:absolute;left:calc(50% - 155px);top:calc(50% - 195px);width:310px;height:390px;transform-origin:center 80%;will-change:transform}.card-parallax-layer{height:100%}.card-hover-layer{height:100%;padding:23px 25px;background:var(--card-color);border:1px solid #ffffffa8;border-radius:28px;box-shadow:0 18px 40px #41372b15;transition:transform .25s ease,box-shadow .4s;display:flex;flex-direction:column;overflow:hidden}.is-front .card-hover-layer{box-shadow:0 28px 65px #41372b28}.stack-card-heading>span{font-size:10px;letter-spacing:.07em;color:#635f56}.stack-card-heading h3{font-size:27px;letter-spacing:-.7px;font-weight:550;margin:4px 0 0;line-height:1.2}.avatar-motion-layer{height:175px;flex:0 0 175px;width:175px;align-self:center;margin:10px 0}.avatar-motion-layer .crew-art{width:100%;height:100%;animation:none!important}.stack-bio{font-size:12px;line-height:1.55;margin:0;color:#47463f}.stack-quote{font-size:10px;line-height:1.55;margin:10px 0 0;color:#696458}.card-scroll-layer:not(.is-front){pointer-events:none}.stack-stage>.crew-selector{z-index:30;margin:0;gap:4px;max-width:900px}.stack-stage>.crew-selector button{font-size:11px;padding:8px 12px}.stack-stage>.crew-selector button[aria-selected=true]{background:#fff;border-color:#e3ded3;box-shadow:0 3px 12px #392f2110}.stack-caption{font-size:10px;color:#969083;margin:9px 0 0;text-align:center}#crew.stack-showcase #crew-profile[hidden]{display:none!important}.stack-art-blank{height:100%;width:100%}
#crew.stack-reduced{height:auto;min-height:0}.stack-reduced .stack-stage{position:relative;height:760px;min-height:0}.stack-reduced .card-scroll-layer{will-change:auto}.stack-reduced .card-hover-layer{transition:none}.stack-reduced .stack-caption{font-size:0}.stack-reduced .stack-caption:after{content:'Choose a name to meet the crew';font-size:10px}
@media(max-width:650px){#crew.stack-showcase{height:330svh;margin-top:65px}.stack-stage{height:100svh;min-height:610px;padding:25px 12px 14px}.stack-stage>.section-intro h2{font-size:30px;letter-spacing:-1px}.stack-stage>.section-intro .large-copy{font-size:11px}.avatar-stack{min-height:340px;max-height:430px;margin:10px 0 5px}.card-scroll-layer{width:246px;height:330px;left:calc(50% - 123px);top:calc(50% - 165px)}.card-hover-layer{border-radius:23px;padding:18px 19px}.stack-card-heading h3{font-size:24px}.stack-card-heading>span{font-size:9px}.avatar-motion-layer{height:135px;flex-basis:135px;width:135px;margin:8px 0}.stack-bio{font-size:11px}.stack-quote{font-size:9px;margin-top:8px}.stack-stage>.crew-selector{max-width:350px;gap:0}.stack-stage>.crew-selector button{font-size:10px;padding:7px 10px}.stack-caption{font-size:9px}#crew.stack-reduced{height:auto}.stack-reduced .stack-stage{height:680px}}
@media(max-height:650px) and (min-width:651px){.stack-stage{min-height:570px;padding-top:18px}.stack-stage>.section-intro h2{font-size:28px}.stack-stage>.section-intro .large-copy{display:none}.avatar-stack{min-height:375px;margin:0}.card-scroll-layer{scale:.87}.stack-stage>.crew-selector button{padding:5px 10px}}
/* A conversational timeline, matching the supplied dark reference. */
#crew.stack-showcase{background:#121212;color:#faf9f6}.stack-stage{padding:46px 28px 32px}.stack-stage>.section-intro h2{font-size:clamp(34px,4.5vw,60px);font-weight:500;letter-spacing:-2px;color:#fafafa}.stack-stage>.section-intro .large-copy{font-size:17px;color:#aaa}.avatar-stack{min-height:350px;max-height:none;margin:20px 0 18px}.card-scroll-layer{width:330px;height:350px;left:calc(50% - 165px);top:calc(50% - 175px);transition:opacity .25s}.card-hover-layer,.is-front .card-hover-layer{padding:0;background:none;border:0;border-radius:0;box-shadow:none!important;overflow:visible;align-items:center}.stack-card-heading,.stack-bio,.stack-quote{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stack-speech{position:relative;align-self:flex-start;width:300px;min-height:130px;background:#303030;border:1px solid #ffffff07;border-radius:24px;padding:21px 23px;color:#f7f7f5}.stack-speech:after{content:'';position:absolute;right:31px;bottom:-7px;width:17px;height:17px;background:#303030;rotate:45deg;border-radius:3px}.speaker-name{display:block;font-size:10px;color:#b7b7b2;letter-spacing:.03em;margin-bottom:9px}.stack-speech p{font-size:18px;line-height:1.5;letter-spacing:-.25px;margin:0;max-width:260px}.avatar-motion-layer{align-self:flex-end;width:155px;height:155px;flex:0 0 155px;margin:23px 4px 0 0}.stack-stage>.crew-selector{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(1050px,100%);max-width:none;gap:0;margin:0;padding-top:27px;isolation:isolate;flex-shrink:0}.stack-stage>.crew-selector:before{content:'';position:absolute;top:8px;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,#ffffff1c 0 1px,transparent 1px 12px);z-index:-1}.stack-stage>.crew-selector button{position:relative;color:#aaa;font-size:11px;padding:9px 6px;border:1px solid transparent;border-radius:24px;background:none;transition:background .25s,color .25s;white-space:nowrap}.stack-stage>.crew-selector button:before{content:'';position:absolute;top:-22px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#525252}.stack-stage>.crew-selector button[aria-selected=true]{background:#ffe046;color:#242111;border-color:#fff7b4;box-shadow:0 0 0 4px #121212,0 0 0 5px #f9f4dd}.stack-stage>.crew-selector button[aria-selected=true]:before{background:#ffe046;width:3px;height:24px;top:-28px;left:calc(50% - 1.5px);border-radius:2px}.stack-stage>.crew-selector button:hover{color:white;background:#ffffff16}.stack-stage>.crew-selector button[aria-selected=true]:hover{background:#ffe046;color:#242111}.stack-caption{color:#888;font-size:10px;margin-top:17px}.stack-stage>.crew-selector button:focus-visible{outline:2px solid #ffe046;outline-offset:7px}.stack-art-blank{border:0}
@media(max-width:650px){.stack-stage{padding:28px 14px 24px;min-height:650px}.stack-stage>.section-intro h2{font-size:34px;letter-spacing:-1.2px}.stack-stage>.section-intro .large-copy{font-size:12px}.card-scroll-layer{width:280px;height:320px;left:calc(50% - 140px);top:calc(50% - 160px)}.stack-speech{width:260px;min-height:125px;padding:18px 20px;border-radius:21px}.stack-speech p{font-size:16px}.speaker-name{font-size:9px}.avatar-motion-layer{width:135px;height:135px;flex-basis:135px;margin-top:23px;margin-right:5px}.stack-stage>.crew-selector{max-width:none;padding-top:25px}.stack-stage>.crew-selector button{font-size:8px;padding:8px 1px}.stack-caption{font-size:9px}.avatar-stack{min-height:335px;margin:10px 0 15px}}
@media(max-height:650px) and (min-width:651px){.stack-stage{padding-top:22px}.stack-stage>.section-intro h2{font-size:34px}.avatar-stack{min-height:330px;margin:5px 0}.card-scroll-layer{scale:.9}.stack-stage>.crew-selector button{padding:7px 5px}}
@media(prefers-reduced-motion:reduce){.card-scroll-layer{transition:none}}
#stack-bokbok .bokbok-expression{background-image:url('bokbok-expressions.png');background-size:300% 100%;background-repeat:no-repeat;border-radius:0}
#stack-bokbok .stack-speech{min-height:155px}#stack-bokbok .stack-speech p{font-size:16px;line-height:1.5}
@media(max-width:650px){#stack-bokbok .stack-speech p{font-size:14px}}
.bok-next-line{margin-top:12px;padding:6px 10px;border-radius:20px;border:1px solid #ffffff40;background:#ffffff10;color:#ffe681;font:inherit;font-size:10px;cursor:pointer;pointer-events:auto}.bok-next-line:hover{background:#ffffff20}.bok-next-line:focus-visible{outline:2px solid #ffe046;outline-offset:3px}#stack-bokbok .stack-speech{min-height:175px}#stack-bokbok .avatar-motion-layer{margin-top:15px}#stack-bokbok .bokbok-expression{background-image:url('bokbok-expressions.png?v=2')}
/* Dialogue and facial expression advance together; no visible playback button. */
.stack-speech{min-height:168px}.stack-speech p,#stack-bokbok .stack-speech p{font-size:16px;line-height:1.5}.avatar-motion-layer{margin-top:16px}.crew-expression{background-size:300% 100%!important;background-repeat:no-repeat!important;border-radius:0!important}.expression-bokbok{background-image:url('bokbok-expressions.png?v=2')!important}.expression-lumon{background-image:url('lumon-expressions.png')!important}.expression-theo{background-image:url('theo-expressions.png')!important}.expression-otis{background-image:url('otis-expressions.png')!important}.expression-rosa{background-image:url('rosa-expressions.png')!important}.expression-finn{background-image:url('finn-expressions.png')!important}.expression-mara{background-image:url('mara-expressions.png')!important}
@media(max-width:650px){.stack-speech p,#stack-bokbok .stack-speech p{font-size:14px}}