nav,.flow,.meter{display:flex;gap:clamp(10px,2vw,34px);align-items:center}nav a{font-weight:600}.navpill{background:#24202b;color:white;padding:9px 18px;border-radius:99px}.mast,.artist{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px 6vw;min-height:76svh}.mast h1,.artist h1{font:400 clamp(74px,8.6vw,168px)/.86 Georgia;letter-spacing:-.075em;margin:0}.rainbow{display:table;font:italic clamp(38px,5.2vw,92px)/1.25 Georgia;letter-spacing:-.055em;margin:8px 0;background:linear-gradient(95deg,#cf421d,#cc2c60,#663da4,#177aaf,#087f82);color:transparent;background-clip:text}.portrait{position:relative;height:clamp(380px,66vh,750px);isolation:isolate}.portrait img,.artist>img{height:100%;width:100%;object-fit:contain}.aura{position:absolute;inset:8% 0;z-index:-1;background:radial-gradient(ellipse at 68% 65%,#d8f6fa,transparent 53%),radial-gradient(ellipse at 36% 50%,#ffddd8,transparent 58%)}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dedce1;border-radius:24px;overflow:hidden}.view{align-self:start;position:sticky;top:0;background:#f3eff4}.canvas{position:relative;isolation:isolate;aspect-ratio:1.15;display:grid;place-items:center;background:radial-gradient(ellipse,#fff,#e7e1ec)}.canvas .location{object-fit:contain;z-index:-2}.lighting{position:absolute;inset:0;pointer-events:none;z-index:-1}.performer{position:absolute;height:87%;width:70%;bottom:4%}.performer img{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 5px 3px #30283c30)}.meter{padding:14px 18px;justify-content:space-between;font-size:14px}.workspace aside{min-width:0;padding:24px}#steps{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dedce1;padding-bottom:12px}#steps button,.flow>button:first-child{border:1px solid #dedce1;background:white;border-radius:50px;padding:7px 12px}#steps [aria-current=step]{background:#2a2330;color:white}.flow{justify-content:space-between;margin-top:20px}input,textarea{width:100%;padding:10px;border:1px solid #ccc4d1;border-radius:8px;font:inherit}.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}.room img{width:100%;height:auto;display:block;border-radius:12px}.room h3,.score h3{font:normal 32px Georgia;margin:15px 0 4px}.room p,.heading p,.score p{color:#635c69}.room span,.line{font-weight:bold;text-decoration:underline;text-underline-offset:5px}.line{display:inline-block;margin-top:32px}.block,.score,.end,.artist{padding:6vw}.heading{margin-bottom:30px}.heading h2,.end h2{font-size:clamp(50px,6vw,100px)}.score{background:#f5f1f6}.score>div:not(.heading){display:grid;grid-template-columns:60px 1fr 1fr;border-top:1px solid #d9cfdb;align-items:center;padding:18px 0}.artist>img{max-height:70vh}.end .cta{margin-top:24px}.all{grid-template-columns:repeat(2,1fr);row-gap:40px}dialog{max-height:85vh}dialog h3{font:24px Georgia;margin:18px 0 6px}dialog dl{margin:0}#summary dt,#summary dd{font-size:14px}button:disabled{opacity:.45}.canvas[data-theme=Disco] .lighting{background-image:repeating-conic-gradient(from 55deg at 12% 0%,transparent 0 10deg,#dac8ff60 11deg 14deg,transparent 15deg 22deg)}.canvas[data-theme=Gala] .lighting{background-image:radial-gradient(ellipse at 50% 0%,#ffecb4bb,transparent 60%)}
@media(max-width:760px){header{gap:8px}.logo span{display:none}header nav,footer nav{font-size:13px;gap:10px}.navpill{padding:7px 10px}.mast,.artist,.workspace{grid-template-columns:1fr}.mast{padding:30px 6vw 0}.portrait{height:310px}.view{position:relative}.canvas{aspect-ratio:1.35}.workspace aside{padding:16px}.rooms,.all{grid-template-columns:1fr}.score>div:not(.heading){grid-template-columns:30px 1fr}.score>div>p{grid-column:2}.artist>img{max-height:370px}.artist{gap:22px}.block,.score,.end{padding:50px 6vw}.room{margin-bottom:18px}}