#leads{background:radial-gradient(ellipse at 15% 30%,#3a30201f,transparent 55%),#101014;color:#f4efdf}
#leads>.screen-heading{text-align:center;margin-bottom:40px}
#leads .screen-heading h1{font-family:Georgia,serif;font-weight:400;letter-spacing:.025em}
.chemistry-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);max-width:1320px;margin:auto;align-items:start}
.chemistry-photo{position:sticky;top:24px;margin:0;border:1px solid #d7b568;min-width:0;overflow:hidden}
.chemistry-photo img{display:block;width:100%;height:660px;max-height:78vh;object-fit:cover;object-position:45% 55%}
.chemistry-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#08080be8);pointer-events:none}
.chemistry-photo figcaption{position:absolute;bottom:24px;left:28px;right:20px;z-index:1}
.chemistry-photo figcaption span{font-size:10px;letter-spacing:3px;color:#dfc784}
.chemistry-photo figcaption strong{display:block;font:400 clamp(25px,3vw,38px)/1.3 Georgia,serif;margin-top:9px}
#leads .chemistry-photo figcaption p{color:#ece5d1;margin:7px 0 0}
.scene-quiz{min-width:0;padding:clamp(18px,3vw,34px);border:1px solid #a9864e;background:linear-gradient(150deg,#221d19,#17171f 50%);border-radius:12px}
.scene-ticket{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px dashed #937542;color:#e6c986;font-size:11px;letter-spacing:.14em}
.scene-ticket strong{padding:5px 10px;border:1px solid #927544;border-radius:20px;white-space:nowrap;letter-spacing:.04em}
.scene-quiz h2,.scene-quiz h3{font-family:Georgia,serif;font-weight:400;line-height:1.2;margin:0;color:#f4efdf}
.scene-quiz h2{font-size:clamp(29px,4vw,44px)}
.scene-quiz h3{font-size:clamp(20px,2.5vw,27px)}
#leads .scene-intro{color:#d3cdbf;margin:10px 0 25px}
.scene-choices{display:grid;gap:8px;margin-top:14px}
.scene-choice{display:block;min-height:44px;text-align:left;padding:10px 14px;border:1px solid #6e624f;border-radius:6px;background:#ffffff08;color:#f4efdf;font:inherit;cursor:pointer}
.scene-choice:hover:not(:disabled){border-color:#d7b568;background:#d7b56814}
.scene-choice:disabled{opacity:1;cursor:default}
.scene-choice.is-correct{border-color:#98b695;background:#234032}
.scene-choice.is-incorrect{border-color:#c78b82;background:#422826}
.scene-reveal{display:grid;grid-template-columns:clamp(82px,12vw,148px) minmax(0,1fr);gap:clamp(10px,2vw,20px);align-items:center;margin-top:18px;padding:12px;border:1px solid #806c46;border-radius:8px;background:#d7b5680b}
.scene-quiz [hidden]{display:none}
.scene-art.poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:4px}
.scene-art>.movie-wordmark img{height:auto}
.scene-story{min-width:0}
#leads .scene-feedback{color:#f3d691;margin:0 0 7px;font-size:13px}
#leads .scene-note,#leads .scene-summary p{color:#d3cdbf;margin:8px 0}
.scene-link{border:0;background:transparent;color:#f3d691;padding:5px 0;min-height:44px;text-align:left;text-decoration:underline;font:inherit;cursor:pointer}
.scene-next,.scene-summary button{margin-top:16px;min-height:44px}
.scene-quiz button:focus-visible{outline:2px solid #ffe2a0;outline-offset:3px}
@media(max-width:850px){.chemistry-layout{grid-template-columns:1fr}.scene-quiz{grid-row:1}.chemistry-photo{position:relative;top:0;max-width:550px;width:100%;margin:auto}.chemistry-photo img{height:430px;max-height:none;object-position:45% 45%}}
@media(max-width:480px){.chemistry-photo img{height:380px}.scene-reveal{align-items:start}}
