:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080909;color:#e9e7df}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{overflow:hidden}main{position:relative;width:100%;height:100svh;min-height:360px;isolation:isolate;overflow:hidden;background:#080909}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,#323029 0%,#151819 30%,#080909 68%)}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#scene{opacity:0;animation:emerge 4s ease 0.2s forwards}#fog{opacity:.78;mix-blend-mode:screen}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 15%,#08090935 62%,#080909dc 100%);pointer-events:none}header,footer{position:absolute;left:4.1%;right:4.1%;display:flex;align-items:center;justify-content:space-between;z-index:3}header{top:max(36px,env(safe-area-inset-top));}.mark{font-size:17px;font-weight:600;letter-spacing:-1px}.edition{font:10px/1.5 monospace;letter-spacing:2.8px;color:#8f918c}.identity{position:absolute;left:0;right:0;top:43%;text-align:center;z-index:2;transform:translateY(-50%);animation:reveal 3.4s ease both}.identity h1{font-size:clamp(72px,15vw,230px);font-weight:500;letter-spacing:-.075em;line-height:.9;margin:0 .075em 0 0;color:#eeeee6;text-shadow:0 2px 40px #0002}.identity p{font-size:12px;letter-spacing:2.6px;margin:34px 0 0;color:#b6b8b1}footer{bottom:max(32px,env(safe-area-inset-bottom));}.signature{display:flex;gap:4px;align-items:center;height:20px}.signature i{width:2px;height:8px;background:#858980}.signature i:nth-child(2){height:16px}.signature i:nth-child(3){height:11px}button{font:11px Arial,sans-serif;letter-spacing:1.2px;background:transparent;color:#a3a59f;border:0;padding:12px 0 12px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px}button:hover{color:#fff}button:focus-visible{outline:1px solid #ddd;outline-offset:8px}.pause{font-size:15px;letter-spacing:-2px;width:12px}.button-text{font-size:11px}@keyframes emerge{from{opacity:0}to{opacity:1}}@keyframes reveal{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@media(max-width:600px){header,footer{left:7%;right:7%}.edition{font-size:9px;letter-spacing:1.7px}.identity{top:43%}.identity h1{font-size:25vw}.identity p{font-size:11px;margin-top:27px}.button-text{font-size:10px}}@media(prefers-reduced-motion:reduce){#scene,.identity{animation:none;opacity:1}}