*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#06141b;color:#edf0e9;font-family:'DM Sans',Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-underline-offset:5px}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #e5c688;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}[hidden]{display:none!important}.page-nav{display:flex;justify-content:space-between;gap:24px;margin:0 auto;padding:24px 32px;max-width:1600px;font-size:13px;color:#c5d4d4}.page-intro{max-width:1500px;margin:24px auto 36px;padding:0 32px;display:grid;grid-template-columns:1fr .6fr;gap:60px;align-items:end}.eyebrow{color:#e2c38e;font-size:11px;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(34px,5vw,72px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:16px 0 0}.page-intro p:last-child{max-width:48ch;line-height:1.65;color:#adbfbe}.viewer{max-width:1500px;margin:auto;border:1px solid #b5d4d02a}.viewer-head{padding:19px 24px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #b5d4d02a;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c2d2d1}.viewer-head span:last-child{color:#b99f76}.stage{position:relative;height:clamp(440px,51vw,650px);background:#06141b;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#06141b}.cover img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.36}.cover button{z-index:1;background:#ede7d5;color:#17282e;border:0;padding:18px 28px;font-size:16px;display:flex;gap:14px;align-items:center}.cover small{z-index:1;color:#e1e9e3;font-size:13px}.controls{border-top:1px solid #b5d4d02a;padding:20px 24px;background:#0b1e27}.presets{display:flex;gap:8px;margin-bottom:22px}.presets button{padding:13px 20px;background:transparent;color:#c5d4d4;border:1px solid #5b777d;min-height:46px;font-size:14px}.presets button[aria-pressed=true]{background:#e4d5b4;color:#102028;border-color:#e4d5b4}.presets button:last-child{margin-left:auto;min-width:48px;padding:10px 15px}.presets svg{width:18px;height:18px}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:48px}.sliders label{font-size:13px;display:flex;justify-content:space-between;gap:12px;color:#c6d3d2}.sliders output{color:#e2c48b;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:32px;margin:10px 0 0;accent-color:#e2c48b;cursor:ew-resize}.part-info{padding:20px 24px;border-top:1px solid #b5d4d02a;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.part-info strong{font-size:16px;font-weight:500}.part-info p{color:#a9bebf;line-height:1.5;margin:6px 0 0;font-size:13px;max-width:70ch}.part-info select{max-width:220px;background:#102a35;color:#dce8e5;border:1px solid #54717a;padding:12px;font-size:13px}.status{margin:0;padding:0 24px 16px;color:#94aead;font-size:11px}.case-notes{max-width:1500px;margin:36px auto 64px;padding:0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.case-notes article{border-top:1px solid #45606b;padding-top:20px}.case-notes h2{font-size:20px;font-weight:400;margin:12px 0}.case-notes p{font-size:14px;line-height:1.7;color:#a9bebf}.case-scope{grid-column:1/-1;max-width:100ch;font-size:12px!important}.case-film{max-width:1100px;margin:36px auto;padding:0 24px}.case-film summary{cursor:pointer;padding:16px 0;color:#dac496;font-size:14px}.case-film video{width:100%;aspect-ratio:16/9;display:block}.embedded .page-nav,.embedded .page-intro,.embedded .case-notes,.embedded .case-film{display:none}.embedded .viewer{max-width:none;border:0}.embedded .stage{height:470px}.embedded .part-info{min-height:105px}.embedded .controls{padding-top:16px;padding-bottom:14px}.embedded .presets{margin-bottom:12px}@media(max-width:700px){.page-nav{padding:18px}.page-intro{padding:0 18px;display:block;margin:16px 0 28px}.page-intro p:last-child{font-size:15px;margin-top:22px}.viewer-head{padding:15px 16px;font-size:10px;letter-spacing:.04em}.viewer-head span:last-child{max-width:100px;text-align:right}.stage,.embedded .stage{height:390px}.controls{padding:16px}.presets{gap:5px;flex-wrap:wrap}.presets button{padding:12px 10px;font-size:12px;flex:1;white-space:nowrap}.presets button:last-child{min-width:40px;flex:0;padding:10px}.sliders{gap:16px}.sliders label{font-size:12px}.part-info{padding:18px 16px;grid-template-columns:1fr;gap:14px}.part-info select{max-width:none;width:100%;min-height:44px}.status{padding:0 16px 16px}.case-notes{padding:0 18px;grid-template-columns:1fr;gap:18px}.case-scope{grid-column:auto}.cover small{font-size:12px}.embedded .part-info{min-height:170px}}

.component-actions{display:flex;flex-direction:column;gap:8px}.component-actions button{border:1px solid #54717a;background:transparent;color:#e2c48b;padding:10px 12px;font-size:12px;min-height:40px}.part-info:has([data-clear-focus]:not([hidden])) strong{color:#f1c67c}