:root{color-scheme:dark}html{scroll-behavior:smooth}h1 em{font-style:normal;color:#d4a9e8}h1{max-width:1000px}.intro{max-width:790px}.concept-label{font-size:10px;letter-spacing:.17em;color:#b89ac6;margin:30px 0}.display-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 26px;margin:35px 0 90px}.display-card{text-decoration:none;display:block}.display-card-art{position:relative;aspect-ratio:1.7;background:#100b16;border:1px solid #39263f;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center}.display-card-art img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.display-card:hover img{transform:scale(1.025)}.display-card-art>span{position:absolute;top:15px;left:15px;color:#ecd6ef;background:#130d19df;padding:5px 8px;font-size:9px;letter-spacing:.12em;border-radius:4px}.display-card-title{display:flex;justify-content:space-between;align-items:center;margin-top:19px;gap:15px}.display-card-title h2{font-size:25px;font-weight:500;margin:0}.display-card p{color:#b9a6c4;font-size:14px;line-height:1.6;margin-top:8px}.development{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;border-top:1px solid #392b42;margin:70px 0 40px;padding-top:38px}.development .eyebrow{margin-top:0}.development h2{font-size:clamp(30px,4vw,43px);font-weight:500}.development>div>p:not(.eyebrow){color:#bdaac8;font-size:15px}.text-link{color:#dec4ec;text-decoration:none;border-bottom:1px solid #684679;padding-bottom:5px}.back-link{display:inline-block;color:#bfa2ce;font-size:13px;text-decoration:none;margin-top:22px}.reference-stage{margin:40px 0 45px;padding:0;border:1px solid #392b42;border-radius:17px;background:#100b16;overflow:hidden}.reference-image{min-height:290px;aspect-ratio:1.8;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#23152b,#09070d 75%)}.reference-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.reference-stage figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;font-size:12px;color:#bca2c9;border-top:1px solid #302137}.reference-stage figcaption a{color:#ddc1ed;text-decoration:none;white-space:nowrap}.view-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 22px 10px}.view-choices button{font:inherit;border:1px solid #493151;border-radius:8px;background:#17101d;color:#c8acd6;padding:9px 7px;cursor:pointer;min-width:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px}.view-choices button[aria-pressed=true]{border-color:#d7aceb;background:#35203e;color:#f5e5fd}.view-choices img{display:block;width:100%;height:90px;object-fit:contain}.view-choices span{font-size:12px}.reference-stage>.caption{padding:0 22px;margin:7px 0 17px;font-size:11px}#view-status{font-size:12px;color:#d3b5df;margin:0 22px 14px}#view-status:empty{display:none}.display-next{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:55px}button:focus-visible,a:focus-visible{outline:2px solid #e7c4f9;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:5;background:#24132c;padding:8px}.card h2{font-size:23px}.card p{font-size:14px}@media(max-width:700px){.display-grid{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.development{grid-template-columns:1fr;gap:8px;margin-top:50px;padding-top:28px}.reference-image{min-height:230px;aspect-ratio:1.5}.view-choices{padding:5px 12px 10px;gap:7px}.view-choices img{height:55px}.view-choices span{font-size:10px}.reference-stage figcaption{padding:15px 13px;gap:10px;font-size:10px}.reference-stage>.caption{padding:0 13px;font-size:10px}.reference-stage{margin-top:28px}.display-card-art{aspect-ratio:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.display-card-art img{transition:none}.display-card:hover img{transform:none}}