@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-text: #4c4c4c;--color-background: #cbcbcb}html,body,#root{margin:0;padding:0;height:100%;background-color:var(--color-background);color:var(--color-text);font-family:ui-monospace,JetBrains Mono,monospace;overflow:hidden}main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;height:100dvh;background:var(--color-background);overflow-x:hidden;overflow-y:visible}.canvas-container{flex:1;min-height:0;width:100%}button{cursor:pointer;font-size:1rem;border-radius:.5rem;padding:.75rem 1.5rem;transition:opacity .2s ease}button:hover{background:#fff3}.lil-gui{z-index:9999!important;position:absolute!important;background-color:#000}.media-footer,.media-footer *{font-family:inherit;box-sizing:border-box}.media-footer{position:fixed;left:0;bottom:0;width:100%;color:var(--color-text, #f5f5f5);padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));z-index:30;--mf-card-width: min(40vw, 200px);container-type:inline-size;container-name:media-footer}@container media-footer (max-width: 900px) and (orientation: landscape){.media-footer{padding-bottom:.5rem}.media-footer__inner{width:100%;max-width:1400px;margin:0 auto}}@container media-footer (max-width: 510px){.media-footer{--mf-card-width: 180px}.media-footer__inner{width:100%;max-width:1400px;margin:0 auto}.media-footer__intro-heading{font-size:.6rem}.media-footer__intro-name{margin-top:.2rem;font-size:1rem;font-weight:600}.media-footer__card-media--intro{padding:.7rem}}@container media-footer (max-width: 443px){.media-footer{--mf-card-width: 150px}.media-footer__intro-heading{font-size:.55rem;line-height:1.2}.media-footer__intro-name{margin-top:.15rem;font-size:.8rem;font-weight:600;line-height:1.2}.media-footer__card-media--intro{padding:.7rem}}@container media-footer (max-width: 360px){.media-footer{--mf-card-width: 130px}.media-footer__intro-heading{font-size:.45rem;line-height:1.2}.media-footer__intro-name{margin-top:.1rem;font-size:.7rem;font-weight:600;line-height:1.2}.media-footer__card-media--intro{padding:.6rem}}@container media-footer (min-width: 510px) and (max-width: 767px){.media-footer__intro-heading{font-size:.6rem}.media-footer__intro-name{margin-top:.2rem;font-size:1rem;font-weight:600}.media-footer__card-media--intro{padding:.9rem}}@container media-footer (min-width: 768px) and (max-width: 1400px){.media-footer{--mf-card-width: 200px}.media-footer__inner{width:100%;max-width:1400px;margin:0 auto}.media-footer__intro-heading{font-size:.6rem}.media-footer__intro-name{margin-top:.2rem;font-size:1rem;font-weight:600}.media-footer__card-media--intro{padding:.9rem}}@container media-footer (min-width: 1401px) and (max-width: 1999px){.media-footer{--mf-card-width: 220px}.media-footer__inner{width:100%;max-width:none;margin:0 auto}.media-footer__intro-heading{font-size:.6rem}.media-footer__intro-name{margin-top:.2rem;font-size:1rem;font-weight:600}.media-footer__card-media--intro{padding:.9rem}}@container media-footer (min-width: 2000px){.media-footer{--mf-card-width: 220px}.media-footer__inner{width:100%;max-width:none;margin:0 auto}.media-footer__intro-heading{font-size:.7rem}.media-footer__intro-name{margin-top:.2rem;font-size:1rem;font-weight:600}.media-footer__card-media--intro{padding:.9rem}}@container media-footer (min-width: 3500px){.media-footer{--mf-card-width: 300px}.media-footer__inner{width:100%;max-width:none;margin:0 auto}.media-footer__intro-heading{font-size:1rem}.media-footer__intro-name{margin-top:.3rem;font-size:1.2rem;font-weight:600}.media-footer__card-media--intro{padding:.9rem}}.media-footer__rail{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-top:8px;margin-top:-8px;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.media-footer__rail::-webkit-scrollbar{display:none}.media-footer__expand-trigger{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;min-width:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:1rem;color:var(--color-text, #f5f5f5);cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease}.media-footer__expand-trigger:hover{border-color:#ffffff59}.media-footer__expand-arrow{font-size:1.25rem;font-weight:600;line-height:1;animation:media-footer-arrow-hint 2s ease-in-out infinite}.media-footer__expand-trigger--expanded .media-footer__expand-arrow{animation:none}@keyframes media-footer-arrow-hint{0%,to{transform:translate(0);opacity:.9}50%{transform:translate(4px);opacity:1}}.media-footer__cards-wrap{display:flex;gap:.75rem;flex-shrink:0;min-width:0;max-width:0;overflow:hidden;transition:max-width .35s ease-out}.media-footer__cards-wrap--expanded{max-width:none;overflow:visible}.media-footer__card{scroll-snap-align:start;flex:0 0 var(--mf-card-width);max-width:var(--mf-card-width);background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);padding:.6rem;display:flex;flex-direction:column;gap:.4rem;cursor:pointer;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.media-footer__card--intro{cursor:default}.media-footer__card:hover:not(.media-footer__card--intro){transform:translateY(-5px);border-color:#ffffff59}.media-footer__card-media--intro{display:flex;flex-direction:column}.media-footer__intro-heading{letter-spacing:.12em;text-transform:uppercase}.media-footer__intro-arrow{margin-top:.25rem;font-size:.8rem;opacity:.8}.media-footer__card-media{position:relative;border-radius:.9rem;overflow:hidden;aspect-ratio:16 / 9}.media-footer__card-media img,.media-footer__card-video{display:block;width:100%;height:100%;object-fit:cover}.media-footer__pill{position:absolute;left:.7rem;bottom:.7rem;padding:.2rem .6rem;background:#000c;border-radius:999px;color:#fff;font-size:.72rem}.media-footer__card-media--readmore{display:flex;align-items:center;justify-content:center;padding:1.4rem 0;background:#ffffff1f;height:100%}.media-footer__readmore-label{text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}.media-footer__modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.media-footer__modal-inner{background:#fff;border-radius:1.5rem;border:1px solid rgba(0,0,0,.12);width:min(100%,900px);max-height:80vh;overflow:auto;position:relative;padding:.5rem;color:var(--color-text, #222222)}@media(min-width:768px){.media-footer__modal-inner{width:min(80vw,900px);max-height:70vh}}.media-footer__modal-close{position:absolute;top:.5rem;right:.8rem;background:transparent;border:none;font-size:2rem;line-height:1;color:#666;cursor:pointer}.media-footer__modal-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:1rem;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.media-footer__modal-video{position:absolute;inset:0;width:100%;height:100%;border:none}.media-footer__modal-image{width:100%;border-radius:1rem;border:1px solid rgba(0,0,0,.1)}.media-footer__modal-text{font-size:.95rem;line-height:1.6;padding-top:.75rem}.media-footer__modal-text a{color:inherit;text-decoration:underline}