*{box-sizing:border-box}body{margin:0;background:#e8e5df;color:#303532;font-family:Arial,Helvetica,sans-serif}#viewer{height:100vh;min-height:540px;position:relative;overflow:hidden}#scene{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}header{position:absolute;top:44px;left:56px;right:56px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.brand{font-weight:700}.edition{color:#666e67}.intro{position:absolute;top:26%;left:56px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:3px;color:#747a70;margin-bottom:25px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,72px);line-height:1.06;letter-spacing:-2px;margin:0 0 24px}.description{font-size:14px;line-height:1.8;color:#757a73}.state-note{position:absolute;left:56px;bottom:166px;font-size:11px;letter-spacing:2px}.state-note p{color:#747a70;letter-spacing:0;font-size:13px}.states{position:absolute;bottom:86px;left:50%;transform:translate(-50%);display:flex;background:#f7f6f1e0;padding:6px;border:1px solid #ffffff90;border-radius:5px;box-shadow:0 4px 30px #30352c09}button{font:11px Arial,sans-serif;letter-spacing:1.3px;color:#555d53;cursor:pointer;border:0;background:transparent;padding:17px 26px;transition:background .2s,color .2s;border-radius:3px}button:hover{background:#dedfd5}button[aria-pressed=true]{background:#3c4a3e;color:#fff}button:focus-visible{outline:2px solid #506d50;outline-offset:3px}.views{position:absolute;right:54px;top:45%;display:flex;flex-direction:column;align-items:flex-end}.views button{padding:12px 14px;font-size:10px}.views span{width:26px;border-top:1px solid #a9afa4;margin:15px 14px}footer{position:absolute;bottom:33px;left:56px;right:56px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#747b70}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#e8e5df;letter-spacing:2px;font-size:13px}#loading[hidden]{display:none}@media(max-width:900px){header{top:25px;left:25px;right:25px}.intro{left:25px;top:17%}h1{font-size:36px}.description{display:none}.state-note{left:25px;bottom:162px}.views{right:15px;top:25%}footer{left:25px;right:25px;font-size:8px}footer span:last-child{display:none}.states button{padding:16px}}