*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#f0ece4;width:100%;height:100%;overflow:hidden}canvas.threejs{display:block;position:fixed;inset:0;width:100%!important;height:100%!important}#overlay{pointer-events:none;font-family:Inter,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}:root{--corner-inset:clamp(14px, 3vw, 36px);--content-inset:clamp(36px, 5.5vw, 56px)}.corner{width:clamp(14px,2vw,22px);height:clamp(14px,2vw,22px);position:absolute}.corner-tl{top:var(--corner-inset);left:var(--corner-inset);border-top:1.5px solid #2c2c2a;border-left:1.5px solid #2c2c2a;border-radius:3px 0 0}.corner-tr{top:var(--corner-inset);right:var(--corner-inset);border-top:1.5px solid #2c2c2a;border-right:1.5px solid #2c2c2a;border-radius:0 3px 0 0}.corner-bl{bottom:var(--corner-inset);left:var(--corner-inset);border-bottom:1.5px solid #2c2c2a;border-left:1.5px solid #2c2c2a;border-radius:0 0 0 3px}.corner-br{bottom:var(--corner-inset);right:var(--corner-inset);border-bottom:1.5px solid #2c2c2a;border-right:1.5px solid #2c2c2a;border-radius:0 0 3px}.top-bar{padding:clamp(22px, 20vw, 50px) var(--content-inset);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{flex-direction:column;gap:2px;display:flex}.brand-name{letter-spacing:3px;color:#1a1a18;text-transform:uppercase;font-size:clamp(10px,1.5vw,14px);font-weight:600}.brand-sub{letter-spacing:2px;color:#7a7568;text-transform:uppercase;font-size:clamp(8px,1vw,10px)}.top-center{align-items:center;gap:8px;display:flex;position:absolute;top:clamp(22px,4vh,40px);left:50%;transform:translate(-50%)}.status-dot{background:#3b6d11;border-radius:50%;width:5px;height:5px}.status-text{letter-spacing:2px;color:#7a7568;text-transform:uppercase;font-size:clamp(7px,1vw,9px)}.top-right{align-items:center;gap:clamp(6px,1.2vw,16px);display:flex}.tech-pill{color:#3b6d11;letter-spacing:1.5px;text-transform:uppercase;background:#eaf3de;border:.5px solid #3b6d11;border-radius:20px;padding:4px clamp(6px,1vw,10px);font-size:clamp(7px,.9vw,9px);font-weight:600}.year-tag{color:#7a7568;letter-spacing:1px;font-size:clamp(8px,1vw,10px)}.left-side{left:calc(var(--content-inset) * .4);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side-line{background:#c8c0b0;width:.5px;height:clamp(20px,4vh,44px)}.side-label{letter-spacing:2px;color:#9a9180;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;font-size:clamp(6px,.8vw,8px)}.right-side{right:calc(var(--content-inset) * .4);flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.stat-item{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.stat-val{color:#1a1a18;letter-spacing:-.5px;font-size:clamp(10px,1.5vw,14px);font-weight:600}.stat-key{letter-spacing:1.5px;color:#9a9180;text-transform:uppercase;font-size:clamp(6px,.75vw,8px)}.divider{background:#c8c0b0;width:clamp(10px,1.5vw,18px);height:.5px;margin:clamp(4px,.8vh,8px) 0}.bottom-bar{padding:clamp(22px, 20vw, 50px) var(--content-inset);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-left{flex-direction:column;gap:clamp(4px,.8vh,8px);display:flex}.headline{color:#1a1a18;letter-spacing:-.5px;font-size:clamp(18px,4vw,34px);font-weight:700;line-height:1.1}.headline span{color:#3b6d11}.tagline{color:#7a7568;letter-spacing:1.5px;text-transform:uppercase;font-size:clamp(8px,1vw,11px)}.bottom-right{flex-direction:column;align-items:flex-end;gap:clamp(6px,1.2vh,12px);display:flex}.variant-stack{flex-direction:column;align-items:flex-end;gap:clamp(4px,.8vh,8px);display:flex}.variant-row{align-items:center;gap:8px;display:flex}.variant-dot{border-radius:50%;flex-shrink:0;width:clamp(6px,1vw,9px);height:clamp(6px,1vw,9px)}.dot-white{background:#f0ece4;border:1px solid #b8b09a}.dot-green{background:#3b6d11}.variant-label{color:#5a5548;letter-spacing:1px;text-transform:uppercase;font-size:clamp(8px,1vw,10px)}.hint-row{align-items:center;gap:6px;display:flex}.hint-line{background:#b8b09a;width:clamp(16px,2.5vw,28px);height:.5px}.hint-text{color:#9a9180;letter-spacing:1.5px;text-transform:uppercase;font-size:clamp(7px,.85vw,9px)}#sound-toggle{pointer-events:auto;cursor:pointer;color:#7a7568;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;background:0 0;border:.5px solid #b8b09a;border-radius:20px;align-items:center;gap:7px;padding:5px 12px 5px 9px;font-family:inherit;font-size:clamp(7px,.85vw,9px);transition:border-color .2s,color .2s,background .2s;display:flex;position:absolute;bottom:clamp(22px,4vh,40px);left:50%;transform:translate(-50%)}#sound-toggle:hover{color:#3b6d11;border-color:#3b6d11}#sound-toggle.active{color:#3b6d11;background:#eaf3de;border-color:#3b6d11}.snd-icon{align-items:flex-end;gap:2px;height:10px;display:flex}.snd-icon span{transform-origin:bottom;background:currentColor;border-radius:1px;width:2px;transition:background .2s;display:block}.snd-icon span:first-child{height:4px}.snd-icon span:nth-child(2){height:7px}.snd-icon span:nth-child(3){height:10px}.snd-icon span:nth-child(4){height:6px}#sound-toggle.active .snd-icon span:first-child{animation:.8s ease-in-out infinite alternate bar}#sound-toggle.active .snd-icon span:nth-child(2){animation:.6s ease-in-out .1s infinite alternate bar}#sound-toggle.active .snd-icon span:nth-child(3){animation:.9s ease-in-out .2s infinite alternate bar}#sound-toggle.active .snd-icon span:nth-child(4){animation:.7s ease-in-out 50ms infinite alternate bar}@keyframes bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}#sound-toggle:not(.active) .snd-icon span{opacity:.5;height:2px!important;animation:none!important}#sound-variants{pointer-events:auto;opacity:1;flex-wrap:wrap;justify-content:center;gap:6px;max-width:90vw;transition:opacity .3s;display:flex;position:absolute;bottom:clamp(80px,8vh,120px);left:50%;transform:translate(-50%)}.variant-btn{color:#7a7568;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:.5px solid #b8b09a;border-radius:12px;padding:4px 10px;font-family:inherit;font-size:clamp(7px,.75vw,8px);transition:border-color .2s,color .2s,background .2s}.variant-btn:hover{color:#3b6d11;border-color:#3b6d11}.variant-btn.active{color:#3b6d11;background:#eaf3de;border-color:#3b6d11}#loader{z-index:1000;opacity:1;background:#f0ece4;justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;transition:opacity 1s ease-out,transform 1s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}#loader.hidden{opacity:0;pointer-events:none}.top-tag{top:var(--corner-inset);align-items:center;gap:7px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.loader-inner{text-align:center;flex-direction:column;align-items:center;gap:32px;display:flex}.brand-block{flex-direction:column;align-items:center;gap:4px;display:flex}.orb-wrap{width:100px;height:100px;position:relative}.orb-ring{border:1px solid #c8c0b0;border-radius:50%;animation:8s linear infinite orb-spin;position:absolute;inset:0}.orb-ring:before{content:"";background:#3b6d11;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.orb-ring-2{border:.5px solid #d8d0c0;border-radius:50%;animation:5s linear infinite reverse orb-spin;position:absolute;inset:12px}.orb-ring-2:before{content:"";background:#b8b09a;border-radius:50%;width:4px;height:4px;position:absolute;top:-2.5px;left:50%;transform:translate(-50%)}.orb-center{background:#eae4d8;border:.5px solid #c8c0b0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:28px}.orb-glyph{letter-spacing:-.5px;color:#3b6d11;font-size:15px;font-weight:600}@keyframes orb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-wrap{flex-direction:column;align-items:center;gap:10px;width:160px;display:flex}.progress-bar-bg{background:#d8d0c0;width:100%;height:1px;position:relative;overflow:hidden}.progress-bar-fill{background:#3b6d11;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.loader-steps{gap:6px;display:flex}.lstep{background:#d8d0c0;border-radius:50%;width:5px;height:5px;transition:background .3s,transform .3s}.lstep.done{background:#3b6d11;transform:scale(1.2)}#loader-status{letter-spacing:2px;color:#9a9180;text-transform:uppercase;font-size:9px}#enter-btn{color:#eaf3de;letter-spacing:3px;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;background:#3b6d11;border:none;border-radius:2px;padding:10px 28px;font-family:inherit;font-size:9px;font-weight:600}#enter-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#enter-btn:hover{background:#2a4d0d}#enter-btn:active{transform:scale(.97)}.loader-foot{bottom:var(--corner-inset);letter-spacing:2px;color:#b8b09a;text-transform:uppercase;white-space:nowrap;font-size:8px;position:absolute;left:50%;transform:translate(-50%)}