.demo-title{font-size:clamp(3.2rem,9vw,9rem);line-height:.92;letter-spacing:-.06em;font-weight:var(--w-d);max-width:12ch;margin:.35em 0;color:var(--demo-accent)}
.demo-intro{max-width:58ch;margin:1.5em 0 0}
.demo-art{margin:0;position:relative}
.demo-art img{width:100%;height:auto;display:block;border:1px solid #35383d}
.demo-art figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:#BFC3C8;font-size:.85rem}
.walk{padding:clamp(40px,7vw,90px) 0}
.walk-steps{display:flex;gap:2rem;border-bottom:1px solid #42464c}
.walk-step{flex:1;background:none;border:0;color:#9CA1A8;text-align:left;padding:0 0 1.5rem;cursor:pointer;border-bottom:3px solid transparent;min-height:100px;font:inherit}
.walk-step span{display:block;margin-bottom:.8rem}.walk-step b{font-size:clamp(1.2rem,2.2vw,2rem);font-weight:var(--w-d2);line-height:1.15}
.walk-step[aria-pressed=true]{color:var(--demo-accent);border-bottom-color:var(--demo-accent)}
.walk-copy{min-height:4.5em;max-width:62ch;margin:1.5rem 0 0}
.demo-interaction{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);padding:clamp(30px,5vw,70px);background:radial-gradient(ellipse at 0 0,#20242b,transparent 75%),#0B0D10;border:1px solid #363A40}
.demo-interaction h2{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:var(--w-d);line-height:.96;letter-spacing:-.04em;margin:.5em 0}.demo-interaction .m{color:var(--demo-accent)}
.demo-interaction label{display:block;font-size:.9rem;margin-bottom:.7rem;color:#D5D7DB}
.demo-interaction select{width:100%;font:inherit;font-size:16px;padding:1rem;margin:0 0 1.5rem;background:#15191e;color:white;border:1px solid #6C727B;border-radius:0}
.demo-interaction button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;border:0;background:var(--demo-accent);color:#111;font:inherit;font-weight:var(--w-b2);cursor:pointer}
.demo-interaction button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
#demoResult{font-size:1rem;line-height:1.5;color:#DFE1E5;min-height:4.5em}
.demo-close{margin:4rem 0}
@media(max-width:760px){.walk-steps{gap:1rem}.walk-step b{font-size:1.08rem}.demo-interaction{grid-template-columns:1fr;padding:24px}.walk-copy{min-height:8em}.demo-title{font-size:17vw}.demo-art{margin:0 calc(var(--gut)*-1)}.demo-art figcaption{padding:16px var(--gut)}}