:root{font-family:Georgia,Times New Roman,serif;color:#302d26;background:#ede8dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header{max-width:1360px;margin:auto;padding:25px 36px;display:flex;justify-content:space-between;gap:22px;font:12px/1.4 system-ui,sans-serif;letter-spacing:.05em}header>a{text-decoration:none}nav{display:flex;gap:26px}main{max-width:1260px;margin:auto;padding:14px 32px 100px}.intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 2px 28px;flex-wrap:wrap}.eyebrow{font:10px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#786c53}.intro>.eyebrow{width:100%;margin:0}h1{font-weight:400;font-size:clamp(38px,5vw,64px);margin:0;letter-spacing:-.04em}h1 span{font-size:.4em;color:#8b7d5f;margin-left:16px;letter-spacing:.15em}.intro>p:last-child{font-size:17px;line-height:1.65;margin:0}.intro>p span{font:12px system-ui,sans-serif;color:#847660}#viewer{position:relative;background:#ded5c1;border-radius:3px;box-shadow:0 18px 55px #33281718}#stage{height:min(78svh,970px);min-height:380px;position:relative;overflow:hidden}#canvas,#fallback{display:block;width:100%;height:100%;object-fit:contain}#canvas[hidden],#fallback[hidden],[hidden]{display:none!important}#fallback{padding:24px}#loading{position:absolute;inset:auto 15px 72px;text-align:center;font:13px system-ui,sans-serif;color:#544833;text-shadow:0 1px 4px #faf4e6}button{border:1px solid #75674750;border-radius:5px;background:#f9f5eaed;color:#3c3427;font:12px/1.2 system-ui,sans-serif;padding:10px 14px;cursor:pointer;min-height:36px}button:hover{background:#fff9e9;border-color:#756747}button:focus-visible,input:focus-visible{outline:2px solid #a0642b;outline-offset:3px}button[aria-pressed=true]{background:#4a4437;color:#fff6e5}button:disabled{opacity:.45;cursor:wait}.controls{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:6px;max-width:calc(100% - 24px);width:max-content;flex-wrap:wrap;justify-content:center;z-index:3}.caption{font:11px/1.6 system-ui,sans-serif;letter-spacing:.02em;color:#7c705b;display:flex;justify-content:space-between;gap:14px;margin:16px 2px}#settings{position:absolute;right:16px;top:16px;width:min(360px,calc(100% - 32px));max-height:calc(100% - 88px);overflow:auto;overscroll-behavior:contain;background:#f7f2e7f5;backdrop-filter:blur(16px);border:1px solid #9c8e7066;box-shadow:0 8px 26px #33281724;padding:20px;border-radius:7px;z-index:4;font:12px/1.5 system-ui,sans-serif}.settings-top>label{display:block;margin-bottom:16px}output{float:right;color:#877556}input[type=range]{display:block;width:100%;accent-color:#776445;margin:8px 0 0}.settings-buttons{display:flex;gap:8px}.hint{font-size:11px;color:#8a7b65;margin-top:20px}.layer{display:flex;align-items:center;gap:8px;border-top:1px solid #bbab892e;padding:9px 0}.layer label{display:flex;align-items:center;gap:8px;flex:1}.layer input{accent-color:#776445}.layer small{display:block;color:#8b7e65}.layer button{font-size:10px;min-height:30px;padding:6px 8px}article{max-width:650px;margin:100px auto 0;scroll-margin-top:30px}h2{font-size:32px;font-weight:400;line-height:1.25}article p{font-size:18px;line-height:1.85}article .credit{font:12px/1.9 system-ui,sans-serif;color:#7e715d;border-top:1px solid #baae9255;padding-top:24px;margin-top:34px}#viewer:fullscreen,#viewer.window-full{width:100vw;height:100dvh;border-radius:0;background:#ded5c1}#viewer.window-full{position:fixed;inset:0;z-index:1000}#viewer:fullscreen #stage,#viewer.window-full #stage{height:100%;min-height:0}body.has-full{overflow:hidden}@media(max-width:700px){header{padding:19px 20px}nav{gap:14px}nav a:last-child{display:none}main{padding:5px 12px 70px}.intro{padding:10px 9px 24px;gap:13px}.intro>p:last-child{font-size:14px}#stage{height:min(74svh,calc((100vw - 24px)*1.3));min-height:360px}.controls{bottom:12px;gap:4px}button{font-size:11px;padding:9px 10px}.caption{padding:0 6px;font-size:10px;flex-direction:column;gap:3px}article{margin:68px 13px 0}article p{font-size:17px}h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}