/* Fullscreen chapter 02. White studio city, vivid orange structure, yellow edges. */
.study-bar .previous{display:block;white-space:nowrap;font-weight:700;color:#343439}.cinema-open{overflow:hidden}#experience.build-cinema{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;inset:0;margin:0;overflow:hidden;background:#f9fafc;box-shadow:none;--accent:#ff7900;--accent-dark:#d85100;--accent-light:#fff3e8}#experience.build-cinema::backdrop{background:white;backdrop-filter:none}#build-canvas,#build-fallback,.cinema-shade{position:absolute;inset:0}#build-canvas canvas{width:100%;height:100%;display:block}.cinema-shade{pointer-events:none;background:linear-gradient(0deg,#fff9,transparent 30%),linear-gradient(90deg,#ffffffcc,transparent 38%)}.cinema-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:32px 42px;z-index:5}.cinema-brand{font-size:28px;font-weight:900;letter-spacing:-.06em}.cinema-brand>span{color:#ff7400}.cinema-tools{display:flex;align-items:center;gap:25px}.cinema-tools .close{position:static;background:#fff9;width:36px;height:36px;font-size:27px}.cinema-tools .skip-effect{margin:0;padding:10px 0;color:#444;font-family:Arial;font-size:11px;font-weight:600;letter-spacing:.08em;text-decoration:none}.cinema-copy{position:absolute;bottom:15%;left:7%;z-index:2;max-width:50%;pointer-events:none}.cinema-copy .eyebrow{font-size:9px;letter-spacing:.17em;color:#6a7078;margin-bottom:20px}.cinema-copy h2{font-size:clamp(32px,4.8vw,72px);letter-spacing:-.075em;line-height:1.4;font-weight:900;text-shadow:0 1px 14px #ffffff99;position:relative}.cinema-copy h2:after{content:'';display:block;width:75%;height:8px;background:linear-gradient(90deg,#ff7100,#ffdb00);margin-top:15px;transform:rotate(-2deg)}#build-caption{font-size:12px;line-height:2;color:#696b72;margin-top:25px}.floor-meter{position:absolute;top:160px;right:5%;text-align:right;z-index:2;color:#555d68}.floor-meter>span{display:block;font:8px Arial;letter-spacing:.18em;margin-bottom:10px}.floor-meter b{font:300 58px Arial;color:#ff7900}.floor-meter i{font:11px Arial;color:#8e939a;margin-left:7px}.cinema-bottom{position:absolute;bottom:27px;left:42px;right:42px;display:flex;align-items:center;gap:32px;z-index:3;font:8px Arial;letter-spacing:.13em;color:#92969d}.cinema-track{height:2px;background:#dddfe4;flex:1}.cinema-track>i{display:block;width:0;height:100%;background:#ff9c00}.fx-running .cinema-track>i{animation:build-progress 5.03s linear forwards}.fx-finished .cinema-track>i{width:100%}.build-cinema .experience-body{position:relative;display:none;width:100%;height:100%;padding:0;text-align:center;z-index:3}.build-cinema.fx-finished .experience-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px 20px 65px}.build-cinema.fx-finished .cinema-shade{background:#ffffffdb;backdrop-filter:blur(6px)}.build-cinema.fx-finished .cinema-copy{top:92px;bottom:auto;left:0;width:100%;max-width:none;text-align:center}.build-cinema.fx-finished .cinema-copy .eyebrow{justify-content:center;margin-bottom:7px;font-size:8px}.build-cinema.fx-finished .cinema-copy h2{font-size:23px;letter-spacing:-.05em}.build-cinema.fx-finished .cinema-copy h2:after{display:none}.build-cinema.fx-finished #build-caption,.build-cinema.fx-finished .floor-meter{display:none}.build-cinema .reveal-stage{height:auto;flex:none;min-height:0;margin:0}.build-cinema .result-card{width:218px;box-shadow:0 15px 50px #24242616,4px 5px 0 var(--card-color)}.build-cinema .reveal-hint{margin-top:18px;font-size:10px}.build-cinema .result-actions{margin-top:16px;width:300px;max-width:100%}.build-cinema .again-button{margin-top:15px}.build-cinema .result-card .card-photo>.portrait{aspect-ratio:1.7}.fallback-tower{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skewY(-8deg);width:180px;display:flex;flex-direction:column-reverse;gap:4px;filter:drop-shadow(20px 25px 20px #2222)}.fallback-tower i{height:38px;background:repeating-linear-gradient(90deg,#fff 0 15px,#e5eef5 15px 30px);border:5px solid white;border-right:15px solid #ff7900;box-shadow:0 3px 0 #ffcd00}.fx-running .fallback-tower{animation:fallback-rise 1s ease both}@keyframes build-progress{to{width:100%}}@keyframes fallback-rise{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.study-bar{flex-wrap:wrap;gap:5px}.study-bar nav{width:100%}.study-bar .previous{font-size:8px;padding:5px}.cinema-top{padding:22px 23px}.cinema-brand{font-size:23px}.cinema-tools{gap:20px}.cinema-tools .skip-effect{font-size:9px}.cinema-copy{left:7%;bottom:11%;max-width:86%}.cinema-copy h2{font-size:35px;line-height:1.45}.cinema-copy h2:after{height:6px;margin-top:11px}.cinema-copy .eyebrow{font-size:7px;margin-bottom:13px}#build-caption{font-size:10px;margin-top:15px}.floor-meter{top:100px;right:7%}.floor-meter b{font-size:36px}.floor-meter>span{font-size:6px}.cinema-bottom{bottom:22px;left:23px;right:23px;font-size:6px;gap:17px}.cinema-bottom>span:first-child{display:none}.cinema-shade{background:linear-gradient(0deg,#ffffffee,transparent 52%)}.build-cinema.fx-finished .cinema-copy{top:90px}.build-cinema.fx-finished .cinema-copy h2{font-size:20px}.build-cinema.fx-finished .experience-body{padding:145px 20px 65px}.build-cinema .result-card{width:218px}.build-cinema .reveal-hint{font-size:9px}.build-cinema .result-actions{width:285px}}
@media(max-height:690px){.build-cinema.fx-finished .cinema-copy{top:68px}.build-cinema.fx-finished .experience-body{padding-top:100px;padding-bottom:25px}.build-cinema .result-card{width:185px}.build-cinema .result-card .card-body h3{font-size:20px}.build-cinema .result-card .card-photo>.portrait{aspect-ratio:1.85}.build-cinema .result-card .card-quote{min-height:20px}.build-cinema .reveal-hint{margin-top:10px}.build-cinema .result-actions{margin-top:10px}.build-cinema .again-button{margin-top:9px}.build-cinema.fx-finished .cinema-bottom{display:none}}
@media(max-height:560px) and (min-width:600px){.build-cinema.fx-finished .experience-body{display:grid;grid-template-columns:210px 290px;grid-template-rows:auto auto;justify-content:center;align-content:center;gap:0 35px;padding:80px 20px 20px}.build-cinema .reveal-stage{grid-row:1/3}.build-cinema .result-card{width:165px}.build-cinema .result-card .card-body{padding-top:5px}.build-cinema .result-card .card-body h3{font-size:17px}.build-cinema .result-card .card-hook{margin-top:5px;font-size:8px;padding:5px}.build-cinema .result-card .card-quote{font-size:7px;min-height:18px}.build-cinema .result-card .card-photo>.portrait{aspect-ratio:2}.build-cinema .result-card .company{font-size:7px}.build-cinema .result-card .card-topline{font-size:6px}.build-cinema .result-actions{align-self:start}.build-cinema .reveal-hint{align-self:end}.build-cinema.fx-finished .cinema-copy{top:68px;left:calc(50% - 5px);max-width:290px;text-align:center}.build-cinema.fx-finished .cinema-copy h2{font-size:18px}.cinema-copy h2{font-size:36px}.floor-meter{top:95px}}

/* The capsule waits for a deliberate click; light bridges into the short film. */
.build-cinema.fx-capsule .experience-body,.build-cinema.fx-unseal .experience-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 40px}.build-cinema.fx-capsule .cinema-copy,.build-cinema.fx-unseal .cinema-copy{top:17%;bottom:auto;left:0;width:100%;max-width:none;text-align:center}.build-cinema.fx-capsule .cinema-copy h2,.build-cinema.fx-unseal .cinema-copy h2{font-size:clamp(21px,3vw,30px);letter-spacing:-.04em}.build-cinema.fx-capsule .cinema-copy h2:after,.build-cinema.fx-unseal .cinema-copy h2:after{display:none}.build-cinema.fx-capsule .cinema-copy .eyebrow,.build-cinema.fx-unseal .cinema-copy .eyebrow{justify-content:center;font-size:8px;margin-bottom:13px}.build-cinema.fx-capsule .floor-meter,.build-cinema.fx-unseal .floor-meter{display:none}.build-cinema.fx-capsule .reveal-stage,.build-cinema.fx-unseal .reveal-stage{width:100%;height:360px}.build-cinema .open-capsule{width:340px;height:350px;z-index:2}.build-cinema .open-capsule:focus-visible{outline:none}.build-cinema .experience-body:has(.open-capsule:focus-visible) .reveal-hint{text-decoration:underline;text-underline-offset:5px}.build-cinema.fx-unseal .shell-top{animation:open-top .6s .1s ease-in forwards}.build-cinema.fx-unseal .shell-bottom{animation:open-bottom .6s .1s ease-in forwards}.capsule-flash{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,white 0%,#fff5aa 24%,#ffd90044 46%,transparent 70%);opacity:0;pointer-events:none}.fx-unseal .capsule-flash{animation:capsule-light .8s ease-out both}.build-cinema.fx-finished .capsule-flash{display:none}@keyframes capsule-light{0%{opacity:0;scale:.3}45%{opacity:1;scale:1.7}100%{opacity:0;scale:3.4}}@media(max-width:700px){.build-cinema .open-capsule{width:300px}.build-cinema.fx-capsule .cinema-copy,.build-cinema.fx-unseal .cinema-copy{top:20%}.build-cinema.fx-capsule .reveal-stage,.build-cinema.fx-unseal .reveal-stage{height:340px}}@media(max-height:560px){.build-cinema.fx-capsule .cinema-copy,.build-cinema.fx-unseal .cinema-copy{top:80px}.build-cinema.fx-capsule .reveal-stage,.build-cinema.fx-unseal .reveal-stage{height:230px}.build-cinema .open-capsule{width:230px;height:240px}.build-cinema.fx-capsule .experience-body,.build-cinema.fx-unseal .experience-body{padding-top:110px;padding-bottom:10px}}