body{margin:0;overflow:hidden;height:100vh}#main-layout{display:flex;width:100vw;height:100vh;flex-direction:row;padding-top:100px;padding-bottom:80px;box-sizing:border-box}#viewer-container{flex:1 0 100%;background:radial-gradient(circle at center,#fff9bc 47%,#fcf497 70%);position:relative;overflow:hidden;transition:flex 1s ease}#viewer-container.shrink{flex:0 0 30%}#circle-background{position:absolute;top:52%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:#fefede;border-radius:50%;pointer-events:none;z-index:1;animation:pulseGlow 5.5s ease-in-out infinite;filter:blur(2px)}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(.95);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.65}}#three-canvas{width:100%;height:100%;display:block;position:relative;z-index:2}@keyframes popFromCharacter{0%{opacity:0;transform:scale(.3) translateY(50px)}60%{opacity:1;transform:scale(1.15) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}#welcome-btn{position:absolute;top:20%;left:38%;background-color:#fffc;border:none;padding:1em 2em;border-radius:1em;font-family:ador-hairline,sans-serif;font-weight:700;font-style:normal;font-size:1.4rem;cursor:pointer;z-index:10;opacity:0;animation:popFromCharacter .9s ease-out forwards;animation-delay:1s}#description-panel{display:none;flex:0 0 0%;background:#f8f9fa;padding:2rem;box-shadow:-2px 0 5px #0000001a;flex-direction:column;justify-content:center;transition:flex 1s ease}#description-panel.visible{display:flex;flex:0 0 70%}#header{position:fixed;top:0;width:100%;height:120px;background:#fff;display:flex;justify-content:center;align-items:flex-start;padding-top:7px;padding-bottom:6px;z-index:20;border-bottom:1px solid #ccc}#header h1{font-family:joanna-nova,sans-serif;font-weight:900;font-style:normal;font-size:3.6rem;letter-spacing:.1em;margin:0}#footer{position:fixed;bottom:0;width:100%;height:80px;background:#fff;display:flex;justify-content:center;align-items:center;border-top:1px solid #ccc}#footer nav{display:flex;gap:8rem}#footer nav a{text-decoration:none;color:#000;font-family:joanna-nova,sans-serif;font-weight:900;font-style:normal;font-size:1.8rem}#footer nav a:hover{color:#c99b3d}