*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#000;color:#fff;font-family:Electrolize,sans-serif;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100%;left:1rem;background:#fff;color:#000;padding:.5rem 1rem;font-size:.9rem;z-index:9999;text-decoration:none;border-radius:0 0 4px 4px;transition:top .2s}.skip-link:focus{top:0}#pm-nav{position:fixed;top:0;left:0;right:0;height:3.5rem;display:flex;align-items:center;justify-content:center;gap:2.5rem;z-index:500;background:#0000008c;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-icon{background:none;border:none;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;opacity:.35;transition:opacity .25s,transform .2s;color:#fff}.nav-icon:hover{opacity:1;transform:scale(1.12)}.nav-icon.active{opacity:1}.nav-icon:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:3px;border-radius:3px}.nav-icon svg{width:22px;height:22px;display:block}#site-title{border:none;font-family:inherit;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;pointer-events:all;z-index:400;white-space:nowrap;text-decoration:none;transition:color .2s,background .2s;cursor:pointer;text-shadow:0 1px 5px rgba(0,0,0,.75);background:#0006;padding:.4rem 1rem;border-radius:999px}#site-title:hover{color:#ffffffb3}#site-title:focus{outline:1px solid rgba(255,255,255,.4);outline-offset:4px}#site-title:before,#site-title:after{content:"";position:absolute;bottom:90%;left:50%;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#ffffff80,#fff0 70%);opacity:0;pointer-events:none;filter:blur(2px)}#site-title:before{transform:translate(-14px) scale(.6)}#site-title:after{transform:translate(8px) scale(.4)}#site-title:hover:before{animation:pm-smoke-a 2.6s ease-out infinite}#site-title:hover:after{animation:pm-smoke-b 2.6s ease-out .9s infinite}@keyframes pm-smoke-a{0%{opacity:0;transform:translate(-14px) scale(.5)}15%{opacity:.5}to{opacity:0;transform:translate(-22px,-32px) scale(1.8);filter:blur(5px)}}@keyframes pm-smoke-b{0%{opacity:0;transform:translate(8px) scale(.35)}15%{opacity:.4}to{opacity:0;transform:translate(16px,-26px) scale(1.5);filter:blur(4px)}}@media(prefers-reduced-motion:reduce){#site-title:before,#site-title:after{display:none}}#landing{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:3.5rem;padding-bottom:4.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}#scene-previews{list-style:none;margin:0;display:flex;gap:3rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:1rem}#landing-textlink{position:fixed;bottom:1.35rem;left:1.4rem;margin:0;z-index:310}#landing-textlink a{font-family:Times New Roman,serif;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff52;text-decoration:none;transition:color .4s ease}#landing-textlink a:hover,#landing-textlink a:focus{color:#ffffffb8}@media(max-width:600px){#landing-textlink{bottom:3.4rem}}.preview-wrapper{display:flex;align-items:center;justify-content:center}.preview-container{background:none;border:none;font:inherit;display:block;width:320px;height:320px;cursor:pointer;border-radius:50%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;contain:paint;clip-path:circle(50%)}.preview-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle closest-side,transparent 100%,#000 100%)}.preview-container:hover{transform:scale(1.04);box-shadow:0 0 40px #ffffff14}.preview-container:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:4px}.preview-container canvas{width:100%!important;height:100%!important;border-radius:50%}#experience-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000811;z-index:300;opacity:0;pointer-events:none;transition:opacity .6s ease;padding-top:3.5rem}#experience-overlay.active{opacity:1;pointer-events:all}#experience-overlay.butterfly-bg{background:#000}#experience-container{width:100%;height:100%;position:relative;overflow:hidden}#experience-container canvas{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:600px){#butterfly-exp-label{font-size:.85rem!important;letter-spacing:.15em!important;white-space:normal!important;text-align:center!important;width:90vw!important;bottom:5rem!important;left:5vw!important;transform:none!important;line-height:1.6!important}#butterfly-hint{font-size:.5rem!important;top:4.5rem!important;right:1rem!important}}.pm-jumplist{position:fixed;top:0;left:0;z-index:320;list-style:none;margin:0;padding:0}.pm-jumplist button{position:fixed;top:-100%;left:1rem;background:#fff;color:#000;font:inherit;font-size:.85rem;border:none;padding:.6rem 1rem;max-width:min(80vw,26rem);text-align:left;border-radius:0 0 4px 4px;cursor:pointer}.pm-jumplist button:focus{top:3.5rem;outline:2px solid #000;outline-offset:-2px}#experience-close:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:4px}@media(prefers-reduced-motion:reduce){.preview-container,#experience-overlay{transition:none}.preview-container:hover{transform:none}.nav-icon{transition:none}.nav-icon:hover{transform:none}}@media(max-width:768px){#scene-previews{gap:2rem}.preview-container{width:240px;height:240px}}@media(max-width:480px){#scene-previews{gap:1.5rem;flex-direction:column;padding:1rem 1rem 3rem}.preview-container{width:200px;height:200px}#pm-nav{gap:.5rem}#landing{align-items:flex-start}}