:root{color-scheme:dark;background:#130e19;color:#f4e8e0;font:14px Arial,Helvetica,sans-serif;--rule:#483643;--soft:#baaaaF}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}header{height:104px;margin:0 3.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.brand{font:43px Georgia,serif;letter-spacing:-2px}header>span{font:9px/1.8 ui-monospace,monospace;letter-spacing:.12em}.header-note{text-align:right}main{margin:0 3.2vw}.gallery{position:relative;height:min(69vw,710px);min-height:510px;overflow:hidden}#light,#still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#light{opacity:0;touch-action:pan-y}.live #light{opacity:1}.live #still{visibility:hidden}.title{position:absolute;left:3.5%;top:22%;pointer-events:none}.title>p{font:9px/1.6 ui-monospace,monospace;letter-spacing:.14em;color:var(--soft)}h1{font-weight:400;font-size:clamp(66px,7.5vw,122px);letter-spacing:-.065em;line-height:.92;margin:25px 0 32px}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.title #gesture{font-size:11px;line-height:1.7;letter-spacing:.025em;max-width:180px}.vertical{position:absolute;left:0;top:40%;writing-mode:vertical-rl;transform:rotate(180deg);font:8px ui-monospace,monospace;letter-spacing:.2em;color:#a18da1}.caption{position:absolute;bottom:30px;right:2.5%;text-align:right;pointer-events:none}.caption>span{font:12px ui-monospace,monospace;color:#c4a19f}.caption h2{font:28px Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:10px 0}.caption p{font-size:11px;color:var(--soft);margin:0}.fallback-note{position:absolute;bottom:15px;left:4%;max-width:250px;font:11px/1.6 ui-monospace,monospace;color:#f4e8e0;background:#211626;padding:10px}fieldset{padding:0;margin:0;border:0;min-width:0}.studies{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--rule)}.studies button{display:flex;align-items:center;gap:22px;background:none;border:0;text-align:left;padding:25px 28px;font:22px Georgia,serif;position:relative}.studies button+button{border-left:1px solid var(--rule)}.studies span{font:10px ui-monospace,monospace;color:var(--soft)}.studies i{margin-left:auto;font:20px Arial;font-style:normal;color:var(--soft)}.studies button[aria-pressed=true]{background:#2a1d2c}.studies button[aria-pressed=true]:after{content:'';height:2px;background:linear-gradient(90deg,#bd82e8,#e8c499,#a4d7cd);position:absolute;bottom:0;inset-inline:0}.instruments{display:flex;justify-content:flex-end;gap:48px;padding:28px 25px}.instruments label{width:225px;font:10px ui-monospace,monospace;color:var(--soft)}.instruments label>span{display:flex;justify-content:space-between}.instruments output{color:#f4e8e0}.instruments input{width:100%;height:25px;margin-top:11px;accent-color:#d8bfc2;cursor:ew-resize}.instruments button{background:none;border:1px solid var(--rule);padding:0 18px;min-width:160px;min-height:48px;font-size:11px;align-self:center;display:flex;justify-content:space-between;gap:20px;align-items:center}.instruments button[aria-pressed=true]{background:#362338}footer{margin:0 3.2vw;padding:18px 0 28px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;font:8px/1.7 ui-monospace,monospace;letter-spacing:.04em;color:var(--soft)}footer>span:nth-child(2){text-transform:none;font-size:10px}button:hover{background:#312432}button:focus-visible,input:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #d1b0e5;outline-offset:4px}.no-js{padding:20px;color:var(--soft);font-size:12px}fieldset:disabled{opacity:.4}@media(min-width:1700px){.gallery{height:780px}}@media(max-width:700px){header{height:86px;margin:0 20px}.brand{font-size:36px}.header-note{display:none}header>span{font-size:8px;text-align:right}main{margin:0 15px}.gallery{height:640px;min-height:0}.title{top:25px;left:10px}.title>p{font-size:8px}.title h1{font-size:70px;line-height:.9;margin:16px 0}.title #gesture{position:absolute;top:177px;font-size:9px;width:145px}.vertical{display:none}.caption{right:10px;bottom:22px}.caption h2{font-size:25px}.caption p{font-size:10px}.studies button{padding:18px 10px;gap:8px;font-size:16px;flex-wrap:wrap}.studies span{font-size:8px;display:block;width:100%}.studies i{display:none}.instruments{display:grid;grid-template-columns:1fr 1fr;padding:24px 8px;gap:20px}.instruments label{width:auto;font-size:9px}.instruments button{grid-column:1/-1;width:100%;min-height:44px}footer{flex-wrap:wrap;gap:8px;margin:0 23px;font-size:7px}footer>span:nth-child(2){font-size:9px;order:3;width:100%}.fallback-note{bottom:115px;max-width:200px;font-size:9px}}