html.studio.noir .sp-opening.po-conversion .po-stage{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:0}html.studio.noir .sp-opening.po-conversion .po-copy{padding-block:45px 55px;padding-right:30px}html.studio.noir .sp-opening.po-conversion .po-conversion-media{align-self:center;min-height:0;margin:24px 24px 24px 0;overflow:visible}.conversion-study{--conversion-progress:0%;color:#e5e5e2;background:radial-gradient(at 60% 25%,#19202a50,#0000 57%),linear-gradient(155deg,#141411,#050606 55%,#11110f);border:1px solid #bca06a35;border-radius:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0e,0 25px 75px #0006}.cs-heading{z-index:2;justify-content:space-between;align-items:center;padding:24px 26px 0;display:flex;position:relative}.cs-kicker{letter-spacing:.18em;color:#b7a88b;font-size:12px}.cs-heading p{font:600 clamp(26px,2.5vw,38px)/1.2 var(--font-noir-display),sans-serif;letter-spacing:-.05em;margin:8px 0 0}.cs-heading p span{color:#d7b779;margin:0 8px;font-weight:400}html.studio.noir .cs-play{color:#d7c8ae;background:#171714aa;border:1px solid #b7a17b45;align-items:center;gap:8px;min-height:38px;padding:10px 13px;font-size:12px;display:flex}.cs-play:disabled{opacity:.65}.cs-viewport{isolation:isolate;height:clamp(360px,34vw,460px);position:relative}.cs-canvas,.cs-poster{position:absolute;inset:0}.cs-canvas{opacity:0;transition:opacity .7s}.cs-canvas canvas{cursor:grab;outline-offset:-5px;width:100%;height:100%;display:block}.cs-canvas canvas:active{cursor:grabbing}.cs-poster{place-items:center;transition:opacity .6s;display:grid}.cs-poster svg{width:100%;max-width:600px;height:100%}.conversion-study[data-step="0"] .cs-poster svg>g{stroke:#b58b59}.conversion-study[data-step="1"] .cs-poster svg>g{stroke:#e7c88c;stroke-dasharray:4 2}.conversion-study[data-step="2"] .cs-poster svg>g{stroke:#c1cedc}.conversion-study[data-status=ready] .cs-canvas{opacity:1}.conversion-study[data-status=ready] .cs-poster{opacity:0;pointer-events:none}.cs-drawing-label{letter-spacing:.14em;color:#d0c4b0;pointer-events:none;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;top:24px;left:26px}.cs-signal{background:#e4c68e;border-radius:50%;width:4px;height:4px;box-shadow:0 0 12px #dfbd7180}.cs-callout{pointer-events:none;background:linear-gradient(90deg,#090a0cdb,#090a0c22);border-left:1px solid #d8b77c70;padding:10px 12px;position:absolute;bottom:37px;right:22px}.cs-callout span{color:#dfc595;font-size:12px;display:block}.cs-callout small{color:#b3b3b3;font-size:12px}.cs-orbit-hint{color:#777d83;pointer-events:none;font-size:12px;position:absolute;bottom:12px;left:26px}.cs-chapters{background:#ffffff03;border:1px solid #ddbf8438;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 22px;padding:5px;display:grid;position:relative}html.studio.noir .cs-chapters button{color:#a6a6a2;text-align:left;background:0 0;border:1px solid #0000;border-radius:17px;align-items:center;gap:9px;padding:13px 7px;font-size:12px;display:flex}.cs-chapters button small{color:#a28e6a;font-size:12px}html.studio.noir .cs-chapters button[aria-pressed=true]{color:#f1e2c5;background:linear-gradient(120deg,#b89b5733,#ddcda90b);border-color:#d9bb7955;box-shadow:inset 0 1px #fff1}.cs-explanation{min-height:103px;margin:21px 26px 0}html.studio.noir .cs-explanation h2{font:600 19px/1.3 var(--font-noir-display),sans-serif;letter-spacing:-.035em;color:#ebe6dc;text-transform:none;margin:0 0 9px}.cs-explanation p{color:#a5a5a1;max-width:57ch;margin:0;font-size:12px;line-height:1.7}.cs-bottom{border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px 22px;display:flex}.cs-bottom p{color:#85857e;max-width:26ch;margin:0;font-size:12px;line-height:1.5}.cs-bottom a{color:#d4b988;font-size:12px;line-height:1.5;text-decoration:none}.cs-bottom a span{margin-left:8px;transition:translate .3s;display:inline-block}.cs-bottom a:hover span{translate:2px -2px}.cs-bottom:before{content:"";width:var(--conversion-progress);opacity:.7;background:linear-gradient(90deg,#96723d,#e4d3af);height:2px;position:absolute;bottom:0;left:0}.conversion-study:has(:focus-visible){border-color:#cbb48280}@media (max-width:1000px){html.studio.noir .sp-opening.po-conversion .po-stage{grid-template-columns:1fr;grid-template-areas:"crumbs""copy""media""foot"}html.studio.noir .sp-opening.po-conversion .po-copy{max-width:800px;padding-block:35px}html.studio.noir .sp-opening.po-conversion .po-conversion-media{margin:0 var(--d-m) 28px;height:auto;max-height:none}.cs-viewport{height:430px}.cs-explanation{min-height:85px}}@media (max-width:560px){html.studio.noir .sp-opening.po-conversion .po-conversion-media{margin-inline:16px}.conversion-study{border-radius:25px}.cs-heading{padding:19px 18px 0}.cs-kicker{font-size:12px}.cs-viewport{height:310px}.cs-chapters{gap:2px;margin-inline:12px;padding:4px}.cs-chapters button small{display:block}html.studio.noir .cs-chapters button{gap:5px;padding:12px 7px;font-size:12px}.cs-drawing-label{font-size:12px;top:20px;left:18px}.cs-callout{bottom:31px;right:14px}.cs-callout small{font-size:12px}.cs-orbit-hint{font-size:12px;bottom:9px;left:18px}.cs-explanation{min-height:120px;margin:20px 18px 16px}html.studio.noir .cs-explanation h2{font-size:18px}.cs-bottom{padding-inline:18px}.cs-bottom a{font-size:12px}}html.studio.noir .cs-play{min-height:44px;font-size:14px}html.studio.noir .cs-chapters button,html.studio.noir .cs-material-key>span,html.studio.noir .cs-scrub>div,html.studio.noir .cs-facade .cs-orbit-hint{font-size:14px}@media (max-width:760px){html.studio.noir .cs-chapters button{font-size:14px}}@media (max-width:560px){html.studio.noir .cs-chapters button{font-size:14px}}